@charset "UTF-8";

/*!--------------------
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=DM+Serif+Display&family=Inter:wght@300;400;500;600;700&display=swap");

:root {
  /* =========================
       MAHADIVRA BRAND COLORS
       ========================= */
  --black: #000000;
  --white: #ffffff;

  /* Primary Brand Blue */
  --ul-primary: #159bc7;

  /* Dark / Navigation Blue */
  --ul-nav: #08779f;

  /* Gold Accent */
  --ul-secondary: #e5b82e;

  /* Light Gold Background */
  --ul-c3: #fff9e8;

  /* Soft Background */
  --ul-c4: #f8fafc;

  /* Dark Gold */
  --ul-c5: #c99516;

  /* Main Dark Text */
  --ul-black: #172b3a;

  /* Paragraph Text */
  --ul-p: #64748b;

  /* General Gray */
  --ul-gray: #64748b;

  /* Border Gray */
  --ul-gray2: #d2d2d1;

  /* Light Gray Background */
  --ul-gray3: #f4f7f9;

  /* Brand Gradient */
  --ul-gradient: linear-gradient(
    90deg,
    var(--ul-primary) 0%,
    var(--ul-nav) 100%
  );

  /* =========================
       MAHADIVRA TYPOGRAPHY
       ========================= */

  /* Headings */
  --font-primary: "DM Serif Display", serif;

  /* Body / Navigation */
  --font-quicksand: "Inter", sans-serif;

  /* Accent / Small Text */
  --font-caveat: "Inter", sans-serif;
}

html {
  overflow-x: hidden;
}

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

button,
input,
select,
textarea {
  font-family: var(--font-primary);
}

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: var(--ul-primary);
}

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;
}

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

/* 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(30px, 2.31vw, 100px) -1;
  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;
  font-size: 17px;
  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;
  text-align: center;
  position: relative;
  z-index: 1;
}

.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: white;
  transition: all 0.5s;
}

.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 {
  width: 100vh !important;
  height: 100vh !important;

  align-items: end !important;
  justify-content: end !important;
  z-index: 1;
}

.banner-2 {
  width: 100%;
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;
}

@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-family: var(--font-quicksand);
  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(23px, 1.29vw, 23px);
  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);
  display: flex;
  align-items: center;
  gap: clamp(20px, 2.1vw, 40px);
}

.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: 0;
  flex-shrink: 0;
}

.ul-contact-info .txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}

.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 */

/* aman css styling starts from here */
/* =========================================================
   MAHADIVRA FOUNDATION - PREMIUM TOPBAR
========================================================= */

.ul-top-header-news {
  width: 100%;
  height: 42px;
  background: var(--ul-black);
  border-bottom: 1px solid rgba(229, 184, 46, 0.35);
  overflow: hidden;
  position: relative;
  z-index: 9999;
}

.ul-topbar {
  height: 42px;
  display: flex;
  align-items: center;
  width: 100%;
}

/* =========================================================
   PHONE
========================================================= */

.ul-topbar-contact {
  flex: 0 0 auto;

  display: flex;
  align-items: center;
  gap: 8px;

  padding-right: 24px;

  white-space: nowrap;

  font-family: var(--font-quicksand);
  font-size: 12px;
  font-weight: 600;
}

.ul-topbar-contact i {
  color: var(--ul-primary);
  font-size: 11px;
}

.ul-topbar-contact a {
  color: rgba(255, 255, 255, 0.92);
  text-decoration: none;

  transition: color 0.3s ease;
}

.ul-topbar-contact a:hover {
  color: var(--ul-secondary);
}

/* =========================================================
   MARQUEE
========================================================= */

.ul-topbar-marquee {
  flex: 1;
  min-width: 0;

  height: 100%;

  display: flex;
  align-items: center;

  overflow: hidden;

  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);

  position: relative;
}

/* Fade edges */

.ul-topbar-marquee::before,
.ul-topbar-marquee::after {
  content: "";

  position: absolute;
  top: 0;

  width: 40px;
  height: 100%;

  z-index: 2;

  pointer-events: none;
}

.ul-topbar-marquee::before {
  left: 0;

  background: linear-gradient(90deg, var(--ul-black), transparent);
}

.ul-topbar-marquee::after {
  right: 0;

  background: linear-gradient(270deg, var(--ul-black), transparent);
}

/* Moving content */

.ul-topbar-marquee-track {
  display: flex;
  align-items: center;

  width: max-content;

  white-space: nowrap;

  animation: mahadivraTopbar 30s linear infinite;

  will-change: transform;
}

/* Text */

.ul-topbar-marquee-track span {
  display: inline-block;

  padding: 0 12px;

  color: rgba(255, 255, 255, 0.82);

  font-family: var(--font-quicksand);
  font-size: 11px;
  font-weight: 500;

  letter-spacing: 0.25px;
}

/* Gold separators */

.ul-topbar-marquee-track b {
  color: var(--ul-secondary);

  font-size: 10px;
  font-weight: 400;
}

/* Animation */

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

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

/* Pause on hover */

.ul-topbar-marquee:hover .ul-topbar-marquee-track {
  animation-play-state: paused;
}

/* =========================================================
   RIGHT CTA
========================================================= */

.ul-topbar-action {
  flex: 0 0 auto;

  padding-left: 24px;
}

.ul-topbar-action a {
  display: inline-flex;
  align-items: center;
  gap: 7px;

  color: var(--ul-secondary);

  font-family: var(--font-quicksand);
  font-size: 11px;
  font-weight: 700;

  text-decoration: none;

  white-space: nowrap;

  transition: all 0.3s ease;
}

.ul-topbar-action i {
  font-size: 9px;

  transition: transform 0.3s ease;
}

.ul-topbar-action a:hover {
  color: var(--white);
}

.ul-topbar-action a:hover i {
  transform: translateX(3px);
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {
  .ul-topbar-contact {
    padding-right: 16px;
  }

  .ul-topbar-action {
    padding-left: 16px;
  }

  .ul-topbar-marquee-track span {
    font-size: 10px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
  .ul-top-header-news {
    height: 36px;
  }

  .ul-topbar {
    height: 36px;
  }

  /* Hide phone on mobile */
  .ul-topbar-contact {
    display: none;
  }

  /* Hide CTA on mobile */
  .ul-topbar-action {
    display: none;
  }

  /* Full width marquee */
  .ul-topbar-marquee {
    border: none;
    width: 100%;
  }

  .ul-topbar-marquee-track span {
    padding: 0 9px;

    font-size: 10px;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
  .ul-top-header-news {
    height: 34px;
  }

  .ul-topbar {
    height: 34px;
  }

  .ul-topbar-marquee-track span {
    font-size: 9px;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
  .ul-topbar-marquee-track {
    animation: none;
  }
}

/* navbar styling starts from here */
/* ============================================================
   MAHADIVRA FOUNDATION
   FINAL PREMIUM NAVBAR OVERRIDE
   Paste this at the VERY BOTTOM of your CSS file.
============================================================ */

/* ============================================================
   1. VARIABLES
============================================================ */

:root {
  --mah-blue: #0796bd;
  --mah-blue-dark: #08799b;
  --mah-blue-light: #eaf8fc;

  --mah-gold: #e5b52d;
  --mah-gold-dark: #c99718;
  --mah-gold-light: #fff8df;

  --mah-dark: #172632;
  --mah-text: #263641;
  --mah-muted: #66747d;

  --mah-white: #ffffff;

  --mah-border: rgba(23, 38, 50, 0.09);
}

/* ============================================================
   2. HEADER RESET
============================================================ */

.ul-header {
  position: relative !important;

  width: 100% !important;

  z-index: 9999 !important;

  margin: 0 !important;

  padding: 0 !important;
}

/* ============================================================
   3. NAVBAR
============================================================ */

.ul-header .ul-header-bottom {
  position: relative !important;

  width: 100% !important;

  height: 84px !important;

  min-height: 84px !important;

  background: rgba(255, 255, 255, 0.97) !important;

  border: 0 !important;

  border-bottom: 1px solid var(--mah-border) !important;

  box-shadow: 0 5px 25px rgba(23, 38, 50, 0.055) !important;

  backdrop-filter: blur(14px) !important;

  -webkit-backdrop-filter: blur(14px) !important;

  transform: none !important;

  animation: none !important;
}

/* ============================================================
   4. NAVBAR CONTAINER
============================================================ */

.ul-header .ul-header-bottom-wrapper {
  width: 100% !important;

  height: 84px !important;

  min-height: 84px !important;

  display: flex !important;

  align-items: center !important;

  gap: 0 !important;

  padding-top: 0 !important;

  padding-bottom: 0 !important;
}

/* ============================================================
   5. LOGO
============================================================ */

.ul-header .logo-container {
  position: relative !important;

  z-index: 10 !important;

  flex: 0 0 auto !important;

  width: auto !important;

  min-width: 165px !important;

  max-width: 190px !important;

  height: 100% !important;

  margin: 0 !important;

  padding: 0 !important;

  display: flex !important;

  align-items: center !important;

  justify-content: flex-start !important;

  background: transparent !important;

  box-shadow: none !important;
}

/* Remove old logo pseudo elements */

.ul-header .logo-container::before,
.ul-header .logo-container::after {
  display: none !important;

  content: none !important;
}

/* Logo link */

.ul-header .ul-brand-link {
  position: relative !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: auto !important;

  height: auto !important;

  min-height: 0 !important;

  padding: 0 !important;

  margin: 0 !important;

  border: 0 !important;

  border-radius: 0 !important;

  background: transparent !important;

  filter: none !important;

  text-decoration: none !important;
}

/* Logo */

.ul-header .ul-logo-image {
  display: block !important;

  width: auto !important;

  max-width: 158px !important;

  height: auto !important;

  max-height: 78px !important;

  object-fit: contain !important;

  border: 0 !important;

  border-radius: 0 !important;

  background: transparent !important;

  box-shadow: none !important;

  transition: transform 0.3s ease !important;
}

/* Logo hover */

.ul-header .ul-brand-link:hover .ul-logo-image {
  transform: translateY(-1px) !important;
}

/* ============================================================
   6. NAVIGATION WRAPPER
============================================================ */

.ul-header .ul-header-nav-wrapper {
  flex: 1 1 auto !important;

  min-width: 0 !important;

  width: auto !important;

  height: 100% !important;

  margin: 0 !important;

  padding: 0 !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;
}

/* ============================================================
   7. NAVIGATION
============================================================ */

.ul-header .ul-header-nav {
  width: auto !important;

  height: 100% !important;

  min-width: 0 !important;

  margin: 0 !important;

  padding: 0 !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: clamp(16px, 1.55vw, 30px) !important;

  white-space: nowrap !important;
}

/* ============================================================
   8. NAV LINKS
============================================================ */

.ul-header .ul-header-nav > a {
  position: relative !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  height: 84px !important;

  min-height: 84px !important;

  padding: 0 2px !important;

  margin: 0 !important;

  border: 0 !important;

  background: transparent !important;

  color: var(--mah-text) !important;

  font-family: "Quicksand", sans-serif !important;

  font-size: 14px !important;

  font-weight: 600 !important;

  line-height: 1 !important;

  letter-spacing: 0.15px !important;

  text-transform: none !important;

  text-decoration: none !important;

  opacity: 1 !important;

  transition: color 0.25s ease !important;
}

/* ============================================================
   9. NAV LINK HOVER
============================================================ */

.ul-header .ul-header-nav > a:hover {
  color: var(--mah-blue) !important;
}

/* ============================================================
   10. PREMIUM UNDERLINE
============================================================ */

.ul-header .ul-header-nav > a::after {
  content: "" !important;

  position: absolute !important;

  left: 50% !important;

  bottom: 25px !important;

  width: 0 !important;

  height: 2.5px !important;

  border: 0 !important;

  border-radius: 10px 10px 0 0 !important;

  background: var(--mah-gold) !important;

  transform: translateX(-50%) !important;

  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Hover underline */

.ul-header .ul-header-nav > a:hover::after {
  width: 24px !important;
}

/* Active */

.ul-header .ul-header-nav > a.active {
  color: var(--mah-blue) !important;
}

/* Active underline */

.ul-header .ul-header-nav > a.active::after {
  width: 30px !important;
}

/* ============================================================
   11. NAV LINK MICRO ANIMATION
============================================================ */

.ul-header .ul-header-nav > a {
  transition:
    color 0.25s ease,
    transform 0.25s ease !important;
}

.ul-header .ul-header-nav > a:hover {
  transform: translateY(-1px) !important;
}

/* ============================================================
   12. HEADER ACTIONS
============================================================ */

.ul-header .ul-header-actions {
  flex: 0 0 auto !important;

  display: flex !important;

  align-items: center !important;

  justify-content: flex-end !important;

  gap: 10px !important;

  margin: 0 0 0 18px !important;

  padding: 0 !important;
}

/* ============================================================
   13. DONATE BUTTON
============================================================ */

.ul-header .mahadivra-donate-btn {
  position: relative !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 0 !important;

  width: auto !important;

  min-width: 132px !important;

  height: 46px !important;

  min-height: 46px !important;

  padding: 0 9px !important;

  margin: 0 !important;

  overflow: hidden !important;

  border: 1px solid var(--mah-gold) !important;

  border-radius: 8px !important;

  background: var(--mah-gold) !important;

  color: var(--mah-dark) !important;

  font-family: "Quicksand", sans-serif !important;

  font-size: 13px !important;

  font-weight: 700 !important;

  letter-spacing: 0.3px !important;

  text-decoration: none !important;

  box-shadow: 0 7px 18px rgba(201, 151, 24, 0.18) !important;

  transform: translateY(0) !important;

  transition:
    background 0.3s ease,
    border-color 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease !important;
}

/* ============================================================
   14. DONATE SHINE
============================================================ */

.ul-header .mahadivra-donate-btn::before {
  content: "" !important;

  position: absolute !important;

  top: 0 !important;

  left: -130% !important;

  width: 65% !important;

  height: 100% !important;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.45),
    transparent
  ) !important;

  transform: skewX(-20deg) !important;

  transition: left 0.65s ease !important;

  pointer-events: none !important;
}

/* Shine hover */

.ul-header .mahadivra-donate-btn:hover::before {
  left: 150% !important;
}

/* ============================================================
   15. DONATE HOVER
============================================================ */

.ul-header .mahadivra-donate-btn:hover {
  background: var(--mah-gold-dark) !important;

  border-color: var(--mah-gold-dark) !important;

  color: #ffffff !important;

  transform: translateY(-2px) !important;

  box-shadow: 0 12px 25px rgba(201, 151, 24, 0.28) !important;
}

/* ============================================================
   16. DONATE ICON
============================================================ */

.ul-header .mahadivra-donate-icon {
  position: relative !important;

  z-index: 2 !important;

  width: 32px !important;

  height: 32px !important;

  flex: 0 0 32px !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  margin: 0 !important;

  padding: 0 !important;

  border-radius: 7px !important;

  background: rgba(255, 255, 255, 0.32) !important;

  color: var(--mah-dark) !important;

  font-size: 12px !important;

  transition:
    transform 0.3s ease,
    background 0.3s ease,
    color 0.3s ease !important;
}

/* Icon hover */

.ul-header .mahadivra-donate-btn:hover .mahadivra-donate-icon {
  transform: scale(1.08) rotate(-4deg) !important;

  background: rgba(255, 255, 255, 0.42) !important;

  color: #ffffff !important;
}

/* ============================================================
   17. DONATE TEXT
============================================================ */

.ul-header .mahadivra-donate-text {
  position: relative !important;

  z-index: 2 !important;

  display: inline-block !important;

  margin: 0 10px !important;

  padding: 0 !important;

  color: inherit !important;

  font-size: 13px !important;

  font-weight: 700 !important;

  line-height: 1 !important;

  text-transform: uppercase !important;

  letter-spacing: 0.6px !important;
}

/* ============================================================
   18. DONATE ARROW
============================================================ */

.ul-header .mahadivra-donate-arrow {
  position: relative !important;

  z-index: 2 !important;

  width: 26px !important;

  height: 26px !important;

  flex: 0 0 26px !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  margin: 0 !important;

  border-radius: 50% !important;

  background: rgba(255, 255, 255, 0.22) !important;

  color: inherit !important;

  font-size: 9px !important;

  transition:
    transform 0.3s ease,
    background 0.3s ease !important;
}

/* Arrow hover */

.ul-header .mahadivra-donate-btn:hover .mahadivra-donate-arrow {
  transform: translateX(4px) !important;

  background: rgba(255, 255, 255, 0.38) !important;
}

/* ============================================================
   19. MOBILE MENU BUTTON
============================================================ */

.ul-header .mahadivra-mobile-menu {
  position: relative !important;

  width: 44px !important;

  height: 44px !important;

  min-width: 44px !important;

  min-height: 44px !important;

  padding: 0 !important;

  margin: 0 !important;

  display: none !important;

  flex-direction: column !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 5px !important;

  border: 1px solid var(--mah-blue) !important;

  border-radius: 8px !important;

  background: var(--mah-blue) !important;

  color: #ffffff !important;

  cursor: pointer !important;

  box-shadow: 0 7px 17px rgba(7, 150, 189, 0.2) !important;

  transition:
    background 0.3s ease,
    border-color 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease !important;
}

/* Hamburger */

.ul-header .mahadivra-mobile-menu span {
  display: block !important;

  width: 19px !important;

  height: 2px !important;

  margin: 0 !important;

  padding: 0 !important;

  border-radius: 5px !important;

  background: #ffffff !important;

  transition:
    transform 0.3s ease,
    opacity 0.3s ease !important;
}

/* Mobile button hover */

.ul-header .mahadivra-mobile-menu:hover {
  background: var(--mah-blue-dark) !important;

  border-color: var(--mah-blue-dark) !important;

  transform: translateY(-2px) !important;

  box-shadow: 0 11px 23px rgba(7, 121, 155, 0.25) !important;
}

/* ============================================================
   20. TABLET / MOBILE
============================================================ */

@media (max-width: 991.98px) {
  .ul-header .ul-header-bottom {
    height: 72px !important;

    min-height: 72px !important;
  }

  .ul-header .ul-header-bottom-wrapper {
    height: 72px !important;

    min-height: 72px !important;

    padding-left: 18px !important;

    padding-right: 18px !important;
  }

  /* Hide desktop nav */

  .ul-header .ul-header-nav-wrapper {
    display: none !important;
  }

  /* Logo */

  .ul-header .logo-container {
    min-width: auto !important;

    max-width: 180px !important;
  }

  .ul-header .ul-logo-image {
    max-width: 145px !important;

    max-height: 58px !important;
  }

  /* Actions */

  .ul-header .ul-header-actions {
    margin-left: auto !important;

    gap: 9px !important;
  }

  /* Donate becomes icon */

  .ul-header .mahadivra-donate-btn {
    width: 44px !important;

    min-width: 44px !important;

    max-width: 44px !important;

    height: 44px !important;

    min-height: 44px !important;

    padding: 0 !important;

    border-radius: 50% !important;
  }

  .ul-header .mahadivra-donate-text {
    display: none !important;
  }

  .ul-header .mahadivra-donate-arrow {
    display: none !important;
  }

  .ul-header .mahadivra-donate-icon {
    width: 30px !important;

    height: 30px !important;

    flex: 0 0 30px !important;

    margin: 0 !important;

    border-radius: 50% !important;
  }

  /* Mobile menu */

  .ul-header .mahadivra-mobile-menu {
    display: flex !important;
  }
}

/* ============================================================
   21. MOBILE
============================================================ */

@media (max-width: 767.98px) {
  .ul-header .ul-header-bottom {
    height: 68px !important;

    min-height: 68px !important;
  }

  .ul-header .ul-header-bottom-wrapper {
    height: 68px !important;

    min-height: 68px !important;

    padding-left: 14px !important;

    padding-right: 14px !important;
  }

  .ul-header .ul-logo-image {
    max-width: 130px !important;

    max-height: 52px !important;
  }

  .ul-header .mahadivra-donate-btn {
    width: 40px !important;

    min-width: 40px !important;

    height: 40px !important;

    min-height: 40px !important;
  }

  .ul-header .mahadivra-mobile-menu {
    width: 40px !important;

    min-width: 40px !important;

    height: 40px !important;

    min-height: 40px !important;

    border-radius: 7px !important;
  }

  .ul-header .mahadivra-donate-icon {
    width: 28px !important;

    height: 28px !important;

    flex-basis: 28px !important;

    font-size: 11px !important;
  }

  .ul-header .mahadivra-mobile-menu span {
    width: 18px !important;
  }
}

/* ============================================================
   22. SMALL MOBILE
============================================================ */

@media (max-width: 480px) {
  .ul-header .ul-header-bottom {
    height: 64px !important;

    min-height: 64px !important;
  }

  .ul-header .ul-header-bottom-wrapper {
    height: 64px !important;

    min-height: 64px !important;

    padding-left: 11px !important;

    padding-right: 11px !important;
  }

  .ul-header .ul-logo-image {
    max-width: 116px !important;

    max-height: 47px !important;
  }

  .ul-header .ul-header-actions {
    gap: 6px !important;
  }

  .ul-header .mahadivra-donate-btn,
  .ul-header .mahadivra-mobile-menu {
    width: 37px !important;

    min-width: 37px !important;

    height: 37px !important;

    min-height: 37px !important;
  }

  .ul-header .mahadivra-donate-icon {
    width: 26px !important;

    height: 26px !important;

    flex-basis: 26px !important;

    font-size: 10px !important;
  }

  .ul-header .mahadivra-mobile-menu {
    gap: 4px !important;
  }

  .ul-header .mahadivra-mobile-menu span {
    width: 16px !important;

    height: 2px !important;
  }
}

/* ============================================================
   23. VERY SMALL MOBILE
============================================================ */

@media (max-width: 360px) {
  .ul-header .ul-header-bottom-wrapper {
    padding-left: 8px !important;

    padding-right: 8px !important;
  }

  .ul-header .ul-logo-image {
    max-width: 106px !important;
  }

  .ul-header .mahadivra-donate-btn,
  .ul-header .mahadivra-mobile-menu {
    width: 35px !important;

    min-width: 35px !important;

    height: 35px !important;

    min-height: 35px !important;
  }

  .ul-header .mahadivra-donate-icon {
    width: 24px !important;

    height: 24px !important;

    flex-basis: 24px !important;
  }
}

/* ============================================================
   24. MOBILE SIDEBAR — OVERRIDE OLD GREEN/ORANGE STYLES
============================================================ */

@media (max-width: 991.98px) {
  .ul-sidebar .ul-header-nav,
  .ul-sidebar-header-nav-wrapper .ul-header-nav {
    width: 100% !important;

    display: flex !important;

    flex-direction: column !important;

    gap: 10px !important;
  }

  .ul-sidebar .ul-header-nav > a,
  .ul-sidebar .ul-header-nav .has-sub-menu > a,
  .ul-sidebar-header-nav-wrapper .ul-header-nav > a,
  .ul-sidebar-header-nav-wrapper .ul-header-nav .has-sub-menu > a {
    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    width: 100% !important;

    min-height: 52px !important;

    padding: 0 17px !important;

    margin: 0 !important;

    border: 1px solid rgba(23, 38, 50, 0.08) !important;

    border-radius: 10px !important;

    background: #ffffff !important;

    color: var(--mah-dark) !important;

    font-family: "Quicksand", sans-serif !important;

    font-size: 16px !important;

    font-weight: 600 !important;

    text-decoration: none !important;

    box-shadow: none !important;

    transition:
      background 0.25s ease,
      color 0.25s ease,
      border-color 0.25s ease,
      transform 0.25s ease !important;
  }

  .ul-sidebar .ul-header-nav > a:hover,
  .ul-sidebar .ul-header-nav .has-sub-menu > a:hover,
  .ul-sidebar-header-nav-wrapper .ul-header-nav > a:hover,
  .ul-sidebar-header-nav-wrapper .ul-header-nav .has-sub-menu > a:hover {
    background: var(--mah-blue-light) !important;

    border-color: rgba(7, 150, 189, 0.22) !important;

    color: var(--mah-blue-dark) !important;

    transform: translateX(3px) !important;
  }

  .ul-sidebar .ul-header-nav > a.active {
    background: var(--mah-blue-light) !important;

    border-color: rgba(7, 150, 189, 0.2) !important;

    color: var(--mah-blue-dark) !important;
  }

  /* Remove desktop underline inside sidebar */

  .ul-sidebar .ul-header-nav > a::after,
  .ul-sidebar .ul-header-nav .has-sub-menu > a::before {
    display: none !important;
  }

  /* Submenu */

  .ul-sidebar .ul-header-submenu {
    width: 100% !important;

    margin-top: 7px !important;

    padding: 0 0 0 10px !important;

    position: static !important;

    background: transparent !important;

    box-shadow: none !important;

    border: 0 !important;
  }

  .ul-sidebar .ul-header-submenu ul {
    display: flex !important;

    flex-direction: column !important;

    gap: 7px !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;
  }

  .ul-sidebar .ul-header-submenu ul li {
    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;
  }

  .ul-sidebar .ul-header-submenu ul li a {
    display: flex !important;

    align-items: center !important;

    min-height: 46px !important;

    width: 100% !important;

    padding: 0 16px !important;

    border-radius: 9px !important;

    background: #f8fbfc !important;

    border: 1px solid rgba(7, 150, 189, 0.1) !important;

    color: var(--mah-text) !important;

    font-family: "Quicksand", sans-serif !important;

    font-size: 14px !important;

    font-weight: 500 !important;

    text-decoration: none !important;
  }

  .ul-sidebar .ul-header-submenu ul li a:hover {
    background: var(--mah-blue-light) !important;

    color: var(--mah-blue-dark) !important;
  }

  /* Arrow */

  .ul-sidebar .has-sub-menu .menu-arrow {
    color: var(--mah-blue-dark) !important;
  }

  .ul-sidebar .has-sub-menu .menu-arrow svg,
  .ul-sidebar .sidebar-dropdown-svg {
    width: 17px !important;

    height: 17px !important;

    stroke: currentColor !important;
  }
}

/* ============================================================
   25. REMOVE OLD HEADER STYLING
============================================================ */

/* Old green showcase button */

.ul-header .donate-showcase-btn--header {
  all: unset !important;
}

/* Old header donate button */

.ul-header .header-donate-btn {
  all: unset !important;
}

/* Re-apply display where necessary */

.ul-header .mahadivra-donate-btn {
  display: inline-flex !important;
}

/* ============================================================
   28. ACCESSIBILITY
============================================================ */

.ul-header .mahadivra-donate-btn:focus-visible,
.ul-header .mahadivra-mobile-menu:focus-visible,
.ul-header .ul-header-nav > a:focus-visible {
  outline: 3px solid rgba(7, 150, 189, 0.25) !important;

  outline-offset: 3px !important;
}

/* ============================================================
   29. REDUCED MOTION
============================================================ */

@media (prefers-reduced-motion: reduce) {
  .ul-header *,
  .ul-header *::before,
  .ul-header *::after {
    transition: none !important;

    animation: none !important;
  }
}

/* =========================================================
   MAHADIVRA — FINAL MOBILE SIDEBAR OVERRIDE
   Paste AFTER all existing CSS
========================================================= */

/* ---------------------------------------------------------
   MOBILE HEADER
--------------------------------------------------------- */

@media (max-width: 991.98px) {
  .ul-header {
    position: relative !important;
    z-index: 99999 !important;
  }

  .ul-header .ul-header-bottom {
    position: relative !important;
    z-index: 99999 !important;

    height: 72px !important;
    min-height: 72px !important;

    background: rgba(255, 255, 255, 0.98) !important;

    border-bottom: 1px solid rgba(23, 38, 50, 0.08) !important;

    box-shadow: 0 8px 25px rgba(23, 38, 50, 0.07) !important;

    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
  }

  .ul-header .ul-header-bottom-wrapper {
    height: 72px !important;
    min-height: 72px !important;

    display: flex !important;
    align-items: center !important;

    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-bottom: 27px !important;
    gap: 0 !important;
  }

  /* Hide desktop navigation completely */

  .ul-header .ul-header-nav-wrapper {
    display: none !important;
  }

  /* -----------------------------------------------------
       LOGO
    ----------------------------------------------------- */

  .ul-header .logo-container {
    min-width: 0 !important;
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;

    flex: 1 1 auto !important;
  }

  .ul-header .ul-brand-link {
    padding: 0 !important;
    margin: 0 !important;

    min-height: 0 !important;

    background: transparent !important;
    border: 0 !important;

    filter: none !important;
  }

  .ul-header .ul-logo-image {
    width: auto !important;

    max-width: 145px !important;
    max-height: 52px !important;

    border-radius: 0 !important;
  }

  /* -----------------------------------------------------
       ACTIONS
    ----------------------------------------------------- */

  .ul-header .ul-header-actions {
    display: flex !important;
    align-items: center !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 9px !important;
  }

  /* -----------------------------------------------------
       DONATE ICON
    ----------------------------------------------------- */

  .ul-header .mahadivra-donate-btn {
    width: 42px !important;
    min-width: 42px !important;

    height: 42px !important;
    min-height: 42px !important;

    padding: 0 !important;

    border-radius: 50% !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;
  }

  .ul-header .mahadivra-donate-text,
  .ul-header .mahadivra-donate-arrow {
    display: none !important;
  }

  .ul-header .mahadivra-donate-icon {
    width: 30px !important;
    height: 30px !important;

    flex: 0 0 30px !important;

    margin: 0 !important;

    border-radius: 50% !important;
  }

  /* -----------------------------------------------------
       HAMBURGER
    ----------------------------------------------------- */

  .ul-header .mahadivra-mobile-menu {
    display: flex !important;

    width: 42px !important;
    min-width: 42px !important;

    height: 42px !important;
    min-height: 42px !important;

    padding: 0 !important;
    margin: 0 !important;

    align-items: center !important;
    justify-content: center !important;

    flex-direction: column !important;

    gap: 5px !important;

    border: 0 !important;
    border-radius: 9px !important;

    background: #0796bd !important;

    box-shadow: 0 8px 18px rgba(7, 150, 189, 0.2) !important;

    cursor: pointer !important;
  }

  .ul-header .mahadivra-mobile-menu span {
    width: 19px !important;
    height: 2px !important;

    display: block !important;

    margin: 0 !important;

    background: #ffffff !important;

    border-radius: 10px !important;

    transition:
      transform 0.3s ease,
      opacity 0.3s ease !important;
  }

  /* -----------------------------------------------------
       EXISTING SIDEBAR
    ----------------------------------------------------- */
  .ul-sidebar {
    position: fixed !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: min(88vw, 380px) !important;
    max-width: 380px !important;

    height: 100dvh !important;

    padding: 18px 16px !important;

    display: flex !important;

    flex-direction: column !important;

    gap: 16px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    background: linear-gradient(
      180deg,
      #ffffff 0%,
      #ffffff 70%,
      #f8fcfd 100%
    ) !important;

    border-left: 1px solid rgba(7, 150, 189, 0.1) !important;

    box-shadow: -18px 0 50px rgba(23, 38, 50, 0.18) !important;

    z-index: 100000 !important;

    /*
         * CLOSED STATE
         */
    transform: translateX(110%) !important;

    visibility: hidden !important;

    opacity: 0 !important;

    pointer-events: none !important;

    transition:
      transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
      opacity 0.25s ease,
      visibility 0.35s ease !important;
  }

  /* -----------------------------------------------------
       OPEN SIDEBAR
       
       Supports several common sidebar states so it
       remains compatible with existing theme JS.
    ----------------------------------------------------- */

  .ul-sidebar.active,
  .ul-sidebar.open,
  .ul-sidebar.is-open,
  body.sidebar-open .ul-sidebar,
  body.ul-sidebar-open .ul-sidebar {
    transform: translateX(0) !important;

    visibility: visible !important;

    opacity: 1 !important;

    pointer-events: auto !important;
  }

  /* -----------------------------------------------------
       SIDEBAR HEADER
    ----------------------------------------------------- */

  .ul-sidebar-header {
    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    flex: 0 0 auto !important;

    padding: 0 0 15px !important;

    margin: 0 !important;

    border-bottom: 1px solid rgba(23, 38, 50, 0.09) !important;
  }

  .ul-sidebar-header-logo {
    margin: 0 !important;
    padding: 0 !important;
  }

  .ul-sidebar-header-logo .ul-logo-image {
    width: auto !important;

    max-width: 175px !important;
    max-height: 42px !important;

    object-fit: contain !important;
  }

  /* -----------------------------------------------------
       CLOSE BUTTON
    ----------------------------------------------------- */

  .ul-sidebar-closer {
    width: 38px !important;
    height: 38px !important;

    min-width: 38px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 1px solid rgba(23, 38, 50, 0.1) !important;

    border-radius: 9px !important;

    background: #ffffff !important;

    color: #172632 !important;

    cursor: pointer !important;

    transition:
      background 0.25s ease,
      color 0.25s ease,
      transform 0.25s ease !important;
  }

  .ul-sidebar-closer:hover {
    background: #0796bd !important;

    border-color: #0796bd !important;

    color: #ffffff !important;

    transform: rotate(90deg) !important;
  }

  /* -----------------------------------------------------
       SIDEBAR NAV WRAPPER
    ----------------------------------------------------- */

  .ul-sidebar-header-nav-wrapper {
    width: 100% !important;

    flex: 1 1 auto !important;

    min-height: 0 !important;

    padding: 0 !important;

    margin: 0 !important;

    overflow-y: auto !important;
  }

  /* -----------------------------------------------------
       SIDEBAR NAV
    ----------------------------------------------------- */

  .ul-sidebar .ul-header-nav {
    width: 100% !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;

    gap: 9px !important;

    padding: 0 !important;

    margin: 0 !important;

    border: 0 !important;
  }

  /* -----------------------------------------------------
       MENU ITEMS
    ----------------------------------------------------- */

  .ul-sidebar .ul-header-nav > a,
  .ul-sidebar .ul-header-nav > .has-sub-menu > a {
    width: 100% !important;

    min-height: 54px !important;

    height: auto !important;

    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    padding: 0 18px !important;

    margin: 0 !important;

    border: 1px solid rgba(23, 38, 50, 0.09) !important;

    border-radius: 12px !important;

    background: #ffffff !important;

    color: #172632 !important;

    font-family: "Quicksand", sans-serif !important;

    font-size: 17px !important;

    font-weight: 700 !important;

    line-height: 1.2 !important;

    text-align: left !important;

    text-decoration: none !important;

    box-shadow: 0 5px 16px rgba(23, 38, 50, 0.035) !important;

    transform: none !important;

    transition:
      background 0.25s ease,
      color 0.25s ease,
      border-color 0.25s ease,
      transform 0.25s ease !important;
  }

  /* Remove desktop underline */

  .ul-sidebar .ul-header-nav > a::before,
  .ul-sidebar .ul-header-nav > a::after,
  .ul-sidebar .ul-header-nav > .has-sub-menu > a::before,
  .ul-sidebar .ul-header-nav > .has-sub-menu > a::after {
    display: none !important;

    content: none !important;
  }

  /* Hover */

  .ul-sidebar .ul-header-nav > a:hover,
  .ul-sidebar .ul-header-nav > .has-sub-menu > a:hover {
    background: #eaf8fc !important;

    border-color: rgba(7, 150, 189, 0.2) !important;

    color: #08799b !important;

    transform: translateX(3px) !important;
  }

  /* Active */

  .ul-sidebar .ul-header-nav > a.active,
  .ul-sidebar .ul-header-nav > .has-sub-menu > a.active {
    background: #eaf8fc !important;

    border-color: rgba(7, 150, 189, 0.25) !important;

    color: #08799b !important;

    box-shadow:
      inset 4px 0 0 #e5b52d,
      0 6px 18px rgba(7, 150, 189, 0.06) !important;
  }

  /* -----------------------------------------------------
       SUBMENU
    ----------------------------------------------------- */

  .ul-sidebar .ul-header-submenu {
    position: static !important;

    width: 100% !important;

    display: none !important;

    padding: 7px 0 0 10px !important;

    margin: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    opacity: 1 !important;

    visibility: visible !important;

    transform: none !important;
  }

  .ul-sidebar .has-sub-menu.active .ul-header-submenu,
  .ul-sidebar .has-sub-menu.is-open .ul-header-submenu {
    display: block !important;
  }

  .ul-sidebar .ul-header-submenu ul {
    width: 100% !important;

    display: flex !important;

    flex-direction: column !important;

    gap: 7px !important;

    padding: 0 !important;

    margin: 0 !important;

    list-style: none !important;
  }

  .ul-sidebar .ul-header-submenu li {
    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;
  }

  .ul-sidebar .ul-header-submenu a {
    width: 100% !important;

    min-height: 44px !important;

    display: flex !important;

    align-items: center !important;

    padding: 0 15px !important;

    border-radius: 9px !important;

    border: 1px solid rgba(7, 150, 189, 0.1) !important;

    background: #f7fbfc !important;

    color: #354550 !important;

    font-family: "Quicksand", sans-serif !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    text-decoration: none !important;
  }

  /* -----------------------------------------------------
       BODY LOCK WHEN MENU OPEN
    ----------------------------------------------------- */

  body.sidebar-open,
  body.ul-sidebar-open {
    overflow: hidden !important;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
  .ul-header .ul-header-bottom,
  .ul-header .ul-header-bottom-wrapper {
    height: 64px !important;
    min-height: 64px !important;
  }

  .ul-header .ul-header-bottom-wrapper {
    padding-left: 11px !important;
    padding-right: 11px !important;
    padding-bottom: 20px !important;
  }

  .ul-header .ul-logo-image {
    max-width: 116px !important;

    max-height: 46px !important;
  }

  .ul-header .mahadivra-donate-btn,
  .ul-header .mahadivra-mobile-menu {
    width: 38px !important;
    min-width: 38px !important;

    height: 38px !important;
    min-height: 38px !important;
  }

  .ul-header .mahadivra-donate-icon {
    width: 27px !important;
    height: 27px !important;

    flex-basis: 27px !important;
  }

  .ul-header .mahadivra-mobile-menu span {
    width: 17px !important;
  }

  .ul-sidebar {
    width: min(92vw, 360px) !important;

    padding: 15px 13px !important;
  }

  .ul-sidebar .ul-header-nav > a,
  .ul-sidebar .ul-header-nav > .has-sub-menu > a {
    min-height: 52px !important;

    font-size: 16px !important;

    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 360px) {
  .ul-header .ul-logo-image {
    max-width: 105px !important;
  }

  .ul-header .ul-header-actions {
    gap: 5px !important;
  }

  .ul-header .mahadivra-donate-btn,
  .ul-header .mahadivra-mobile-menu {
    width: 36px !important;
    min-width: 36px !important;

    height: 36px !important;
    min-height: 36px !important;
  }

  .ul-sidebar {
    width: 94vw !important;
  }
}

/* =========================================================
   FINAL FIX — REMOVE INNER MOBILE SIDEBAR SCROLLBAR
========================================================= */

@media (max-width: 991.98px) {
  /* Sidebar itself handles scrolling */
  .ul-sidebar {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* IMPORTANT:
       Do NOT create another scrolling area
       inside the sidebar */
  .ul-sidebar-header-nav-wrapper {
    overflow: visible !important;
    overflow-y: visible !important;
    overflow-x: visible !important;

    height: auto !important;
    max-height: none !important;
    min-height: auto !important;

    flex: 0 0 auto !important;
  }

  .ul-sidebar-header-nav-wrapper .to-go-to-sidebar-in-mobile {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }

  .ul-sidebar-header-nav-wrapper .to-go-to-sidebar-in-mobile .ul-header-nav {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
  }
}

/* =========================================================
   MAHADIVRA FOUNDATION
   PREMIUM MOBILE SIDEBAR CONTACT SECTION
========================================================= */

@media (max-width: 991.98px) {
  /* -----------------------------------------------------
       CONTACT / FOOTER AREA
    ----------------------------------------------------- */

  .ul-sidebar .ul-sidebar-footer {
    width: 100% !important;

    margin-top: 24px !important;
    padding: 22px 0 8px !important;

    border-top: 1px solid rgba(23, 38, 50, 0.1) !important;

    box-sizing: border-box !important;
  }

  /* -----------------------------------------------------
       TITLE
    ----------------------------------------------------- */

  .ul-sidebar .ul-sidebar-footer-title {
    position: relative !important;

    margin: 0 0 16px !important;
    padding: 0 0 0 12px !important;

    color: #172632 !important;

    font-family: "Quicksand", sans-serif !important;

    font-size: 20px !important;
    font-weight: 800 !important;

    line-height: 1.3 !important;
  }

  /* Small gold accent */

  .ul-sidebar .ul-sidebar-footer-title::before {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    top: 3px !important;

    width: 3px !important;
    height: 20px !important;

    border-radius: 10px !important;

    background: #e5b82e !important;
  }

  /* -----------------------------------------------------
       CONTACT ITEMS CONTAINER
    ----------------------------------------------------- */

  .ul-sidebar .ul-sidebar-footer-social {
    display: flex !important;

    flex-direction: column !important;

    gap: 9px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  /* -----------------------------------------------------
       EMAIL + PHONE
    ----------------------------------------------------- */

  .ul-sidebar .ul-sidebar-footer-social > a {
    width: 100% !important;

    min-height: 48px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    gap: 11px !important;

    padding: 10px 13px !important;

    box-sizing: border-box !important;

    border: 1px solid rgba(23, 38, 50, 0.08) !important;

    border-radius: 10px !important;

    background: #f8fbfc !important;

    color: #263746 !important;

    font-family: "Quicksand", sans-serif !important;

    font-size: 14px !important;

    font-weight: 600 !important;

    line-height: 1.4 !important;

    text-decoration: none !important;

    box-shadow: none !important;

    transition:
      background 0.25s ease,
      border-color 0.25s ease,
      transform 0.25s ease !important;
  }

  /* Contact icon */

  .ul-sidebar .ul-sidebar-footer-social > a i {
    width: 32px !important;

    height: 32px !important;

    min-width: 32px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    margin: 0 !important;

    border-radius: 8px !important;

    background: #eaf7fb !important;

    color: #0787ad !important;

    font-size: 13px !important;

    font-weight: 400 !important;
  }

  /* Hover */

  .ul-sidebar .ul-sidebar-footer-social > a:hover {
    background: #f1fafc !important;

    border-color: rgba(7, 135, 173, 0.22) !important;

    transform: translateX(3px) !important;
  }

  .ul-sidebar .ul-sidebar-footer-social > a:hover i {
    background: #0787ad !important;

    color: #ffffff !important;
  }

  /* -----------------------------------------------------
       SOCIAL MEDIA
    ----------------------------------------------------- */

  .ul-sidebar .ul-top-header-socials {
    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    margin-top: 15px !important;

    padding: 0 !important;

    flex-wrap: wrap !important;
  }

  .ul-sidebar .ul-top-header-socials a {
    width: 38px !important;

    height: 38px !important;

    min-width: 38px !important;

    padding: 0 !important;

    margin: 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    border: 1px solid rgba(23, 38, 50, 0.12) !important;

    border-radius: 50% !important;

    background: #ffffff !important;

    color: #172632 !important;

    font-size: 14px !important;

    text-decoration: none !important;

    transition:
      background 0.25s ease,
      border-color 0.25s ease,
      color 0.25s ease,
      transform 0.25s ease,
      box-shadow 0.25s ease !important;
  }

  .ul-sidebar .ul-top-header-socials a:hover {
    background: #0787ad !important;

    border-color: #0787ad !important;

    color: #ffffff !important;

    transform: translateY(-3px) !important;

    box-shadow: 0 7px 15px rgba(7, 135, 173, 0.18) !important;
  }

  /* -----------------------------------------------------
       SIDEBAR BOTTOM SPACING
    ----------------------------------------------------- */

  .ul-sidebar {
    padding-bottom: 24px !important;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
  .ul-sidebar .ul-sidebar-footer {
    margin-top: 20px !important;

    padding-top: 18px !important;
  }

  .ul-sidebar .ul-sidebar-footer-title {
    font-size: 18px !important;
  }

  .ul-sidebar .ul-sidebar-footer-social > a {
    min-height: 46px !important;

    font-size: 13.5px !important;

    padding: 8px 11px !important;
  }

  .ul-sidebar .ul-sidebar-footer-social > a i {
    width: 30px !important;
    height: 30px !important;

    min-width: 30px !important;
  }

  .ul-sidebar .ul-top-header-socials {
    margin-top: 12px !important;
  }

  .ul-sidebar .ul-top-header-socials a {
    width: 36px !important;
    height: 36px !important;

    min-width: 36px !important;
  }
}

/* main/hero section styling starts from here */
/* =========================================================
   MAHADIVRA FOUNDATION
   PREMIUM HERO SECTION
========================================================= */

.mahadivra-hero {
  position: relative;

  width: 100%;

  height: 500px;

  min-height: 540px;

  overflow: hidden;

  background: #172632;
}

/* =========================================================
   BACKGROUND SLIDES
========================================================= */

.mahadivra-hero-bg {
  position: absolute;

  inset: 0;

  width: 100%;
  height: 100%;

  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

  opacity: 0;

  transform: scale(1.03);

  transition:
    opacity 1s ease,
    transform 7s ease;

  z-index: 0;
}

.mahadivra-hero-bg.is-active {
  opacity: 1;

  transform: scale(1);
}

/* =========================================================
   OVERLAY
========================================================= */

.mahadivra-hero-overlay {
  position: absolute;

  inset: 0;

  z-index: 1;

  background: linear-gradient(
    90deg,
    rgba(10, 25, 34, 0.82) 0%,
    rgba(10, 25, 34, 0.66) 38%,
    rgba(10, 25, 34, 0.3) 72%,
    rgba(10, 25, 34, 0.18) 100%
  );
}

/* =========================================================
   CONTAINER
========================================================= */

.mahadivra-hero-container {
  position: relative;

  z-index: 2;

  height: 100%;

  display: flex;

  align-items: center;
}

/* =========================================================
   CONTENT
========================================================= */

.mahadivra-hero-content {
  width: 100%;

  max-width: 720px;

  padding-top: 50px;
}

/* =========================================================
   EYEBROW
========================================================= */

.mahadivra-hero-eyebrow {
  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 18px;

  color: #ffffff;

  font-family: var(--font-quicksand), "Plus Jakarta Sans", sans-serif;

  font-size: 13px;

  font-weight: 700;

  letter-spacing: 1.4px;

  line-height: 1.5;

  text-transform: uppercase;
}

.mahadivra-hero-eyebrow span {
  width: 28px;

  height: 2px;

  flex: 0 0 28px;

  background: #e5b82e;
}

/* =========================================================
   MAIN HEADING
========================================================= */

.mahadivra-hero-title {
  margin: 0;

  max-width: 700px;

  color: #ffffff;

  font-family: "Cormorant Garamond", Georgia, serif;

  font-size: clamp(48px, 5vw, 72px);

  font-weight: 600;

  line-height: 0.98;

  letter-spacing: -1.2px;
}

/* Gold emphasis */

.mahadivra-hero-title span {
  color: #e5b82e;
}

/* =========================================================
   DESCRIPTION
========================================================= */

.mahadivra-hero-description {
  max-width: 625px;

  margin: 24px 0 0;

  color: rgba(255, 255, 255, 0.88);

  font-family: var(--font-quicksand), "Plus Jakarta Sans", sans-serif;

  font-size: 16px;

  font-weight: 400;

  line-height: 1.75;
}

/* =========================================================
   ACTIONS
========================================================= */

.mahadivra-hero-actions {
  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 24px;

  margin-top: 32px;
}

/* =========================================================
   PRIMARY BUTTON
========================================================= */

.mahadivra-hero-btn {
  position: relative;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 16px;

  min-height: 52px;

  padding: 0 22px 0 24px;

  overflow: hidden;

  border: 1px solid #e5b82e;

  border-radius: 5px;

  background: #e5b82e;

  color: #172632;

  font-family: var(--font-quicksand), "Plus Jakarta Sans", sans-serif;

  font-size: 13px;

  font-weight: 800;

  letter-spacing: 0.5px;

  text-decoration: none;

  text-transform: uppercase;

  transition:
    transform 0.3s ease,
    background-color 0.3s ease,
    color 0.3s ease,
    box-shadow 0.3s ease;
}

.mahadivra-hero-btn::before {
  content: "";

  position: absolute;

  top: 0;

  left: -120%;

  width: 80%;

  height: 100%;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.38),
    transparent
  );

  transform: skewX(-20deg);

  transition: left 0.6s ease;
}

.mahadivra-hero-btn:hover::before {
  left: 140%;
}

.mahadivra-hero-btn:hover {
  color: #172632;

  background: #f0c33d;

  border-color: #f0c33d;

  transform: translateY(-3px);

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

.mahadivra-hero-btn i {
  transition: transform 0.3s ease;
}

.mahadivra-hero-btn:hover i {
  transform: translateX(4px);
}

/* =========================================================
   SECONDARY LINK
========================================================= */

.mahadivra-hero-link {
  display: inline-flex;

  align-items: center;

  gap: 9px;

  color: #ffffff;

  font-family: var(--font-quicksand), "Plus Jakarta Sans", sans-serif;

  font-size: 13px;

  font-weight: 700;

  text-decoration: none;

  transition:
    color 0.25s ease,
    gap 0.25s ease;
}

.mahadivra-hero-link i {
  font-size: 11px;
}

.mahadivra-hero-link:hover {
  color: #e5b82e;

  gap: 13px;
}

/* =========================================================
   SLIDER INDICATORS
========================================================= */

.mahadivra-hero-indicators {
  display: flex;

  align-items: center;

  gap: 8px;

  margin-top: 42px;
}

.mahadivra-hero-indicators button {
  width: 28px;

  height: 3px;

  padding: 0;

  border: 0;

  border-radius: 10px;

  background: rgba(255, 255, 255, 0.38);

  cursor: pointer;

  transition:
    width 0.3s ease,
    background-color 0.3s ease;
}

.mahadivra-hero-indicators button.is-active {
  width: 48px;

  background: #e5b82e;
}

/* =========================================================
   SCROLL INDICATOR
========================================================= */

.mahadivra-hero-scroll {
  position: absolute;

  right: 34px;

  bottom: 30px;

  z-index: 3;

  display: flex;

  align-items: center;

  gap: 10px;

  color: rgba(255, 255, 255, 0.72);

  font-family: var(--font-quicksand), "Plus Jakarta Sans", sans-serif;

  font-size: 10px;

  font-weight: 600;

  letter-spacing: 1.2px;

  text-transform: uppercase;

  writing-mode: vertical-rl;
}

.mahadivra-hero-scroll i {
  color: #e5b82e;

  font-size: 11px;

  animation: mahadivraScrollArrow 1.8s ease-in-out infinite;
}

@keyframes mahadivraScrollArrow {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(5px);
  }
}

/* =========================================================
   LARGE LAPTOP
========================================================= */

@media (max-width: 1199px) {
  .mahadivra-hero {
    height: 630px;

    min-height: 580px;
  }

  .mahadivra-hero-content {
    max-width: 650px;
  }

  .mahadivra-hero-title {
    font-size: clamp(46px, 5.2vw, 64px);
  }
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {
  .mahadivra-hero {
    height: 600px;

    min-height: 560px;
  }

  .mahadivra-hero-overlay {
    background: linear-gradient(
      90deg,
      rgba(10, 25, 34, 0.82),
      rgba(10, 25, 34, 0.48)
    );
  }

  .mahadivra-hero-content {
    max-width: 620px;

    padding-left: 15px;

    padding-right: 15px;
  }

  .mahadivra-hero-title {
    font-size: clamp(44px, 7vw, 58px);
  }

  .mahadivra-hero-description {
    max-width: 570px;

    font-size: 15px;

    line-height: 1.65;
  }

  .mahadivra-hero-scroll {
    display: none;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
  .mahadivra-hero {
    height: 600px;

    min-height: 600px;
  }

  .mahadivra-hero-bg {
    background-position: center;
  }

  .mahadivra-hero-overlay {
    background: linear-gradient(
      180deg,
      rgba(10, 25, 34, 0.4) 0%,
      rgba(10, 25, 34, 0.76) 48%,
      rgba(10, 25, 34, 0.92) 100%
    );
  }

  .mahadivra-hero-container {
    align-items: flex-end;

    padding-bottom: 58px;
  }

  .mahadivra-hero-content {
    max-width: 100%;

    padding: 0 5px;
  }

  .mahadivra-hero-eyebrow {
    margin-bottom: 14px;

    font-size: 10px;

    letter-spacing: 1px;

    gap: 8px;
  }

  .mahadivra-hero-eyebrow span {
    width: 20px;

    flex-basis: 20px;
  }

  .mahadivra-hero-title {
    font-size: clamp(40px, 11vw, 50px);

    line-height: 1;

    letter-spacing: -0.5px;
  }

  .mahadivra-hero-description {
    margin-top: 17px;

    font-size: 13.5px;

    line-height: 1.65;

    max-width: 100%;
  }

  .mahadivra-hero-actions {
    gap: 18px;

    margin-top: 24px;
  }

  .mahadivra-hero-btn {
    min-height: 48px;

    padding: 0 17px;

    font-size: 11px;
  }

  .mahadivra-hero-link {
    font-size: 12px;
  }

  .mahadivra-hero-indicators {
    margin-top: 28px;
  }

  .mahadivra-hero-indicators button {
    width: 20px;
  }

  .mahadivra-hero-indicators button.is-active {
    width: 38px;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
  .mahadivra-hero {
    height: 570px;

    min-height: 570px;
  }

  .mahadivra-hero-container {
    padding-bottom: 42px;
  }

  .mahadivra-hero-title {
    font-size: 39px;
  }

  .mahadivra-hero-description {
    font-size: 13px;

    line-height: 1.6;
  }

  .mahadivra-hero-actions {
    align-items: flex-start;

    flex-direction: column;

    gap: 14px;
  }

  .mahadivra-hero-btn {
    min-height: 46px;
  }

  .mahadivra-hero-indicators {
    margin-top: 24px;
  }
}

/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 360px) {
  .mahadivra-hero {
    height: 550px;

    min-height: 550px;
  }

  .mahadivra-hero-title {
    font-size: 36px;
  }

  .mahadivra-hero-description {
    font-size: 12.5px;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
  .mahadivra-hero-bg,
  .mahadivra-hero-btn,
  .mahadivra-hero-link,
  .mahadivra-hero-indicators button {
    transition: none !important;
  }

  .mahadivra-hero-scroll i {
    animation: none !important;
  }
}

/* =========================================================
   MAHADIVRA HERO ARROWS
========================================================= */

.mahadivra-hero-arrows {
  position: absolute;

  right: 55px;
  bottom: 42px;

  z-index: 10;

  display: flex;
  align-items: center;

  gap: 10px;
}

.mahadivra-hero-arrows button {
  width: 48px;
  height: 48px;

  padding: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(255, 255, 255, 0.28);

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.08);

  color: #ffffff;

  cursor: pointer;

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  transition:
    background-color 0.3s ease,
    border-color 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease;
}

.mahadivra-hero-arrows svg {
  width: 18px;
  height: 18px;

  display: block;

  transition: transform 0.3s ease;
}

.mahadivra-hero-prev:hover {
  background: #e5b82e;

  border-color: #e5b82e;

  color: #172632;

  transform: translateX(-3px);
}

.mahadivra-hero-next:hover {
  background: #e5b82e;

  border-color: #e5b82e;

  color: #172632;

  transform: translateX(3px);
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {
  .mahadivra-hero-arrows {
    right: 20px;
    bottom: 22px;

    gap: 7px;
  }

  .mahadivra-hero-arrows button {
    width: 40px;
    height: 40px;
  }

  .mahadivra-hero-arrows svg {
    width: 16px;
    height: 16px;
  }
}

/* =========================================================
   MAHADIVRA HERO — CONTENT SLIDE ANIMATION
========================================================= */

.mahadivra-hero-eyebrow,
.mahadivra-hero-title,
.mahadivra-hero-description,
.mahadivra-hero-btn,
.mahadivra-hero-link {
  will-change: opacity, transform;
}

.hero-content-changing {
  animation: mahadivraHeroContentIn 0.55s ease both;
}

@keyframes mahadivraHeroContentIn {
  from {
    opacity: 0;
    transform: translateY(14px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* =========================================================
   MAHADIVRA FOUNDATION
   PREMIUM DONATE BUTTON
========================================================= */

.mahadivra-donate-btn {
  position: relative;

  height: 62px;

  min-width: 208px;

  padding: 6px 8px 6px 6px;

  display: inline-flex;

  align-items: center;

  gap: 13px;

  overflow: hidden;

  border: 1px solid #e5b82e;

  border-radius: 11px;

  background: #e5b82e;

  color: #172632;

  text-decoration: none;

  font-family: "Plus Jakarta Sans", sans-serif;

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    background-color 0.3s ease;
}

/* =========================================================
   LEFT ICON
========================================================= */

.mahadivra-donate-icon {
  width: 46px;
  height: 46px;

  min-width: 46px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 9px;

  background: rgba(255, 255, 255, 0.28);

  color: #172632;

  transition:
    background-color 0.3s ease,
    transform 0.3s ease;
}

.mahadivra-donate-icon svg {
  width: 20px;
  height: 20px;

  display: block;
}

/* =========================================================
   TEXT
========================================================= */

.mahadivra-donate-text {
  flex: 1;

  font-size: 15px;

  font-weight: 800;

  letter-spacing: 1px;

  line-height: 1;

  text-transform: uppercase;

  white-space: nowrap;
}

/* =========================================================
   RIGHT ARROW
========================================================= */

.mahadivra-donate-arrow {
  width: 38px;
  height: 38px;

  min-width: 38px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.22);

  color: #172632;

  transition:
    background-color 0.3s ease,
    transform 0.3s ease;
}

.mahadivra-donate-arrow svg {
  width: 17px;
  height: 17px;

  display: block;
}

/* =========================================================
   HOVER
========================================================= */

.mahadivra-donate-btn:hover {
  color: #172632;

  background: #f0c33d;

  border-color: #f0c33d;

  transform: translateY(-3px);

  box-shadow: 0 12px 28px rgba(201, 149, 22, 0.24);
}

.mahadivra-donate-btn:hover .mahadivra-donate-icon {
  background: rgba(255, 255, 255, 0.42);

  transform: scale(1.05);
}

.mahadivra-donate-btn:hover .mahadivra-donate-arrow {
  background: rgba(255, 255, 255, 0.4);

  transform: translateX(3px);
}

/* =========================================================
   SHIMMER
========================================================= */

.mahadivra-donate-btn::before {
  content: "";

  position: absolute;

  top: 0;
  left: -120%;

  width: 70%;
  height: 100%;

  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.28),
    transparent
  );

  transform: skewX(-20deg);

  transition: left 0.65s ease;

  pointer-events: none;
}

.mahadivra-donate-btn:hover::before {
  left: 150%;
}

/* =========================================================
   ACTIVE
========================================================= */

.mahadivra-donate-btn:active {
  transform: translateY(-1px);
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {
  .mahadivra-donate-btn {
    width: 46px;
    min-width: 46px;

    height: 46px;

    padding: 0;

    justify-content: center;

    border-radius: 9px;
  }

  .mahadivra-donate-icon {
    width: 30px;
    height: 30px;

    min-width: 30px;

    border-radius: 7px;
  }

  .mahadivra-donate-icon svg {
    width: 15px;
    height: 15px;
  }

  .mahadivra-donate-text,
  .mahadivra-donate-arrow {
    display: none;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
  .mahadivra-donate-btn {
    width: 42px;
    min-width: 42px;

    height: 42px;
  }

  .mahadivra-donate-icon {
    width: 28px;
    height: 28px;

    min-width: 28px;
  }
}

/* =========================================================
   MAHADIVRA FOUNDATION
   HOME — FOUNDATION PILLARS
========================================================= */

.home-pillars-section {
  position: relative;

  padding: clamp(55px, 6vw, 90px) 0;

  background: #faf9f5;

  overflow: hidden;
}

/* ---------------------------------------------------------
   CONTAINER
--------------------------------------------------------- */

.home-pillars-section .ul-container {
  width: min(1180px, calc(100% - 40px));

  margin: 0 auto;
}

/* ---------------------------------------------------------
   HEADING
--------------------------------------------------------- */

.home-pillars-heading {
  max-width: 700px;

  margin: 0 auto clamp(35px, 4vw, 52px);

  text-align: center;
}

.home-pillars-eyebrow {
  display: inline-flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 12px;

  color: #c59625;

  font-family: "Plus Jakarta Sans", sans-serif;

  font-size: 12px;

  font-weight: 800;

  letter-spacing: 1.8px;

  line-height: 1.2;

  text-transform: uppercase;
}

.home-pillars-eyebrow::before,
.home-pillars-eyebrow::after {
  content: "";

  width: 28px;

  height: 1px;

  background: #d8b04a;
}

.home-pillars-heading h2 {
  margin: 0 0 13px;

  color: #172632;

  font-family: "Cormorant Garamond", "Playfair Display", serif;

  font-size: clamp(32px, 4vw, 48px);

  font-weight: 700;

  line-height: 1.05;

  letter-spacing: -0.5px;
}

.home-pillars-heading h2 span {
  color: #c59625;
}

.home-pillars-heading p {
  max-width: 610px;

  margin: 0 auto;

  color: #66717b;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 14px;

  font-weight: 400;

  line-height: 1.7;
}

/* ---------------------------------------------------------
   GRID
--------------------------------------------------------- */

.home-pillars-grid {
  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 18px;
}

/* ---------------------------------------------------------
   CARD
--------------------------------------------------------- */

.home-pillar-card {
  position: relative;

  display: flex;

  flex-direction: column;

  min-height: 285px;

  padding: 30px 25px 26px;

  overflow: hidden;

  background: #ffffff;

  border: 1px solid #e8e5dc;

  border-radius: 14px;

  box-shadow: 0 8px 25px rgba(23, 38, 50, 0.045);

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}

/* gold top line */

.home-pillar-card::before {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 3px;

  background: #d9aa2e;

  transform: scaleX(0);

  transform-origin: left;

  transition: transform 0.3s ease;
}

.home-pillar-card:hover {
  transform: translateY(-5px);

  border-color: rgba(201, 155, 40, 0.38);

  box-shadow: 0 18px 40px rgba(23, 38, 50, 0.09);
}

.home-pillar-card:hover::before {
  transform: scaleX(1);
}

/* ---------------------------------------------------------
   ICON
--------------------------------------------------------- */

.home-pillar-icon {
  width: 54px;

  height: 54px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 22px;

  border-radius: 12px;

  background: #f7f1df;

  color: #b88716;

  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease;
}

.home-pillar-icon svg {
  width: 27px;

  height: 27px;

  display: block;
}

.home-pillar-card:hover .home-pillar-icon {
  background: #d9aa2e;

  color: #ffffff;

  transform: translateY(-2px);
}

/* ---------------------------------------------------------
   NUMBER
--------------------------------------------------------- */

.home-pillar-number {
  display: block;

  margin-bottom: 7px;

  color: #b99a4c;

  font-family: "Plus Jakarta Sans", sans-serif;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: 1.5px;

  line-height: 1;
}

/* ---------------------------------------------------------
   TITLE
--------------------------------------------------------- */

.home-pillar-content h3 {
  margin: 0 0 12px;

  color: #172632;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 17px;

  font-weight: 700;

  line-height: 1.3;
}

/* ---------------------------------------------------------
   DESCRIPTION
--------------------------------------------------------- */

.home-pillar-content p {
  margin: 0;

  color: #69737b;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 13px;

  font-weight: 400;

  line-height: 1.65;
}

/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media (max-width: 991.98px) {
  .home-pillars-section {
    padding: 65px 0;
  }

  .home-pillars-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 16px;
  }

  .home-pillar-card {
    min-height: 255px;

    padding: 26px 23px;
  }
}

/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 575.98px) {
  .home-pillars-section {
    padding: 52px 0;
  }

  .home-pillars-section .ul-container {
    width: min(100% - 28px, 1180px);
  }

  .home-pillars-heading {
    margin-bottom: 30px;
  }

  .home-pillars-eyebrow {
    font-size: 10px;

    letter-spacing: 1.4px;
  }

  .home-pillars-eyebrow::before,
  .home-pillars-eyebrow::after {
    width: 20px;
  }

  .home-pillars-heading h2 {
    font-size: clamp(31px, 9vw, 38px);

    line-height: 1.08;
  }

  .home-pillars-heading p {
    font-size: 13px;

    line-height: 1.65;
  }

  .home-pillars-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));

    gap: 12px;
  }

  .home-pillar-card {
    min-height: auto;

    padding: 23px 20px;

    border-radius: 12px;
  }

  .home-pillar-icon {
    width: 48px;

    height: 48px;

    margin-bottom: 17px;

    border-radius: 10px;
  }

  .home-pillar-icon svg {
    width: 24px;

    height: 24px;
  }

  .home-pillar-content h3 {
    font-size: 16px;

    margin-bottom: 8px;
  }

  .home-pillar-content p {
    font-size: 12.5px;

    line-height: 1.6;
  }
}

/* =========================================================
   MAHADIVRA FOUNDATION
   ABOUT SECTION
========================================================= */

.home-about-section {
  position: relative;

  padding: clamp(50px, 4vw, 100px) -1;

  background: linear-gradient(135deg, #ffffff 0%, #fbfaf6 52%, #f7f8f4 100%);

  overflow: hidden;
}

/* subtle background decoration */

.home-about-section::before {
  content: "";

  position: absolute;

  width: 420px;
  height: 420px;

  right: -220px;
  top: -170px;

  border-radius: 50%;

  background: rgba(198, 154, 48, 0.055);

  pointer-events: none;
}

.home-about-section::after {
  content: "";

  position: absolute;

  width: 280px;
  height: 280px;

  left: -170px;
  bottom: -140px;

  border-radius: 50%;

  background: rgba(18, 88, 32, 0.035);

  pointer-events: none;
}

/* ---------------------------------------------------------
   CONTAINER
--------------------------------------------------------- */

.home-about-section .ul-container {
  position: relative;

  z-index: 1;

  width: min(1200px, calc(100% - 40px));

  max-width: 1200px;

  margin: 0 auto;
}

/* ---------------------------------------------------------
   MAIN GRID
--------------------------------------------------------- */

.home-about-grid {
  display: grid;

  grid-template-columns:
    minmax(0, 0.95fr)
    minmax(0, 1.05fr);

  align-items: center;

  gap: clamp(40px, 6vw, 85px);
}

/* ---------------------------------------------------------
   IMAGE AREA
--------------------------------------------------------- */

.home-about-visual {
  position: relative;

  width: 100%;

  max-width: 560px;

  margin: 0 auto;
}

.home-about-image-wrap {
  position: relative;

  width: 100%;

  height: clamp(390px, 42vw, 520px);

  overflow: hidden;

  border-radius: 18px;

  background: #e9e9e4;

  box-shadow: 0 22px 50px rgba(20, 35, 25, 0.13);
}

.home-about-main-image {
  display: block;

  width: 100% !important;

  height: 100% !important;

  max-width: none;

  margin: 0 !important;

  object-fit: cover;

  object-position: center;

  transition: transform 0.6s ease;
}

.home-about-image-wrap:hover .home-about-main-image {
  transform: scale(1.035);
}

/* Image overlay */

.home-about-image-overlay {
  position: absolute;

  inset: 0;

  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 52%,
    rgba(0, 0, 0, 0.28) 100%
  );

  pointer-events: none;
}

/* ---------------------------------------------------------
   FLOATING QUOTE
--------------------------------------------------------- */

.home-about-quote {
  position: absolute;

  left: 24px;
  right: 24px;

  bottom: -24px;

  display: flex;

  align-items: center;

  gap: 14px;

  padding: 15px 18px;

  background: #ffffff;

  border: 1px solid rgba(18, 88, 32, 0.08);

  border-radius: 14px;

  box-shadow: 0 14px 35px rgba(20, 35, 25, 0.13);

  z-index: 3;
}

.home-about-quote-icon {
  width: 48px;
  height: 48px;

  display: flex;

  align-items: center;
  justify-content: center;

  flex: 0 0 48px;

  border-radius: 50%;

  background: #f5edda;

  color: #b88716;
}

.home-about-quote-icon svg {
  width: 24px;
  height: 24px;
}

.home-about-quote span {
  display: block;

  margin-bottom: 3px;

  color: #b88716;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: 1.4px;

  line-height: 1.2;

  text-transform: uppercase;
}

.home-about-quote p {
  margin: 0;

  color: #4c5550;

  font-size: 13px;

  line-height: 1.45;
}

.home-about-quote strong {
  color: #125820;

  font-weight: 800;
}

/* ---------------------------------------------------------
   CONTENT
--------------------------------------------------------- */

.home-about-content {
  width: 100%;

  max-width: 570px;
}

.home-about-eyebrow {
  display: inline-flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 13px;

  color: #b88716;

  font-size: 12px;

  font-weight: 800;

  letter-spacing: 1.7px;

  line-height: 1.2;

  text-transform: uppercase;
}

.home-about-eyebrow::before {
  content: "";

  width: 30px;

  height: 2px;

  background: #c69a30;
}

/* ---------------------------------------------------------
   HEADING
--------------------------------------------------------- */

.home-about-title {
  margin: 0 0 16px;

  color: #172632;

  font-family: "Cormorant Garamond", "Playfair Display", serif;

  font-size: clamp(34px, 3.7vw, 50px);

  font-weight: 700;

  line-height: 1.04;

  letter-spacing: -0.5px;
}

.home-about-title span {
  display: block;

  color: #b88716;
}

/* ---------------------------------------------------------
   INTRO
--------------------------------------------------------- */

.home-about-intro {
  max-width: 540px;

  margin: 0 0 25px;

  color: #606b68;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 14px;

  font-weight: 400;

  line-height: 1.75;
}

/* ---------------------------------------------------------
   POINTS
--------------------------------------------------------- */

.home-about-points {
  display: flex;

  flex-direction: column;

  gap: 0;

  margin-bottom: 27px;
}

.home-about-point {
  display: grid;

  grid-template-columns: 46px minmax(0, 1fr);

  align-items: flex-start;

  gap: 13px;

  padding: 13px 0;

  border-bottom: 1px solid #e9ece7;
}

.home-about-point:first-child {
  padding-top: 0;
}

.home-about-point:last-child {
  border-bottom: 0;

  padding-bottom: 0;
}

/* icon */

.home-about-point-icon {
  width: 42px;
  height: 42px;

  display: flex;

  align-items: center;
  justify-content: center;

  border: 1px solid rgba(184, 135, 22, 0.28);

  border-radius: 50%;

  background: #faf6e9;

  color: #b88716;

  transition:
    background 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.home-about-point-icon svg {
  width: 20px;
  height: 20px;
}

.home-about-point:hover .home-about-point-icon {
  background: #b88716;

  color: #ffffff;

  transform: translateY(-2px);
}

/* content */

.home-about-point-content h3 {
  margin: 0 0 4px;

  color: #172632;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 15px;

  font-weight: 800;

  line-height: 1.3;
}

.home-about-point-content p {
  max-width: 500px;

  margin: 0;

  color: #68726e;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 12.5px;

  font-weight: 400;

  line-height: 1.55;
}

/* =========================================================
   ABOUT BUTTONS — GOLD / CREAM STYLE
========================================================= */

.home-about-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

/* ---------------------------------------------------------
   PRIMARY BUTTON
--------------------------------------------------------- */

.home-about-btn-primary {
  min-height: 48px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 5px 20px 5px 5px;

  border-radius: 999px;

  background: #b88716;
  color: #ffffff !important;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 13px;
  font-weight: 800;
  line-height: 1;

  text-decoration: none;

  border: 1px solid #b88716;

  box-shadow: 0 7px 18px rgba(184, 135, 22, 0.18);

  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}

.home-about-btn-primary:hover {
  background: #9d7310;
  border-color: #9d7310;

  color: #ffffff !important;

  transform: translateY(-2px);

  box-shadow: 0 10px 24px rgba(184, 135, 22, 0.25);
}

/* Primary icon */

.home-about-btn-icon {
  width: 38px;
  height: 38px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex-shrink: 0;

  border-radius: 50%;

  background: #ffffff;

  color: #9d7310;
}

.home-about-btn-icon svg {
  width: 17px;
  height: 17px;
}

/* ---------------------------------------------------------
   SECONDARY BUTTON
--------------------------------------------------------- */

.home-about-btn-secondary {
  min-height: 48px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 5px 19px;

  border-radius: 999px;

  background: #faf6e9;

  color: #8b6712 !important;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 13px;
  font-weight: 800;
  line-height: 1;

  text-decoration: none;

  border: 1px solid #c69a30;

  transition:
    transform 0.25s ease,
    background 0.25s ease,
    color 0.25s ease,
    box-shadow 0.25s ease;
}

.home-about-btn-secondary:hover {
  background: #f5edda;

  color: #76550b !important;

  transform: translateY(-2px);

  box-shadow: 0 8px 20px rgba(184, 135, 22, 0.12);
}

.home-about-btn-secondary svg {
  width: 17px;
  height: 17px;

  flex-shrink: 0;
}

/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 575.98px) {
  .home-about-actions {
    width: 100%;

    flex-direction: column;

    align-items: stretch;

    gap: 10px;
  }

  .home-about-btn-primary,
  .home-about-btn-secondary {
    width: 100%;

    justify-content: center;
  }
}

/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1100px) {
  .home-about-grid {
    gap: 42px;
  }

  .home-about-title {
    font-size: clamp(34px, 4.2vw, 45px);
  }

  .home-about-image-wrap {
    height: 470px;
  }
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {
  .home-about-section {
    padding: 70px 0;
  }

  .home-about-section .ul-container {
    width: min(100% - 36px, 760px);
  }

  .home-about-grid {
    grid-template-columns: 1fr;

    gap: 65px;
  }

  .home-about-visual {
    max-width: 650px;
  }

  .home-about-image-wrap {
    height: clamp(360px, 58vw, 500px);
  }

  .home-about-content {
    max-width: 680px;

    margin: 0 auto;
  }

  .home-about-intro {
    max-width: 650px;
  }

  .home-about-point-content p {
    max-width: 620px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 575.98px) {
  .home-about-section {
    padding: 55px 0 65px;
  }

  .home-about-section .ul-container {
    width: min(100% - 28px, 520px);
  }

  .home-about-grid {
    gap: 52px;
  }

  .home-about-image-wrap {
    height: clamp(310px, 82vw, 390px);

    border-radius: 14px;
  }

  .home-about-quote {
    left: 12px;
    right: 12px;

    bottom: -26px;

    gap: 10px;

    padding: 12px 13px;

    border-radius: 11px;
  }

  .home-about-quote-icon {
    width: 40px;
    height: 40px;

    flex-basis: 40px;
  }

  .home-about-quote-icon svg {
    width: 20px;
    height: 20px;
  }

  .home-about-quote span {
    font-size: 9px;
  }

  .home-about-quote p {
    font-size: 11px;

    line-height: 1.4;
  }

  .home-about-eyebrow {
    margin-bottom: 11px;

    font-size: 10px;

    letter-spacing: 1.3px;
  }

  .home-about-eyebrow::before {
    width: 22px;
  }

  .home-about-title {
    margin-bottom: 14px;

    font-size: clamp(32px, 9vw, 40px);

    line-height: 1.06;
  }

  .home-about-intro {
    margin-bottom: 21px;

    font-size: 13px;

    line-height: 1.7;
  }

  .home-about-point {
    grid-template-columns: 40px minmax(0, 1fr);

    gap: 11px;

    padding: 12px 0;
  }

  .home-about-point-icon {
    width: 37px;
    height: 37px;
  }

  .home-about-point-icon svg {
    width: 18px;
    height: 18px;
  }

  .home-about-point-content h3 {
    font-size: 14px;
  }

  .home-about-point-content p {
    font-size: 11.5px;

    line-height: 1.55;
  }

  .home-about-actions {
    width: 100%;

    flex-direction: column;

    align-items: stretch;

    gap: 9px;
  }

  .home-about-btn-primary,
  .home-about-btn-secondary {
    width: 100%;

    justify-content: center;

    min-height: 48px;
  }
}

/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 380px) {
  .home-about-image-wrap {
    height: 290px;
  }

  .home-about-title {
    font-size: 30px;
  }

  .home-about-quote {
    bottom: -28px;
  }

  .home-about-quote p {
    font-size: 10.5px;
  }
}

/* =========================================================
   MAHADIVRA FOUNDATION
   PROGRAMS / INITIATIVES
========================================================= */

.home-programs-section {
  position: relative;
  padding: 60px 0;
  background: #fbfaf6;
  overflow: hidden;
}

/* ---------------------------------------------------------
   HEADING
--------------------------------------------------------- */

.home-programs-heading {
  max-width: 680px;
  margin: 0 auto 52px;
  text-align: center;
}

.home-programs-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  margin-bottom: 12px;

  color: #a47713;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 11px;
  font-weight: 800;

  letter-spacing: 2px;
  text-transform: uppercase;
}

.home-programs-eyebrow::before,
.home-programs-eyebrow::after {
  content: "";
  width: 24px;
  height: 1px;
  background: #d7b44a;
}

.home-programs-heading h2 {
  margin: 0 0 14px;

  color: #152936;

  font-family: "Playfair Display", Georgia, serif;

  font-size: clamp(32px, 3vw, 46px);
  font-weight: 700;

  line-height: 1.15;
}

.home-programs-heading p {
  max-width: 570px;
  margin: 0 auto;

  color: #66727a;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 14px;
  line-height: 1.8;
}

/* ---------------------------------------------------------
   GRID
--------------------------------------------------------- */

.home-program-grid {
  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 20px;
}

/* ---------------------------------------------------------
   PROGRAM CARD
--------------------------------------------------------- */

.program-card {
  position: relative;

  display: flex;
  flex-direction: column;

  min-height: 315px;

  padding: 28px 28px 25px;

  background: #ffffff;

  border: 1px solid #e7e2d6;
  border-radius: 12px;

  overflow: hidden;

  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.program-card::before {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 100%;
  height: 3px;

  background: #dcae22;

  transform: scaleX(0);
  transform-origin: left;

  transition: transform 0.35s ease;
}

.program-card:hover {
  transform: translateY(-6px);

  border-color: #d9c48d;

  box-shadow: 0 18px 40px rgba(32, 42, 48, 0.08);
}

.program-card:hover::before {
  transform: scaleX(1);
}

/* ---------------------------------------------------------
   CARD TOP
--------------------------------------------------------- */

.program-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-bottom: 28px;
}

.program-card-number {
  color: #b28a25;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 11px;
  font-weight: 800;

  letter-spacing: 1px;
}

/* ---------------------------------------------------------
   ICON
--------------------------------------------------------- */

.program-card-icon {
  width: 48px;
  height: 48px;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #a47713;

  background: #faf5e5;

  border: 1px solid #ead9a7;

  border-radius: 50%;

  transition:
    background 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease;
}

.program-card-icon svg {
  width: 23px;
  height: 23px;
}

.program-card:hover .program-card-icon {
  background: #dcae22;
  color: #ffffff;

  transform: rotate(-5deg);
}

/* ---------------------------------------------------------
   TITLE
--------------------------------------------------------- */

.program-card-title,
.program-card h3 {
  margin: 0 0 12px;

  color: #172b3a;

  font-family: "Playfair Display", Georgia, serif;

  font-size: 21px;
  font-weight: 700;

  line-height: 1.3;
}

/* ---------------------------------------------------------
   DESCRIPTION
--------------------------------------------------------- */

.program-card-text,
.program-card p {
  margin: 0;

  color: #66727a;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 13px;
  line-height: 1.75;
}

/* ---------------------------------------------------------
   LINK
--------------------------------------------------------- */

.program-card-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;

  width: fit-content;

  margin-top: auto;
  padding-top: 22px;

  color: #9a7114 !important;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 12px;
  font-weight: 800;

  text-decoration: none;

  transition:
    color 0.25s ease,
    gap 0.25s ease;
}

.program-card-link svg {
  width: 16px;
  height: 16px;

  transition: transform 0.25s ease;
}

.program-card-link:hover {
  color: #70510b !important;
  gap: 10px;
}

.program-card-link:hover svg {
  transform: translateX(3px);
}

/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media (max-width: 991.98px) {
  .home-programs-section {
    padding: 80px 0;
  }

  .home-programs-heading {
    margin-bottom: 40px;
  }

  .home-program-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 18px;
  }

  .program-card {
    min-height: 300px;
    padding: 25px;
  }
}

/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media (max-width: 767.98px) {
  .home-programs-section {
    padding: 65px 0;
  }

  .home-programs-heading {
    margin-bottom: 32px;
    padding: 0 8px;
  }

  .home-programs-heading h2 {
    font-size: 32px;
  }

  .home-programs-heading p {
    font-size: 13px;
    line-height: 1.7;
  }

  .home-program-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .program-card {
    min-height: auto;
    padding: 24px;
  }

  .program-card-top {
    margin-bottom: 22px;
  }
}

/* ---------------------------------------------------------
   SMALL MOBILE
--------------------------------------------------------- */

@media (max-width: 480px) {
  .home-programs-section {
    padding: 55px 0;
  }

  .home-programs-heading h2 {
    font-size: 29px;
  }

  .home-programs-heading p {
    font-size: 12.5px;
  }

  .program-card {
    padding: 22px;
  }

  .program-card-icon {
    width: 44px;
    height: 44px;
  }

  .program-card-icon svg {
    width: 21px;
    height: 21px;
  }

  .program-card h3 {
    font-size: 20px;
  }

  .program-card p {
    font-size: 12.5px;
  }
}

/* =========================================================
   MAHADIVRA FOUNDATION
   IMPACT GALLERY
   GOLD + NAVY + WHITE THEME
========================================================= */

.home-gallery-rtl {
  position: relative;
  overflow: hidden;

  padding: 40px 0 95px;

  background: #ffffff;

  border-top: 1px solid #eee8d9;
}

/* =========================================================
   CONTAINER
========================================================= */

.home-gallery-rtl .ul-blogs-container {
  position: relative;
  z-index: 1;

  width: min(1320px, calc(100% - 56px));

  margin: 0 auto;
}

/* =========================================================
   SECTION HEADING
========================================================= */

.home-gallery-rtl .ul-section-heading {
  display: flex;

  align-items: flex-end;
  justify-content: space-between;

  gap: 30px;

  margin-bottom: 38px;

  text-align: left;
}

/* Heading wrapper */

.home-gallery-rtl .ul-section-heading > div {
  display: flex;

  flex-direction: column;

  align-items: flex-start;

  min-width: 0;
}

/* =========================================================
   SUB TITLE
========================================================= */

.home-gallery-rtl .ul-section-sub-title {
  display: inline-flex;

  align-items: center;

  gap: 9px;

  margin-bottom: 10px;

  color: #a47713;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 11px;

  font-weight: 800;

  line-height: 1.2;

  letter-spacing: 2px;

  text-transform: uppercase;
}

/* Small gold line */

.home-gallery-rtl .ul-section-sub-title::before {
  content: "";

  width: 26px;

  height: 2px;

  flex-shrink: 0;

  background: #dcae22;

  border-radius: 10px;
}

/* =========================================================
   MAIN TITLE
========================================================= */

.home-gallery-rtl .ul-section-title {
  margin: 0;

  color: #172b3a;

  font-family: "Playfair Display", Georgia, serif;

  font-size: clamp(30px, 3vw, 44px);

  font-weight: 700;

  line-height: 1.15;

  letter-spacing: -0.4px;
}

/* Remove old leaf decoration */

.home-gallery-rtl .program-heading-leaf {
  display: none;
}

/* =========================================================
   VIEW MORE BUTTON
========================================================= */

.home-gallery-rtl .ul-section-heading > .ul-btn {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  flex-shrink: 0;

  min-height: 46px;

  padding: 0 20px;

  gap: 9px;

  background: #fbfaf6;

  border: 1px solid #c79a2c;

  border-radius: 999px;

  color: #8e6712 !important;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 12px;

  font-weight: 800;

  line-height: 1;

  text-decoration: none;

  white-space: nowrap;

  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.home-gallery-rtl .ul-section-heading > .ul-btn i {
  font-size: 11px;

  transition: transform 0.3s ease;
}

.home-gallery-rtl .ul-section-heading > .ul-btn:hover {
  background: #dcae22;

  border-color: #dcae22;

  color: #172b3a !important;

  transform: translateY(-2px);

  box-shadow: 0 10px 24px rgba(184, 135, 22, 0.18);
}

.home-gallery-rtl .ul-section-heading > .ul-btn:hover i {
  transform: translateX(4px);
}

/* =========================================================
   MARQUEE WRAPPER
========================================================= */

.home-gallery-marquee {
  position: relative;

  width: 100%;

  overflow: hidden;

  padding: 5px 0 12px;
}

/* =========================================================
   EDGE FADE
========================================================= */

.home-gallery-marquee::before,
.home-gallery-marquee::after {
  content: "";

  position: absolute;

  top: 0;
  bottom: 0;

  z-index: 3;

  width: 90px;

  pointer-events: none;
}

.home-gallery-marquee::before {
  left: 0;

  background: linear-gradient(
    to right,
    #ffffff 0%,
    rgba(255, 255, 255, 0) 100%
  );
}

.home-gallery-marquee::after {
  right: 0;

  background: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

/* =========================================================
   MARQUEE TRACK
========================================================= */

.home-gallery-marquee-track {
  display: flex;

  align-items: stretch;

  width: max-content;

  gap: 18px;

  animation: homeImpactSlider 42s linear infinite;

  will-change: transform;
}

/* Pause on hover */

.home-gallery-marquee:hover .home-gallery-marquee-track {
  animation-play-state: paused;
}

/* =========================================================
   MARQUEE ANIMATION
========================================================= */

@keyframes homeImpactSlider {
  from {
    transform: translateX(0);
  }

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

/* =========================================================
   GALLERY CARD
========================================================= */

.home-gallery-item {
  position: relative;

  display: block;

  flex: 0 0 360px;

  width: 360px;

  height: 360px;

  overflow: hidden;

  background: #fbfaf6;

  border: 1px solid #e4d9bd;

  border-radius: 14px;

  box-shadow: 0 10px 28px rgba(23, 43, 58, 0.08);

  text-decoration: none;

  transition:
    transform 0.35s ease,
    border-color 0.35s ease,
    box-shadow 0.35s ease;
}

/* =========================================================
   IMAGE
========================================================= */

.home-gallery-item img {
  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: transform 0.65s cubic-bezier(0.2, 0.65, 0.3, 1);
}

/* =========================================================
   IMAGE OVERLAY
========================================================= */

.home-gallery-item::after {
  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(
    to top,
    rgba(23, 43, 58, 0.42),
    rgba(23, 43, 58, 0) 55%
  );

  opacity: 0;

  pointer-events: none;

  transition: opacity 0.35s ease;
}

/* =========================================================
   HOVER
========================================================= */

.home-gallery-item:hover {
  transform: translateY(-5px);

  border-color: #dcae22;

  box-shadow: 0 18px 38px rgba(23, 43, 58, 0.14);
}

.home-gallery-item:hover img {
  transform: scale(1.06);
}

.home-gallery-item:hover::after {
  opacity: 1;
}

/* =========================================================
   CAPTION
========================================================= */

.home-gallery-caption {
  position: absolute;

  left: 18px;
  right: 18px;

  bottom: 16px;

  z-index: 2;

  color: #ffffff;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 12px;

  font-weight: 700;

  line-height: 1.3;

  opacity: 0;

  transform: translateY(8px);

  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}

.home-gallery-item:hover .home-gallery-caption {
  opacity: 1;

  transform: translateY(0);
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199.98px) {
  .home-gallery-rtl {
    padding: 80px 0 85px;
  }

  .home-gallery-rtl .ul-blogs-container {
    width: min(100% - 40px, 1100px);
  }

  .home-gallery-rtl .ul-section-heading {
    margin-bottom: 32px;
  }

  .home-gallery-item {
    flex-basis: 310px;

    width: 310px;

    height: 310px;
  }

  .home-gallery-marquee-track {
    gap: 16px;

    animation-duration: 36s;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {
  .home-gallery-rtl {
    padding: 65px 0 70px;
  }

  .home-gallery-rtl .ul-blogs-container {
    width: calc(100% - 32px);
  }

  .home-gallery-rtl .ul-section-heading {
    flex-direction: column;

    align-items: flex-start;

    gap: 20px;

    margin-bottom: 28px;
  }

  .home-gallery-rtl .ul-section-sub-title {
    font-size: 10px;

    letter-spacing: 1.7px;
  }

  .home-gallery-rtl .ul-section-title {
    font-size: clamp(28px, 7vw, 34px);

    line-height: 1.18;
  }

  .home-gallery-rtl .ul-section-heading > .ul-btn {
    min-height: 43px;

    padding: 0 17px;

    font-size: 11px;
  }

  .home-gallery-marquee {
    padding-bottom: 8px;
  }

  .home-gallery-marquee::before,
  .home-gallery-marquee::after {
    width: 42px;
  }

  .home-gallery-marquee-track {
    gap: 13px;

    animation-duration: 30s;
  }

  .home-gallery-item {
    flex-basis: 230px;

    width: 230px;

    height: 230px;

    border-radius: 11px;
  }

  .home-gallery-caption {
    display: none;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
  .home-gallery-rtl {
    padding: 55px 0 60px;
  }

  .home-gallery-rtl .ul-blogs-container {
    width: calc(100% - 28px);
  }

  .home-gallery-rtl .ul-section-heading {
    gap: 16px;

    margin-bottom: 24px;
  }

  .home-gallery-rtl .ul-section-title {
    font-size: 27px;

    letter-spacing: -0.2px;
  }

  .home-gallery-rtl .ul-section-heading > .ul-btn {
    min-height: 41px;

    padding: 0 15px;

    font-size: 10.5px;
  }

  .home-gallery-marquee::before,
  .home-gallery-marquee::after {
    width: 30px;
  }

  .home-gallery-marquee-track {
    gap: 10px;

    animation-duration: 26s;
  }

  .home-gallery-item {
    flex-basis: 190px;

    width: 190px;

    height: 190px;

    border-radius: 9px;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
  .home-gallery-marquee-track {
    animation: none;
  }

  .home-gallery-item,
  .home-gallery-item img,
  .home-gallery-item::after,
  .home-gallery-caption,
  .home-gallery-rtl .ul-section-heading > .ul-btn {
    transition: none;
  }
}

/* =========================================================
   MAHADIVRA FOUNDATION
   DONATION / CAMPAIGN SECTION
   NAVY + GOLD + WHITE THEME
========================================================= */

.ul-donations {
  position: relative;

  overflow: hidden;

  background: #ffffff;
}

/* =========================================================
   DONATION CONTAINER
========================================================= */

.ul-donations .ul-container {
  width: min(1320px, calc(100% - 56px));

  max-width: 1320px;

  margin: 0 auto;
}

/* =========================================================
   SECTION HEADING
========================================================= */

.ul-donations .ul-donations-heading {
  display: grid;

  grid-template-columns:
    minmax(150px, 1fr)
    minmax(0, 760px)
    minmax(150px, 1fr);

  align-items: center;

  gap: 25px;

  margin-bottom: 42px;

  text-align: center !important;
}

/* Heading content */

.ul-donations .ul-donations-heading > div:first-child {
  grid-column: 2;

  min-width: 0;

  text-align: center;
}

/* =========================================================
   SUB TITLE
========================================================= */

.ul-donations .ul-section-sub-title {
  display: inline-flex;

  align-items: center;

  gap: 9px;

  margin-bottom: 11px;

  color: #a47713;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 11px;

  font-weight: 800;

  line-height: 1.2;

  letter-spacing: 2px;

  text-transform: uppercase;
}

.ul-donations .ul-section-sub-title::before {
  content: "";

  width: 28px;

  height: 2px;

  flex-shrink: 0;

  background: #dcae22;

  border-radius: 20px;
}

/* =========================================================
   SECTION TITLE
========================================================= */

.ul-donations .ul-section-title {
  max-width: 760px;

  margin: 0 auto;

  color: #172b3a;

  font-family: "Playfair Display", Georgia, serif;

  font-size: clamp(30px, 3vw, 44px);

  font-weight: 700;

  line-height: 1.15;

  letter-spacing: -0.4px;
}

/* Remove decorative green leaf */

.ul-donations .program-heading-leaf {
  display: none;
}

/* =========================================================
   VIEW MORE BUTTON
========================================================= */

.ul-donations .ul-donations-heading > .ul-btn {
  grid-column: 3;

  justify-self: end;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 9px;

  min-height: 46px;

  padding: 0 20px;

  border: 1px solid #c79a2c;

  border-radius: 999px;

  background: #fbfaf6;

  color: #8e6712 !important;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 12px;

  font-weight: 800;

  line-height: 1;

  white-space: nowrap;

  text-decoration: none;

  transition:
    transform 0.3s ease,
    background-color 0.3s ease,
    border-color 0.3s ease,
    color 0.3s ease,
    box-shadow 0.3s ease;
}

.ul-donations .ul-donations-heading > .ul-btn i {
  font-size: 11px;

  transition: transform 0.3s ease;
}

.ul-donations .ul-donations-heading > .ul-btn:hover {
  transform: translateY(-2px);

  background: #dcae22;

  border-color: #dcae22;

  color: #172b3a !important;

  box-shadow: 0 10px 24px rgba(184, 135, 22, 0.18);
}

.ul-donations .ul-donations-heading > .ul-btn:hover i {
  transform: translateX(4px);
}

/* =========================================================
   CAMPAIGN GRID
========================================================= */

.home-donation-track {
  display: flex;

  flex-wrap: wrap;

  row-gap: 28px;

  margin-left: -12px;

  margin-right: -12px;
}

.home-donation-track > .col {
  display: flex;

  padding-left: 12px;

  padding-right: 12px;

  margin-bottom: 0;
}

/* =========================================================
   CAMPAIGN CARD
========================================================= */

.custom-campaign-card {
  position: relative;

  display: flex;

  flex-direction: column;

  width: 100%;

  height: 100%;

  overflow: hidden;

  background: #ffffff;

  border: 1px solid #e7dfca;

  border-radius: 14px;

  box-shadow: 0 8px 24px rgba(23, 43, 58, 0.07);

  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}

.custom-campaign-card:hover {
  transform: translateY(-6px);

  border-color: #dcae22;

  box-shadow: 0 18px 40px rgba(23, 43, 58, 0.13);
}

/* =========================================================
   IMAGE
========================================================= */

.custom-campaign-img-wrap {
  position: relative;

  width: 100%;

  height: 225px;

  overflow: hidden;

  flex-shrink: 0;

  background: #f5f2e9;
}

.custom-campaign-img-link {
  display: block;

  width: 100%;

  height: 100%;
}

.custom-campaign-img-wrap img {
  display: block;

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 0;

  transition: transform 0.6s cubic-bezier(0.2, 0.65, 0.3, 1);
}

.custom-campaign-card:hover .custom-campaign-img-wrap img {
  transform: scale(1.055);
}

/* =========================================================
   IMAGE DARK OVERLAY
========================================================= */

.custom-campaign-img-wrap::after {
  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(
    to top,
    rgba(23, 43, 58, 0.26),
    rgba(23, 43, 58, 0) 55%
  );

  pointer-events: none;
}

/* =========================================================
   CAMPAIGN IMAGE BADGE
========================================================= */

.custom-campaign-image-badge {
  position: absolute;

  left: 16px;

  bottom: 14px;

  z-index: 3;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background: #ffffff;

  border: 2px solid rgba(220, 174, 34, 0.75);

  box-shadow: 0 6px 18px rgba(23, 43, 58, 0.16);
}

/* Override inline SVG green */

.custom-campaign-image-badge svg {
  width: 24px;

  height: 24px;

  stroke: #a47713 !important;
}

/* =========================================================
   CARD BODY
========================================================= */

.custom-campaign-body {
  display: flex;

  flex: 1 1 auto;

  flex-direction: column;

  padding: 21px 20px 18px;

  background: #ffffff;
}

/* =========================================================
   TITLE
========================================================= */

.custom-campaign-header-row {
  display: flex;

  align-items: flex-start;

  gap: 12px;

  margin-bottom: 14px;
}

.custom-campaign-title {
  display: -webkit-box;

  min-height: 52px;

  margin: 0;

  overflow: hidden;

  color: #172b3a;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 19px;

  font-weight: 800;

  line-height: 1.35;

  text-align: left;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

  line-clamp: 2;
}

.custom-campaign-title a {
  color: #172b3a;

  text-decoration: none;

  transition: color 0.25s ease;
}

.custom-campaign-title a:hover {
  color: #a47713;
}

/* =========================================================
   PROGRESS BAR
========================================================= */

.custom-campaign-progress-bar {
  width: 100%;

  height: 5px;

  margin-bottom: 17px;

  overflow: hidden;

  background: #eee9dc;

  border-radius: 20px;
}

.custom-campaign-progress-fill {
  width: 32%;

  height: 100%;

  background: linear-gradient(90deg, #b98716, #dcae22);

  border-radius: inherit;
}

/* =========================================================
   DESCRIPTION
========================================================= */

.custom-campaign-descr-wrap {
  flex: 1 1 auto;

  margin-bottom: 19px;
}

.custom-campaign-descr {
  display: -webkit-box;

  min-height: calc(1.55em * 4);

  margin: 0;

  overflow: hidden;

  color: #5b6470;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 13.5px;

  font-weight: 400;

  line-height: 1.55;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  line-clamp: 4;
}

/* =========================================================
   DONATE BUTTON
========================================================= */

.custom-campaign-donate-btn {
  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;

  min-height: 49px;

  margin-top: auto;

  margin-bottom: 9px;

  padding: 7px 9px;

  background: #172b3a;

  border: 1px solid #172b3a;

  border-radius: 9px;

  color: #ffffff !important;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 13px;

  font-weight: 800;

  line-height: 1;

  text-decoration: none;

  box-shadow: 0 6px 16px rgba(23, 43, 58, 0.17);

  transition:
    transform 0.3s ease,
    background-color 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.custom-campaign-donate-btn:hover {
  transform: translateY(-2px);

  background: #dcae22;

  border-color: #dcae22;

  color: #172b3a !important;

  box-shadow: 0 9px 20px rgba(184, 135, 22, 0.2);
}

/* =========================================================
   BUTTON ICONS
========================================================= */

.custom-campaign-donate-btn .btn-left-icon,
.custom-campaign-donate-btn .btn-right-icon,
.custom-campaign-readmore-btn .btn-left-icon,
.custom-campaign-readmore-btn .btn-right-icon {
  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;
}

.custom-campaign-donate-btn .btn-left-icon {
  width: 34px;

  height: 34px;

  border-radius: 50%;
}

.custom-campaign-donate-btn .btn-left-icon img {
  display: block;

  width: 23px;

  height: 23px;

  object-fit: contain;
}

.custom-campaign-donate-btn .btn-right-icon {
  width: 34px;

  height: 34px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.12);
}

.custom-campaign-donate-btn .btn-right-icon svg {
  width: 17px;

  height: 17px;

  transition: transform 0.25s ease;
}

.custom-campaign-donate-btn:hover .btn-right-icon svg {
  transform: translateX(3px);
}

.custom-campaign-donate-btn .btn-text,
.custom-campaign-readmore-btn .btn-text {
  flex: 1 1 auto;

  padding: 0 9px;

  text-align: center;
}

/* =========================================================
   READ MORE
========================================================= */

.custom-campaign-readmore-btn {
  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;

  min-height: 27px;

  padding: 3px 8px;

  background: transparent;

  border: 0;

  color: #8e6712 !important;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 12px;

  font-weight: 800;

  line-height: 1;

  text-decoration: none;

  transition:
    color 0.25s ease,
    transform 0.25s ease;
}

.custom-campaign-readmore-btn:hover {
  color: #172b3a !important;

  transform: translateY(-1px);

  text-decoration: none;
}

/* =========================================================
   REMOVE OLD DONATION DECORATIONS
========================================================= */

.ul-donations::before,
.ul-donations::after {
  content: none !important;

  display: none !important;
}

/* =========================================================
   LARGE TABLET / SMALL DESKTOP
========================================================= */

@media (max-width: 1199.98px) {
  .ul-donations .ul-container {
    width: min(calc(100% - 40px), 1100px);
  }

  .ul-donations .ul-donations-heading {
    grid-template-columns:
      minmax(80px, 1fr)
      minmax(0, 650px)
      minmax(80px, 1fr);

    margin-bottom: 36px;
  }

  .custom-campaign-img-wrap {
    height: 210px;
  }

  .custom-campaign-body {
    padding: 19px 18px 17px;
  }

  .custom-campaign-title {
    font-size: 18px;
  }
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {
  .ul-donations .ul-donations-heading {
    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 18px;

    margin-bottom: 32px;
  }

  .ul-donations .ul-donations-heading > div:first-child {
    order: 1;
  }

  .ul-donations .ul-donations-heading > .ul-btn {
    order: 2;

    align-self: center;

    margin: 0;
  }

  .home-donation-track {
    row-gap: 22px;
  }

  .home-donation-track > .col {
    width: 50%;

    flex: 0 0 50%;
  }

  .custom-campaign-img-wrap {
    height: 220px;
  }

  .custom-campaign-title {
    font-size: 18px;

    min-height: 49px;
  }

  .custom-campaign-descr {
    font-size: 13px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {
  .ul-donations {
    overflow: hidden;
  }

  .ul-donations .ul-container {
    width: calc(100% - 32px);
  }

  .ul-donations .ul-donations-heading {
    gap: 17px;

    margin-bottom: 28px;
  }

  .ul-donations .ul-section-sub-title {
    font-size: 10px;

    letter-spacing: 1.7px;
  }

  .ul-donations .ul-section-title {
    max-width: 520px;

    font-size: clamp(28px, 7vw, 35px);

    line-height: 1.18;
  }

  .ul-donations .ul-donations-heading > .ul-btn {
    min-height: 43px;

    padding: 0 17px;

    font-size: 11px;
  }

  .home-donation-track {
    row-gap: 18px;

    margin-left: 0;

    margin-right: 0;
  }

  .home-donation-track > .col {
    width: 100%;

    flex: 0 0 100%;

    padding-left: 0;

    padding-right: 0;
  }

  .custom-campaign-card {
    border-radius: 13px;
  }

  .custom-campaign-img-wrap {
    height: clamp(210px, 57vw, 270px);
  }

  .custom-campaign-image-badge {
    left: 14px;

    bottom: 13px;

    width: 46px;

    height: 46px;
  }

  .custom-campaign-image-badge svg {
    width: 22px;

    height: 22px;
  }

  .custom-campaign-body {
    padding: 18px 17px 17px;
  }

  .custom-campaign-header-row {
    margin-bottom: 12px;
  }

  .custom-campaign-title {
    min-height: 48px;

    font-size: 18px;

    line-height: 1.32;
  }

  .custom-campaign-progress-bar {
    margin-bottom: 15px;
  }

  .custom-campaign-descr {
    min-height: calc(1.52em * 3);

    font-size: 13px;

    line-height: 1.52;

    -webkit-line-clamp: 3;

    line-clamp: 3;
  }

  .custom-campaign-descr-wrap {
    margin-bottom: 17px;
  }

  .custom-campaign-donate-btn {
    min-height: 48px;

    font-size: 13px;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
  .ul-donations .ul-container {
    width: calc(100% - 28px);
  }

  .ul-donations .ul-donations-heading {
    margin-bottom: 25px;
  }

  .ul-donations .ul-section-title {
    font-size: 27px;

    letter-spacing: -0.2px;
  }

  .ul-donations .ul-donations-heading > .ul-btn {
    min-height: 41px;

    padding: 0 15px;

    font-size: 10.5px;
  }

  .custom-campaign-img-wrap {
    height: 205px;
  }

  .custom-campaign-body {
    padding: 17px 15px 15px;
  }

  .custom-campaign-title {
    font-size: 17px;

    min-height: 45px;
  }

  .custom-campaign-descr {
    font-size: 12.5px;
  }

  .custom-campaign-donate-btn {
    min-height: 46px;

    padding: 6px 8px;

    font-size: 12px;
  }

  .custom-campaign-donate-btn .btn-left-icon,
  .custom-campaign-donate-btn .btn-right-icon {
    width: 32px;

    height: 32px;
  }

  .custom-campaign-donate-btn .btn-left-icon img {
    width: 21px;

    height: 21px;
  }

  .custom-campaign-readmore-btn {
    font-size: 11px;
  }
}

/* =========================================================
   EXTRA SMALL DEVICES
========================================================= */

@media (max-width: 360px) {
  .ul-donations .ul-container {
    width: calc(100% - 22px);
  }

  .custom-campaign-img-wrap {
    height: 190px;
  }

  .custom-campaign-title {
    font-size: 16px;
  }

  .custom-campaign-descr {
    font-size: 12px;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
  .custom-campaign-card,
  .custom-campaign-img-wrap img,
  .custom-campaign-donate-btn,
  .custom-campaign-readmore-btn,
  .custom-campaign-donate-btn .btn-right-icon svg,
  .ul-donations .ul-donations-heading > .ul-btn {
    transition: none;
  }
}

/* =========================================================
   MAHADIVRA FOUNDATION — CLEAN FOOTER
   White Background | Navy | Gold
========================================================= */

:root {
  --mf-footer-bg: #ffffff;
  --mf-footer-soft: #faf9f5;
  --mf-footer-navy: #10213f;
  --mf-footer-dark: #0b172c;
  --mf-footer-gold: #d5a72c;
  --mf-footer-gold-light: #f4e8b8;
  --mf-footer-text: #5d6674;
  --mf-footer-border: rgba(16, 33, 63, 0.1);
}

/* =========================================================
   MAIN FOOTER
========================================================= */

.site-footer-clean {
  position: relative;
  width: 100%;
  background: var(--mf-footer-bg);
  color: var(--mf-footer-text);
  border-top: 1px solid var(--mf-footer-border);
  overflow: hidden;
}

/* Very subtle decorative top line */

.site-footer-clean::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: var(--mf-footer-gold);
}

/* =========================================================
   CONTAINER
========================================================= */

.footer-clean-container {
  width: min(1320px, calc(100% - 48px));
  margin: 0 auto;
}

/* =========================================================
   CTA SECTION
========================================================= */

.footer-clean-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;

  padding: 40px 0 40px;

  border-bottom: 1px solid var(--mf-footer-border);
}

.footer-clean-cta-content {
  max-width: 820px;
}

/* Small heading */

.footer-clean-eyebrow {
  position: relative;

  display: inline-flex;
  align-items: center;
  gap: 10px;

  margin-bottom: 13px;

  color: var(--mf-footer-gold);

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 13px;
  font-weight: 900;

  letter-spacing: 2px;
  text-transform: uppercase;
}

/* Small line before eyebrow */

.footer-clean-eyebrow::before {
  content: "";

  width: 38px;
  height: 2px;

  background: var(--mf-footer-gold);

  border-radius: 10px;
}

/* CTA heading */

.footer-clean-cta h2 {
  margin: 0 0 13px;

  max-width: 850px;

  color: var(--mf-footer-navy);

  font-family: "Playfair Display", Georgia, serif;

  font-size: clamp(30px, 3vw, 46px);
  font-weight: 700;

  line-height: 1.15;
  letter-spacing: -0.5px;
}

/* CTA paragraph */

.footer-clean-cta .footer-clean-about {
  max-width: 760px;

  margin: 0;

  color: var(--mf-footer-text);

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 14px;
  font-weight: 400;

  line-height: 1.75;
}

/* =========================================================
   SUPPORT BUTTON
========================================================= */

.donate-showcase-btn {
  display: inline-flex;
  align-items: center;

  flex-shrink: 0;

  min-width: 235px;
  min-height: 78px;

  padding: 8px 10px 8px 10px;

  background: var(--mf-footer-navy);

  color: #ffffff !important;

  border: 1px solid var(--mf-footer-navy);
  border-radius: 999px;

  text-decoration: none !important;

  box-shadow: 0 10px 28px rgba(16, 33, 63, 0.14);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.25s ease;
}

.donate-showcase-btn:hover {
  transform: translateY(-3px);

  background: var(--mf-footer-dark);

  color: #ffffff !important;

  box-shadow: 0 15px 34px rgba(16, 33, 63, 0.2);
}

/* Icon circle */

.donate-showcase-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 60px;
  height: 60px;

  flex: 0 0 60px;

  border-radius: 50%;

  background: #ffffff;

  overflow: hidden;
}

.donate-showcase-icon img {
  width: 42px;
  height: 42px;

  object-fit: contain;

  display: block;
}

/* Button text */

.donate-showcase-copy {
  display: flex;
  flex-direction: column;

  flex: 1;

  padding: 0 14px;
}

.donate-showcase-title {
  color: #ffffff;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 18px;
  font-weight: 900;

  line-height: 1.1;
}

.donate-showcase-subtitle {
  margin-top: 5px;

  color: var(--mf-footer-gold);

  font-family: "Playfair Display", Georgia, serif;

  font-size: 14px;
  font-weight: 700;

  line-height: 1;
}

/* Arrow */

.donate-showcase-arrow {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 48px;
  height: 48px;

  flex: 0 0 48px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.1);

  color: #ffffff;

  transition:
    background 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.donate-showcase-arrow svg {
  width: 19px;
  height: 19px;
}

.donate-showcase-btn:hover .donate-showcase-arrow {
  background: var(--mf-footer-gold);

  color: var(--mf-footer-navy);

  transform: translateX(3px);
}

/* =========================================================
   FOOTER MAIN
========================================================= */

.footer-clean-main {
  display: grid;

  grid-template-columns:
    minmax(260px, 1.5fr)
    repeat(3, minmax(140px, 0.75fr))
    minmax(230px, 1.15fr);

  gap: 48px;

  padding: 40px 0;
}

/* =========================================================
   BRAND COLUMN
========================================================= */

.footer-clean-brand-column {
  min-width: 0;
}

.footer-clean-brand {
  display: inline-flex;
  align-items: center;

  margin-bottom: 18px;

  text-decoration: none;
}

.footer-clean-brand .ul-logo-image {
  display: block;

  width: auto;
  max-width: 185px;
  height: auto;
  max-height: 110px;

  object-fit: contain;
}

/* Brand description */

.footer-clean-brand-column > .footer-clean-about {
  max-width: 390px;

  margin: 0 0 20px;

  color: var(--mf-footer-text);

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 13px;
  font-weight: 400;

  line-height: 1.75;
}

/* =========================================================
   SOCIAL ICONS
========================================================= */

.footer-clean-socials {
  display: flex;
  align-items: center;

  gap: 9px;
}

.footer-clean-socials a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 38px;
  height: 38px;

  border: 1px solid var(--mf-footer-border);
  border-radius: 50%;

  background: #ffffff;

  color: var(--mf-footer-navy);

  text-decoration: none;

  transition:
    background 0.22s ease,
    color 0.22s ease,
    border-color 0.22s ease,
    transform 0.22s ease;
}

.footer-clean-socials a i {
  font-size: 14px;
}

.footer-clean-socials a svg {
  width: 15px;
  height: 15px;

  display: block;
}

.footer-clean-socials a:hover {
  background: var(--mf-footer-navy);

  border-color: var(--mf-footer-navy);

  color: #ffffff;

  transform: translateY(-2px);
}

/* WhatsApp gets same visual treatment */

.footer-clean-socials .whatsapp-social:hover {
  background: var(--mf-footer-navy);
  color: #ffffff;
}

/* =========================================================
   FOOTER COLUMNS
========================================================= */

.footer-clean-column {
  min-width: 0;
}

.footer-clean-column h3 {
  position: relative;

  margin: 4px 0 20px;

  padding-bottom: 12px;

  color: var(--mf-footer-navy);

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 15px;
  font-weight: 900;

  line-height: 1.2;
}

/* Gold heading line */

.footer-clean-column h3::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: 0;

  width: 32px;
  height: 2px;

  background: var(--mf-footer-gold);

  border-radius: 10px;
}

/* =========================================================
   FOOTER LINKS
========================================================= */

.footer-clean-links {
  display: flex;
  flex-direction: column;

  gap: 10px;
}

.footer-clean-links a {
  position: relative;

  display: inline-flex;
  align-items: center;

  width: fit-content;

  color: var(--mf-footer-text);

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 13px;
  font-weight: 500;

  line-height: 1.5;

  text-decoration: none;

  transition:
    color 0.22s ease,
    transform 0.22s ease;
}

.footer-clean-links a::before {
  content: "";

  width: 0;
  height: 1px;

  margin-right: 0;

  background: var(--mf-footer-gold);

  transition:
    width 0.22s ease,
    margin-right 0.22s ease;
}

.footer-clean-links a:hover {
  color: var(--mf-footer-navy);

  transform: translateX(2px);
}

.footer-clean-links a:hover::before {
  width: 15px;

  margin-right: 7px;
}

/* =========================================================
   CONTACT
========================================================= */

.footer-clean-contact {
  display: flex;
  flex-direction: column;

  gap: 14px;
}

.footer-clean-contact a,
.footer-clean-contact > span {
  display: flex;
  align-items: flex-start;

  gap: 10px;

  color: var(--mf-footer-text);

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 12.5px;
  font-weight: 500;

  line-height: 1.55;

  text-decoration: none;
}

.footer-clean-contact a:hover {
  color: var(--mf-footer-navy);
}

/* Contact icons */

.footer-clean-contact i {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 30px;
  height: 30px;

  flex: 0 0 30px;

  border-radius: 50%;

  background: var(--mf-footer-soft);

  color: var(--mf-footer-gold);

  font-size: 13px;
}

/* =========================================================
   FOOTER BOTTOM
========================================================= */

.footer-clean-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  padding: 20px 0;

  border-top: 1px solid var(--mf-footer-border);

  color: #747d89;

  font-family: "Plus Jakarta Sans", "Inter", sans-serif;

  font-size: 11.5px;
  font-weight: 500;

  line-height: 1.5;
}

.footer-clean-bottom-links {
  display: flex;
  align-items: center;

  gap: 22px;
}

.footer-clean-bottom-links a {
  color: var(--mf-footer-text);

  text-decoration: none;

  transition: color 0.2s ease;
}

.footer-clean-bottom-links a:hover {
  color: var(--mf-footer-gold);
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199.98px) {
  .footer-clean-container {
    width: min(100% - 40px, 1100px);
  }

  .footer-clean-main {
    grid-template-columns:
      minmax(250px, 1.4fr)
      repeat(2, minmax(150px, 1fr))
      minmax(220px, 1.2fr);

    gap: 38px;
  }

  .footer-clean-brand-column {
    grid-column: span 2;
  }

  .footer-clean-cta {
    gap: 30px;
  }

  .donate-showcase-btn {
    min-width: 220px;
  }
}

/* =========================================================
   TABLET / SMALL LAPTOP
========================================================= */

@media (max-width: 991.98px) {
  .footer-clean-container {
    width: min(100% - 36px, 900px);
  }

  .footer-clean-cta {
    align-items: flex-start;
    flex-direction: column;

    padding: 48px 0 40px;
  }

  .footer-clean-cta-content {
    max-width: 720px;
  }

  .donate-showcase-btn {
    min-width: 230px;
  }

  .footer-clean-main {
    grid-template-columns:
      1.5fr
      1fr
      1fr;

    gap: 38px 32px;

    padding: 44px 0;
  }

  .footer-clean-brand-column {
    grid-column: span 3;
  }

  .footer-clean-brand-column > .footer-clean-about {
    max-width: 650px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {
  .site-footer-clean::before {
    height: 2px;
  }

  .footer-clean-container {
    width: calc(100% - 32px);
  }

  /* CTA */

  .footer-clean-cta {
    gap: 24px;

    padding: 40px 0 34px;
  }

  .footer-clean-eyebrow {
    font-size: 11px;

    letter-spacing: 1.6px;
  }

  .footer-clean-eyebrow::before {
    width: 28px;
  }

  .footer-clean-cta h2 {
    margin-bottom: 12px;

    font-size: clamp(27px, 7vw, 35px);

    line-height: 1.18;
  }

  .footer-clean-cta .footer-clean-about {
    font-size: 13px;
    line-height: 1.7;
  }

  /* Support button */

  .donate-showcase-btn {
    width: 100%;
    min-width: 0;

    min-height: 70px;
  }

  .donate-showcase-icon {
    width: 52px;
    height: 52px;

    flex-basis: 52px;
  }

  .donate-showcase-icon img {
    width: 36px;
    height: 36px;
  }

  .donate-showcase-title {
    font-size: 16px;
  }

  .donate-showcase-subtitle {
    font-size: 13px;
  }

  .donate-showcase-arrow {
    width: 43px;
    height: 43px;

    flex-basis: 43px;
  }

  /* Main */

  .footer-clean-main {
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 36px 26px;

    padding: 40px 0;
  }

  .footer-clean-brand-column {
    grid-column: span 2;
  }

  .footer-clean-brand .ul-logo-image {
    max-width: 165px;
    max-height: 65px;
  }

  .footer-clean-column h3 {
    margin-bottom: 17px;

    font-size: 14px;
  }

  .footer-clean-links {
    gap: 9px;
  }

  .footer-clean-links a {
    font-size: 12.5px;
  }

  .footer-clean-contact a,
  .footer-clean-contact > span {
    font-size: 12px;
  }

  /* Bottom */

  .footer-clean-bottom {
    align-items: flex-start;
    flex-direction: column;

    gap: 14px;

    padding: 18px 0;
  }

  .footer-clean-bottom-links {
    flex-wrap: wrap;

    gap: 8px 18px;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 479.98px) {
  .footer-clean-container {
    width: calc(100% - 24px);
  }

  .footer-clean-cta {
    padding: 34px 0 30px;
  }

  .footer-clean-eyebrow {
    font-size: 10px;

    letter-spacing: 1.3px;
  }

  .footer-clean-cta h2 {
    font-size: 26px;
    line-height: 1.2;
  }

  .footer-clean-cta .footer-clean-about {
    font-size: 12px;
  }

  .donate-showcase-btn {
    min-height: 64px;

    padding: 6px 7px;
  }

  .donate-showcase-icon {
    width: 48px;
    height: 48px;

    flex-basis: 48px;
  }

  .donate-showcase-icon img {
    width: 32px;
    height: 32px;
  }

  .donate-showcase-copy {
    padding: 0 10px;
  }

  .donate-showcase-title {
    font-size: 15px;
  }

  .donate-showcase-subtitle {
    margin-top: 4px;

    font-size: 12px;
  }

  .donate-showcase-arrow {
    width: 39px;
    height: 39px;

    flex-basis: 39px;
  }

  .donate-showcase-arrow svg {
    width: 16px;
    height: 16px;
  }

  .footer-clean-main {
    grid-template-columns: 1fr;

    gap: 30px;

    padding: 34px 0;
  }

  .footer-clean-brand-column {
    grid-column: auto;
  }

  .footer-clean-brand-column > .footer-clean-about {
    font-size: 12px;
  }

  .footer-clean-socials a {
    width: 36px;
    height: 36px;
  }

  .footer-clean-column h3 {
    font-size: 14px;
  }

  .footer-clean-bottom {
    font-size: 10.5px;
  }

  .footer-clean-bottom-links {
    gap: 7px 15px;
  }
}

/* =========================================================
   ACCESSIBILITY / REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
  .site-footer-clean *,
  .site-footer-clean *::before,
  .site-footer-clean *::after {
    transition: none !important;
    animation: none !important;
  }
}

/* --------------------------------------------------------------------------------------------------------------------- */
/* about.php page styling */
/* =========================================================
   MAHADIVRA ABOUT PAGE HERO
   Compact Inner Page Banner
========================================================= */

.mahadivra-about-hero {
  --about-navy: #10213f;
  --about-navy-dark: #08182b;
  --about-gold: #d6a62c;
  --about-gold-light: #f1d47a;

  position: relative;

  width: 100%;
  min-height: 350px;

  display: flex;
  align-items: center;

  overflow: hidden;

  background: var(--about-navy);
  color: #ffffff;
}

/* Background */

.mahadivra-about-hero-bg {
  position: absolute;
  inset: 0;

  background-image: url("web-page/assets/img/hero/hero-4.jpg");

  background-size: cover;
  background-position: center 45%;
  background-repeat: no-repeat;

  transform: scale(1.03);

  animation: mahadivraAboutHeroZoom 12s ease-out forwards;
}

/* Dark overlay */

.mahadivra-about-hero-overlay {
  position: absolute;
  inset: 0;

  background: linear-gradient(
    90deg,
    rgba(8, 24, 43, 0.94) 0%,
    rgba(16, 33, 63, 0.82) 48%,
    rgba(16, 33, 63, 0.58) 100%
  );

  z-index: 1;
}

/* Subtle gold glow */

.mahadivra-about-hero-overlay::after {
  content: "";

  position: absolute;

  width: 320px;
  height: 320px;

  right: -100px;
  top: -120px;

  border-radius: 50%;

  background: rgba(214, 166, 44, 0.1);

  filter: blur(20px);
}

/* Container */

.mahadivra-about-hero-container {
  position: relative;

  z-index: 2;

  width: 100%;

  padding-top: 55px;
  padding-bottom: 55px;
}

/* Content */

.mahadivra-about-hero-content {
  max-width: 850px;
}

/* Eyebrow */

.mahadivra-about-eyebrow {
  display: inline-flex;

  align-items: center;
  justify-content: flex-start;

  gap: 11px;

  margin-bottom: 15px;

  color: var(--about-gold);

  font-size: 12px;
  font-weight: 800;

  letter-spacing: 1.8px;

  line-height: 1.2;

  text-transform: uppercase;
}

.mahadivra-about-line {
  width: 34px;
  height: 1px;

  flex-shrink: 0;

  background: var(--about-gold);

  opacity: 0.9;
}

/* Title */

.mahadivra-about-title {
  margin: 0 0 14px;

  max-width: 850px;

  color: #ffffff;

  font-family: "Playfair Display", Georgia, serif;

  font-size: clamp(36px, 4.2vw, 56px);

  font-weight: 700;

  line-height: 1.08;

  letter-spacing: -0.7px;
}

.mahadivra-about-title span {
  color: var(--about-gold-light);
}

/* Description */

.mahadivra-about-description {
  max-width: 650px;

  margin: 0;

  color: rgba(255, 255, 255, 0.86);

  font-family: "Roboto", "Inter", sans-serif;

  font-size: clamp(14px, 1.1vw, 17px);

  font-weight: 400;

  line-height: 1.65;
}

/* Background animation */

@keyframes mahadivraAboutHeroZoom {
  from {
    transform: scale(1.03);
  }

  to {
    transform: scale(1.08);
  }
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {
  .mahadivra-about-hero {
    min-height: 330px;
  }

  .mahadivra-about-hero-container {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .mahadivra-about-title {
    font-size: clamp(34px, 5.5vw, 48px);
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {
  .mahadivra-about-hero {
    min-height: 310px;
  }

  .mahadivra-about-hero-bg {
    background-position: 60% center;
  }

  .mahadivra-about-hero-overlay {
    background: linear-gradient(
      180deg,
      rgba(8, 24, 43, 0.82) 0%,
      rgba(8, 24, 43, 0.94) 100%
    );
  }

  .mahadivra-about-hero-container {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .mahadivra-about-hero-content {
    max-width: 100%;
  }

  .mahadivra-about-eyebrow {
    gap: 8px;

    margin-bottom: 13px;

    font-size: 10px;

    letter-spacing: 1.3px;
  }

  .mahadivra-about-line {
    width: 24px;
  }

  .mahadivra-about-title {
    font-size: clamp(31px, 9vw, 42px);

    line-height: 1.1;

    letter-spacing: -0.4px;

    margin-bottom: 13px;
  }

  .mahadivra-about-description {
    max-width: 100%;

    font-size: 14px;

    line-height: 1.6;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 479.98px) {
  .mahadivra-about-hero {
    min-height: 295px;
  }

  .mahadivra-about-hero-container {
    padding-top: 38px;
    padding-bottom: 38px;
  }

  .mahadivra-about-eyebrow {
    font-size: 9px;

    letter-spacing: 1.1px;
  }

  .mahadivra-about-line {
    width: 20px;
  }

  .mahadivra-about-title {
    font-size: 31px;
  }

  .mahadivra-about-description {
    font-size: 13.5px;
  }
}

/* =========================================================
   MAHADIVRA ABOUT STORY SECTION
========================================================= */

.mahadivra-about-story {
  --md-primary: #159bc7;
  --md-nav: #08779f;

  --md-gold: #e5b82e;
  --md-gold-dark: #c99516;
  --md-gold-light: #fff9e8;

  --md-black: #172b3a;
  --md-text: #64748b;

  --md-white: #ffffff;
  --md-soft: #f8fafc;
  --md-border: #e6e9ed;

  position: relative;

  width: 100%;

  padding: 90px 0 100px;

  background: #ffffff;

  overflow: hidden;
}

/* =========================================================
   CONTAINER
========================================================= */

.mahadivra-about-story-container {
  width: 100%;

  max-width: 1080px;

  margin: 0 auto;
}

/* =========================================================
   SECTION HEADING
========================================================= */

.mahadivra-about-story-heading {
  max-width: 900px;

  margin: 0 auto 55px;

  text-align: center;
}

/* Small heading */

.mahadivra-about-section-tag {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 10px;

  margin-bottom: 14px;

  color: var(--md-gold-dark);

  font-family: "Inter", sans-serif;

  font-size: 12px;

  font-weight: 800;

  letter-spacing: 2px;

  text-transform: uppercase;
}

.mahadivra-about-section-tag span {
  display: block;

  width: 32px;

  height: 2px;

  background: var(--md-gold);

  border-radius: 999px;
}

/* Main heading */

.mahadivra-about-story-title {
  margin: 0;

  color: var(--md-black);

  font-family: "DM Serif Display", Georgia, serif;

  font-size: clamp(34px, 4vw, 52px);

  font-weight: 400;

  line-height: 1.12;

  letter-spacing: -0.4px;
}

.mahadivra-about-story-title em {
  color: var(--md-gold-dark);

  font-style: normal;
}

/* Intro */

.mahadivra-about-intro {
  max-width: 700px;

  margin: 20px auto 0;

  color: var(--md-text);

  font-family: "Inter", sans-serif;

  font-size: 16px;

  line-height: 1.75;
}

/* =========================================================
   CONTENT AREA
========================================================= */

.mahadivra-about-story-content {
  position: relative;

  padding: 0 5px;
}

/* =========================================================
   CONTENT BLOCK
========================================================= */

.mahadivra-about-content-block {
  position: relative;

  margin-bottom: 48px;

  padding-bottom: 42px;

  border-bottom: 1px solid var(--md-border);
}

.mahadivra-about-content-block:last-of-type {
  margin-bottom: 0;

  border-bottom: 0;
}

/* =========================================================
   BLOCK HEADING
========================================================= */

.mahadivra-about-content-block > h3,
.mahadivra-about-block-heading h3 {
  margin: 0 0 18px;

  color: var(--md-black);

  font-family: "DM Serif Display", Georgia, serif;

  font-size: 28px;

  font-weight: 400;

  line-height: 1.25;
}

.mahadivra-about-block-heading {
  display: flex;

  align-items: center;

  gap: 12px;

  margin-bottom: 18px;
}

.mahadivra-about-block-heading h3 {
  margin: 0;
}

/* Gold icon */

.mahadivra-about-block-icon {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  width: 34px;
  height: 34px;

  flex-shrink: 0;

  border-radius: 50%;

  background: var(--md-gold-light);

  color: var(--md-gold-dark);

  border: 1px solid rgba(229, 184, 46, 0.28);

  font-size: 15px;
}

/* =========================================================
   PARAGRAPHS
========================================================= */

.mahadivra-about-content-block p {
  margin: 0 0 16px;

  color: var(--md-text);

  font-family: "Inter", sans-serif;

  font-size: 15px;

  font-weight: 400;

  line-height: 1.85;
}

.mahadivra-about-content-block p:last-child {
  margin-bottom: 0;
}

/* =========================================================
   MISSION LIST
========================================================= */

.mahadivra-about-list {
  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 13px 20px;

  margin: 25px 0 0;

  padding: 0;

  list-style: none;
}

.mahadivra-about-list li {
  display: flex;

  align-items: flex-start;

  gap: 12px;

  padding: 15px 16px;

  background: var(--md-soft);

  border: 1px solid var(--md-border);

  border-radius: 10px;

  color: var(--md-text);

  font-family: "Inter", sans-serif;

  font-size: 14px;

  line-height: 1.55;

  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

.mahadivra-about-list li:hover {
  transform: translateY(-2px);

  border-color: rgba(229, 184, 46, 0.45);

  box-shadow: 0 8px 22px rgba(23, 43, 58, 0.06);
}

.mahadivra-about-list li span {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 30px;
  height: 30px;

  flex-shrink: 0;

  border-radius: 50%;

  background: var(--md-gold);

  color: var(--md-black);

  font-size: 10px;

  font-weight: 800;
}

/* =========================================================
   WHAT WE DO GRID
========================================================= */

.mahadivra-about-focus-grid {
  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 18px;

  margin-top: 28px;
}

.mahadivra-about-focus-item {
  position: relative;

  padding: 24px;

  background: #ffffff;

  border: 1px solid var(--md-border);

  border-radius: 14px;

  box-shadow: 0 8px 25px rgba(23, 43, 58, 0.045);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}

.mahadivra-about-focus-item:hover {
  transform: translateY(-4px);

  border-color: rgba(229, 184, 46, 0.45);

  box-shadow: 0 14px 32px rgba(23, 43, 58, 0.08);
}

.mahadivra-about-focus-item > span {
  display: block;

  margin-bottom: 10px;

  color: var(--md-gold-dark);

  font-size: 11px;

  font-weight: 800;

  letter-spacing: 1px;
}

.mahadivra-about-focus-item strong {
  display: block;

  margin-bottom: 8px;

  color: var(--md-black);

  font-family: "DM Serif Display", Georgia, serif;

  font-size: 22px;

  font-weight: 400;
}

.mahadivra-about-focus-item p {
  margin: 0;

  font-size: 13.5px;

  line-height: 1.65;
}

/* =========================================================
   VALUES
========================================================= */

.mahadivra-about-values {
  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 16px;

  margin-top: 25px;
}

.mahadivra-about-values > div {
  padding: 20px;

  background: var(--md-gold-light);

  border: 1px solid rgba(229, 184, 46, 0.2);

  border-radius: 12px;
}

.mahadivra-about-values strong {
  display: block;

  margin-bottom: 7px;

  color: var(--md-black);

  font-family: "DM Serif Display", Georgia, serif;

  font-size: 20px;

  font-weight: 400;
}

.mahadivra-about-values p {
  margin: 0;

  color: var(--md-text);

  font-size: 13px;

  line-height: 1.6;
}

/* =========================================================
   QUOTE
========================================================= */

.mahadivra-about-quote {
  position: relative;

  margin: 50px 0;

  padding: 35px 45px;

  background: linear-gradient(135deg, #fffdf5 0%, var(--md-gold-light) 100%);

  border-left: 4px solid var(--md-gold);

  border-radius: 0 16px 16px 0;

  box-shadow: 0 12px 30px rgba(23, 43, 58, 0.045);
}

.mahadivra-about-quote-mark {
  display: block;

  margin-bottom: -8px;

  color: var(--md-gold);

  font-family: Georgia, serif;

  font-size: 55px;

  line-height: 1;
}

.mahadivra-about-quote p {
  margin: 0;

  color: var(--md-black);

  font-family: "DM Serif Display", Georgia, serif;

  font-size: clamp(20px, 2vw, 27px);

  font-style: italic;

  line-height: 1.45;
}

/* =========================================================
   ACTION BUTTONS
========================================================= */

.mahadivra-about-story-actions {
  display: flex;

  align-items: center;

  justify-content: center;

  gap: 14px;

  flex-wrap: wrap;

  margin-top: 42px;
}

/* Primary */

.mahadivra-about-btn-primary {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 12px;

  min-height: 52px;

  padding: 0 24px;

  border-radius: 999px;

  background: var(--md-black);

  color: #ffffff;

  font-family: "Inter", sans-serif;

  font-size: 14px;

  font-weight: 700;

  text-decoration: none;

  box-shadow: 0 8px 22px rgba(23, 43, 58, 0.16);

  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}

.mahadivra-about-btn-primary svg {
  width: 18px;
  height: 18px;
}

.mahadivra-about-btn-primary:hover {
  background: var(--md-gold);

  color: var(--md-black);

  transform: translateY(-2px);

  box-shadow: 0 12px 28px rgba(229, 184, 46, 0.25);
}

/* Secondary */

.mahadivra-about-btn-secondary {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 10px;

  min-height: 52px;

  padding: 0 22px;

  border-radius: 999px;

  background: #ffffff;

  color: var(--md-black);

  border: 1px solid var(--md-border);

  font-family: "Inter", sans-serif;

  font-size: 14px;

  font-weight: 700;

  text-decoration: none;

  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    background 0.25s ease,
    color 0.25s ease;
}

.mahadivra-about-btn-secondary i {
  color: var(--md-gold-dark);

  font-size: 15px;
}

.mahadivra-about-btn-secondary:hover {
  transform: translateY(-2px);

  border-color: var(--md-gold);

  background: var(--md-gold-light);

  color: var(--md-black);
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {
  .mahadivra-about-story {
    padding: 75px 0 80px;
  }

  .mahadivra-about-story-heading {
    margin-bottom: 45px;
  }

  .mahadivra-about-story-title {
    font-size: clamp(32px, 5vw, 44px);
  }

  .mahadivra-about-list {
    grid-template-columns: 1fr;
  }

  .mahadivra-about-values {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {
  .mahadivra-about-story {
    padding: 58px 0 65px;
  }

  .mahadivra-about-story-container {
    max-width: 100%;
  }

  .mahadivra-about-story-heading {
    margin-bottom: 38px;

    text-align: left;
  }

  .mahadivra-about-section-tag {
    justify-content: flex-start;

    font-size: 10px;

    letter-spacing: 1.5px;
  }

  .mahadivra-about-story-title {
    font-size: clamp(30px, 8vw, 38px);

    line-height: 1.14;
  }

  .mahadivra-about-intro {
    margin-top: 16px;

    font-size: 14px;

    line-height: 1.7;
  }

  .mahadivra-about-content-block {
    margin-bottom: 38px;

    padding-bottom: 34px;
  }

  .mahadivra-about-content-block > h3,
  .mahadivra-about-block-heading h3 {
    font-size: 25px;
  }

  .mahadivra-about-content-block p {
    font-size: 14px;

    line-height: 1.78;
  }

  .mahadivra-about-focus-grid {
    grid-template-columns: 1fr;

    gap: 13px;
  }

  .mahadivra-about-focus-item {
    padding: 20px;
  }

  .mahadivra-about-values {
    grid-template-columns: 1fr;

    gap: 12px;
  }

  .mahadivra-about-values > div {
    padding: 18px;
  }

  .mahadivra-about-quote {
    margin: 38px 0;

    padding: 27px 22px 28px;
  }

  .mahadivra-about-quote-mark {
    font-size: 45px;
  }

  .mahadivra-about-quote p {
    font-size: 20px;

    line-height: 1.45;
  }

  .mahadivra-about-story-actions {
    flex-direction: column;

    align-items: stretch;

    margin-top: 32px;
  }

  .mahadivra-about-btn-primary,
  .mahadivra-about-btn-secondary {
    width: 100%;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 479.98px) {
  .mahadivra-about-story {
    padding: 48px 0 55px;
  }

  .mahadivra-about-section-tag {
    font-size: 9px;

    letter-spacing: 1.2px;
  }

  .mahadivra-about-section-tag span {
    width: 24px;
  }

  .mahadivra-about-story-title {
    font-size: 29px;
  }

  .mahadivra-about-intro {
    font-size: 13.5px;
  }

  .mahadivra-about-content-block > h3,
  .mahadivra-about-block-heading h3 {
    font-size: 23px;
  }

  .mahadivra-about-content-block p {
    font-size: 13.5px;
  }

  .mahadivra-about-list li {
    padding: 13px;

    font-size: 13px;
  }

  .mahadivra-about-list li span {
    width: 27px;
    height: 27px;

    font-size: 9px;
  }

  .mahadivra-about-focus-item strong {
    font-size: 20px;
  }

  .mahadivra-about-quote {
    padding: 23px 18px 25px;
  }

  .mahadivra-about-quote p {
    font-size: 18px;
  }

  .mahadivra-about-btn-primary,
  .mahadivra-about-btn-secondary {
    min-height: 49px;

    font-size: 13px;
  }
}

/* =========================================================
   MAHADIVRA - GUIDING PRINCIPLES
========================================================= */

.mahadivra-pillars-section {
  --md-primary: #159bc7;
  --md-nav: #08779f;

  --md-gold: #e5b82e;
  --md-gold-dark: #c99516;
  --md-gold-light: #fff9e8;

  --md-black: #172b3a;
  --md-text: #64748b;

  --md-white: #ffffff;
  --md-soft: #f8fafc;
  --md-border: #e5e9ed;

  position: relative;

  padding: 20px 0 40px;

  background: var(--md-soft);

  overflow: hidden;
}

/* =========================================================
   CONTAINER
========================================================= */

.mahadivra-pillars-container {
  max-width: 1180px;

  margin: 0 auto;
}

/* =========================================================
   SECTION HEADING
========================================================= */

.mahadivra-pillars-heading {
  max-width: 720px;

  margin: 0 auto 50px;

  text-align: center;
}

.mahadivra-section-tag {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 10px;

  margin-bottom: 13px;

  color: var(--md-gold-dark);

  font-family: "Inter", sans-serif;

  font-size: 12px;

  font-weight: 800;

  letter-spacing: 1.8px;

  text-transform: uppercase;
}

.mahadivra-section-tag span {
  width: 30px;

  height: 2px;

  display: block;

  background: var(--md-gold);

  border-radius: 999px;
}

.mahadivra-pillars-heading h2 {
  margin: 0;

  color: var(--md-black);

  font-family: "DM Serif Display", Georgia, serif;

  font-size: clamp(34px, 4vw, 48px);

  font-weight: 400;

  line-height: 1.15;
}

.mahadivra-pillars-heading p {
  max-width: 650px;

  margin: 17px auto 0;

  color: var(--md-text);

  font-family: "Inter", sans-serif;

  font-size: 15px;

  line-height: 1.7;
}

/* =========================================================
   GRID
========================================================= */

.mahadivra-pillars-grid {
  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 24px;

  align-items: stretch;
}

/* =========================================================
   CARD
========================================================= */

.mahadivra-pillar-card {
  position: relative;

  display: flex;

  flex-direction: column;

  min-width: 0;

  padding: 30px 27px;

  background: var(--md-white);

  border: 1px solid var(--md-border);

  border-radius: 16px;

  box-shadow: 0 8px 25px rgba(23, 43, 58, 0.045);

  overflow: hidden;

  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease;
}

.mahadivra-pillar-card::before {
  content: "";

  position: absolute;

  top: 0;
  left: 0;
  right: 0;

  height: 3px;

  background: var(--md-gold);

  transform: scaleX(0);

  transform-origin: left;

  transition: transform 0.28s ease;
}

.mahadivra-pillar-card:hover {
  transform: translateY(-6px);

  border-color: rgba(229, 184, 46, 0.45);

  box-shadow: 0 18px 38px rgba(23, 43, 58, 0.09);
}

.mahadivra-pillar-card:hover::before {
  transform: scaleX(1);
}

/* =========================================================
   CARD TOP
========================================================= */

.mahadivra-pillar-top {
  display: flex;

  align-items: center;

  gap: 15px;

  margin-bottom: 22px;
}

/* =========================================================
   ICON
========================================================= */

.mahadivra-pillar-icon {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 54px;
  height: 54px;

  flex: 0 0 54px;

  border-radius: 14px;

  background: var(--md-gold-light);

  color: var(--md-gold-dark);

  border: 1px solid rgba(229, 184, 46, 0.22);

  transition:
    background 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.mahadivra-pillar-icon svg {
  width: 26px;

  height: 26px;

  display: block;
}

.mahadivra-pillar-card:hover .mahadivra-pillar-icon {
  background: var(--md-gold);

  color: var(--md-black);

  transform: rotate(-3deg);
}

/* =========================================================
   NUMBER
========================================================= */

.mahadivra-pillar-number {
  display: block;

  margin-bottom: 4px;

  color: var(--md-gold-dark);

  font-family: "Inter", sans-serif;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: 1.5px;
}

/* =========================================================
   CARD TITLE
========================================================= */

.mahadivra-pillar-card h3 {
  margin: 0;

  color: var(--md-black);

  font-family: "DM Serif Display", Georgia, serif;

  font-size: 25px;

  font-weight: 400;

  line-height: 1.15;
}

/* =========================================================
   CARD DESCRIPTION
========================================================= */

.mahadivra-pillar-card > p {
  margin: 0 0 20px;

  color: var(--md-text);

  font-family: "Inter", sans-serif;

  font-size: 14px;

  line-height: 1.75;
}

/* =========================================================
   MISSION / VISION LIST
========================================================= */

.mahadivra-pillar-card ul {
  display: flex;

  flex-direction: column;

  gap: 10px;

  margin: auto 0 0;

  padding: 0;

  list-style: none;
}

.mahadivra-pillar-card li {
  position: relative;

  padding-left: 18px;

  color: var(--md-text);

  font-family: "Inter", sans-serif;

  font-size: 13px;

  line-height: 1.55;
}

.mahadivra-pillar-card li::before {
  content: "";

  position: absolute;

  top: 8px;

  left: 0;

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background: var(--md-gold);
}

/* =========================================================
   CORE VALUES
========================================================= */

.mahadivra-values-list {
  display: flex;

  flex-wrap: wrap;

  gap: 9px;

  margin-top: auto;
}

.mahadivra-values-list span {
  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-height: 34px;

  padding: 0 13px;

  border-radius: 999px;

  background: var(--md-gold-light);

  border: 1px solid rgba(229, 184, 46, 0.25);

  color: var(--md-black);

  font-family: "Inter", sans-serif;

  font-size: 12px;

  font-weight: 700;

  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    transform 0.25s ease;
}

.mahadivra-values-list span:hover {
  background: var(--md-gold);

  border-color: var(--md-gold);

  transform: translateY(-2px);
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {
  .mahadivra-pillars-section {
    padding: 75px 0 80px;
  }

  .mahadivra-pillars-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 20px;
  }

  .mahadivra-pillar-card:last-child {
    grid-column: 1 / -1;

    max-width: calc(50% - 10px);

    width: 100%;

    margin: 0 auto;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {
  .mahadivra-pillars-section {
    padding: 60px 0 65px;
  }

  .mahadivra-pillars-heading {
    margin-bottom: 35px;

    text-align: left;
  }

  .mahadivra-section-tag {
    justify-content: flex-start;
  }

  .mahadivra-pillars-heading h2 {
    font-size: clamp(31px, 8vw, 40px);
  }

  .mahadivra-pillars-heading p {
    margin-left: 0;

    font-size: 14px;
  }

  .mahadivra-pillars-grid {
    grid-template-columns: 1fr;

    gap: 16px;
  }

  .mahadivra-pillar-card {
    padding: 25px 21px;
  }

  .mahadivra-pillar-card:last-child {
    grid-column: auto;

    max-width: none;

    margin: 0;
  }

  .mahadivra-pillar-top {
    margin-bottom: 18px;
  }

  .mahadivra-pillar-icon {
    width: 48px;

    height: 48px;

    flex-basis: 48px;
  }

  .mahadivra-pillar-icon svg {
    width: 23px;

    height: 23px;
  }

  .mahadivra-pillar-card h3 {
    font-size: 23px;
  }

  .mahadivra-pillar-card > p {
    font-size: 13.5px;

    line-height: 1.7;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 479.98px) {
  .mahadivra-pillars-section {
    padding: 50px 0 55px;
  }

  .mahadivra-pillars-heading {
    margin-bottom: 30px;
  }

  .mahadivra-section-tag {
    font-size: 9px;

    letter-spacing: 1.3px;
  }

  .mahadivra-section-tag span {
    width: 24px;
  }

  .mahadivra-pillars-heading h2 {
    font-size: 29px;
  }

  .mahadivra-pillars-heading p {
    font-size: 13px;

    line-height: 1.65;
  }

  .mahadivra-pillar-card {
    padding: 22px 18px;

    border-radius: 13px;
  }

  .mahadivra-pillar-top {
    gap: 12px;
  }

  .mahadivra-pillar-icon {
    width: 45px;

    height: 45px;

    flex-basis: 45px;

    border-radius: 12px;
  }

  .mahadivra-pillar-icon svg {
    width: 21px;

    height: 21px;
  }

  .mahadivra-pillar-card h3 {
    font-size: 21px;
  }

  .mahadivra-pillar-card > p {
    font-size: 13px;

    line-height: 1.65;
  }

  .mahadivra-pillar-card li {
    font-size: 12.5px;
  }

  .mahadivra-values-list {
    gap: 7px;
  }

  .mahadivra-values-list span {
    min-height: 31px;

    padding: 0 11px;

    font-size: 11px;
  }
}

/* =========================================================
   MAHADIVRA - OUR FOCUS AREAS
========================================================= */

.mahadivra-focus-section {
  --md-gold: #e5b82e;
  --md-gold-dark: #c99516;
  --md-gold-light: #fff9e8;

  --md-black: #172b3a;
  --md-text: #64748b;

  --md-white: #ffffff;
  --md-soft: #f8fafc;

  position: relative;

  padding: 90px 0 100px;

  background: var(--md-white);

  overflow: hidden;
}

/* =========================================================
   CONTAINER
========================================================= */

.mahadivra-focus-container {
  max-width: 1180px;

  margin: 0 auto;
}

/* =========================================================
   HEADING
========================================================= */

.mahadivra-focus-heading {
  max-width: 720px;

  margin: 0 auto 48px;

  text-align: center;
}

.mahadivra-focus-heading .mahadivra-section-tag {
  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  margin-bottom: 13px;

  color: var(--md-gold-dark);

  font-family: "Inter", sans-serif;

  font-size: 12px;

  font-weight: 800;

  letter-spacing: 1.8px;

  text-transform: uppercase;
}

.mahadivra-focus-heading .mahadivra-section-tag span {
  width: 30px;

  height: 2px;

  display: block;

  background: var(--md-gold);

  border-radius: 999px;
}

.mahadivra-focus-heading h2 {
  margin: 0;

  color: var(--md-black);

  font-family: "DM Serif Display", Georgia, serif;

  font-size: clamp(34px, 4vw, 48px);

  font-weight: 400;

  line-height: 1.15;
}

.mahadivra-focus-heading h2 span {
  color: var(--md-gold-dark);
}

.mahadivra-focus-heading p {
  max-width: 650px;

  margin: 17px auto 0;

  color: var(--md-text);

  font-family: "Inter", sans-serif;

  font-size: 15px;

  line-height: 1.75;
}

/* =========================================================
   GRID
========================================================= */

.mahadivra-focus-grid {
  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 22px;
}

/* =========================================================
   CARD
========================================================= */

.mahadivra-focus-card {
  position: relative;

  display: flex;

  flex-direction: column;

  min-height: 330px;

  padding: 28px 25px 25px;

  background: var(--md-white);

  border: 1px solid #e6eaee;

  border-radius: 15px;

  box-shadow: 0 7px 24px rgba(23, 43, 58, 0.045);

  overflow: hidden;

  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease;
}

/* Top gold line */

.mahadivra-focus-card::before {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 100%;

  height: 3px;

  background: var(--md-gold);

  transform: scaleX(0);

  transform-origin: left;

  transition: transform 0.3s ease;
}

.mahadivra-focus-card:hover {
  transform: translateY(-6px);

  border-color: rgba(229, 184, 46, 0.45);

  box-shadow: 0 18px 38px rgba(23, 43, 58, 0.09);
}

.mahadivra-focus-card:hover::before {
  transform: scaleX(1);
}

/* =========================================================
   ICON
========================================================= */

.mahadivra-focus-icon {
  display: flex;

  align-items: center;

  justify-content: center;

  width: 52px;

  height: 52px;

  margin-bottom: 18px;

  border-radius: 14px;

  background: var(--md-gold-light);

  color: var(--md-gold-dark);

  border: 1px solid rgba(229, 184, 46, 0.22);

  transition:
    background 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.mahadivra-focus-icon svg {
  width: 26px;

  height: 26px;

  display: block;
}

.mahadivra-focus-card:hover .mahadivra-focus-icon {
  background: var(--md-gold);

  color: var(--md-black);

  transform: translateY(-2px);
}

/* =========================================================
   NUMBER
========================================================= */

.mahadivra-focus-number {
  display: block;

  margin-bottom: 5px;

  color: var(--md-gold-dark);

  font-family: "Inter", sans-serif;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: 1.5px;
}

/* =========================================================
   TITLE
========================================================= */

.mahadivra-focus-card h3 {
  margin: 0 0 12px;

  color: var(--md-black);

  font-family: "DM Serif Display", Georgia, serif;

  font-size: 24px;

  font-weight: 400;

  line-height: 1.2;
}

/* =========================================================
   DESCRIPTION
========================================================= */

.mahadivra-focus-card p {
  margin: 0 0 22px;

  color: var(--md-text);

  font-family: "Inter", sans-serif;

  font-size: 13.5px;

  line-height: 1.7;
}

/* =========================================================
   LINK
========================================================= */

.mahadivra-focus-link {
  display: inline-flex;

  align-items: center;

  gap: 7px;

  width: fit-content;

  margin-top: auto;

  color: var(--md-black);

  font-family: "Inter", sans-serif;

  font-size: 12px;

  font-weight: 800;

  text-decoration: none;

  transition:
    color 0.25s ease,
    gap 0.25s ease;
}

.mahadivra-focus-link svg {
  width: 15px;

  height: 15px;

  transition: transform 0.25s ease;
}

.mahadivra-focus-link:hover {
  color: var(--md-gold-dark);

  gap: 10px;
}

.mahadivra-focus-link:hover svg {
  transform: translateX(2px);
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {
  .mahadivra-focus-section {
    padding: 75px 0 80px;
  }

  .mahadivra-focus-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 20px;
  }

  .mahadivra-focus-card {
    min-height: 310px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {
  .mahadivra-focus-section {
    padding: 60px 0 65px;
  }

  .mahadivra-focus-heading {
    margin-bottom: 34px;

    text-align: left;
  }

  .mahadivra-focus-heading .mahadivra-section-tag {
    justify-content: flex-start;
  }

  .mahadivra-focus-heading h2 {
    font-size: clamp(31px, 8vw, 40px);
  }

  .mahadivra-focus-heading p {
    margin-left: 0;

    font-size: 14px;

    line-height: 1.7;
  }

  .mahadivra-focus-grid {
    grid-template-columns: 1fr;

    gap: 15px;
  }

  .mahadivra-focus-card {
    min-height: auto;

    padding: 24px 21px;
  }

  .mahadivra-focus-icon {
    width: 48px;

    height: 48px;

    margin-bottom: 16px;
  }

  .mahadivra-focus-icon svg {
    width: 24px;

    height: 24px;
  }

  .mahadivra-focus-card h3 {
    font-size: 22px;
  }

  .mahadivra-focus-card p {
    font-size: 13px;

    line-height: 1.65;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 479.98px) {
  .mahadivra-focus-section {
    padding: 50px 0 55px;
  }

  .mahadivra-focus-heading {
    margin-bottom: 28px;
  }

  .mahadivra-focus-heading .mahadivra-section-tag {
    font-size: 9px;

    letter-spacing: 1.3px;
  }

  .mahadivra-focus-heading .mahadivra-section-tag span {
    width: 24px;
  }

  .mahadivra-focus-heading h2 {
    font-size: 29px;
  }

  .mahadivra-focus-heading p {
    font-size: 13px;
  }

  .mahadivra-focus-card {
    padding: 22px 18px;

    border-radius: 13px;
  }

  .mahadivra-focus-icon {
    width: 45px;

    height: 45px;

    border-radius: 12px;
  }

  .mahadivra-focus-icon svg {
    width: 22px;

    height: 22px;
  }

  .mahadivra-focus-card h3 {
    font-size: 21px;

    margin-bottom: 10px;
  }

  .mahadivra-focus-card p {
    font-size: 12.5px;

    line-height: 1.65;

    margin-bottom: 18px;
  }
}

/* =========================================================
   MAHADIVRA - FINAL SEVA CTA
========================================================= */

.mahadivra-seva-cta {
  --md-gold: #e5b82e;
  --md-gold-dark: #c99516;
  --md-gold-light: #fff9e8;

  --md-black: #172b3a;
  --md-text: #64748b;
  --md-border: #e6eaee;

  position: relative;

  padding: 30px 0 90px;

  background: #ffffff;

  overflow: hidden;
}

/* =========================================================
   CTA INNER
========================================================= */

.mahadivra-seva-cta-inner {
  position: relative;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 45px;

  max-width: 1180px;

  margin: 0 auto;

  padding: 52px 60px;

  background: linear-gradient(135deg, #fffdf5 0%, #fff9e8 100%);

  border: 1px solid rgba(229, 184, 46, 0.32);

  border-radius: 20px;

  box-shadow: 0 15px 40px rgba(23, 43, 58, 0.06);

  overflow: hidden;
}

/* =========================================================
   DECORATIVE GOLD LINE
========================================================= */

.mahadivra-seva-cta-inner::before {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 100%;

  height: 4px;

  background: linear-gradient(
    90deg,
    var(--md-gold-dark),
    var(--md-gold),
    var(--md-gold-dark)
  );
}

/* =========================================================
   SUBTLE DECORATIVE CIRCLE
========================================================= */

.mahadivra-seva-cta-inner::after {
  content: "";

  position: absolute;

  right: -90px;

  bottom: -120px;

  width: 280px;

  height: 280px;

  border: 1px solid rgba(229, 184, 46, 0.18);

  border-radius: 50%;

  pointer-events: none;
}

/* =========================================================
   DECORATIVE SYMBOL
========================================================= */

.mahadivra-seva-cta-symbol {
  position: absolute;

  top: 28px;

  right: 42px;

  display: flex;

  align-items: center;

  gap: 5px;

  opacity: 0.65;

  pointer-events: none;
}

.mahadivra-seva-cta-symbol span {
  display: block;

  width: 5px;

  height: 5px;

  background: var(--md-gold);

  border-radius: 50%;
}

.mahadivra-seva-cta-symbol span:nth-child(2) {
  width: 7px;

  height: 7px;

  background: var(--md-gold-dark);
}

/* =========================================================
   CONTENT
========================================================= */

.mahadivra-seva-cta-content {
  position: relative;

  z-index: 2;

  max-width: 680px;
}

/* =========================================================
   LABEL
========================================================= */

.mahadivra-seva-cta-label {
  display: inline-flex;

  align-items: center;

  gap: 9px;

  margin-bottom: 12px;

  color: var(--md-gold-dark);

  font-family: var(--font-quicksand);

  font-size: 11px;

  font-weight: 800;

  letter-spacing: 1.7px;

  text-transform: uppercase;
}

.mahadivra-seva-cta-label::before {
  content: "";

  width: 25px;

  height: 2px;

  background: var(--md-gold);

  border-radius: 999px;
}

/* =========================================================
   HEADING
========================================================= */

.mahadivra-seva-cta-content h2 {
  margin: 0 0 15px;

  color: var(--md-black);

  font-family: var(--font-primary), Georgia, serif;

  font-size: clamp(32px, 3.4vw, 46px);

  font-weight: 400;

  line-height: 1.15;
}

.mahadivra-seva-cta-content h2 span {
  color: var(--md-gold-dark);
}

/* =========================================================
   DESCRIPTION
========================================================= */

.mahadivra-seva-cta-content p {
  max-width: 650px;

  margin: 0;

  color: var(--md-text);

  font-family: var(--font-quicksand);

  font-size: 14px;

  line-height: 1.75;
}

/* =========================================================
   ACTIONS
========================================================= */

.mahadivra-seva-cta-actions {
  position: relative;

  z-index: 3;

  display: flex;

  align-items: center;

  gap: 12px;

  flex-shrink: 0;
}

/* =========================================================
   PRIMARY BUTTON
========================================================= */

.mahadivra-seva-primary-btn {
  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  min-height: 50px;

  padding: 0 21px;

  border-radius: 8px;

  background: var(--md-gold);

  color: #172b3a;

  border: 1px solid var(--md-gold);

  font-family: var(--font-quicksand);

  font-size: 13px;

  font-weight: 800;

  text-decoration: none;

  white-space: nowrap;

  box-shadow: 0 8px 20px rgba(201, 149, 22, 0.18);

  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}

.mahadivra-seva-primary-btn svg {
  width: 17px;

  height: 17px;

  transition: transform 0.25s ease;
}

.mahadivra-seva-primary-btn:hover {
  background: var(--md-gold-dark);

  border-color: var(--md-gold-dark);

  color: #ffffff;

  transform: translateY(-2px);

  box-shadow: 0 11px 25px rgba(201, 149, 22, 0.25);
}

.mahadivra-seva-primary-btn:hover svg {
  transform: translateX(3px);
}

/* =========================================================
   SECONDARY BUTTON
========================================================= */

.mahadivra-seva-secondary-btn {
  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-height: 50px;

  padding: 0 20px;

  border-radius: 8px;

  background: #ffffff;

  color: var(--md-black);

  border: 1px solid rgba(23, 43, 58, 0.15);

  font-family: var(--font-quicksand);

  font-size: 13px;

  font-weight: 700;

  text-decoration: none;

  white-space: nowrap;

  transition:
    transform 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    background 0.25s ease;
}

.mahadivra-seva-secondary-btn:hover {
  color: var(--md-gold-dark);

  border-color: var(--md-gold);

  background: #ffffff;

  transform: translateY(-2px);
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {
  .mahadivra-seva-cta {
    padding: 25px 0 75px;
  }

  .mahadivra-seva-cta-inner {
    gap: 30px;

    padding: 45px 40px;
  }

  .mahadivra-seva-cta-content {
    max-width: 570px;
  }

  .mahadivra-seva-cta-content h2 {
    font-size: 35px;
  }

  .mahadivra-seva-cta-content p {
    font-size: 13.5px;
  }

  .mahadivra-seva-cta-actions {
    flex-direction: column;

    align-items: stretch;

    min-width: 155px;
  }

  .mahadivra-seva-primary-btn,
  .mahadivra-seva-secondary-btn {
    width: 100%;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {
  .mahadivra-seva-cta {
    padding: 15px 0 60px;
  }

  .mahadivra-seva-cta-inner {
    display: block;

    padding: 38px 25px 30px;

    border-radius: 16px;
  }

  .mahadivra-seva-cta-symbol {
    top: 20px;

    right: 25px;
  }

  .mahadivra-seva-cta-content {
    max-width: none;

    padding-right: 10px;

    margin-bottom: 27px;
  }

  .mahadivra-seva-cta-label {
    font-size: 9px;

    letter-spacing: 1.35px;
  }

  .mahadivra-seva-cta-label::before {
    width: 20px;
  }

  .mahadivra-seva-cta-content h2 {
    font-size: clamp(29px, 8vw, 36px);

    line-height: 1.16;

    margin-bottom: 13px;
  }

  .mahadivra-seva-cta-content p {
    font-size: 13px;

    line-height: 1.7;
  }

  .mahadivra-seva-cta-actions {
    display: flex;

    flex-direction: column;

    align-items: stretch;

    gap: 10px;

    width: 100%;
  }

  .mahadivra-seva-primary-btn,
  .mahadivra-seva-secondary-btn {
    width: 100%;

    min-height: 48px;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 479.98px) {
  .mahadivra-seva-cta {
    padding-bottom: 50px;
  }

  .mahadivra-seva-cta-inner {
    padding: 32px 19px 24px;

    border-radius: 13px;
  }

  .mahadivra-seva-cta-content {
    padding-right: 0;

    margin-bottom: 23px;
  }

  .mahadivra-seva-cta-content h2 {
    font-size: 28px;
  }

  .mahadivra-seva-cta-content p {
    font-size: 12.5px;

    line-height: 1.65;
  }

  .mahadivra-seva-primary-btn,
  .mahadivra-seva-secondary-btn {
    min-height: 46px;

    font-size: 12px;
  }

  .mahadivra-seva-cta-symbol {
    display: none;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
  .mahadivra-seva-cta * {
    transition: none !important;
  }
}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* contact.php page styling starts from here */
/* =========================================================
   MAHADIVRA CONTACT PAGE
   White + Blue + Gold UI
========================================================= */

.mahadivra-contact-section {
  --contact-blue: var(--ul-primary, #159bc7);
  --contact-dark-blue: var(--ul-nav, #08779f);
  --contact-gold: var(--ul-secondary, #e5b82e);
  --contact-dark-gold: var(--ul-c5, #c99516);
  --contact-light-gold: var(--ul-c3, #fff9e8);
  --contact-dark: var(--ul-black, #172b3a);
  --contact-text: var(--ul-p, #64748b);
  --contact-border: #e6eaee;

  position: relative;

  padding: 40px 0 40px;

  background: #ffffff;

  overflow: hidden;
}

/* =========================================================
   HEADING
========================================================= */

.mahadivra-contact-heading {
  max-width: 760px;

  margin: 0 auto 55px;

  text-align: center;
}

.mahadivra-contact-eyebrow {
  display: inline-flex;

  align-items: center;

  gap: 9px;

  margin-bottom: 12px;

  color: var(--contact-dark-gold);

  font-family: var(--font-quicksand);

  font-size: 12px;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 1.8px;
}

.mahadivra-contact-eyebrow::before,
.mahadivra-contact-eyebrow::after {
  content: "";

  width: 24px;

  height: 2px;

  border-radius: 999px;

  background: var(--contact-gold);
}

.mahadivra-contact-heading h2 {
  margin: 0 0 14px;

  color: var(--contact-dark);

  font-family: var(--font-primary), Georgia, serif;

  font-size: clamp(34px, 4vw, 50px);

  font-weight: 400;

  line-height: 1.15;
}

.mahadivra-contact-heading h2 span {
  color: var(--contact-dark-gold);
}

.mahadivra-contact-heading p {
  max-width: 650px;

  margin: 0 auto;

  color: var(--contact-text);

  font-family: var(--font-quicksand);

  font-size: 14px;

  line-height: 1.75;
}

/* =========================================================
   MAIN GRID
========================================================= */

.mahadivra-contact-grid {
  display: grid;

  grid-template-columns:
    minmax(280px, 0.78fr)
    minmax(0, 1.45fr);

  gap: 45px;

  max-width: 1120px;

  margin: 0 auto;

  align-items: stretch;
}

/* =========================================================
   CONTACT INFORMATION
========================================================= */

.mahadivra-contact-info {
  display: flex;

  flex-direction: column;

  gap: 15px;
}

/* =========================================================
   INFO CARD
========================================================= */

.mahadivra-contact-info-card {
  display: flex;

  align-items: center;

  gap: 17px;

  padding: 20px 19px;

  background: #ffffff;

  border: 1px solid var(--contact-border);

  border-radius: 12px;

  box-shadow: 0 8px 25px rgba(23, 43, 58, 0.045);

  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

.mahadivra-contact-info-card:hover {
  transform: translateY(-3px);

  border-color: rgba(229, 184, 46, 0.55);

  box-shadow: 0 14px 30px rgba(23, 43, 58, 0.08);
}

/* =========================================================
   ICON
========================================================= */

.mahadivra-contact-icon {
  width: 48px;

  height: 48px;

  flex: 0 0 48px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 10px;

  background: var(--contact-light-gold);

  color: var(--contact-dark-gold);

  border: 1px solid rgba(229, 184, 46, 0.25);

  font-size: 18px;
}

.mahadivra-contact-info-card:hover .mahadivra-contact-icon {
  background: var(--contact-gold);

  color: var(--contact-dark);
}

/* =========================================================
   INFO TEXT
========================================================= */

.mahadivra-contact-info-content {
  min-width: 0;

  display: flex;

  flex-direction: column;

  gap: 4px;
}

.mahadivra-contact-info-label {
  color: var(--contact-text);

  font-family: var(--font-quicksand);

  font-size: 11px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 1px;
}

.mahadivra-contact-info-content a {
  color: var(--contact-dark);

  font-family: var(--font-quicksand);

  font-size: 14px;

  font-weight: 700;

  text-decoration: none;

  word-break: break-word;

  transition: color 0.2s ease;
}

.mahadivra-contact-info-content a:hover {
  color: var(--contact-dark-gold);
}

.mahadivra-contact-address {
  color: var(--contact-dark);

  font-family: var(--font-quicksand);

  font-size: 13px;

  font-weight: 600;

  line-height: 1.55;
}

/* =========================================================
   SEVA NOTE
========================================================= */

.mahadivra-contact-seva-note {
  display: flex;

  align-items: flex-start;

  gap: 15px;

  margin-top: 5px;

  padding: 21px 20px;

  background: linear-gradient(135deg, #fffdf6, var(--contact-light-gold));

  border: 1px solid rgba(229, 184, 46, 0.3);

  border-radius: 12px;
}

.mahadivra-contact-seva-symbol {
  width: 42px;

  height: 42px;

  flex: 0 0 42px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background: var(--contact-gold);

  color: var(--contact-dark);

  font-family: Georgia, serif;

  font-size: 21px;

  font-weight: 700;
}

.mahadivra-contact-seva-note strong {
  display: block;

  margin-bottom: 4px;

  color: var(--contact-dark);

  font-family: var(--font-quicksand);

  font-size: 13px;

  font-weight: 800;
}

.mahadivra-contact-seva-note p {
  margin: 0;

  color: var(--contact-text);

  font-family: var(--font-quicksand);

  font-size: 12px;

  line-height: 1.6;
}

/* =========================================================
   FORM WRAPPER
========================================================= */

.mahadivra-contact-form-wrapper {
  padding: 35px;

  background: #ffffff;

  border: 1px solid var(--contact-border);

  border-radius: 16px;

  box-shadow: 0 15px 40px rgba(23, 43, 58, 0.07);
}

/* =========================================================
   FORM HEADER
========================================================= */

.mahadivra-contact-form-header {
  margin-bottom: 27px;
}

.mahadivra-contact-form-header span {
  display: block;

  margin-bottom: 6px;

  color: var(--contact-dark-gold);

  font-family: var(--font-quicksand);

  font-size: 11px;

  font-weight: 800;

  letter-spacing: 1.2px;

  text-transform: uppercase;
}

.mahadivra-contact-form-header h3 {
  margin: 0;

  color: var(--contact-dark);

  font-family: var(--font-primary), Georgia, serif;

  font-size: 28px;

  font-weight: 400;

  line-height: 1.2;
}

/* =========================================================
   FORM GRID
========================================================= */

.mahadivra-form-grid {
  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 18px;
}

.mahadivra-form-group {
  min-width: 0;
}

.mahadivra-form-group-full {
  grid-column: 1 / -1;
}

/* =========================================================
   LABEL
========================================================= */

.mahadivra-form-group label {
  display: block;

  margin-bottom: 7px;

  color: var(--contact-dark);

  font-family: var(--font-quicksand);

  font-size: 12px;

  font-weight: 700;
}

/* =========================================================
   INPUTS
========================================================= */

.mahadivra-form-group input,
.mahadivra-form-group textarea {
  width: 100%;

  display: block;

  border: 1px solid #dfe5e9;

  border-radius: 8px;

  background: #fbfcfd;

  color: var(--contact-dark);

  font-family: var(--font-quicksand);

  font-size: 13px;

  outline: none;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease;
}

.mahadivra-form-group input {
  height: 48px;

  padding: 0 14px;
}

.mahadivra-form-group textarea {
  min-height: 135px;

  padding: 13px 14px;

  resize: vertical;
}

.mahadivra-form-group input::placeholder,
.mahadivra-form-group textarea::placeholder {
  color: #9aa6b2;
}

/* =========================================================
   INPUT FOCUS
========================================================= */

.mahadivra-form-group input:focus,
.mahadivra-form-group textarea:focus {
  background: #ffffff;

  border-color: var(--contact-gold);

  box-shadow: 0 0 0 3px rgba(229, 184, 46, 0.12);
}

/* =========================================================
   SUBMIT
========================================================= */

.mahadivra-form-submit {
  grid-column: 1 / -1;

  padding-top: 3px;
}

.mahadivra-contact-submit {
  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  min-height: 49px;

  padding: 0 24px;

  border: 1px solid var(--contact-gold);

  border-radius: 8px;

  background: var(--contact-gold);

  color: var(--contact-dark);

  font-family: var(--font-quicksand);

  font-size: 13px;

  font-weight: 800;

  cursor: pointer;

  box-shadow: 0 8px 20px rgba(201, 149, 22, 0.17);

  transition:
    transform 0.25s ease,
    background 0.25s ease,
    color 0.25s ease,
    box-shadow 0.25s ease;
}

.mahadivra-contact-submit svg {
  width: 17px;

  height: 17px;

  transition: transform 0.25s ease;
}

.mahadivra-contact-submit:hover {
  background: var(--contact-dark-gold);

  border-color: var(--contact-dark-gold);

  color: #ffffff;

  transform: translateY(-2px);

  box-shadow: 0 12px 25px rgba(201, 149, 22, 0.24);
}

.mahadivra-contact-submit:hover svg {
  transform: translateX(3px);
}

/* =========================================================
   MEDIA UPLOAD FIELDS
   ========================================================= */

.mahadivra-form-optional {
  margin-left: 5px;

  color: #9a9a9a;

  font-size: 10px;
  font-weight: 500;
}

/* Upload wrapper */

.mahadivra-file-upload {
  position: relative;
}

/* Hide actual input */

.mahadivra-file-upload input[type="file"] {
  position: absolute;

  width: 1px;
  height: 1px;

  opacity: 0;

  pointer-events: none;
}

/* Upload box */

.mahadivra-file-upload-box {
  min-height: 82px;

  display: flex;
  align-items: center;

  gap: 15px;

  padding: 15px 18px;

  border: 1px dashed #d8c9a5;

  background: #fffdf8;

  cursor: pointer;

  transition:
    border-color 0.25s ease,
    background 0.25s ease;
}

.mahadivra-file-upload-box:hover {
  border-color: #c99516;

  background: #fffaf0;
}

/* Icon */

.mahadivra-file-upload-icon {
  width: 45px;
  height: 45px;

  flex: 0 0 45px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #fff5d8;

  color: #c99516;

  font-size: 17px;
}

/* Content */

.mahadivra-file-upload-content {
  flex: 1;
}

.mahadivra-file-upload-content strong {
  display: block;

  margin-bottom: 3px;

  color: #172b3a;

  font-size: 12px;
  font-weight: 700;
}

.mahadivra-file-upload-content small {
  display: block;

  color: #8a929b;

  font-size: 10px;

  line-height: 1.5;
}

/* Browse */

.mahadivra-file-upload-action {
  flex-shrink: 0;

  padding: 9px 14px;

  background: #172b3a;

  color: #ffffff;

  font-size: 10px;
  font-weight: 700;

  transition: background 0.25s ease;
}

.mahadivra-file-upload-box:hover .mahadivra-file-upload-action {
  background: #c99516;
}

/* =========================================================
   IMAGE PREVIEW
   ========================================================= */

.mahadivra-media-preview {
  display: grid;

  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));

  gap: 8px;

  margin-top: 10px;
}

.mahadivra-media-preview:empty {
  display: none;
}

.mahadivra-media-preview-item {
  position: relative;

  aspect-ratio: 1 / 1;

  overflow: hidden;

  background: #f3f0e8;

  border: 1px solid #e5dfd2;
}

.mahadivra-media-preview-item img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
}

/* =========================================================
   VIDEO PREVIEW
   ========================================================= */

.mahadivra-video-preview {
  margin-top: 10px;
}

.mahadivra-video-preview:empty {
  display: none;
}

.mahadivra-video-preview video {
  width: 100%;
  max-width: 300px;

  display: block;

  border: 1px solid #e5dfd2;

  background: #172b3a;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 575px) {
  .mahadivra-file-upload-box {
    align-items: flex-start;

    padding: 13px;
  }

  .mahadivra-file-upload-action {
    padding: 8px 11px;
  }

  .mahadivra-file-upload-content strong {
    font-size: 11px;
  }

  .mahadivra-file-upload-content small {
    font-size: 9px;
  }
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {
  .mahadivra-contact-section {
    padding: 70px 0 80px;
  }

  .mahadivra-contact-heading {
    margin-bottom: 42px;
  }

  .mahadivra-contact-grid {
    grid-template-columns: 1fr;

    gap: 30px;

    max-width: 760px;
  }

  .mahadivra-contact-info {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 14px;
  }

  .mahadivra-contact-seva-note {
    grid-column: 1 / -1;

    margin-top: 0;
  }

  .mahadivra-contact-form-wrapper {
    padding: 30px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {
  .mahadivra-contact-section {
    padding: 55px 0 65px;
  }

  .mahadivra-contact-heading {
    margin-bottom: 32px;

    padding: 0 10px;
  }

  .mahadivra-contact-eyebrow {
    font-size: 10px;

    letter-spacing: 1.4px;
  }

  .mahadivra-contact-heading h2 {
    font-size: 34px;
  }

  .mahadivra-contact-heading p {
    font-size: 13px;

    line-height: 1.7;
  }

  .mahadivra-contact-info {
    display: flex;

    flex-direction: column;

    gap: 12px;
  }

  .mahadivra-contact-info-card {
    padding: 17px;
  }

  .mahadivra-contact-form-wrapper {
    padding: 24px 19px;

    border-radius: 13px;
  }

  .mahadivra-contact-form-header {
    margin-bottom: 23px;
  }

  .mahadivra-contact-form-header h3 {
    font-size: 25px;
  }

  .mahadivra-form-grid {
    grid-template-columns: 1fr;

    gap: 15px;
  }

  .mahadivra-form-group-full,
  .mahadivra-form-submit {
    grid-column: auto;
  }

  .mahadivra-form-group input {
    height: 46px;
  }

  .mahadivra-form-group textarea {
    min-height: 125px;
  }

  .mahadivra-contact-submit {
    width: 100%;

    min-height: 47px;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 479.98px) {
  .mahadivra-contact-section {
    padding: 45px 0 55px;
  }

  .mahadivra-contact-heading h2 {
    font-size: 29px;
  }

  .mahadivra-contact-heading p {
    font-size: 12.5px;
  }

  .mahadivra-contact-info-card {
    gap: 13px;

    padding: 15px;
  }

  .mahadivra-contact-icon {
    width: 43px;

    height: 43px;

    flex-basis: 43px;

    font-size: 16px;
  }

  .mahadivra-contact-info-content a {
    font-size: 12.5px;
  }

  .mahadivra-contact-address {
    font-size: 12px;
  }

  .mahadivra-contact-seva-note {
    padding: 17px;
  }

  .mahadivra-contact-seva-symbol {
    width: 38px;

    height: 38px;

    flex-basis: 38px;

    font-size: 18px;
  }

  .mahadivra-contact-form-wrapper {
    padding: 21px 16px;
  }

  .mahadivra-contact-form-header h3 {
    font-size: 23px;
  }
}

/* =========================================================
   ACCESSIBILITY / REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
  .mahadivra-contact-section * {
    transition: none !important;
  }
}

/* =========================================================
   MAHADIVRA - VISIT OUR OFFICE
   White + Blue + Gold
========================================================= */

.mahadivra-office-section {
  --office-blue: var(--ul-primary, #159bc7);
  --office-nav-blue: var(--ul-nav, #08779f);
  --office-gold: var(--ul-secondary, #e5b82e);
  --office-dark-gold: var(--ul-c5, #c99516);
  --office-light-gold: var(--ul-c3, #fff9e8);
  --office-dark: var(--ul-black, #172b3a);
  --office-text: var(--ul-p, #64748b);
  --office-border: #e5e9ed;

  position: relative;

  padding: 30px 0 70px;

  background: #f8fafc;

  overflow: hidden;
}

/* =========================================================
   SECTION HEADING
========================================================= */

.mahadivra-office-heading {
  max-width: 720px;

  margin: 0 auto 48px;

  text-align: center;
}

.mahadivra-office-eyebrow {
  display: inline-flex;

  align-items: center;

  gap: 9px;

  margin-bottom: 11px;

  color: var(--office-dark-gold);

  font-family: var(--font-quicksand);

  font-size: 11px;

  font-weight: 800;

  letter-spacing: 1.7px;

  text-transform: uppercase;
}

.mahadivra-office-eyebrow::before,
.mahadivra-office-eyebrow::after {
  content: "";

  width: 24px;

  height: 2px;

  border-radius: 999px;

  background: var(--office-gold);
}

.mahadivra-office-heading h2 {
  margin: 0 0 13px;

  color: var(--office-dark);

  font-family: var(--font-primary), Georgia, serif;

  font-size: clamp(34px, 4vw, 48px);

  font-weight: 400;

  line-height: 1.15;
}

.mahadivra-office-heading h2 span {
  color: var(--office-dark-gold);
}

.mahadivra-office-heading p {
  max-width: 650px;

  margin: 0 auto;

  color: var(--office-text);

  font-family: var(--font-quicksand);

  font-size: 13.5px;

  line-height: 1.75;
}

/* =========================================================
   MAIN GRID
========================================================= */

.mahadivra-office-grid {
  display: grid;

  grid-template-columns:
    minmax(330px, 0.78fr)
    minmax(0, 1.22fr);

  gap: 28px;

  max-width: 1150px;

  margin: 0 auto;

  align-items: stretch;
}

/* =========================================================
   OFFICE INFORMATION CARD
========================================================= */

.mahadivra-office-info {
  position: relative;

  display: flex;

  min-height: 510px;

  padding: 35px;

  border-radius: 16px;

  background: #ffffff;

  border: 1px solid var(--office-border);

  box-shadow: 0 12px 35px rgba(23, 43, 58, 0.06);

  overflow: hidden;
}

/* Decorative gold line */

.mahadivra-office-info::before {
  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 4px;

  background: linear-gradient(
    90deg,
    var(--office-gold),
    var(--office-dark-gold)
  );
}

/* =========================================================
   INFO INNER
========================================================= */

.mahadivra-office-info-inner {
  display: flex;

  flex-direction: column;

  width: 100%;
}

.mahadivra-office-small-title {
  margin-bottom: 6px;

  color: var(--office-dark-gold);

  font-family: var(--font-quicksand);

  font-size: 11px;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 1.3px;
}

.mahadivra-office-info h3 {
  margin: 0 0 12px;

  color: var(--office-dark);

  font-family: var(--font-primary), Georgia, serif;

  font-size: 30px;

  font-weight: 400;

  line-height: 1.2;
}

.mahadivra-office-description {
  margin: 0 0 27px;

  color: var(--office-text);

  font-family: var(--font-quicksand);

  font-size: 13px;

  line-height: 1.7;
}

/* =========================================================
   DETAIL ITEMS
========================================================= */

.mahadivra-office-detail {
  display: flex;

  align-items: flex-start;

  gap: 14px;

  margin-bottom: 20px;
}

.mahadivra-office-detail-icon {
  width: 42px;

  height: 42px;

  flex: 0 0 42px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 9px;

  background: var(--office-light-gold);

  border: 1px solid rgba(229, 184, 46, 0.25);

  color: var(--office-dark-gold);

  font-size: 16px;

  transition:
    background 0.25s ease,
    color 0.25s ease;
}

.mahadivra-office-detail:hover .mahadivra-office-detail-icon {
  background: var(--office-gold);

  color: var(--office-dark);
}

.mahadivra-office-detail > div:last-child {
  min-width: 0;
}

.mahadivra-office-detail > div:last-child > span {
  display: block;

  margin-bottom: 3px;

  color: var(--office-text);

  font-family: var(--font-quicksand);

  font-size: 10px;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 1px;
}

.mahadivra-office-detail p {
  margin: 0;

  color: var(--office-dark);

  font-family: var(--font-quicksand);

  font-size: 13px;

  font-weight: 600;

  line-height: 1.55;
}

.mahadivra-office-detail a {
  color: var(--office-dark);

  font-family: var(--font-quicksand);

  font-size: 13px;

  font-weight: 700;

  text-decoration: none;

  word-break: break-word;

  transition: color 0.2s ease;
}

.mahadivra-office-detail a:hover {
  color: var(--office-dark-gold);
}

/* =========================================================
   DIRECTIONS BUTTON
========================================================= */

.mahadivra-office-directions {
  display: inline-flex;

  align-items: center;

  justify-content: space-between;

  gap: 14px;

  width: fit-content;

  min-height: 46px;

  margin-top: auto;

  padding: 0 18px;

  border: 1px solid var(--office-gold);

  border-radius: 8px;

  background: var(--office-gold);

  color: var(--office-dark);

  font-family: var(--font-quicksand);

  font-size: 12px;

  font-weight: 800;

  text-decoration: none;

  box-shadow: 0 7px 18px rgba(201, 149, 22, 0.15);

  transition:
    transform 0.25s ease,
    background 0.25s ease,
    color 0.25s ease,
    box-shadow 0.25s ease;
}

.mahadivra-office-directions svg {
  width: 16px;

  height: 16px;

  transition: transform 0.25s ease;
}

.mahadivra-office-directions:hover {
  transform: translateY(-2px);

  background: var(--office-dark-gold);

  border-color: var(--office-dark-gold);

  color: #ffffff;

  box-shadow: 0 11px 24px rgba(201, 149, 22, 0.23);
}

.mahadivra-office-directions:hover svg {
  transform: translateX(3px);
}

/* =========================================================
   MAP
========================================================= */

.mahadivra-office-map {
  min-width: 0;

  min-height: 510px;

  padding: 7px;

  background: #ffffff;

  border: 1px solid var(--office-border);

  border-radius: 16px;

  box-shadow: 0 12px 35px rgba(23, 43, 58, 0.06);
}

.mahadivra-office-map-frame {
  position: relative;

  width: 100%;

  height: 100%;

  min-height: 496px;

  overflow: hidden;

  border-radius: 11px;

  background: #e9eef2;
}

.mahadivra-office-map-frame iframe {
  display: block;

  width: 100%;

  height: 100%;

  min-height: 496px;

  border: 0;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {
  .mahadivra-office-section {
    padding: 70px 0 80px;
  }

  .mahadivra-office-heading {
    margin-bottom: 40px;
  }

  .mahadivra-office-grid {
    grid-template-columns: 1fr;

    max-width: 760px;

    gap: 25px;
  }

  .mahadivra-office-info {
    min-height: auto;

    padding: 30px;
  }

  .mahadivra-office-map {
    min-height: 420px;
  }

  .mahadivra-office-map-frame {
    min-height: 410px;
  }

  .mahadivra-office-map-frame iframe {
    min-height: 410px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {
  .mahadivra-office-section {
    padding: 55px 0 65px;
  }

  .mahadivra-office-heading {
    margin-bottom: 30px;

    padding: 0 10px;
  }

  .mahadivra-office-heading h2 {
    font-size: 34px;
  }

  .mahadivra-office-heading p {
    font-size: 12.5px;

    line-height: 1.7;
  }

  .mahadivra-office-grid {
    gap: 18px;
  }

  .mahadivra-office-info {
    padding: 25px 20px;

    border-radius: 13px;
  }

  .mahadivra-office-info h3 {
    font-size: 27px;
  }

  .mahadivra-office-description {
    font-size: 12.5px;

    margin-bottom: 23px;
  }

  .mahadivra-office-detail {
    gap: 12px;

    margin-bottom: 17px;
  }

  .mahadivra-office-detail-icon {
    width: 40px;

    height: 40px;

    flex-basis: 40px;

    font-size: 15px;
  }

  .mahadivra-office-detail p,
  .mahadivra-office-detail a {
    font-size: 12.5px;
  }

  .mahadivra-office-directions {
    width: 100%;

    justify-content: center;

    margin-top: 5px;
  }

  .mahadivra-office-map {
    min-height: 330px;

    padding: 5px;

    border-radius: 13px;
  }

  .mahadivra-office-map-frame {
    min-height: 320px;

    border-radius: 9px;
  }

  .mahadivra-office-map-frame iframe {
    min-height: 320px;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 479.98px) {
  .mahadivra-office-section {
    padding: 45px 0 55px;
  }

  .mahadivra-office-heading h2 {
    font-size: 29px;
  }

  .mahadivra-office-heading p {
    font-size: 12px;
  }

  .mahadivra-office-info {
    padding: 22px 16px;
  }

  .mahadivra-office-info h3 {
    font-size: 24px;
  }

  .mahadivra-office-small-title {
    font-size: 10px;
  }

  .mahadivra-office-description {
    font-size: 12px;
  }

  .mahadivra-office-detail-icon {
    width: 38px;

    height: 38px;

    flex-basis: 38px;
  }

  .mahadivra-office-detail p,
  .mahadivra-office-detail a {
    font-size: 12px;
  }

  .mahadivra-office-map {
    min-height: 280px;
  }

  .mahadivra-office-map-frame {
    min-height: 270px;
  }

  .mahadivra-office-map-frame iframe {
    min-height: 270px;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
  .mahadivra-office-section * {
    transition: none !important;
  }
}

/* =========================================================
   MAHADIVRA FAQ SECTION
   White + Blue + Gold
========================================================= */

.mahadivra-faq-section {
  --faq-blue: var(--ul-primary, #159bc7);
  --faq-nav-blue: var(--ul-nav, #08779f);
  --faq-gold: var(--ul-secondary, #e5b82e);
  --faq-dark-gold: var(--ul-c5, #c99516);
  --faq-light-gold: var(--ul-c3, #fff9e8);
  --faq-dark: var(--ul-black, #172b3a);
  --faq-text: var(--ul-p, #64748b);
  --faq-border: #e4e9ed;

  position: relative;

  padding: 40px 0 40px;

  background: #ffffff;

  overflow: hidden;
}

/* =========================================================
   HEADING
========================================================= */

.mahadivra-faq-heading {
  max-width: 750px;

  margin: 0 auto 50px;

  text-align: center;
}

.mahadivra-faq-eyebrow {
  display: inline-flex;

  align-items: center;

  gap: 9px;

  margin-bottom: 11px;

  color: var(--faq-dark-gold);

  font-family: var(--font-quicksand);

  font-size: 11px;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 1.6px;
}

.mahadivra-faq-eyebrow::before,
.mahadivra-faq-eyebrow::after {
  content: "";

  width: 25px;

  height: 2px;

  border-radius: 999px;

  background: var(--faq-gold);
}

.mahadivra-faq-heading h2 {
  margin: 0 0 13px;

  color: var(--faq-dark);

  font-family: var(--font-primary), Georgia, serif;

  font-size: clamp(34px, 4vw, 48px);

  font-weight: 400;

  line-height: 1.15;
}

.mahadivra-faq-heading h2 span {
  color: var(--faq-dark-gold);
}

.mahadivra-faq-heading p {
  max-width: 650px;

  margin: 0 auto;

  color: var(--faq-text);

  font-family: var(--font-quicksand);

  font-size: 13.5px;

  line-height: 1.75;
}

/* =========================================================
   MAIN FAQ LAYOUT
========================================================= */

.mahadivra-faq-layout {
  display: grid;

  grid-template-columns:
    minmax(280px, 0.72fr)
    minmax(0, 1.28fr);

  gap: 40px;

  max-width: 1100px;

  margin: 0 auto;

  align-items: start;
}

/* =========================================================
   LEFT FAQ INTRO
========================================================= */

.mahadivra-faq-intro {
  position: relative;

  padding: 32px;

  border-radius: 15px;

  background: linear-gradient(145deg, #fffdf7 0%, var(--faq-light-gold) 100%);

  border: 1px solid rgba(229, 184, 46, 0.3);

  overflow: hidden;
}

.mahadivra-faq-intro::after {
  content: "";

  position: absolute;

  width: 150px;

  height: 150px;

  right: -70px;

  bottom: -75px;

  border-radius: 50%;

  background: rgba(229, 184, 46, 0.1);

  pointer-events: none;
}

/* =========================================================
   OM SYMBOL
========================================================= */

.mahadivra-faq-symbol {
  width: 52px;

  height: 52px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 23px;

  border-radius: 50%;

  background: var(--faq-gold);

  color: var(--faq-dark);

  font-family: Georgia, serif;

  font-size: 25px;

  font-weight: 700;

  box-shadow: 0 8px 18px rgba(201, 149, 22, 0.16);
}

.mahadivra-faq-intro-label {
  display: block;

  margin-bottom: 7px;

  color: var(--faq-dark-gold);

  font-family: var(--font-quicksand);

  font-size: 10px;

  font-weight: 800;

  text-transform: uppercase;

  letter-spacing: 1.5px;
}

.mahadivra-faq-intro h3 {
  position: relative;

  z-index: 1;

  margin: 0 0 12px;

  color: var(--faq-dark);

  font-family: var(--font-primary), Georgia, serif;

  font-size: 31px;

  font-weight: 400;

  line-height: 1.2;
}

.mahadivra-faq-intro h3 span {
  color: var(--faq-dark-gold);
}

.mahadivra-faq-intro > p {
  position: relative;

  z-index: 1;

  margin: 0 0 25px;

  color: var(--faq-text);

  font-family: var(--font-quicksand);

  font-size: 13px;

  line-height: 1.7;
}

/* =========================================================
   CONTACT BUTTON
========================================================= */

.mahadivra-faq-contact-btn {
  position: relative;

  z-index: 2;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  min-height: 45px;

  padding: 0 18px;

  border-radius: 8px;

  background: var(--faq-gold);

  border: 1px solid var(--faq-gold);

  color: var(--faq-dark);

  font-family: var(--font-quicksand);

  font-size: 12px;

  font-weight: 800;

  text-decoration: none;

  box-shadow: 0 7px 18px rgba(201, 149, 22, 0.15);

  transition:
    transform 0.25s ease,
    background 0.25s ease,
    color 0.25s ease,
    box-shadow 0.25s ease;
}

.mahadivra-faq-contact-btn svg {
  width: 16px;

  height: 16px;

  transition: transform 0.25s ease;
}

.mahadivra-faq-contact-btn:hover {
  transform: translateY(-2px);

  background: var(--faq-dark-gold);

  border-color: var(--faq-dark-gold);

  color: #ffffff;

  box-shadow: 0 11px 24px rgba(201, 149, 22, 0.22);
}

.mahadivra-faq-contact-btn:hover svg {
  transform: translateX(3px);
}

/* =========================================================
   FAQ LIST
========================================================= */

.mahadivra-faq-list {
  display: flex;

  flex-direction: column;

  gap: 10px;
}

/* =========================================================
   FAQ ITEM
========================================================= */

.mahadivra-faq-item {
  background: #ffffff;

  border: 1px solid var(--faq-border);

  border-radius: 10px;

  overflow: hidden;

  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

.mahadivra-faq-item:hover {
  border-color: rgba(229, 184, 46, 0.48);

  box-shadow: 0 7px 20px rgba(23, 43, 58, 0.05);
}

.mahadivra-faq-item.is-open {
  border-color: rgba(229, 184, 46, 0.55);

  box-shadow: 0 8px 24px rgba(23, 43, 58, 0.06);
}

/* =========================================================
   QUESTION BUTTON
========================================================= */

.mahadivra-faq-question {
  width: 100%;

  min-height: 65px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 20px;

  padding: 16px 18px;

  border: 0;

  outline: none;

  background: #ffffff;

  color: var(--faq-dark);

  text-align: left;

  font-family: var(--font-quicksand);

  font-size: 13px;

  font-weight: 750;

  line-height: 1.4;

  cursor: pointer;
}

.mahadivra-faq-question > span:first-child {
  flex: 1 1 auto;
}

/* =========================================================
   TOGGLE
========================================================= */

.mahadivra-faq-toggle {
  width: 30px;

  height: 30px;

  flex: 0 0 30px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background: var(--faq-light-gold);

  color: var(--faq-dark-gold);

  transition:
    background 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.mahadivra-faq-toggle svg {
  width: 14px;

  height: 14px;
}

.mahadivra-faq-item.is-open .mahadivra-faq-toggle {
  background: var(--faq-gold);

  color: var(--faq-dark);
}

.mahadivra-faq-item.is-open .mahadivra-faq-toggle svg {
  transform: rotate(45deg);
}

/* =========================================================
   ANSWER
========================================================= */

.mahadivra-faq-answer {
  display: grid;

  grid-template-rows: 0fr;

  transition: grid-template-rows 0.3s ease;
}

.mahadivra-faq-answer > div {
  min-height: 0;

  overflow: hidden;
}

.mahadivra-faq-answer p {
  margin: 0;

  padding: 0 18px 19px;

  color: var(--faq-text);

  font-family: var(--font-quicksand);

  font-size: 12.5px;

  line-height: 1.7;
}

.mahadivra-faq-item.is-open .mahadivra-faq-answer {
  grid-template-rows: 1fr;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {
  .mahadivra-faq-section {
    padding: 70px 0 80px;
  }

  .mahadivra-faq-heading {
    margin-bottom: 40px;
  }

  .mahadivra-faq-layout {
    grid-template-columns: 1fr;

    max-width: 760px;

    gap: 25px;
  }

  .mahadivra-faq-intro {
    padding: 28px;
  }

  .mahadivra-faq-intro h3 {
    font-size: 29px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {
  .mahadivra-faq-section {
    padding: 55px 0 65px;
  }

  .mahadivra-faq-heading {
    margin-bottom: 30px;

    padding: 0 10px;
  }

  .mahadivra-faq-heading h2 {
    font-size: 34px;
  }

  .mahadivra-faq-heading p {
    font-size: 12.5px;

    line-height: 1.7;
  }

  .mahadivra-faq-layout {
    gap: 18px;
  }

  .mahadivra-faq-intro {
    padding: 24px 20px;

    border-radius: 13px;
  }

  .mahadivra-faq-symbol {
    width: 46px;

    height: 46px;

    font-size: 22px;

    margin-bottom: 19px;
  }

  .mahadivra-faq-intro h3 {
    font-size: 27px;
  }

  .mahadivra-faq-intro > p {
    font-size: 12.5px;
  }

  .mahadivra-faq-contact-btn {
    width: 100%;
  }

  .mahadivra-faq-question {
    min-height: 61px;

    padding: 14px;

    gap: 12px;

    font-size: 12.5px;
  }

  .mahadivra-faq-toggle {
    width: 28px;

    height: 28px;

    flex-basis: 28px;
  }

  .mahadivra-faq-answer p {
    padding: 0 14px 17px;

    font-size: 12px;

    line-height: 1.65;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 479.98px) {
  .mahadivra-faq-section {
    padding: 45px 0 55px;
  }

  .mahadivra-faq-heading h2 {
    font-size: 29px;
  }

  .mahadivra-faq-heading p {
    font-size: 12px;
  }

  .mahadivra-faq-intro {
    padding: 21px 16px;
  }

  .mahadivra-faq-intro h3 {
    font-size: 24px;
  }

  .mahadivra-faq-intro > p {
    font-size: 12px;
  }

  .mahadivra-faq-question {
    min-height: 58px;

    padding: 13px;

    font-size: 12px;
  }

  .mahadivra-faq-toggle {
    width: 26px;

    height: 26px;

    flex-basis: 26px;
  }

  .mahadivra-faq-toggle svg {
    width: 12px;

    height: 12px;
  }

  .mahadivra-faq-answer p {
    padding: 0 13px 15px;

    font-size: 11.5px;
  }
}

/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {
  .mahadivra-faq-section * {
    transition: none !important;
  }
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* gallery.php page styling starts from here */
/* =========================================================
   MAHADIVRA INNER PAGE HERO
   Consistent with About Page
========================================================= */

.mahadivra-page-hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 360px;
  padding: 72px 0 68px;
  overflow: hidden;

  background: #0b1d33;
  color: #ffffff;
}

/* Subtle background glow */

.mahadivra-page-hero::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  right: -180px;
  top: -280px;

  border-radius: 50%;

  background: rgba(229, 184, 46, 0.08);

  pointer-events: none;
}

/* Subtle lower glow */

.mahadivra-page-hero::after {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  left: -220px;
  bottom: -250px;

  border-radius: 50%;

  border: 1px solid rgba(229, 184, 46, 0.12);

  pointer-events: none;
}

/* Background image */

.mahadivra-page-hero-bg {
  position: absolute;
  inset: 0;

  background-size: cover;
  background-position: center;

  opacity: 0.1;

  pointer-events: none;
}

/* Dark overlay */

.mahadivra-page-hero-bg::after {
  content: "";
  position: absolute;
  inset: 0;

  background: linear-gradient(
    90deg,
    #0b1d33 0%,
    rgba(11, 29, 51, 0.94) 55%,
    rgba(11, 29, 51, 0.86) 100%
  );
}

/* Content */

.mahadivra-page-hero-content {
  position: relative;
  z-index: 3;

  max-width: 900px;
}

/* =========================================================
   EYEBROW
========================================================= */

.mahadivra-page-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 14px;

  margin-bottom: 17px;

  color: var(--ul-secondary, #e5b82e);

  font-family: var(--font-quicksand, "Inter", sans-serif);

  font-size: 14px;
  font-weight: 800;

  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.mahadivra-page-hero-eyebrow span {
  position: relative;

  display: inline-block;

  width: 48px;
  height: 2px;

  background: var(--ul-secondary, #e5b82e);
}

/* Small line after eyebrow */

.mahadivra-page-hero-eyebrow::after {
  content: "";

  display: inline-block;

  width: 48px;
  height: 2px;

  background: var(--ul-secondary, #e5b82e);

  opacity: 0.85;
}

/* =========================================================
   TITLE
========================================================= */

.mahadivra-page-hero-title {
  margin: 0 0 18px;

  max-width: 900px;

  color: #ffffff;

  font-family: var(--font-primary, "DM Serif Display", serif);

  font-size: clamp(42px, 5vw, 66px);

  font-weight: 400;

  line-height: 1.08;

  letter-spacing: -0.6px;
}

/* Highlight */

.mahadivra-page-hero-title span {
  color: var(--ul-secondary, #e5b82e);
}

/* =========================================================
   DESCRIPTION
========================================================= */

.mahadivra-page-hero-description {
  max-width: 720px;

  margin: 0 0 25px;

  color: rgba(255, 255, 255, 0.78);

  font-family: var(--font-quicksand, "Inter", sans-serif);

  font-size: 16px;

  font-weight: 400;

  line-height: 1.7;
}

/* =========================================================
   BREADCRUMB
========================================================= */

.mahadivra-page-hero-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 10px;

  font-family: var(--font-quicksand, "Inter", sans-serif);

  font-size: 13px;
  font-weight: 600;
}

.mahadivra-page-hero-breadcrumb a {
  color: rgba(255, 255, 255, 0.72);

  text-decoration: none;

  transition: color 0.2s ease;
}

.mahadivra-page-hero-breadcrumb a:hover {
  color: var(--ul-secondary, #e5b82e);
}

.mahadivra-page-hero-breadcrumb span {
  display: flex;
  align-items: center;

  color: rgba(255, 255, 255, 0.4);

  font-size: 10px;
}

.mahadivra-page-hero-breadcrumb strong {
  color: var(--ul-secondary, #e5b82e);

  font-weight: 700;
}

/* =========================================================
   GALLERY SPECIFIC
========================================================= */

.gallery-page-hero .mahadivra-page-hero-bg {
  background-image: url("web-page/assets/img/hero/hero-2.jpg");

  background-position: center;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {
  .mahadivra-page-hero {
    min-height: 330px;

    padding: 62px 0 58px;
  }

  .mahadivra-page-hero-content {
    max-width: 760px;
  }

  .mahadivra-page-hero-title {
    font-size: clamp(40px, 6vw, 56px);
  }

  .mahadivra-page-hero-description {
    max-width: 650px;

    font-size: 15px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {
  .mahadivra-page-hero {
    min-height: 290px;

    padding: 50px 0 48px;
  }

  .mahadivra-page-hero-bg {
    background-position: center;
  }

  .mahadivra-page-hero-eyebrow {
    gap: 9px;

    margin-bottom: 13px;

    font-size: 11px;

    letter-spacing: 1.2px;
  }

  .mahadivra-page-hero-eyebrow span,
  .mahadivra-page-hero-eyebrow::after {
    width: 25px;
  }

  .mahadivra-page-hero-title {
    margin-bottom: 13px;

    font-size: clamp(38px, 11vw, 50px);

    line-height: 1.06;
  }

  .mahadivra-page-hero-description {
    margin-bottom: 20px;

    font-size: 14px;

    line-height: 1.6;
  }

  .mahadivra-page-hero-breadcrumb {
    gap: 8px;

    font-size: 12px;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 479.98px) {
  .mahadivra-page-hero {
    min-height: 275px;

    padding: 44px 0 42px;
  }

  .mahadivra-page-hero-title {
    font-size: 39px;
  }

  .mahadivra-page-hero-description {
    font-size: 13.5px;
  }

  .mahadivra-page-hero::before {
    width: 300px;
    height: 300px;

    right: -170px;
    top: -180px;
  }
}

/* =========================================================
   MAHADIVRA GALLERY
========================================================= */

.gallery-page-section {
  background: #ffffff;
  padding-top: 75px;
  padding-bottom: 85px;
}

/* Main shell */

.gallery-page-shell {
  width: 100%;
}

/* =========================================================
   GALLERY HEADER
========================================================= */

.gallery-page-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;

  gap: 30px;

  margin-bottom: 35px;
}

.gallery-page-header-content {
  max-width: 720px;
}

/* Kicker */

.gallery-page-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  margin-bottom: 9px;

  color: var(--ul-secondary, #e5b82e);

  font-family: var(--font-quicksand, "Inter", sans-serif);

  font-size: 13px;
  font-weight: 800;

  text-transform: uppercase;
  letter-spacing: 1.4px;
}

.gallery-page-kicker i {
  display: inline-block;

  width: 28px;
  height: 2px;

  border-radius: 999px;

  background: var(--ul-secondary, #e5b82e);
}

/* Heading */

.gallery-page-heading {
  margin: 0;

  color: var(--ul-black, #172b3a);

  font-family: var(--font-primary, "DM Serif Display", serif);

  font-size: clamp(32px, 3vw, 46px);

  font-weight: 400;

  line-height: 1.12;
}

/* Description */

.gallery-page-description {
  max-width: 650px;

  margin: 10px 0 0;

  color: var(--ul-p, #64748b);

  font-family: var(--font-quicksand, "Inter", sans-serif);

  font-size: 15px;

  line-height: 1.65;
}

/* Photo count */

.gallery-page-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 105px;

  padding: 9px 16px;

  border: 1px solid rgba(229, 184, 46, 0.35);

  border-radius: 999px;

  background: var(--ul-c3, #fff9e8);

  color: #9a7610;

  font-family: var(--font-quicksand, "Inter", sans-serif);

  font-size: 13px;
  font-weight: 800;

  white-space: nowrap;
}

/* =========================================================
   GALLERY GRID
========================================================= */

.gallery-page-grid {
  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 18px;
}

/* =========================================================
   GALLERY CARD
========================================================= */

.gallery-page-card {
  position: relative;

  display: block;

  width: 100%;
  height: 270px;

  padding: 0;

  overflow: hidden;

  border: 0;

  border-radius: 12px;

  background: #eef2f5;

  cursor: pointer;

  box-shadow: 0 7px 20px rgba(23, 43, 58, 0.07);

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.gallery-page-card img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Hover */

.gallery-page-card:hover {
  transform: translateY(-4px);

  box-shadow: 0 16px 34px rgba(23, 43, 58, 0.14);
}

.gallery-page-card:hover img {
  transform: scale(1.07);
}

/* =========================================================
   IMAGE OVERLAY
========================================================= */

.gallery-page-overlay {
  position: absolute;

  inset: 0;

  display: flex;
  align-items: center;
  justify-content: center;

  background: linear-gradient(
    180deg,
    rgba(8, 25, 40, 0.02),
    rgba(8, 25, 40, 0.48)
  );

  opacity: 0;

  transition: opacity 0.3s ease;
}

.gallery-page-card:hover .gallery-page-overlay,
.gallery-page-card:focus-visible .gallery-page-overlay {
  opacity: 1;
}

/* Expand icon */

.gallery-page-view-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 50px;
  height: 50px;

  border-radius: 50%;

  background: #ffffff;

  color: var(--ul-nav, #08779f);

  font-size: 15px;

  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.22);

  transform: scale(0.8);

  transition: transform 0.3s ease;
}

.gallery-page-card:hover .gallery-page-view-icon {
  transform: scale(1);
}

/* Keyboard focus */

.gallery-page-card:focus-visible {
  outline: 3px solid var(--ul-secondary, #e5b82e);

  outline-offset: 3px;
}

/* =========================================================
   GALLERY MODAL
========================================================= */

.gallery-page-modal {
  position: fixed;

  inset: 0;

  z-index: 99999;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 30px;

  background: rgba(4, 14, 24, 0.94);

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  transition:
    opacity 0.25s ease,
    visibility 0.25s ease;
}

.gallery-page-modal.is-open {
  opacity: 1;

  visibility: visible;

  pointer-events: auto;
}

/* Modal content */

.gallery-modal-content {
  position: relative;

  width: 100%;
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;
}

/* Image */

.gallery-modal-image-wrap {
  width: min(1100px, calc(100vw - 180px));

  height: min(82vh, 760px);

  display: flex;
  align-items: center;
  justify-content: center;
}

.gallery-modal-image-wrap img {
  display: block;

  max-width: 100%;
  max-height: 100%;

  width: auto;
  height: auto;

  object-fit: contain;

  border-radius: 5px;

  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}

/* =========================================================
   MODAL BUTTONS
========================================================= */

.gallery-modal-close,
.gallery-modal-prev,
.gallery-modal-next {
  position: absolute;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 0;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.12);

  color: #ffffff;

  cursor: pointer;

  transition:
    background 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

.gallery-modal-close:hover,
.gallery-modal-prev:hover,
.gallery-modal-next:hover {
  background: var(--ul-secondary, #e5b82e);

  color: #102333;
}

/* Close */

.gallery-modal-close {
  top: 25px;
  right: 28px;

  width: 46px;
  height: 46px;

  font-size: 17px;

  z-index: 5;
}

.gallery-modal-close:hover {
  transform: rotate(90deg);
}

/* Previous */

.gallery-modal-prev {
  left: 25px;

  width: 52px;
  height: 52px;

  font-size: 15px;
}

/* Next */

.gallery-modal-next {
  right: 25px;

  width: 52px;
  height: 52px;

  font-size: 15px;
}

/* Counter */

.gallery-modal-counter {
  position: absolute;

  left: 50%;
  bottom: 22px;

  transform: translateX(-50%);

  padding: 7px 14px;

  border-radius: 999px;

  background: rgba(255, 255, 255, 0.1);

  color: rgba(255, 255, 255, 0.9);

  font-family: var(--font-quicksand, "Inter", sans-serif);

  font-size: 12px;

  font-weight: 700;

  letter-spacing: 0.5px;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199.98px) {
  .gallery-page-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 16px;
  }

  .gallery-page-card {
    height: 250px;
  }
}

/* =========================================================
   MOBILE TABLET
========================================================= */

@media (max-width: 767.98px) {
  .gallery-page-section {
    padding-top: 55px;
    padding-bottom: 60px;
  }

  .gallery-page-header {
    align-items: flex-start;

    flex-direction: column;

    gap: 15px;

    margin-bottom: 25px;
  }

  .gallery-page-heading {
    font-size: 34px;
  }

  .gallery-page-description {
    font-size: 14px;
  }

  .gallery-page-count {
    min-width: auto;

    padding: 7px 13px;

    font-size: 12px;
  }

  .gallery-page-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 12px;
  }

  .gallery-page-card {
    height: 190px;

    border-radius: 9px;
  }

  /* Always show a subtle icon on touch screens */

  .gallery-page-overlay {
    opacity: 1;

    align-items: flex-end;
    justify-content: flex-end;

    padding: 10px;

    background: linear-gradient(180deg, transparent 55%, rgba(5, 20, 32, 0.48));
  }

  .gallery-page-view-icon {
    width: 34px;
    height: 34px;

    font-size: 11px;

    transform: none;
  }

  /* Modal */

  .gallery-page-modal {
    padding: 15px;
  }

  .gallery-modal-image-wrap {
    width: calc(100vw - 70px);

    height: 72vh;
  }

  .gallery-modal-close {
    top: 12px;
    right: 12px;

    width: 40px;
    height: 40px;

    font-size: 14px;
  }

  .gallery-modal-prev,
  .gallery-modal-next {
    width: 40px;
    height: 40px;

    font-size: 12px;
  }

  .gallery-modal-prev {
    left: 8px;
  }

  .gallery-modal-next {
    right: 8px;
  }

  .gallery-modal-counter {
    bottom: 12px;

    font-size: 11px;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 479.98px) {
  .gallery-page-section {
    padding-top: 48px;
    padding-bottom: 50px;
  }

  .gallery-page-kicker {
    font-size: 11px;

    letter-spacing: 1.1px;
  }

  .gallery-page-heading {
    font-size: 30px;
  }

  .gallery-page-description {
    font-size: 13px;

    line-height: 1.6;
  }

  .gallery-page-grid {
    gap: 9px;
  }

  .gallery-page-card {
    height: 155px;

    border-radius: 8px;
  }

  .gallery-page-view-icon {
    width: 30px;
    height: 30px;

    font-size: 10px;
  }

  .gallery-modal-image-wrap {
    width: calc(100vw - 50px);

    height: 65vh;
  }

  .gallery-modal-prev,
  .gallery-modal-next {
    width: 36px;
    height: 36px;
  }
}

/* ============================================================
   MAHADIVRA - TOPBAR SCROLLS AWAY / NAVBAR STAYS STICKY
   ============================================================ */

/*
   Topbar remains part of normal document flow.
   It will naturally scroll away.
*/
.ul-top-header-news {
  position: relative !important;
  z-index: 1000 !important;
}

/*
   Navbar becomes sticky when it reaches the top.
*/
.ul-header {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;

  width: 100% !important;

  z-index: 9999 !important;

  margin: 0 !important;
  padding: 0 !important;

  background: #ffffff !important;
}

/*
   Navbar itself remains normal inside the sticky header.
*/
.ul-header .ul-header-bottom {
  position: relative !important;

  width: 100% !important;

  background: rgba(255, 255, 255, 0.97) !important;

  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;

  border-bottom: 1px solid rgba(23, 38, 50, 0.09) !important;

  box-shadow: 0 5px 25px rgba(23, 38, 50, 0.055) !important;

  transform: none !important;
  animation: none !important;
}

/*
   IMPORTANT:
   The JS adds .sticky to .to-be-sticky.
   Don't let that class break the layout.
*/
.ul-header .ul-header-bottom.sticky {
  position: relative !important;

  top: auto !important;
  left: auto !important;

  width: 100% !important;

  height: 84px !important;
  min-height: 84px !important;

  transform: none !important;
  animation: none !important;

  background: rgba(255, 255, 255, 0.97) !important;
}

/* ------------------------------------------------------------
   DESKTOP
   ------------------------------------------------------------ */

@media (min-width: 992px) {
  .ul-header {
    position: sticky !important;
    top: 0 !important;
  }

  .ul-header .ul-header-bottom,
  .ul-header .ul-header-bottom.sticky {
    height: 84px !important;
    min-height: 84px !important;
  }
}

/* ------------------------------------------------------------
   TABLET
   ------------------------------------------------------------ */

@media (max-width: 991.98px) {
  .ul-header {
    position: sticky !important;
    top: 0 !important;

    z-index: 99999 !important;
  }

  .ul-header .ul-header-bottom,
  .ul-header .ul-header-bottom.sticky {
    position: relative !important;

    height: 72px !important;
    min-height: 72px !important;

    background: rgba(255, 255, 255, 0.98) !important;

    border-bottom: 1px solid rgba(23, 38, 50, 0.08) !important;

    box-shadow: 0 8px 25px rgba(23, 38, 50, 0.07) !important;

    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
  }
}

/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media (max-width: 767.98px) {
  .ul-header .ul-header-bottom,
  .ul-header .ul-header-bottom.sticky {
    height: 68px !important;
    min-height: 68px !important;
  }
}

/* ------------------------------------------------------------
   SMALL MOBILE
   ------------------------------------------------------------ */

@media (max-width: 480px) {
  .ul-header .ul-header-bottom,
  .ul-header .ul-header-bottom.sticky {
    height: 64px !important;
    min-height: 64px !important;
  }
}

/* ============================================================
   MAHADIVRA FINAL HEADER FIX
   TOPBAR SCROLLS AWAY
   NAVBAR STAYS FIXED
============================================================ */

/* ------------------------------------------------------------
   NORMAL STATE
------------------------------------------------------------ */

.site-sticky-header {
  position: relative !important;
  width: 100% !important;
}

/* ------------------------------------------------------------
   FIXED NAVBAR
------------------------------------------------------------ */

.site-sticky-header .mahadivra-fixed-navbar {
  position: fixed !important;

  top: 0 !important;
  left: 0 !important;
  right: 0 !important;

  width: 100% !important;

  z-index: 99999 !important;

  margin: 0 !important;

  transform: none !important;
  animation: none !important;

  background: rgba(255, 255, 255, 0.98) !important;

  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;

  border-bottom: 1px solid rgba(23, 38, 50, 0.09) !important;

  box-shadow: 0 8px 30px rgba(23, 38, 50, 0.1) !important;
}

/* ------------------------------------------------------------
   DESKTOP NAVBAR HEIGHT
------------------------------------------------------------ */

@media (min-width: 992px) {
  .site-sticky-header .mahadivra-fixed-navbar {
    height: 84px !important;
    min-height: 84px !important;
  }

  /*
       Preserve the navbar's original space
       so the page doesn't jump upward.
    */
  .site-sticky-header.mahadivra-header-scrolled {
    padding-bottom: 84px !important;
  }
}

/* ------------------------------------------------------------
   TABLET
------------------------------------------------------------ */

@media (max-width: 991.98px) {
  .site-sticky-header .mahadivra-fixed-navbar {
    height: 72px !important;
    min-height: 72px !important;
  }

  .site-sticky-header.mahadivra-header-scrolled {
    padding-bottom: 72px !important;
  }
}

/* ------------------------------------------------------------
   MOBILE
------------------------------------------------------------ */

@media (max-width: 767.98px) {
  .site-sticky-header .mahadivra-fixed-navbar {
    height: 68px !important;
    min-height: 68px !important;
  }

  .site-sticky-header.mahadivra-header-scrolled {
    padding-bottom: 68px !important;
  }
}

/* ------------------------------------------------------------
   SMALL MOBILE
------------------------------------------------------------ */

@media (max-width: 480px) {
  .site-sticky-header .mahadivra-fixed-navbar {
    height: 64px !important;
    min-height: 64px !important;
  }

  .site-sticky-header.mahadivra-header-scrolled {
    padding-bottom: 64px !important;
  }
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/* our-work.php page styling starts from here */
/* =========================================================
   MAHADIVRA — OUR WORK OVERVIEW
========================================================= */

.mahadivra-work-overview {
  position: relative;
  padding: 40px 0;

  background: var(--white);

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

/* ---------------------------------------------------------
   GRID
--------------------------------------------------------- */

.mahadivra-work-overview-grid {
  display: grid;

  grid-template-columns:
    minmax(0, 0.95fr)
    minmax(0, 1.05fr);

  gap: 75px;

  align-items: center;
}

/* ---------------------------------------------------------
   SECTION TAG
--------------------------------------------------------- */

.mahadivra-work-section-tag {
  display: inline-flex;

  align-items: center;

  gap: 9px;

  margin-bottom: 14px;

  color: var(--ul-nav);

  font-size: 13px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 1.2px;
}

.mahadivra-work-section-tag i {
  display: inline-block;

  width: 25px;
  height: 2px;

  border-radius: 10px;

  background: var(--ul-secondary);
}

/* ---------------------------------------------------------
   TITLE
--------------------------------------------------------- */

.mahadivra-work-section-title {
  margin: 0 0 22px;

  max-width: 620px;

  color: var(--ul-black);

  font-family: var(--font-primary);

  font-size: clamp(32px, 3.4vw, 48px);

  font-weight: 400;

  line-height: 1.15;
}

.mahadivra-work-section-title span {
  color: var(--ul-secondary);
}

/* ---------------------------------------------------------
   CONTENT
--------------------------------------------------------- */

.mahadivra-work-overview-content p {
  max-width: 650px;

  margin: 0 0 17px;

  color: var(--ul-p);

  font-size: 16px;

  line-height: 1.8;
}

/* ---------------------------------------------------------
   BUTTON
--------------------------------------------------------- */

.mahadivra-work-outline-btn {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 10px;

  margin-top: 12px;

  padding: 12px 20px;

  border: 1px solid var(--ul-secondary);

  border-radius: 7px;

  background: transparent;

  color: var(--ul-black);

  font-size: 14px;

  font-weight: 700;

  text-decoration: none;

  transition:
    background 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.mahadivra-work-outline-btn svg {
  width: 18px;
  height: 18px;

  transition: transform 0.25s ease;
}

.mahadivra-work-outline-btn:hover {
  background: var(--ul-secondary);

  color: var(--black);

  transform: translateY(-2px);

  box-shadow: 0 10px 25px rgba(229, 184, 46, 0.2);
}

.mahadivra-work-outline-btn:hover svg {
  transform: translateX(3px);
}

/* =========================================================
   HIGHLIGHTS
========================================================= */

.mahadivra-work-overview-highlights {
  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 18px;
}

/* ---------------------------------------------------------
   HIGHLIGHT CARD
--------------------------------------------------------- */

.mahadivra-work-highlight {
  display: flex;

  align-items: flex-start;

  gap: 16px;

  padding: 25px 21px;

  min-height: 150px;

  background: var(--ul-c3);

  border: 1px solid rgba(229, 184, 46, 0.2);

  border-radius: 14px;

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease;
}

.mahadivra-work-highlight:hover {
  transform: translateY(-4px);

  border-color: rgba(229, 184, 46, 0.55);

  box-shadow: 0 14px 30px rgba(23, 43, 58, 0.08);
}

/* ---------------------------------------------------------
   ICON
--------------------------------------------------------- */

.mahadivra-work-highlight-icon {
  flex: 0 0 48px;

  width: 48px;
  height: 48px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 12px;

  background: var(--white);

  color: var(--ul-nav);

  border: 1px solid rgba(229, 184, 46, 0.35);

  box-shadow: 0 5px 14px rgba(23, 43, 58, 0.05);
}

.mahadivra-work-highlight-icon svg {
  width: 25px;
  height: 25px;
}

/* ---------------------------------------------------------
   CARD TEXT
--------------------------------------------------------- */

.mahadivra-work-highlight h3 {
  margin: 2px 0 7px;

  color: var(--ul-black);

  font-family: var(--font-primary);

  font-size: 20px;

  font-weight: 400;

  line-height: 1.2;
}

.mahadivra-work-highlight p {
  margin: 0;

  color: var(--ul-p);

  font-size: 13.5px;

  line-height: 1.6;
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {
  .mahadivra-work-overview {
    padding: 75px 0;
  }

  .mahadivra-work-overview-grid {
    grid-template-columns: 1fr;

    gap: 45px;
  }

  .mahadivra-work-overview-content {
    max-width: 800px;
  }

  .mahadivra-work-section-title {
    max-width: 700px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {
  .mahadivra-work-overview {
    padding: 60px 0;
  }

  .mahadivra-work-overview-grid {
    gap: 35px;
  }

  .mahadivra-work-section-title {
    font-size: 34px;

    line-height: 1.16;

    margin-bottom: 18px;
  }

  .mahadivra-work-overview-content p {
    font-size: 14.5px;

    line-height: 1.75;
  }

  .mahadivra-work-overview-highlights {
    grid-template-columns: 1fr;

    gap: 14px;
  }

  .mahadivra-work-highlight {
    min-height: auto;

    padding: 21px 18px;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
  .mahadivra-work-overview {
    padding: 50px 0;
  }

  .mahadivra-work-section-tag {
    font-size: 11px;
  }

  .mahadivra-work-section-title {
    font-size: 30px;
  }

  .mahadivra-work-overview-content p {
    font-size: 14px;
  }

  .mahadivra-work-highlight {
    gap: 13px;

    padding: 18px 15px;
  }

  .mahadivra-work-highlight-icon {
    flex-basis: 43px;

    width: 43px;
    height: 43px;
  }

  .mahadivra-work-highlight-icon svg {
    width: 22px;
    height: 22px;
  }

  .mahadivra-work-highlight h3 {
    font-size: 18px;
  }

  .mahadivra-work-highlight p {
    font-size: 13px;
  }
}

/* =========================================================
   MAHADIVRA — OUR AREAS OF WORK
========================================================= */

.mahadivra-work-areas {
  position: relative;
  padding: 40px 0 40px;

  background: var(--ul-c4);

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

/* ---------------------------------------------------------
   HEADER
--------------------------------------------------------- */

.mahadivra-work-areas-header {
  max-width: 760px;

  margin: 0 auto 48px;

  text-align: center;
}

.mahadivra-work-areas-header .mahadivra-work-section-tag {
  justify-content: center;
}

.mahadivra-work-areas-title {
  margin: 0 0 15px;

  color: var(--ul-black);

  font-family: var(--font-primary);

  font-size: clamp(34px, 3.5vw, 48px);

  font-weight: 400;

  line-height: 1.15;
}

.mahadivra-work-areas-title span {
  color: var(--ul-secondary);
}

.mahadivra-work-areas-description {
  max-width: 650px;

  margin: 0 auto;

  color: var(--ul-p);

  font-size: 15px;

  line-height: 1.75;
}

/* ---------------------------------------------------------
   GRID
--------------------------------------------------------- */

.mahadivra-work-areas-grid {
  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 28px;
}

/* ---------------------------------------------------------
   CARD
--------------------------------------------------------- */

.mahadivra-work-area-card {
  overflow: hidden;

  background: var(--white);

  border: 1px solid rgba(23, 43, 58, 0.08);

  border-radius: 16px;

  box-shadow: 0 8px 28px rgba(23, 43, 58, 0.055);

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}

.mahadivra-work-area-card:hover {
  transform: translateY(-6px);

  border-color: rgba(229, 184, 46, 0.45);

  box-shadow: 0 20px 42px rgba(23, 43, 58, 0.11);
}

/* ---------------------------------------------------------
   IMAGE
--------------------------------------------------------- */

.mahadivra-work-area-image {
  position: relative;

  height: 245px;

  overflow: hidden;

  background: var(--ul-gray3);
}

.mahadivra-work-area-image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition: transform 0.5s ease;
}

.mahadivra-work-area-card:hover .mahadivra-work-area-image img {
  transform: scale(1.045);
}

/* ---------------------------------------------------------
   NUMBER
--------------------------------------------------------- */

.mahadivra-work-area-number {
  position: absolute;

  top: 16px;
  right: 16px;

  display: flex;

  align-items: center;
  justify-content: center;

  width: 42px;
  height: 42px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.94);

  color: var(--ul-black);

  font-size: 12px;

  font-weight: 800;

  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

/* ---------------------------------------------------------
   CARD CONTENT
--------------------------------------------------------- */

.mahadivra-work-area-content {
  position: relative;

  padding: 28px 27px 27px;
}

/* ---------------------------------------------------------
   ICON
--------------------------------------------------------- */

.mahadivra-work-area-icon {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 50px;
  height: 50px;

  margin-bottom: 17px;

  border-radius: 12px;

  background: var(--ul-c3);

  color: var(--ul-nav);

  border: 1px solid rgba(229, 184, 46, 0.35);
}

.mahadivra-work-area-icon svg {
  width: 25px;
  height: 25px;
}

/* ---------------------------------------------------------
   TITLE
--------------------------------------------------------- */

.mahadivra-work-area-content h3 {
  margin: 0 0 10px;

  color: var(--ul-black);

  font-family: var(--font-primary);

  font-size: 25px;

  font-weight: 400;

  line-height: 1.2;
}

/* ---------------------------------------------------------
   DESCRIPTION
--------------------------------------------------------- */

.mahadivra-work-area-content p {
  min-height: 76px;

  margin: 0 0 20px;

  color: var(--ul-p);

  font-size: 14px;

  line-height: 1.7;
}

/* ---------------------------------------------------------
   LINK
--------------------------------------------------------- */

.mahadivra-work-area-link {
  display: inline-flex;

  align-items: center;

  gap: 8px;

  color: var(--ul-nav);

  font-size: 13px;

  font-weight: 700;

  text-decoration: none;

  transition: color 0.25s ease;
}

.mahadivra-work-area-link svg {
  width: 18px;
  height: 18px;

  transition: transform 0.25s ease;
}

.mahadivra-work-area-link:hover {
  color: var(--ul-secondary);
}

.mahadivra-work-area-link:hover svg {
  transform: translateX(4px);
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991.98px) {
  .mahadivra-work-areas {
    padding: 75px 0 80px;
  }

  .mahadivra-work-areas-grid {
    gap: 22px;
  }

  .mahadivra-work-area-image {
    height: 220px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {
  .mahadivra-work-areas {
    padding: 60px 0 65px;
  }

  .mahadivra-work-areas-header {
    margin-bottom: 34px;
  }

  .mahadivra-work-areas-title {
    font-size: 34px;
  }

  .mahadivra-work-areas-description {
    font-size: 14px;
  }

  .mahadivra-work-areas-grid {
    grid-template-columns: 1fr;

    gap: 20px;
  }

  .mahadivra-work-area-image {
    height: 230px;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
  .mahadivra-work-areas {
    padding: 50px 0 55px;
  }

  .mahadivra-work-areas-title {
    font-size: 30px;
  }

  .mahadivra-work-area-image {
    height: 205px;
  }

  .mahadivra-work-area-content {
    padding: 23px 20px 22px;
  }

  .mahadivra-work-area-icon {
    width: 45px;
    height: 45px;

    margin-bottom: 14px;
  }

  .mahadivra-work-area-icon svg {
    width: 22px;
    height: 22px;
  }

  .mahadivra-work-area-content h3 {
    font-size: 22px;
  }

  .mahadivra-work-area-content p {
    min-height: auto;

    font-size: 13.5px;
  }
}

/* =========================================================
   MAHADIVRA — HOW WE CREATE IMPACT
========================================================= */

.mahadivra-impact-section {
  position: relative;

  padding: 40px 0 40px;

  background: var(--white);

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

/* ---------------------------------------------------------
   SECTION HEADER
--------------------------------------------------------- */

.mahadivra-impact-header {
  max-width: 760px;

  margin: 0 auto 60px;

  text-align: center;
}

.mahadivra-impact-header .mahadivra-work-section-tag {
  justify-content: center;
}

.mahadivra-impact-title {
  margin: 0 0 16px;

  color: var(--ul-black);

  font-family: var(--font-primary);

  font-size: clamp(34px, 3.5vw, 48px);

  font-weight: 400;

  line-height: 1.15;
}

.mahadivra-impact-title span {
  color: var(--ul-secondary);
}

.mahadivra-impact-description {
  max-width: 650px;

  margin: 0 auto;

  color: var(--ul-p);

  font-size: 15px;

  line-height: 1.75;
}

/* ---------------------------------------------------------
   PROCESS
--------------------------------------------------------- */

.mahadivra-impact-process {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    55px
    minmax(0, 1fr)
    55px
    minmax(0, 1fr)
    55px
    minmax(0, 1fr);

  align-items: start;

  max-width: 1250px;

  margin: 0 auto;
}

/* ---------------------------------------------------------
   STEP
--------------------------------------------------------- */

.mahadivra-impact-step {
  position: relative;

  padding: 30px 24px;

  text-align: center;

  background: var(--ul-c4);

  border: 1px solid rgba(23, 43, 58, 0.07);

  border-radius: 16px;

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}

.mahadivra-impact-step:hover {
  transform: translateY(-5px);

  border-color: rgba(229, 184, 46, 0.45);

  box-shadow: 0 16px 35px rgba(23, 43, 58, 0.08);
}

/* ---------------------------------------------------------
   STEP TOP
--------------------------------------------------------- */

.mahadivra-impact-step-top {
  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 22px;
}

/* ---------------------------------------------------------
   NUMBER
--------------------------------------------------------- */

.mahadivra-impact-number {
  position: absolute;

  top: -16px;
  right: -10px;

  color: rgba(201, 149, 22, 0.32);

  font-family: var(--font-primary);

  font-size: 18px;

  font-weight: 400;
}

/* ---------------------------------------------------------
   ICON
--------------------------------------------------------- */

.mahadivra-impact-icon {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 62px;
  height: 62px;

  border-radius: 50%;

  background: var(--ul-c3);

  color: var(--ul-nav);

  border: 1px solid rgba(229, 184, 46, 0.45);

  box-shadow: 0 7px 20px rgba(23, 43, 58, 0.07);
}

.mahadivra-impact-icon svg {
  width: 28px;
  height: 28px;
}

/* ---------------------------------------------------------
   TITLE
--------------------------------------------------------- */

.mahadivra-impact-step h3 {
  margin: 0 0 11px;

  color: var(--ul-black);

  font-family: var(--font-primary);

  font-size: 24px;

  font-weight: 400;

  line-height: 1.2;
}

/* ---------------------------------------------------------
   TEXT
--------------------------------------------------------- */

.mahadivra-impact-step p {
  min-height: 92px;

  margin: 0;

  color: var(--ul-p);

  font-size: 13.5px;

  line-height: 1.7;
}

/* ---------------------------------------------------------
   CONNECTOR
--------------------------------------------------------- */

.mahadivra-impact-connector {
  display: flex;

  align-items: center;

  justify-content: center;

  height: 100%;

  min-height: 180px;
}

.mahadivra-impact-connector span {
  position: relative;

  display: block;

  width: 100%;

  height: 1px;

  background: linear-gradient(
    90deg,
    transparent,
    var(--ul-secondary),
    transparent
  );
}

.mahadivra-impact-connector span::after {
  content: "";

  position: absolute;

  top: 50%;
  right: 2px;

  width: 7px;
  height: 7px;

  border-top: 1px solid var(--ul-secondary);
  border-right: 1px solid var(--ul-secondary);

  transform: translateY(-50%) rotate(45deg);
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {
  .mahadivra-impact-process {
    grid-template-columns:
      minmax(0, 1fr)
      35px
      minmax(0, 1fr)
      35px
      minmax(0, 1fr)
      35px
      minmax(0, 1fr);
  }

  .mahadivra-impact-step {
    padding: 26px 18px;
  }

  .mahadivra-impact-step h3 {
    font-size: 22px;
  }

  .mahadivra-impact-step p {
    font-size: 13px;
  }
}

/* =========================================================
   TABLET / SMALL LAPTOP
========================================================= */

@media (max-width: 991.98px) {
  .mahadivra-impact-section {
    padding: 75px 0 80px;
  }

  .mahadivra-impact-header {
    margin-bottom: 45px;
  }

  .mahadivra-impact-process {
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 20px;
  }

  .mahadivra-impact-connector {
    display: none;
  }

  .mahadivra-impact-step {
    min-height: 280px;

    padding: 30px 24px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {
  .mahadivra-impact-section {
    padding: 60px 0 65px;
  }

  .mahadivra-impact-header {
    margin-bottom: 35px;
  }

  .mahadivra-impact-title {
    font-size: 34px;
  }

  .mahadivra-impact-description {
    font-size: 14px;
  }

  .mahadivra-impact-process {
    grid-template-columns: 1fr;

    gap: 16px;
  }

  .mahadivra-impact-step {
    min-height: auto;

    padding: 27px 22px;
  }

  .mahadivra-impact-step p {
    min-height: auto;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
  .mahadivra-impact-section {
    padding: 50px 0 55px;
  }

  .mahadivra-impact-title {
    font-size: 30px;
  }

  .mahadivra-impact-step {
    padding: 24px 18px;
  }

  .mahadivra-impact-icon {
    width: 56px;
    height: 56px;
  }

  .mahadivra-impact-icon svg {
    width: 25px;
    height: 25px;
  }

  .mahadivra-impact-step h3 {
    font-size: 22px;
  }

  .mahadivra-impact-step p {
    font-size: 13px;

    line-height: 1.65;
  }
}

/* programs.php page styling starts from here */
/* =========================================
   PROGRAMS PAGE HERO
========================================= */

.programs-page-hero .mahadivra-page-hero-bg {
  background-image: url("web-page/assets/img/programs/programs-hero.jpg");
}

/* =========================================================
   MAHADIVRA PROGRAMS PAGE
   Brand Palette
========================================================= */

.mahadivra-program-intro,
.mahadivra-programs-section,
.mahadivra-program-cta {
  --mp-navy: #172b3a;
  --mp-blue: #159bc7;
  --mp-gold: #e5b82e;
  --mp-gold-dark: #c99516;
  --mp-gold-light: #fff9e8;
  --mp-soft: #f8fafc;
  --mp-text: #172b3a;
  --mp-muted: #64748b;
  --mp-border: #e7edf1;

  font-family: var(--font-quicksand, "Inter", sans-serif);
}

/* =========================================================
   INTRODUCTION
========================================================= */

.mahadivra-program-intro {
  position: relative;
  padding: 40px 0;
  background: #ffffff;
  overflow: hidden;
}

.mahadivra-program-intro-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(380px, 0.85fr);
  align-items: center;
  gap: 75px;
}

.mahadivra-program-intro-content {
  max-width: 700px;
}

.mahadivra-program-section-label {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;

  color: var(--mp-gold-dark);
  font-family: var(--font-quicksand, "Inter", sans-serif);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 1.2;
  text-transform: uppercase;
}

.mahadivra-program-section-label span {
  width: 32px;
  height: 2px;
  display: inline-block;
  background: var(--mp-gold);
}

.mahadivra-program-intro-content h2 {
  margin: 0 0 25px;

  color: var(--mp-navy);
  font-family: var(--font-primary, "DM Serif Display", serif);
  font-size: clamp(38px, 4vw, 58px);
  font-weight: 400;
  line-height: 1.08;
  letter-spacing: -0.5px;
}

.mahadivra-program-intro-content h2 span {
  color: var(--mp-gold-dark);
}

.mahadivra-program-intro-content p {
  max-width: 680px;
  margin: 0 0 17px;

  color: var(--mp-muted);
  font-family: var(--font-quicksand, "Inter", sans-serif);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
}

.mahadivra-program-intro-content p:last-child {
  margin-bottom: 0;
}

/* Image */

.mahadivra-program-intro-visual {
  position: relative;
}

.mahadivra-program-intro-image {
  position: relative;
  width: 100%;
  min-height: 440px;
  overflow: hidden;

  border-radius: 4px;
  background: var(--mp-soft);
  box-shadow: 0 24px 55px rgba(23, 43, 58, 0.12);
}

.mahadivra-program-intro-image::after {
  content: "";
  position: absolute;
  inset: 0;

  background: linear-gradient(
    135deg,
    rgba(23, 43, 58, 0.03),
    rgba(229, 184, 46, 0.08)
  );

  pointer-events: none;
}

.mahadivra-program-intro-image img {
  width: 100%;
  height: 100%;
  min-height: 440px;
  display: block;

  object-fit: cover;
  object-position: center;

  transition: transform 0.6s ease;
}

.mahadivra-program-intro-image:hover img {
  transform: scale(1.035);
}

/* Gold corner detail */

.mahadivra-program-intro-visual::before {
  content: "";
  position: absolute;

  width: 105px;
  height: 105px;

  top: -18px;
  right: -18px;

  border-top: 2px solid var(--mp-gold);
  border-right: 2px solid var(--mp-gold);

  pointer-events: none;
  z-index: 2;
}

.mahadivra-program-intro-visual::after {
  content: "";
  position: absolute;

  width: 105px;
  height: 105px;

  bottom: -18px;
  left: -18px;

  border-bottom: 2px solid var(--mp-gold);
  border-left: 2px solid var(--mp-gold);

  pointer-events: none;
  z-index: 2;
}

/* Badge */

.mahadivra-program-intro-badge {
  position: absolute;
  left: 25px;
  bottom: 25px;

  z-index: 3;

  display: flex;
  align-items: center;
  gap: 12px;

  padding: 13px 18px;

  background: rgba(255, 255, 255, 0.96);
  border-left: 3px solid var(--mp-gold);

  box-shadow: 0 12px 30px rgba(23, 43, 58, 0.14);
}

.mahadivra-program-intro-badge .badge-symbol {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 42px;
  height: 42px;

  color: var(--mp-gold-dark);
  font-family: var(--font-primary, "DM Serif Display", serif);
  font-size: 25px;
}

.mahadivra-program-intro-badge strong,
.mahadivra-program-intro-badge small {
  display: block;
}

.mahadivra-program-intro-badge strong {
  color: var(--mp-navy);
  font-size: 15px;
  font-weight: 800;
}

.mahadivra-program-intro-badge small {
  margin-top: 2px;
  color: var(--mp-muted);
  font-size: 12px;
}

/* =========================================================
   OUR KEY PROGRAMS
========================================================= */

.mahadivra-programs-section {
  position: relative;
  padding: 40px 0 40px;

  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}

.mahadivra-programs-heading {
  max-width: 760px;
  margin: 0 auto 50px;
  text-align: center;
}

.mahadivra-programs-heading .mahadivra-program-section-label {
  justify-content: center;
}

.mahadivra-programs-heading h2 {
  margin: 0 0 17px;

  color: var(--mp-navy);
  font-family: var(--font-primary, "DM Serif Display", serif);
  font-size: clamp(36px, 4vw, 54px);
  font-weight: 400;
  line-height: 1.1;
}

.mahadivra-programs-heading h2 span {
  color: var(--mp-gold-dark);
}

.mahadivra-programs-heading p {
  max-width: 680px;
  margin: 0 auto;

  color: var(--mp-muted);
  font-size: 16px;
  line-height: 1.75;
}

/* Grid */

.mahadivra-programs-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

/* Card */

.mahadivra-program-card {
  position: relative;

  display: flex;
  flex-direction: column;

  min-width: 0;

  background: #ffffff;
  border: 1px solid var(--mp-border);

  box-shadow: 0 12px 32px rgba(23, 43, 58, 0.055);

  overflow: hidden;

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}

.mahadivra-program-card:hover {
  transform: translateY(-7px);

  border-color: rgba(229, 184, 46, 0.55);

  box-shadow: 0 22px 45px rgba(23, 43, 58, 0.12);
}

/* Image */

.mahadivra-program-card-image {
  position: relative;

  height: 230px;
  overflow: hidden;

  background: var(--mp-soft);
}

.mahadivra-program-card-image img {
  width: 100%;
  height: 100%;
  display: block;

  object-fit: cover;

  transition: transform 0.55s ease;
}

.mahadivra-program-card:hover .mahadivra-program-card-image img {
  transform: scale(1.06);
}

/* Number */

.mahadivra-program-number {
  position: absolute;
  top: 15px;
  right: 15px;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 42px;
  height: 42px;

  background: rgba(23, 43, 58, 0.92);

  color: var(--mp-gold);

  font-family: var(--font-primary, "DM Serif Display", serif);
  font-size: 17px;

  border: 1px solid rgba(229, 184, 46, 0.55);
}

/* Card content */

.mahadivra-program-card-content {
  display: flex;
  flex-direction: column;
  flex: 1;

  padding: 27px 25px 28px;
}

/* Icon */

.mahadivra-program-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 50px;
  height: 50px;

  margin-bottom: 18px;

  border-radius: 50%;

  background: var(--mp-gold-light);
  color: var(--mp-gold-dark);

  border: 1px solid rgba(229, 184, 46, 0.25);

  transition:
    background 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease;
}

.mahadivra-program-card:hover .mahadivra-program-icon {
  background: var(--mp-gold);
  color: #ffffff;
  transform: rotate(-4deg);
}

.mahadivra-program-icon svg {
  width: 25px;
  height: 25px;
}

/* Title */

.mahadivra-program-card h3 {
  margin: 0 0 12px;

  color: var(--mp-navy);

  font-family: var(--font-primary, "DM Serif Display", serif);
  font-size: 25px;
  font-weight: 400;
  line-height: 1.15;
}

/* Description */

.mahadivra-program-card p {
  margin: 0 0 22px;

  color: var(--mp-muted);

  font-size: 14px;
  line-height: 1.7;
}

/* Link */

.mahadivra-program-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;

  margin-top: auto;

  color: var(--mp-navy);

  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.2px;

  text-decoration: none;

  transition:
    color 0.25s ease,
    gap 0.25s ease;
}

.mahadivra-program-link svg {
  width: 19px;
  height: 19px;

  transition: transform 0.25s ease;
}

.mahadivra-program-link:hover {
  color: var(--mp-gold-dark);
  gap: 13px;
}

.mahadivra-program-link:hover svg {
  transform: translateX(3px);
}

/* =========================================================
   FINAL SEVA CTA
========================================================= */

.mahadivra-program-cta {
  position: relative;

  padding: 70px 0;

  overflow: hidden;

  background: var(--mp-navy);

  color: #ffffff;
}

/* Decorative background */

.mahadivra-program-cta-pattern {
  position: absolute;
  inset: 0;

  pointer-events: none;

  background:
    radial-gradient(
      circle at 85% 30%,
      rgba(229, 184, 46, 0.14),
      transparent 32%
    ),
    radial-gradient(
      circle at 10% 90%,
      rgba(21, 155, 199, 0.08),
      transparent 30%
    );
}

/* Inner */

.mahadivra-program-cta-inner {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 50px;
}

/* Content */

.mahadivra-program-cta-content {
  max-width: 720px;
}

.mahadivra-program-cta .mahadivra-program-section-label {
  color: var(--mp-gold);
}

.mahadivra-program-cta .mahadivra-program-section-label span {
  background: var(--mp-gold);
}

.mahadivra-program-cta-content h2 {
  margin: 0 0 17px;

  color: #ffffff;

  font-family: var(--font-primary, "DM Serif Display", serif);
  font-size: clamp(35px, 4vw, 54px);
  font-weight: 400;
  line-height: 1.08;
}

.mahadivra-program-cta-content h2 span {
  color: var(--mp-gold);
}

.mahadivra-program-cta-content p {
  max-width: 680px;
  margin: 0;

  color: rgba(255, 255, 255, 0.72);

  font-size: 15px;
  line-height: 1.8;
}

/* Actions */

.mahadivra-program-cta-actions {
  display: flex;
  align-items: center;
  gap: 12px;

  flex-shrink: 0;
}

/* Primary */

.mahadivra-program-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  min-height: 52px;
  padding: 0 22px;

  background: var(--mp-gold);
  color: var(--mp-navy);

  border: 1px solid var(--mp-gold);

  font-size: 14px;
  font-weight: 800;

  text-decoration: none;

  transition:
    background 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.mahadivra-program-cta-btn svg {
  width: 18px;
  height: 18px;
}

.mahadivra-program-cta-btn:hover {
  background: #ffffff;
  border-color: #ffffff;
  color: var(--mp-navy);

  transform: translateY(-2px);
}

/* Outline */

.mahadivra-program-cta-outline {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 52px;
  padding: 0 22px;

  border: 1px solid rgba(255, 255, 255, 0.35);

  color: #ffffff;

  font-size: 14px;
  font-weight: 700;

  text-decoration: none;

  transition:
    background 0.25s ease,
    border-color 0.25s ease,
    color 0.25s ease;
}

.mahadivra-program-cta-outline:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: var(--mp-gold);
  color: var(--mp-gold);
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {
  .mahadivra-program-intro {
    padding: 80px 0;
  }

  .mahadivra-program-intro-grid {
    gap: 50px;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.8fr);
  }

  .mahadivra-programs-section {
    padding: 85px 0 90px;
  }

  .mahadivra-programs-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================================================
   MOBILE / SMALL TABLET
========================================================= */

@media (max-width: 767px) {
  .mahadivra-program-intro {
    padding: 65px 0;
  }

  .mahadivra-program-intro-grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .mahadivra-program-intro-content {
    max-width: none;
  }

  .mahadivra-program-intro-content h2 {
    font-size: clamp(35px, 9vw, 48px);
  }

  .mahadivra-program-intro-content p {
    font-size: 15px;
    line-height: 1.75;
  }

  .mahadivra-program-intro-image {
    min-height: 360px;
  }

  .mahadivra-program-intro-image img {
    min-height: 360px;
  }

  .mahadivra-program-intro-visual::before,
  .mahadivra-program-intro-visual::after {
    width: 70px;
    height: 70px;
  }

  /* Programs */

  .mahadivra-programs-section {
    padding: 70px 0 75px;
  }

  .mahadivra-programs-heading {
    margin-bottom: 35px;
  }

  .mahadivra-programs-heading h2 {
    font-size: clamp(35px, 9vw, 47px);
  }

  .mahadivra-programs-heading p {
    font-size: 15px;
  }

  .mahadivra-programs-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .mahadivra-program-card-image {
    height: 245px;
  }

  /* CTA */

  .mahadivra-program-cta {
    padding: 65px 0;
  }

  .mahadivra-program-cta-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
  }

  .mahadivra-program-cta-content h2 {
    font-size: clamp(35px, 9vw, 48px);
  }

  .mahadivra-program-cta-actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .mahadivra-program-cta-btn,
  .mahadivra-program-cta-outline {
    width: 100%;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
  .mahadivra-program-section-label {
    font-size: 12px;
    letter-spacing: 1.5px;
    gap: 9px;
  }

  .mahadivra-program-section-label span {
    width: 25px;
  }

  .mahadivra-program-intro {
    padding: 55px 0;
  }

  .mahadivra-program-intro-image,
  .mahadivra-program-intro-image img {
    min-height: 300px;
  }

  .mahadivra-program-intro-badge {
    left: 15px;
    bottom: 15px;
    padding: 10px 13px;
  }

  .mahadivra-program-intro-badge .badge-symbol {
    width: 35px;
    height: 35px;
    font-size: 21px;
  }

  .mahadivra-program-card-image {
    height: 220px;
  }

  .mahadivra-program-card-content {
    padding: 23px 20px 25px;
  }

  .mahadivra-program-card h3 {
    font-size: 23px;
  }

  .mahadivra-program-card p {
    font-size: 14px;
  }

  .mahadivra-program-cta {
    padding: 55px 0;
  }
}

/* get involved.php page styling  */
/* =========================================================
   MAHADIVRA — GET INVOLVED PAGE
========================================================= */

.mahadivra-involve-ways,
.mahadivra-volunteer-section,
.mahadivra-support-section,
.mahadivra-involve-cta {
  --gi-navy: #172b3a;
  --gi-blue: #159bc7;
  --gi-gold: #e5b82e;
  --gi-gold-dark: #c99516;
  --gi-gold-light: #fff9e8;
  --gi-soft: #f8fafc;
  --gi-text: #172b3a;
  --gi-muted: #64748b;
  --gi-border: #e5ebef;

  font-family: var(--font-quicksand, "Inter", sans-serif);
}

/* =========================================================
   COMMON LABEL
========================================================= */

.mahadivra-involve-label {
  display: inline-flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 17px;

  color: var(--gi-gold-dark);

  font-size: 13px;
  font-weight: 800;

  letter-spacing: 1.8px;
  text-transform: uppercase;
}

.mahadivra-involve-label span {
  width: 30px;
  height: 2px;

  display: inline-block;

  background: var(--gi-gold);
}

/* =========================================================
   1. WAYS TO GET INVOLVED
========================================================= */

.mahadivra-involve-ways {
  padding: 40px 0 45px;
  background: #ffffff;
}

.mahadivra-involve-heading {
  max-width: 760px;

  margin: 0 auto 50px;

  text-align: center;
}

.mahadivra-involve-heading .mahadivra-involve-label {
  justify-content: center;
}

.mahadivra-involve-heading h2 {
  margin: 0 0 17px;

  color: var(--gi-navy);

  font-family: var(--font-primary, "DM Serif Display", serif);

  font-size: clamp(38px, 4vw, 54px);
  font-weight: 400;

  line-height: 1.1;
}

.mahadivra-involve-heading h2 span {
  color: var(--gi-gold-dark);
}

.mahadivra-involve-heading > p {
  max-width: 680px;

  margin: 0 auto;

  color: var(--gi-muted);

  font-size: 15px;
  line-height: 1.8;
}

/* GRID */

.mahadivra-involve-grid {
  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 22px;
}

/* CARD */

.mahadivra-involve-card {
  position: relative;

  display: flex;
  flex-direction: column;

  min-height: 330px;

  padding: 28px 25px 27px;

  background: #ffffff;

  border: 1px solid var(--gi-border);

  box-shadow: 0 12px 32px rgba(23, 43, 58, 0.055);

  overflow: hidden;

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}

.mahadivra-involve-card::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: 0;

  width: 100%;
  height: 3px;

  background: var(--gi-gold);

  transform: scaleX(0);

  transform-origin: left;

  transition: transform 0.3s ease;
}

.mahadivra-involve-card:hover {
  transform: translateY(-7px);

  border-color: rgba(229, 184, 46, 0.45);

  box-shadow: 0 22px 45px rgba(23, 43, 58, 0.11);
}

.mahadivra-involve-card:hover::after {
  transform: scaleX(1);
}

/* CARD TOP */

.mahadivra-involve-card-top {
  display: flex;

  align-items: center;
  justify-content: space-between;

  margin-bottom: 23px;
}

/* ICON */

.mahadivra-involve-icon {
  width: 52px;
  height: 52px;

  display: flex;

  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: var(--gi-gold-light);

  color: var(--gi-gold-dark);

  border: 1px solid rgba(229, 184, 46, 0.28);

  transition:
    background 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease;
}

.mahadivra-involve-icon svg {
  width: 25px;
  height: 25px;
}

.mahadivra-involve-card:hover .mahadivra-involve-icon {
  background: var(--gi-gold);

  color: #ffffff;

  transform: rotate(-4deg);
}

/* NUMBER */

.mahadivra-involve-number {
  color: #b6c0c7;

  font-family: var(--font-primary, "DM Serif Display", serif);

  font-size: 18px;
}

/* CARD TITLE */

.mahadivra-involve-card h3 {
  margin: 0 0 12px;

  color: var(--gi-navy);

  font-family: var(--font-primary, "DM Serif Display", serif);

  font-size: 25px;
  font-weight: 400;

  line-height: 1.15;
}

/* CARD TEXT */

.mahadivra-involve-card p {
  margin: 0 0 22px;

  color: var(--gi-muted);

  font-size: 14px;

  line-height: 1.7;
}

/* CARD LINK */

.mahadivra-involve-link {
  display: inline-flex;

  align-items: center;

  gap: 8px;

  margin-top: auto;

  color: var(--gi-navy);

  font-size: 13px;
  font-weight: 800;

  text-decoration: none;

  transition:
    color 0.25s ease,
    gap 0.25s ease;
}

.mahadivra-involve-link svg {
  width: 18px;
  height: 18px;

  transition: transform 0.25s ease;
}

.mahadivra-involve-link:hover {
  color: var(--gi-gold-dark);

  gap: 12px;
}

.mahadivra-involve-link:hover svg {
  transform: translateX(3px);
}

/* =========================================================
   2. VOLUNTEER
========================================================= */

.mahadivra-volunteer-section {
  padding: 40px 0;

  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}

.mahadivra-volunteer-grid {
  display: grid;

  grid-template-columns:
    minmax(0, 0.9fr)
    minmax(0, 1fr);

  align-items: center;

  gap: 75px;
}

/* IMAGE */

.mahadivra-volunteer-visual {
  position: relative;

  padding: 0 18px 18px 0;
}

.mahadivra-volunteer-image {
  position: relative;

  min-height: 470px;

  overflow: hidden;

  background: var(--gi-soft);

  box-shadow: 0 22px 50px rgba(23, 43, 58, 0.12);
}

.mahadivra-volunteer-image::after {
  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(
    135deg,
    rgba(23, 43, 58, 0.04),
    rgba(229, 184, 46, 0.08)
  );

  pointer-events: none;
}

.mahadivra-volunteer-image img {
  width: 100%;
  height: 100%;

  min-height: 470px;

  display: block;

  object-fit: cover;

  transition: transform 0.6s ease;
}

.mahadivra-volunteer-image:hover img {
  transform: scale(1.035);
}

/* IMAGE FRAME */

.mahadivra-volunteer-visual::before {
  content: "";

  position: absolute;

  right: 0;
  bottom: 0;

  width: 110px;
  height: 110px;

  border-right: 2px solid var(--gi-gold);

  border-bottom: 2px solid var(--gi-gold);

  z-index: 2;
}

/* BADGE */

.mahadivra-volunteer-badge {
  position: absolute;

  left: -10px;
  bottom: 40px;

  z-index: 4;

  display: flex;

  align-items: center;

  gap: 12px;

  padding: 13px 18px;

  background: #ffffff;

  border-left: 3px solid var(--gi-gold);

  box-shadow: 0 12px 30px rgba(23, 43, 58, 0.13);
}

.mahadivra-volunteer-badge span {
  color: var(--gi-gold-dark);

  font-family: var(--font-primary, "DM Serif Display", serif);

  font-size: 25px;
}

.mahadivra-volunteer-badge small {
  color: var(--gi-muted);

  font-size: 12px;
}

/* CONTENT */

.mahadivra-volunteer-content h2 {
  margin: 0 0 20px;

  color: var(--gi-navy);

  font-family: var(--font-primary, "DM Serif Display", serif);

  font-size: clamp(38px, 4vw, 54px);

  font-weight: 400;

  line-height: 1.08;
}

.mahadivra-volunteer-content h2 span {
  color: var(--gi-gold-dark);
}

.mahadivra-volunteer-content > p {
  max-width: 650px;

  margin: 0 0 28px;

  color: var(--gi-muted);

  font-size: 15px;

  line-height: 1.8;
}

/* LIST */

.mahadivra-volunteer-list {
  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 13px 22px;

  margin-bottom: 30px;
}

.mahadivra-volunteer-list div {
  display: flex;

  align-items: center;

  gap: 11px;
}

.mahadivra-volunteer-list span {
  width: 30px;
  height: 30px;

  flex-shrink: 0;

  display: flex;

  align-items: center;
  justify-content: center;

  background: var(--gi-gold-light);

  color: var(--gi-gold-dark);

  border: 1px solid rgba(229, 184, 46, 0.3);

  font-size: 11px;
  font-weight: 800;
}

.mahadivra-volunteer-list p {
  margin: 0;

  color: var(--gi-navy);

  font-size: 13px;
  font-weight: 600;
}

/* BUTTON */

.mahadivra-volunteer-btn {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 10px;

  min-height: 50px;

  padding: 0 22px;

  background: var(--gi-gold);

  color: var(--gi-navy);

  border: 1px solid var(--gi-gold);

  font-size: 13px;
  font-weight: 800;

  text-decoration: none;

  transition:
    background 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.mahadivra-volunteer-btn svg {
  width: 18px;
  height: 18px;
}

.mahadivra-volunteer-btn:hover {
  background: var(--gi-navy);

  border-color: var(--gi-navy);

  color: #ffffff;

  transform: translateY(-2px);
}

/* =========================================================
   3. SUPPORT OUR SEVA
========================================================= */

.mahadivra-support-section {
  padding: 40px 0;

  background: var(--gi-gold-light);
}

.mahadivra-support-inner {
  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 45px;

  padding: 55px 60px;

  background: #ffffff;

  border: 1px solid rgba(229, 184, 46, 0.25);

  box-shadow: 0 15px 40px rgba(23, 43, 58, 0.06);
}

.mahadivra-support-content {
  max-width: 760px;
}

.mahadivra-support-content h2 {
  margin: 0 0 15px;

  color: var(--gi-navy);

  font-family: var(--font-primary, "DM Serif Display", serif);

  font-size: clamp(34px, 3.5vw, 48px);

  font-weight: 400;

  line-height: 1.1;
}

.mahadivra-support-content h2 span {
  color: var(--gi-gold-dark);
}

.mahadivra-support-content > p {
  max-width: 700px;

  margin: 0;

  color: var(--gi-muted);

  font-size: 15px;

  line-height: 1.8;
}

/* ACTIONS */

.mahadivra-support-actions {
  display: flex;

  align-items: center;

  gap: 10px;

  flex-shrink: 0;
}

.mahadivra-support-btn {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 9px;

  min-height: 50px;

  padding: 0 21px;

  background: var(--gi-gold);

  color: var(--gi-navy);

  border: 1px solid var(--gi-gold);

  font-size: 13px;
  font-weight: 800;

  text-decoration: none;

  transition: 0.25s ease;
}

.mahadivra-support-btn svg {
  width: 18px;
  height: 18px;
}

.mahadivra-support-btn:hover {
  background: var(--gi-navy);

  border-color: var(--gi-navy);

  color: #ffffff;
}

.mahadivra-support-outline {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 50px;

  padding: 0 20px;

  border: 1px solid var(--gi-navy);

  color: var(--gi-navy);

  font-size: 13px;
  font-weight: 800;

  text-decoration: none;

  transition: 0.25s ease;
}

.mahadivra-support-outline:hover {
  background: var(--gi-navy);

  color: #ffffff;
}

/* =========================================================
   4. FINAL CTA
========================================================= */

.mahadivra-involve-cta {
  position: relative;

  padding: 40px 0;

  overflow: hidden;

  background: var(--gi-navy);

  color: #ffffff;
}

.mahadivra-involve-cta-pattern {
  position: absolute;

  inset: 0;

  pointer-events: none;

  background:
    radial-gradient(
      circle at 85% 25%,
      rgba(229, 184, 46, 0.14),
      transparent 32%
    ),
    radial-gradient(
      circle at 10% 85%,
      rgba(21, 155, 199, 0.08),
      transparent 30%
    );
}

.mahadivra-involve-cta-inner {
  position: relative;

  z-index: 2;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 50px;
}

.mahadivra-involve-cta-content {
  max-width: 730px;
}

.mahadivra-involve-cta .mahadivra-involve-label {
  color: var(--gi-gold);
}

.mahadivra-involve-cta .mahadivra-involve-label span {
  background: var(--gi-gold);
}

.mahadivra-involve-cta-content h2 {
  margin: 0 0 16px;

  color: #ffffff;

  font-family: var(--font-primary, "DM Serif Display", serif);

  font-size: clamp(38px, 4vw, 55px);

  font-weight: 400;

  line-height: 1.08;
}

.mahadivra-involve-cta-content h2 span {
  color: var(--gi-gold);
}

.mahadivra-involve-cta-content p {
  max-width: 680px;

  margin: 0;

  color: rgba(255, 255, 255, 0.72);

  font-size: 15px;

  line-height: 1.8;
}

/* CTA BUTTONS */

.mahadivra-involve-cta-actions {
  display: flex;

  align-items: center;

  gap: 11px;

  flex-shrink: 0;
}

.mahadivra-involve-cta-primary {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 9px;

  min-height: 52px;

  padding: 0 24px;

  background: var(--gi-gold);

  color: var(--gi-navy);

  border: 1px solid var(--gi-gold);

  font-size: 13px;
  font-weight: 800;

  text-decoration: none;

  transition: 0.25s ease;
}

.mahadivra-involve-cta-primary svg {
  width: 18px;
  height: 18px;
}

.mahadivra-involve-cta-primary:hover {
  background: #ffffff;

  border-color: #ffffff;

  color: var(--gi-navy);

  transform: translateY(-2px);
}

.mahadivra-involve-cta-secondary {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  min-height: 52px;

  padding: 0 23px;

  border: 1px solid rgba(255, 255, 255, 0.35);

  color: #ffffff;

  font-size: 13px;
  font-weight: 700;

  text-decoration: none;

  transition: 0.25s ease;
}

.mahadivra-involve-cta-secondary:hover {
  border-color: var(--gi-gold);

  color: var(--gi-gold);

  background: rgba(255, 255, 255, 0.06);
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1199px) {
  .mahadivra-involve-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mahadivra-volunteer-grid {
    gap: 50px;
  }

  .mahadivra-support-inner {
    padding: 45px;
  }
}

/* =========================================================
   MOBILE TABLET
========================================================= */

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

  .mahadivra-involve-ways {
    padding: 70px 0 75px;
  }

  .mahadivra-involve-heading {
    margin-bottom: 35px;
  }

  .mahadivra-involve-heading h2 {
    font-size: clamp(35px, 9vw, 47px);
  }

  .mahadivra-involve-heading > p {
    font-size: 14px;
  }

  .mahadivra-involve-grid {
    grid-template-columns: 1fr;

    gap: 17px;
  }

  .mahadivra-involve-card {
    min-height: auto;

    padding: 25px 22px;
  }

  /* Volunteer */

  .mahadivra-volunteer-section {
    padding: 70px 0;
  }

  .mahadivra-volunteer-grid {
    grid-template-columns: 1fr;

    gap: 45px;
  }

  .mahadivra-volunteer-image,
  .mahadivra-volunteer-image img {
    min-height: 370px;
  }

  .mahadivra-volunteer-content h2 {
    font-size: clamp(35px, 9vw, 48px);
  }

  /* Support */

  .mahadivra-support-section {
    padding: 55px 0;
  }

  .mahadivra-support-inner {
    flex-direction: column;

    align-items: flex-start;

    padding: 35px 28px;

    gap: 30px;
  }

  .mahadivra-support-content h2 {
    font-size: clamp(33px, 8vw, 44px);
  }

  .mahadivra-support-actions {
    width: 100%;

    flex-direction: column;

    align-items: stretch;
  }

  .mahadivra-support-btn,
  .mahadivra-support-outline {
    width: 100%;
  }

  /* Final CTA */

  .mahadivra-involve-cta {
    padding: 65px 0;
  }

  .mahadivra-involve-cta-inner {
    flex-direction: column;

    align-items: flex-start;

    gap: 30px;
  }

  .mahadivra-involve-cta-content h2 {
    font-size: clamp(35px, 9vw, 48px);
  }

  .mahadivra-involve-cta-actions {
    width: 100%;

    flex-direction: column;

    align-items: stretch;
  }

  .mahadivra-involve-cta-primary,
  .mahadivra-involve-cta-secondary {
    width: 100%;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {
  .mahadivra-involve-label {
    font-size: 11px;

    letter-spacing: 1.4px;
  }

  .mahadivra-involve-label span {
    width: 24px;
  }

  .mahadivra-volunteer-visual {
    padding-right: 10px;
    padding-bottom: 10px;
  }

  .mahadivra-volunteer-image,
  .mahadivra-volunteer-image img {
    min-height: 300px;
  }

  .mahadivra-volunteer-badge {
    left: 0;
    bottom: 25px;

    padding: 10px 13px;
  }

  .mahadivra-volunteer-list {
    grid-template-columns: 1fr;

    gap: 11px;
  }

  .mahadivra-support-inner {
    padding: 28px 20px;
  }

  .mahadivra-involve-cta {
    padding: 55px 0;
  }
}

/* members.php page styling starts from here */
.members-page-hero .mahadivra-page-hero-bg {
  background-image: url("web-page/assets/img/hero/members.jpg");
}

/* =========================================================
   MAHADIVRA — FOUNDER SECTION
   MATCHING EXISTING WEBSITE UI
   ========================================================= */

.mahadivra-founder-section {
  position: relative;
  padding: 40px 0;
  background: #ffffff;
  overflow: hidden;
  font-family: var(--font-quicksand);
}

/* =========================
   GRID
   ========================= */

.mahadivra-founder-grid {
  display: grid;
  grid-template-columns: minmax(300px, 0.85fr) minmax(0, 1.15fr);
  align-items: center;
  gap: 70px;
}

/* =========================
   IMAGE
   ========================= */

.mahadivra-founder-image-wrap {
  position: relative;
  width: 100%;
  max-width: 470px;
  margin: 0 auto;
}

.mahadivra-founder-image-frame {
  position: relative;
  z-index: 2;
  overflow: hidden;

  background: #f8f7f2;

  border: 1px solid rgba(201, 149, 22, 0.28);
  border-radius: 4px;

  box-shadow: 0 18px 45px rgba(11, 29, 51, 0.1);
}

.mahadivra-founder-image-frame img {
  display: block;
  width: 100%;
  height: 520px;

  object-fit: cover;
  object-position: center;

  transition: transform 0.5s ease;
}

.mahadivra-founder-image-wrap:hover .mahadivra-founder-image-frame img {
  transform: scale(1.025);
}

/* Gold corner accent */

.mahadivra-founder-image-accent {
  position: absolute;

  top: -18px;
  right: -18px;

  width: 145px;
  height: 145px;

  border-top: 2px solid #c99516;
  border-right: 2px solid #c99516;

  background: transparent;

  z-index: 1;
}

/* =========================
   EYEBROW
   ========================= */

.mahadivra-founder-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  margin-bottom: 17px;

  color: #c99516;

  font-family: var(--font-quicksand);
  font-size: 13px;
  font-weight: 700;

  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.mahadivra-founder-eyebrow span {
  width: 28px;
  height: 2px;

  display: inline-block;

  background: #c99516;
}

/* =========================
   TITLE
   ========================= */

.mahadivra-founder-title {
  margin: 0 0 25px;

  color: #0b1d33;

  font-family: var(--font-primary);

  font-size: clamp(36px, 4vw, 54px);
  font-weight: 400;

  line-height: 1.08;

  letter-spacing: -0.4px;
}

.mahadivra-founder-title span {
  display: block;
  color: #c99516;
}

/* =========================
   PARAGRAPHS
   ========================= */

.mahadivra-founder-text {
  margin: 0 0 18px;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 16px;
  line-height: 1.8;
}

/* =========================
   QUOTE
   ========================= */

.mahadivra-founder-quote {
  position: relative;

  margin: 30px 0;

  padding: 21px 25px;

  background: #fff9e8;

  border-left: 3px solid #c99516;

  border-radius: 0;

  color: #0b1d33;

  font-family: var(--font-primary);

  font-size: 20px;
  line-height: 1.55;

  font-style: italic;
}

/* =========================
   SIGNATURE
   ========================= */

.mahadivra-founder-signature {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.mahadivra-founder-signature strong {
  color: #0b1d33;

  font-family: var(--font-quicksand);

  font-size: 17px;
  font-weight: 700;
}

.mahadivra-founder-signature span {
  color: #c99516;

  font-family: var(--font-quicksand);

  font-size: 14px;
  font-weight: 600;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {
  .mahadivra-founder-section {
    padding: 75px 0;
  }

  .mahadivra-founder-grid {
    grid-template-columns:
      minmax(280px, 0.9fr)
      minmax(0, 1.1fr);

    gap: 45px;
  }

  .mahadivra-founder-image-frame img {
    height: 460px;
  }

  .mahadivra-founder-image-accent {
    width: 105px;
    height: 105px;

    top: -12px;
    right: -12px;
  }

  .mahadivra-founder-title {
    font-size: 42px;
  }

  .mahadivra-founder-text {
    font-size: 15px;
  }

  .mahadivra-founder-quote {
    font-size: 18px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .mahadivra-founder-section {
    padding: 60px 0;
  }

  .mahadivra-founder-grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .mahadivra-founder-image-wrap {
    max-width: 430px;
  }

  .mahadivra-founder-image-frame {
    border-radius: 3px;
  }

  .mahadivra-founder-image-frame img {
    height: 430px;
  }

  .mahadivra-founder-image-accent {
    width: 85px;
    height: 85px;

    top: -9px;
    right: -9px;
  }

  .mahadivra-founder-content {
    max-width: 100%;
  }

  .mahadivra-founder-title {
    font-size: 36px;
    line-height: 1.12;
  }

  .mahadivra-founder-title span {
    display: inline;
  }

  .mahadivra-founder-text {
    font-size: 15px;
    line-height: 1.75;
  }

  .mahadivra-founder-quote {
    margin-top: 25px;
    padding: 18px 20px;
    font-size: 18px;
    line-height: 1.5;
  }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {
  .mahadivra-founder-section {
    padding: 50px 0;
  }

  .mahadivra-founder-image-frame img {
    height: 370px;
  }

  .mahadivra-founder-title {
    font-size: 32px;
  }

  .mahadivra-founder-eyebrow {
    font-size: 11px;
    letter-spacing: 1px;
  }

  .mahadivra-founder-text {
    font-size: 14px;
    line-height: 1.75;
  }

  .mahadivra-founder-quote {
    padding: 16px 17px;
    font-size: 17px;
  }
}

/* faqs.php page styling starts from here */
/* =========================================================
   MAHADIVRA FAQ SECTION
   ========================================================= */

.mahadivra-faq-section {
  padding: 40px 0 45px;
  background: #ffffff;
}

/* -------------------------
   HEADING
-------------------------- */

.mahadivra-faq-heading {
  max-width: 780px;
  margin: 0 auto 50px;
  text-align: center;
}

.mahadivra-faq-kicker {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;

  margin-bottom: 17px;

  color: #c99516;

  font-family: var(--font-quicksand);
  font-size: 13px;
  font-weight: 700;

  text-transform: uppercase;
  letter-spacing: 1.6px;
}

.mahadivra-faq-kicker span {
  width: 28px;
  height: 2px;

  background: #c99516;

  display: block;
  flex-shrink: 0;
}

.mahadivra-faq-heading h2 {
  margin: 0 0 18px;

  color: #0b1d33;

  font-family: var(--font-primary);
  font-size: clamp(38px, 4vw, 56px);
  font-weight: 400;

  line-height: 1.08;
}

.mahadivra-faq-heading h2 span {
  color: #c99516;
}

.mahadivra-faq-heading p {
  max-width: 650px;
  margin: 0 auto;

  color: #64748b;

  font-family: var(--font-quicksand);
  font-size: 16px;
  line-height: 1.75;
}

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

.mahadivra-faq-list {
  max-width: 900px;
  margin: 0 auto;
}

.mahadivra-faq-item {
  margin-bottom: 14px;

  background: #ffffff;

  border: 1px solid rgba(201, 149, 22, 0.2);

  border-radius: 12px;

  overflow: hidden;

  transition:
    border-color 0.25s ease,
    box-shadow 0.25s ease,
    transform 0.25s ease;
}

.mahadivra-faq-item:hover {
  border-color: rgba(201, 149, 22, 0.42);

  box-shadow: 0 10px 30px rgba(11, 29, 51, 0.06);
}

.mahadivra-faq-item.active {
  border-color: #c99516;

  box-shadow: 0 12px 32px rgba(11, 29, 51, 0.07);
}

/* -------------------------
   QUESTION
-------------------------- */

.mahadivra-faq-question {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 25px;

  padding: 23px 25px;

  border: 0;
  outline: none;

  background: #ffffff;

  color: #172b3a;

  font-family: var(--font-quicksand);
  font-size: 16px;
  font-weight: 700;

  line-height: 1.5;

  text-align: left;

  cursor: pointer;

  transition:
    color 0.25s ease,
    background 0.25s ease;
}

.mahadivra-faq-question:hover {
  color: #c99516;
}

.mahadivra-faq-item.active .mahadivra-faq-question {
  color: #c99516;
}

/* -------------------------
   PLUS ICON
-------------------------- */

.mahadivra-faq-icon {
  width: 36px;
  height: 36px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 36px;

  border-radius: 50%;

  background: #fff9e8;

  color: #c99516;

  transition:
    transform 0.3s ease,
    background 0.3s ease,
    color 0.3s ease;
}

.mahadivra-faq-icon i {
  font-size: 12px;

  transition: transform 0.3s ease;
}

.mahadivra-faq-item.active .mahadivra-faq-icon {
  background: #c99516;
  color: #ffffff;
}

.mahadivra-faq-item.active .mahadivra-faq-icon i {
  transform: rotate(45deg);
}

/* -------------------------
   ANSWER
-------------------------- */

.mahadivra-faq-answer {
  display: grid;
  grid-template-rows: 0fr;

  transition: grid-template-rows 0.35s ease;
}

.mahadivra-faq-answer p {
  min-height: 0;
  overflow: hidden;

  margin: 0;
  padding: 0 25px;

  color: #64748b;

  font-family: var(--font-quicksand);
  font-size: 15px;
  line-height: 1.8;

  transition: padding 0.35s ease;
}

.mahadivra-faq-item.active .mahadivra-faq-answer {
  grid-template-rows: 1fr;
}

.mahadivra-faq-item.active .mahadivra-faq-answer p {
  padding: 0 25px 24px;
}

/* =========================================================
   FINAL FAQ CTA
   ========================================================= */

.mahadivra-faq-cta {
  padding: 0 0 50px;

  background: #ffffff;
}

.mahadivra-faq-cta-box {
  position: relative;

  max-width: 1100px;
  margin: 0 auto;

  padding: 58px 65px;

  overflow: hidden;

  border-radius: 18px;

  background: #0b1d33;

  text-align: center;

  box-shadow: 0 18px 45px rgba(11, 29, 51, 0.12);
}

/* subtle decorative gold circle */

.mahadivra-faq-cta-box::before {
  content: "";

  position: absolute;

  width: 230px;
  height: 230px;

  right: -90px;
  top: -120px;

  border: 1px solid rgba(229, 184, 46, 0.2);

  border-radius: 50%;
}

.mahadivra-faq-cta-box::after {
  content: "";

  position: absolute;

  width: 170px;
  height: 170px;

  left: -80px;
  bottom: -110px;

  border: 1px solid rgba(229, 184, 46, 0.15);

  border-radius: 50%;
}

.mahadivra-faq-cta-content {
  position: relative;
  z-index: 2;
}

.mahadivra-faq-cta-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  margin-bottom: 15px;

  color: #e5b82e;

  font-family: var(--font-quicksand);
  font-size: 12px;
  font-weight: 700;

  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.mahadivra-faq-cta-label span {
  width: 25px;
  height: 2px;

  background: #e5b82e;
}

.mahadivra-faq-cta-box h2 {
  max-width: 700px;

  margin: 0 auto 15px;

  color: #ffffff;

  font-family: var(--font-primary);
  font-size: clamp(34px, 4vw, 52px);
  font-weight: 400;

  line-height: 1.1;
}

.mahadivra-faq-cta-box p {
  max-width: 650px;

  margin: 0 auto 28px;

  color: rgba(255, 255, 255, 0.72);

  font-family: var(--font-quicksand);
  font-size: 15px;

  line-height: 1.75;
}

/* CTA BUTTON */

.mahadivra-faq-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 11px;

  min-height: 50px;

  padding: 0 25px;

  border-radius: 8px;

  background: #c99516;

  color: #ffffff;

  font-family: var(--font-quicksand);
  font-size: 14px;
  font-weight: 700;

  text-decoration: none;

  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}

.mahadivra-faq-cta-button:hover {
  background: #e5b82e;

  color: #0b1d33;

  transform: translateY(-2px);

  box-shadow: 0 10px 25px rgba(201, 149, 22, 0.25);
}

.mahadivra-faq-cta-button svg {
  width: 15px;
  height: 15px;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {
  .mahadivra-faq-section {
    padding: 75px 0 80px;
  }

  .mahadivra-faq-heading {
    margin-bottom: 40px;
  }

  .mahadivra-faq-cta {
    padding-bottom: 80px;
  }

  .mahadivra-faq-cta-box {
    padding: 50px 40px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .mahadivra-faq-section {
    padding: 60px 0 65px;
  }

  .mahadivra-faq-heading {
    margin-bottom: 32px;
  }

  .mahadivra-faq-heading h2 {
    font-size: 37px;
  }

  .mahadivra-faq-heading p {
    font-size: 14px;
    line-height: 1.7;
  }

  .mahadivra-faq-kicker {
    font-size: 11px;
    letter-spacing: 1px;
    gap: 9px;
  }

  .mahadivra-faq-kicker span {
    width: 20px;
  }

  .mahadivra-faq-question {
    padding: 19px 17px;

    gap: 15px;

    font-size: 14px;
  }

  .mahadivra-faq-icon {
    width: 32px;
    height: 32px;

    flex-basis: 32px;
  }

  .mahadivra-faq-answer p {
    padding-left: 17px;
    padding-right: 17px;

    font-size: 14px;
    line-height: 1.7;
  }

  .mahadivra-faq-item.active .mahadivra-faq-answer p {
    padding-left: 17px;
    padding-right: 17px;
    padding-bottom: 20px;
  }

  .mahadivra-faq-cta {
    padding: 0 0 65px;
  }

  .mahadivra-faq-cta-box {
    padding: 45px 22px;

    border-radius: 14px;
  }

  .mahadivra-faq-cta-box h2 {
    font-size: 35px;
  }

  .mahadivra-faq-cta-box p {
    font-size: 14px;
  }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {
  .mahadivra-faq-heading h2 {
    font-size: 32px;
  }

  .mahadivra-faq-question {
    font-size: 13.5px;
  }

  .mahadivra-faq-cta-box h2 {
    font-size: 31px;
  }
}

/* temple.php page styling starts from here */
.temple-page-hero .mahadivra-page-hero-bg {
  background-image: url("web-page/assets/img/work/temple.jpg");
}

/* =========================================================
   MAHADIVRA TEMPLE PAGE
   BRAND UI
   Navy + Gold + White
   ========================================================= */

/* =========================================================
   01. ABOUT TEMPLE INITIATIVES
   ========================================================= */

.mahadivra-temple-about {
  padding: 40px 0;
  background: #ffffff;
  overflow: hidden;
}

.mahadivra-temple-about-grid {
  display: grid;
  grid-template-columns: minmax(300px, 0.9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 75px;
}

/* IMAGE */

.mahadivra-temple-about-image {
  position: relative;
  max-width: 500px;
  margin: 0 auto;
  width: 100%;
}

.mahadivra-temple-about-image-frame {
  position: relative;
  z-index: 2;

  overflow: hidden;

  border-radius: 4px;

  background: #f8f7f2;

  border: 1px solid rgba(201, 149, 22, 0.25);

  box-shadow: 0 20px 45px rgba(11, 29, 51, 0.1);
}

.mahadivra-temple-about-image-frame img {
  display: block;

  width: 100%;
  height: 510px;

  object-fit: cover;

  transition: transform 0.5s ease;
}

.mahadivra-temple-about-image:hover .mahadivra-temple-about-image-frame img {
  transform: scale(1.025);
}

/* DECORATIVE GOLD CORNER */

.mahadivra-temple-about-accent {
  position: absolute;

  width: 150px;
  height: 150px;

  top: -18px;
  right: -18px;

  border-top: 2px solid #c99516;
  border-right: 2px solid #c99516;

  z-index: 1;
}

/* CONTENT */

.mahadivra-temple-about-content {
  max-width: 650px;
}

.mahadivra-temple-section-label {
  display: flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 16px;

  color: #c99516;

  font-family: var(--font-quicksand);

  font-size: 13px;
  font-weight: 700;

  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.mahadivra-temple-section-label > span {
  display: block;

  width: 28px;
  height: 2px;

  flex-shrink: 0;

  background: #c99516;
}

.mahadivra-temple-about-content h2 {
  margin: 0 0 25px;

  color: #0b1d33;

  font-family: var(--font-primary);

  font-size: clamp(36px, 4vw, 54px);
  font-weight: 400;

  line-height: 1.08;
}

.mahadivra-temple-about-content h2 span {
  color: #c99516;
}

.mahadivra-temple-about-content > p {
  margin: 0 0 17px;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 15.5px;
  line-height: 1.8;
}

/* HIGHLIGHT */

.mahadivra-temple-highlight {
  display: flex;
  align-items: center;
  gap: 15px;

  margin-top: 27px;
  padding: 17px 20px;

  background: #fff9e8;

  border-left: 3px solid #c99516;
}

.mahadivra-temple-highlight-icon {
  width: 43px;
  height: 43px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 43px;

  border-radius: 50%;

  background: #c99516;

  color: #ffffff;

  font-size: 17px;
}

.mahadivra-temple-highlight strong {
  display: block;

  margin-bottom: 3px;

  color: #0b1d33;

  font-family: var(--font-quicksand);

  font-size: 14px;
}

.mahadivra-temple-highlight p {
  margin: 0;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 13px;
  line-height: 1.5;
}

/* =========================================================
   02. WHAT WE SUPPORT
   ========================================================= */

.mahadivra-temple-support {
  padding: 40px 0 45px;

  background: #f8f7f2;
}

.mahadivra-temple-heading {
  max-width: 780px;

  margin: 0 auto 50px;

  text-align: center;
}

.mahadivra-temple-heading .mahadivra-temple-section-label {
  justify-content: center;
}

.mahadivra-temple-heading h2 {
  margin: 0 0 17px;

  color: #0b1d33;

  font-family: var(--font-primary);

  font-size: clamp(36px, 4vw, 54px);
  font-weight: 400;

  line-height: 1.08;
}

.mahadivra-temple-heading h2 span {
  color: #c99516;
}

.mahadivra-temple-heading p {
  max-width: 680px;

  margin: 0 auto;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 15px;
  line-height: 1.75;
}

/* GRID */

.mahadivra-temple-support-grid {
  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 22px;
}

/* CARD */

.mahadivra-temple-support-card {
  position: relative;

  padding: 32px 25px 30px;

  min-height: 290px;

  background: #ffffff;

  border: 1px solid rgba(201, 149, 22, 0.16);

  border-radius: 12px;

  box-shadow: 0 8px 25px rgba(11, 29, 51, 0.045);

  overflow: hidden;

  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.mahadivra-temple-support-card:hover {
  transform: translateY(-6px);

  border-color: rgba(201, 149, 22, 0.45);

  box-shadow: 0 18px 35px rgba(11, 29, 51, 0.09);
}

/* NUMBER */

.mahadivra-temple-support-number {
  position: absolute;

  top: 17px;
  right: 20px;

  color: rgba(201, 149, 22, 0.18);

  font-family: var(--font-primary);

  font-size: 42px;

  line-height: 1;
}

/* ICON */

.mahadivra-temple-support-icon {
  width: 56px;
  height: 56px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 24px;

  border-radius: 50%;

  background: #fff9e8;

  color: #c99516;
}

.mahadivra-temple-support-icon svg {
  width: 28px;
  height: 28px;
}

/* CARD CONTENT */

.mahadivra-temple-support-card h3 {
  margin: 0 0 11px;

  color: #0b1d33;

  font-family: var(--font-primary);

  font-size: 24px;
  font-weight: 400;

  line-height: 1.15;
}

.mahadivra-temple-support-card p {
  margin: 0;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 14px;
  line-height: 1.7;
}

/* =========================================================
   03. OUR APPROACH
   ========================================================= */

.mahadivra-temple-approach {
  padding: 40px 0;

  background: #ffffff;
}

.mahadivra-temple-approach-grid {
  display: grid;

  grid-template-columns:
    minmax(0, 1.1fr)
    minmax(300px, 0.9fr);

  align-items: center;

  gap: 75px;
}

.mahadivra-temple-approach-content {
  max-width: 650px;
}

.mahadivra-temple-approach-content h2 {
  margin: 0 0 22px;

  color: #0b1d33;

  font-family: var(--font-primary);

  font-size: clamp(36px, 4vw, 52px);
  font-weight: 400;

  line-height: 1.08;
}

.mahadivra-temple-approach-content h2 span {
  color: #c99516;
}

.mahadivra-temple-approach-content > p {
  margin: 0 0 30px;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 15px;
  line-height: 1.8;
}

/* APPROACH LIST */

.mahadivra-temple-approach-list {
  display: flex;
  flex-direction: column;

  gap: 20px;
}

.mahadivra-temple-approach-item {
  display: grid;

  grid-template-columns: 43px 1fr;

  gap: 16px;

  align-items: start;
}

.mahadivra-temple-approach-item > span {
  width: 43px;
  height: 43px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: #fff9e8;

  color: #c99516;

  font-family: var(--font-quicksand);

  font-size: 12px;
  font-weight: 700;
}

.mahadivra-temple-approach-item h3 {
  margin: 1px 0 5px;

  color: #0b1d33;

  font-family: var(--font-quicksand);

  font-size: 16px;
  font-weight: 700;
}

.mahadivra-temple-approach-item p {
  margin: 0;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 14px;

  line-height: 1.65;
}

/* VISUAL CARD */

.mahadivra-temple-approach-visual {
  display: flex;
  justify-content: center;
}

.mahadivra-temple-approach-card {
  position: relative;

  width: 100%;
  max-width: 430px;

  min-height: 460px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  padding: 45px;

  background: #0b1d33;

  border-radius: 16px;

  text-align: center;

  overflow: hidden;

  box-shadow: 0 20px 45px rgba(11, 29, 51, 0.14);
}

/* GOLD DECORATION */

.mahadivra-temple-approach-card::before {
  content: "";

  position: absolute;

  width: 270px;
  height: 270px;

  top: -125px;
  right: -100px;

  border: 1px solid rgba(229, 184, 46, 0.25);

  border-radius: 50%;
}

.mahadivra-temple-approach-card::after {
  content: "";

  position: absolute;

  width: 210px;
  height: 210px;

  bottom: -110px;
  left: -80px;

  border: 1px solid rgba(229, 184, 46, 0.18);

  border-radius: 50%;
}

.mahadivra-temple-approach-symbol {
  position: relative;
  z-index: 2;

  width: 88px;
  height: 88px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 25px;

  border: 1px solid rgba(229, 184, 46, 0.55);

  border-radius: 50%;

  color: #e5b82e;

  font-family: serif;

  font-size: 46px;
}

.mahadivra-temple-approach-card > span {
  position: relative;
  z-index: 2;

  margin-bottom: 10px;

  color: #e5b82e;

  font-family: var(--font-quicksand);

  font-size: 12px;
  font-weight: 700;

  letter-spacing: 2px;

  text-transform: uppercase;
}

.mahadivra-temple-approach-card h3 {
  position: relative;
  z-index: 2;

  margin: 0 0 18px;

  color: #ffffff;

  font-family: var(--font-primary);

  font-size: 37px;
  font-weight: 400;

  line-height: 1.15;
}

.mahadivra-temple-approach-card h3 strong {
  display: block;

  color: #e5b82e;

  font-weight: 400;
}

.mahadivra-temple-approach-card p {
  position: relative;
  z-index: 2;

  max-width: 300px;

  margin: 0 auto 25px;

  color: rgba(255, 255, 255, 0.7);

  font-family: var(--font-quicksand);

  font-size: 14px;
  line-height: 1.7;
}

.mahadivra-temple-approach-line {
  position: relative;
  z-index: 2;

  width: 50px;
  height: 2px;

  margin-bottom: 15px;

  background: #c99516;
}

.mahadivra-temple-approach-card small {
  position: relative;
  z-index: 2;

  color: rgba(255, 255, 255, 0.55);

  font-family: var(--font-quicksand);

  font-size: 12px;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
  .mahadivra-temple-support-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .mahadivra-temple-about {
    padding: 75px 0;
  }

  .mahadivra-temple-about-grid {
    grid-template-columns:
      minmax(280px, 0.9fr)
      minmax(0, 1.1fr);

    gap: 45px;
  }

  .mahadivra-temple-about-image-frame img {
    height: 440px;
  }

  .mahadivra-temple-about-accent {
    width: 105px;
    height: 105px;

    top: -12px;
    right: -12px;
  }

  .mahadivra-temple-approach {
    padding: 80px 0;
  }

  .mahadivra-temple-approach-grid {
    gap: 45px;
  }

  .mahadivra-temple-approach-card {
    min-height: 410px;
    padding: 35px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .mahadivra-temple-about {
    padding: 60px 0;
  }

  .mahadivra-temple-about-grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .mahadivra-temple-about-image {
    max-width: 450px;
  }

  .mahadivra-temple-about-image-frame img {
    height: 420px;
  }

  .mahadivra-temple-about-content h2 {
    font-size: 37px;
  }

  .mahadivra-temple-about-content > p {
    font-size: 14px;
    line-height: 1.75;
  }

  .mahadivra-temple-support {
    padding: 65px 0 75px;
  }

  .mahadivra-temple-heading {
    margin-bottom: 35px;
  }

  .mahadivra-temple-heading h2 {
    font-size: 37px;
  }

  .mahadivra-temple-heading p {
    font-size: 14px;
  }

  .mahadivra-temple-support-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .mahadivra-temple-support-card {
    min-height: auto;
    padding: 28px 22px;
  }

  .mahadivra-temple-approach {
    padding: 65px 0;
  }

  .mahadivra-temple-approach-grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .mahadivra-temple-approach-content h2 {
    font-size: 37px;
  }

  .mahadivra-temple-approach-content > p {
    font-size: 14px;
  }

  .mahadivra-temple-approach-card {
    max-width: 450px;
    min-height: 400px;
    margin: 0 auto;
  }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {
  .mahadivra-temple-about {
    padding: 50px 0;
  }

  .mahadivra-temple-about-image-frame img {
    height: 350px;
  }

  .mahadivra-temple-about-content h2 {
    font-size: 32px;
  }

  .mahadivra-temple-section-label {
    font-size: 11px;
    letter-spacing: 1px;
  }

  .mahadivra-temple-highlight {
    align-items: flex-start;
    padding: 15px;
  }

  .mahadivra-temple-support {
    padding: 55px 0 65px;
  }

  .mahadivra-temple-heading h2 {
    font-size: 32px;
  }

  .mahadivra-temple-approach {
    padding: 55px 0;
  }

  .mahadivra-temple-approach-content h2 {
    font-size: 32px;
  }

  .mahadivra-temple-approach-item {
    grid-template-columns: 38px 1fr;
    gap: 12px;
  }

  .mahadivra-temple-approach-item > span {
    width: 38px;
    height: 38px;
  }

  .mahadivra-temple-approach-card {
    min-height: 370px;
    padding: 30px 20px;
  }

  .mahadivra-temple-approach-symbol {
    width: 75px;
    height: 75px;
    font-size: 38px;
  }

  .mahadivra-temple-approach-card h3 {
    font-size: 31px;
  }
}

/* gurukul.php page styling starts from here */

/* =========================================================
   01. ABOUT GURUKUL & EDUCATION
   ========================================================= */

.mahadivra-gurukul-about {
  padding: 40px 0;
  background: #ffffff;
  overflow: hidden;
}

.mahadivra-gurukul-about-grid {
  display: grid;
  grid-template-columns: minmax(300px, 0.9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 75px;
}

/* IMAGE */

.mahadivra-gurukul-about-image {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.mahadivra-gurukul-about-image-frame {
  position: relative;
  z-index: 2;

  overflow: hidden;

  background: #f8f7f2;

  border: 1px solid rgba(201, 149, 22, 0.25);
  border-radius: 4px;

  box-shadow: 0 20px 45px rgba(11, 29, 51, 0.1);
}

.mahadivra-gurukul-about-image-frame img {
  display: block;

  width: 100%;
  height: 510px;

  object-fit: cover;

  transition: transform 0.5s ease;
}

.mahadivra-gurukul-about-image:hover .mahadivra-gurukul-about-image-frame img {
  transform: scale(1.025);
}

/* GOLD CORNER */

.mahadivra-gurukul-about-accent {
  position: absolute;
  z-index: 1;

  top: -18px;
  right: -18px;

  width: 150px;
  height: 150px;

  border-top: 2px solid #c99516;
  border-right: 2px solid #c99516;
}

/* CONTENT */

.mahadivra-gurukul-about-content {
  max-width: 650px;
}

.mahadivra-gurukul-section-label {
  display: flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 16px;

  color: #c99516;

  font-family: var(--font-quicksand);

  font-size: 13px;
  font-weight: 700;

  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.mahadivra-gurukul-section-label > span {
  display: block;

  width: 28px;
  height: 2px;

  flex-shrink: 0;

  background: #c99516;
}

.mahadivra-gurukul-about-content h2 {
  margin: 0 0 25px;

  color: #0b1d33;

  font-family: var(--font-primary);

  font-size: clamp(36px, 4vw, 54px);
  font-weight: 400;

  line-height: 1.08;
}

.mahadivra-gurukul-about-content h2 span {
  color: #c99516;
}

.mahadivra-gurukul-about-content > p {
  margin: 0 0 17px;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 15.5px;
  line-height: 1.8;
}

/* HIGHLIGHT */

.mahadivra-gurukul-highlight {
  display: flex;
  align-items: center;
  gap: 15px;

  margin-top: 27px;
  padding: 17px 20px;

  background: #fff9e8;

  border-left: 3px solid #c99516;
}

.mahadivra-gurukul-highlight-icon {
  width: 43px;
  height: 43px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 43px;

  border-radius: 50%;

  background: #c99516;

  color: #ffffff;

  font-size: 16px;
}

.mahadivra-gurukul-highlight strong {
  display: block;

  margin-bottom: 3px;

  color: #0b1d33;

  font-family: var(--font-quicksand);

  font-size: 14px;
}

.mahadivra-gurukul-highlight p {
  margin: 0;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 13px;
  line-height: 1.5;
}

/* =========================================================
   02. WHAT WE SUPPORT
   ========================================================= */

.mahadivra-gurukul-support {
  padding: 40px 0 45px;

  background: #f8f7f2;
}

.mahadivra-gurukul-heading {
  max-width: 780px;

  margin: 0 auto 50px;

  text-align: center;
}

.mahadivra-gurukul-heading .mahadivra-gurukul-section-label {
  justify-content: center;
}

.mahadivra-gurukul-heading h2 {
  margin: 0 0 17px;

  color: #0b1d33;

  font-family: var(--font-primary);

  font-size: clamp(36px, 4vw, 54px);
  font-weight: 400;

  line-height: 1.08;
}

.mahadivra-gurukul-heading h2 span {
  color: #c99516;
}

.mahadivra-gurukul-heading p {
  max-width: 680px;

  margin: 0 auto;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 15px;
  line-height: 1.75;
}

/* GRID */

.mahadivra-gurukul-support-grid {
  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 22px;
}

/* CARD */

.mahadivra-gurukul-support-card {
  position: relative;

  min-height: 290px;

  padding: 32px 25px 30px;

  background: #ffffff;

  border: 1px solid rgba(201, 149, 22, 0.16);

  border-radius: 12px;

  box-shadow: 0 8px 25px rgba(11, 29, 51, 0.045);

  overflow: hidden;

  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.mahadivra-gurukul-support-card:hover {
  transform: translateY(-6px);

  border-color: rgba(201, 149, 22, 0.45);

  box-shadow: 0 18px 35px rgba(11, 29, 51, 0.09);
}

/* NUMBER */

.mahadivra-gurukul-support-number {
  position: absolute;

  top: 17px;
  right: 20px;

  color: rgba(201, 149, 22, 0.18);

  font-family: var(--font-primary);

  font-size: 42px;

  line-height: 1;
}

/* ICON */

.mahadivra-gurukul-support-icon {
  width: 56px;
  height: 56px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 24px;

  border-radius: 50%;

  background: #fff9e8;

  color: #c99516;
}

.mahadivra-gurukul-support-icon svg {
  width: 28px;
  height: 28px;
}

/* CONTENT */

.mahadivra-gurukul-support-card h3 {
  margin: 0 0 11px;

  color: #0b1d33;

  font-family: var(--font-primary);

  font-size: 24px;
  font-weight: 400;

  line-height: 1.15;
}

.mahadivra-gurukul-support-card p {
  margin: 0;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 14px;
  line-height: 1.7;
}

/* =========================================================
   03. OUR APPROACH
   ========================================================= */

.mahadivra-gurukul-approach {
  padding: 40px 0;

  background: #ffffff;
}

.mahadivra-gurukul-approach-grid {
  display: grid;

  grid-template-columns:
    minmax(0, 1.1fr)
    minmax(300px, 0.9fr);

  align-items: center;

  gap: 75px;
}

.mahadivra-gurukul-approach-content {
  max-width: 650px;
}

.mahadivra-gurukul-approach-content h2 {
  margin: 0 0 22px;

  color: #0b1d33;

  font-family: var(--font-primary);

  font-size: clamp(36px, 4vw, 52px);
  font-weight: 400;

  line-height: 1.08;
}

.mahadivra-gurukul-approach-content h2 span {
  color: #c99516;
}

.mahadivra-gurukul-approach-content > p {
  margin: 0 0 30px;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 15px;
  line-height: 1.8;
}

/* APPROACH LIST */

.mahadivra-gurukul-approach-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.mahadivra-gurukul-approach-item {
  display: grid;

  grid-template-columns: 43px 1fr;

  gap: 16px;

  align-items: start;
}

.mahadivra-gurukul-approach-item > span {
  width: 43px;
  height: 43px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: #fff9e8;

  color: #c99516;

  font-family: var(--font-quicksand);

  font-size: 12px;
  font-weight: 700;
}

.mahadivra-gurukul-approach-item h3 {
  margin: 1px 0 5px;

  color: #0b1d33;

  font-family: var(--font-quicksand);

  font-size: 16px;
  font-weight: 700;
}

.mahadivra-gurukul-approach-item p {
  margin: 0;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 14px;
  line-height: 1.65;
}

/* =========================================================
   APPROACH VISUAL
   ========================================================= */

.mahadivra-gurukul-approach-visual {
  display: flex;
  justify-content: center;
}

.mahadivra-gurukul-approach-card {
  position: relative;

  width: 100%;
  max-width: 430px;

  min-height: 460px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  padding: 45px;

  background: #0b1d33;

  border-radius: 16px;

  text-align: center;

  overflow: hidden;

  box-shadow: 0 20px 45px rgba(11, 29, 51, 0.14);
}

/* DECORATIVE CIRCLES */

.mahadivra-gurukul-approach-card::before {
  content: "";

  position: absolute;

  width: 270px;
  height: 270px;

  top: -125px;
  right: -100px;

  border: 1px solid rgba(229, 184, 46, 0.25);

  border-radius: 50%;
}

.mahadivra-gurukul-approach-card::after {
  content: "";

  position: absolute;

  width: 210px;
  height: 210px;

  bottom: -110px;
  left: -80px;

  border: 1px solid rgba(229, 184, 46, 0.18);

  border-radius: 50%;
}

/* OM */

.mahadivra-gurukul-approach-symbol {
  position: relative;
  z-index: 2;

  width: 88px;
  height: 88px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 25px;

  border: 1px solid rgba(229, 184, 46, 0.55);

  border-radius: 50%;

  color: #e5b82e;

  font-family: serif;

  font-size: 46px;
}

/* CARD TEXT */

.mahadivra-gurukul-approach-card > span {
  position: relative;
  z-index: 2;

  margin-bottom: 10px;

  color: #e5b82e;

  font-family: var(--font-quicksand);

  font-size: 12px;
  font-weight: 700;

  letter-spacing: 2px;

  text-transform: uppercase;
}

.mahadivra-gurukul-approach-card h3 {
  position: relative;
  z-index: 2;

  margin: 0 0 18px;

  color: #ffffff;

  font-family: var(--font-primary);

  font-size: 37px;
  font-weight: 400;

  line-height: 1.15;
}

.mahadivra-gurukul-approach-card h3 strong {
  display: block;

  color: #e5b82e;

  font-weight: 400;
}

.mahadivra-gurukul-approach-card p {
  position: relative;
  z-index: 2;

  max-width: 300px;

  margin: 0 auto 25px;

  color: rgba(255, 255, 255, 0.7);

  font-family: var(--font-quicksand);

  font-size: 14px;
  line-height: 1.7;
}

.mahadivra-gurukul-approach-line {
  position: relative;
  z-index: 2;

  width: 50px;
  height: 2px;

  margin-bottom: 15px;

  background: #c99516;
}

.mahadivra-gurukul-approach-card small {
  position: relative;
  z-index: 2;

  color: rgba(255, 255, 255, 0.55);

  font-family: var(--font-quicksand);

  font-size: 12px;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
  .mahadivra-gurukul-support-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .mahadivra-gurukul-about {
    padding: 75px 0;
  }

  .mahadivra-gurukul-about-grid {
    grid-template-columns:
      minmax(280px, 0.9fr)
      minmax(0, 1.1fr);

    gap: 45px;
  }

  .mahadivra-gurukul-about-image-frame img {
    height: 440px;
  }

  .mahadivra-gurukul-about-accent {
    width: 105px;
    height: 105px;

    top: -12px;
    right: -12px;
  }

  .mahadivra-gurukul-approach {
    padding: 80px 0;
  }

  .mahadivra-gurukul-approach-grid {
    gap: 45px;
  }

  .mahadivra-gurukul-approach-card {
    min-height: 410px;
    padding: 35px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .mahadivra-gurukul-about {
    padding: 60px 0;
  }

  .mahadivra-gurukul-about-grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .mahadivra-gurukul-about-image {
    max-width: 450px;
  }

  .mahadivra-gurukul-about-image-frame img {
    height: 420px;
  }

  .mahadivra-gurukul-about-content h2 {
    font-size: 37px;
  }

  .mahadivra-gurukul-about-content > p {
    font-size: 14px;
    line-height: 1.75;
  }

  .mahadivra-gurukul-support {
    padding: 65px 0 75px;
  }

  .mahadivra-gurukul-heading {
    margin-bottom: 35px;
  }

  .mahadivra-gurukul-heading h2 {
    font-size: 37px;
  }

  .mahadivra-gurukul-heading p {
    font-size: 14px;
  }

  .mahadivra-gurukul-support-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .mahadivra-gurukul-support-card {
    min-height: auto;
    padding: 28px 22px;
  }

  .mahadivra-gurukul-approach {
    padding: 65px 0;
  }

  .mahadivra-gurukul-approach-grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .mahadivra-gurukul-approach-content h2 {
    font-size: 37px;
  }

  .mahadivra-gurukul-approach-content > p {
    font-size: 14px;
  }

  .mahadivra-gurukul-approach-card {
    max-width: 450px;
    min-height: 400px;
    margin: 0 auto;
  }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {
  .mahadivra-gurukul-about {
    padding: 50px 0;
  }

  .mahadivra-gurukul-about-image-frame img {
    height: 350px;
  }

  .mahadivra-gurukul-about-content h2 {
    font-size: 32px;
  }

  .mahadivra-gurukul-section-label {
    font-size: 11px;
    letter-spacing: 1px;
  }

  .mahadivra-gurukul-highlight {
    align-items: flex-start;
    padding: 15px;
  }

  .mahadivra-gurukul-support {
    padding: 55px 0 65px;
  }

  .mahadivra-gurukul-heading h2 {
    font-size: 32px;
  }

  .mahadivra-gurukul-approach {
    padding: 55px 0;
  }

  .mahadivra-gurukul-approach-content h2 {
    font-size: 32px;
  }

  .mahadivra-gurukul-approach-item {
    grid-template-columns: 38px 1fr;
    gap: 12px;
  }

  .mahadivra-gurukul-approach-item > span {
    width: 38px;
    height: 38px;
  }

  .mahadivra-gurukul-approach-card {
    min-height: 370px;
    padding: 30px 20px;
  }

  .mahadivra-gurukul-approach-symbol {
    width: 75px;
    height: 75px;

    font-size: 38px;
  }

  .mahadivra-gurukul-approach-card h3 {
    font-size: 31px;
  }
}

/* seva.php page styling starts from here */

/* =========================================================
   ABOUT SEVA
   ========================================================= */

.mahadivra-seva-about {
  padding: 40px 0;
  background: #ffffff;
  overflow: hidden;
}

.mahadivra-seva-about-grid {
  display: grid;
  grid-template-columns: minmax(300px, 0.9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 75px;
}

/* IMAGE */

.mahadivra-seva-about-image {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.mahadivra-seva-about-image-frame {
  position: relative;
  z-index: 2;
  overflow: hidden;

  background: #f8f7f2;

  border: 1px solid rgba(201, 149, 22, 0.25);
  border-radius: 4px;

  box-shadow: 0 20px 45px rgba(11, 29, 51, 0.1);
}

.mahadivra-seva-about-image-frame img {
  display: block;
  width: 100%;
  height: 510px;
  object-fit: cover;

  transition: transform 0.5s ease;
}

.mahadivra-seva-about-image:hover .mahadivra-seva-about-image-frame img {
  transform: scale(1.025);
}

/* GOLD CORNER */

.mahadivra-seva-about-accent {
  position: absolute;
  z-index: 1;

  top: -18px;
  right: -18px;

  width: 150px;
  height: 150px;

  border-top: 2px solid #c99516;
  border-right: 2px solid #c99516;
}

/* CONTENT */

.mahadivra-seva-about-content {
  max-width: 650px;
}

.mahadivra-seva-section-label {
  display: flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 16px;

  color: #c99516;

  font-family: var(--font-quicksand);

  font-size: 13px;
  font-weight: 700;

  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.mahadivra-seva-section-label > span {
  display: block;

  width: 28px;
  height: 2px;

  flex-shrink: 0;

  background: #c99516;
}

.mahadivra-seva-about-content h2 {
  margin: 0 0 25px;

  color: #0b1d33;

  font-family: var(--font-primary);

  font-size: clamp(36px, 4vw, 54px);
  font-weight: 400;

  line-height: 1.08;
}

.mahadivra-seva-about-content h2 span {
  color: #c99516;
}

.mahadivra-seva-about-content > p {
  margin: 0 0 17px;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 15.5px;
  line-height: 1.8;
}

/* HIGHLIGHT */

.mahadivra-seva-highlight {
  display: flex;
  align-items: center;
  gap: 15px;

  margin-top: 27px;
  padding: 17px 20px;

  background: #fff9e8;

  border-left: 3px solid #c99516;
}

.mahadivra-seva-highlight-icon {
  width: 43px;
  height: 43px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 43px;

  border-radius: 50%;

  background: #c99516;
  color: #ffffff;

  font-size: 16px;
}

.mahadivra-seva-highlight strong {
  display: block;

  margin-bottom: 3px;

  color: #0b1d33;

  font-family: var(--font-quicksand);

  font-size: 14px;
}

.mahadivra-seva-highlight p {
  margin: 0;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 13px;
  line-height: 1.5;
}

/* =========================================================
   WHAT WE DO
   ========================================================= */

.mahadivra-seva-support {
  padding: 40px 0 45px;
  background: #f8f7f2;
}

.mahadivra-seva-heading {
  max-width: 780px;

  margin: 0 auto 50px;

  text-align: center;
}

.mahadivra-seva-heading .mahadivra-seva-section-label {
  justify-content: center;
}

.mahadivra-seva-heading h2 {
  margin: 0 0 17px;

  color: #0b1d33;

  font-family: var(--font-primary);

  font-size: clamp(36px, 4vw, 54px);
  font-weight: 400;

  line-height: 1.08;
}

.mahadivra-seva-heading h2 span {
  color: #c99516;
}

.mahadivra-seva-heading p {
  max-width: 680px;

  margin: 0 auto;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 15px;
  line-height: 1.75;
}

/* GRID */

.mahadivra-seva-support-grid {
  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 22px;
}

/* CARD */

.mahadivra-seva-support-card {
  position: relative;

  min-height: 290px;

  padding: 32px 25px 30px;

  background: #ffffff;

  border: 1px solid rgba(201, 149, 22, 0.16);

  border-radius: 12px;

  box-shadow: 0 8px 25px rgba(11, 29, 51, 0.045);

  overflow: hidden;

  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.mahadivra-seva-support-card:hover {
  transform: translateY(-6px);

  border-color: rgba(201, 149, 22, 0.45);

  box-shadow: 0 18px 35px rgba(11, 29, 51, 0.09);
}

/* NUMBER */

.mahadivra-seva-support-number {
  position: absolute;

  top: 17px;
  right: 20px;

  color: rgba(201, 149, 22, 0.18);

  font-family: var(--font-primary);

  font-size: 42px;

  line-height: 1;
}

/* ICON */

.mahadivra-seva-support-icon {
  width: 56px;
  height: 56px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 24px;

  border-radius: 50%;

  background: #fff9e8;
  color: #c99516;
}

.mahadivra-seva-support-icon svg {
  width: 28px;
  height: 28px;
}

/* TEXT */

.mahadivra-seva-support-card h3 {
  margin: 0 0 11px;

  color: #0b1d33;

  font-family: var(--font-primary);

  font-size: 24px;
  font-weight: 400;

  line-height: 1.15;
}

.mahadivra-seva-support-card p {
  margin: 0;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 14px;
  line-height: 1.7;
}

/* =========================================================
   OUR APPROACH
   ========================================================= */

.mahadivra-seva-approach {
  padding: 45px 0;
  background: #ffffff;
}

.mahadivra-seva-approach-grid {
  display: grid;

  grid-template-columns:
    minmax(0, 1.1fr)
    minmax(300px, 0.9fr);

  align-items: center;

  gap: 75px;
}

.mahadivra-seva-approach-content {
  max-width: 650px;
}

.mahadivra-seva-approach-content h2 {
  margin: 0 0 22px;

  color: #0b1d33;

  font-family: var(--font-primary);

  font-size: clamp(36px, 4vw, 52px);
  font-weight: 400;

  line-height: 1.08;
}

.mahadivra-seva-approach-content h2 span {
  color: #c99516;
}

.mahadivra-seva-approach-content > p {
  margin: 0 0 30px;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 15px;
  line-height: 1.8;
}

/* APPROACH LIST */

.mahadivra-seva-approach-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.mahadivra-seva-approach-item {
  display: grid;

  grid-template-columns: 43px 1fr;

  gap: 16px;

  align-items: start;
}

.mahadivra-seva-approach-item > span {
  width: 43px;
  height: 43px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: #fff9e8;
  color: #c99516;

  font-family: var(--font-quicksand);

  font-size: 12px;
  font-weight: 700;
}

.mahadivra-seva-approach-item h3 {
  margin: 1px 0 5px;

  color: #0b1d33;

  font-family: var(--font-quicksand);

  font-size: 16px;
  font-weight: 700;
}

.mahadivra-seva-approach-item p {
  margin: 0;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 14px;
  line-height: 1.65;
}

/* =========================================================
   APPROACH VISUAL CARD
   ========================================================= */

.mahadivra-seva-approach-visual {
  display: flex;
  justify-content: center;
}

.mahadivra-seva-approach-card {
  position: relative;

  width: 100%;
  max-width: 430px;

  min-height: 460px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  padding: 45px;

  background: #0b1d33;

  border-radius: 16px;

  text-align: center;

  overflow: hidden;

  box-shadow: 0 20px 45px rgba(11, 29, 51, 0.14);
}

/* DECORATION */

.mahadivra-seva-approach-card::before {
  content: "";

  position: absolute;

  width: 270px;
  height: 270px;

  top: -125px;
  right: -100px;

  border: 1px solid rgba(229, 184, 46, 0.25);

  border-radius: 50%;
}

.mahadivra-seva-approach-card::after {
  content: "";

  position: absolute;

  width: 210px;
  height: 210px;

  bottom: -110px;
  left: -80px;

  border: 1px solid rgba(229, 184, 46, 0.18);

  border-radius: 50%;
}

/* SEVA SYMBOL */

.mahadivra-seva-approach-symbol {
  position: relative;
  z-index: 2;

  width: 88px;
  height: 88px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 25px;

  border: 1px solid rgba(229, 184, 46, 0.55);

  border-radius: 50%;

  color: #e5b82e;

  font-family: serif;

  font-size: 27px;
}

/* CARD TEXT */

.mahadivra-seva-approach-card > span {
  position: relative;
  z-index: 2;

  margin-bottom: 10px;

  color: #e5b82e;

  font-family: var(--font-quicksand);

  font-size: 12px;
  font-weight: 700;

  letter-spacing: 2px;

  text-transform: uppercase;
}

.mahadivra-seva-approach-card h3 {
  position: relative;
  z-index: 2;

  margin: 0 0 18px;

  color: #ffffff;

  font-family: var(--font-primary);

  font-size: 37px;
  font-weight: 400;

  line-height: 1.15;
}

.mahadivra-seva-approach-card h3 strong {
  display: block;

  color: #e5b82e;

  font-weight: 400;
}

.mahadivra-seva-approach-card p {
  position: relative;
  z-index: 2;

  max-width: 300px;

  margin: 0 auto 25px;

  color: rgba(255, 255, 255, 0.7);

  font-family: var(--font-quicksand);

  font-size: 14px;
  line-height: 1.7;
}

.mahadivra-seva-approach-line {
  position: relative;
  z-index: 2;

  width: 50px;
  height: 2px;

  margin-bottom: 15px;

  background: #c99516;
}

.mahadivra-seva-approach-card small {
  position: relative;
  z-index: 2;

  color: rgba(255, 255, 255, 0.55);

  font-family: var(--font-quicksand);

  font-size: 12px;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
  .mahadivra-seva-support-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .mahadivra-seva-about {
    padding: 75px 0;
  }

  .mahadivra-seva-about-grid {
    gap: 45px;
  }

  .mahadivra-seva-about-image-frame img {
    height: 440px;
  }

  .mahadivra-seva-about-accent {
    width: 105px;
    height: 105px;

    top: -12px;
    right: -12px;
  }

  .mahadivra-seva-approach {
    padding: 80px 0;
  }

  .mahadivra-seva-approach-grid {
    gap: 45px;
  }

  .mahadivra-seva-approach-card {
    min-height: 410px;
    padding: 35px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .mahadivra-seva-about {
    padding: 60px 0;
  }

  .mahadivra-seva-about-grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .mahadivra-seva-about-image {
    max-width: 450px;
  }

  .mahadivra-seva-about-image-frame img {
    height: 420px;
  }

  .mahadivra-seva-about-content h2 {
    font-size: 37px;
  }

  .mahadivra-seva-about-content > p {
    font-size: 14px;
    line-height: 1.75;
  }

  .mahadivra-seva-support {
    padding: 65px 0 75px;
  }

  .mahadivra-seva-heading {
    margin-bottom: 35px;
  }

  .mahadivra-seva-heading h2 {
    font-size: 37px;
  }

  .mahadivra-seva-heading p {
    font-size: 14px;
  }

  .mahadivra-seva-support-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .mahadivra-seva-support-card {
    min-height: auto;
    padding: 28px 22px;
  }

  .mahadivra-seva-approach {
    padding: 65px 0;
  }

  .mahadivra-seva-approach-grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .mahadivra-seva-approach-content h2 {
    font-size: 37px;
  }

  .mahadivra-seva-approach-content > p {
    font-size: 14px;
  }

  .mahadivra-seva-approach-card {
    max-width: 450px;
    min-height: 400px;
    margin: 0 auto;
  }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {
  .mahadivra-seva-about {
    padding: 50px 0;
  }

  .mahadivra-seva-about-image-frame img {
    height: 350px;
  }

  .mahadivra-seva-about-content h2 {
    font-size: 32px;
  }

  .mahadivra-seva-section-label {
    font-size: 11px;
    letter-spacing: 1px;
  }

  .mahadivra-seva-highlight {
    align-items: flex-start;
    padding: 15px;
  }

  .mahadivra-seva-support {
    padding: 55px 0 65px;
  }

  .mahadivra-seva-heading h2 {
    font-size: 32px;
  }

  .mahadivra-seva-approach {
    padding: 55px 0;
  }

  .mahadivra-seva-approach-content h2 {
    font-size: 32px;
  }

  .mahadivra-seva-approach-item {
    grid-template-columns: 38px 1fr;
    gap: 12px;
  }

  .mahadivra-seva-approach-item > span {
    width: 38px;
    height: 38px;
  }

  .mahadivra-seva-approach-card {
    min-height: 370px;
    padding: 30px 20px;
  }

  .mahadivra-seva-approach-symbol {
    width: 75px;
    height: 75px;
  }

  .mahadivra-seva-approach-card h3 {
    font-size: 31px;
  }
}

/* dharma.php page styling starts from here */

/* =========================================================
   ABOUT SANATAN DHARMA
   ========================================================= */

.mahadivra-dharma-about {
  padding: 40px 0;
  background: #ffffff;
  overflow: hidden;
}

.mahadivra-dharma-about-grid {
  display: grid;
  grid-template-columns: minmax(300px, 0.9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: 75px;
}

/* IMAGE */

.mahadivra-dharma-about-image {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.mahadivra-dharma-about-image-frame {
  position: relative;
  z-index: 2;
  overflow: hidden;

  background: #f8f7f2;

  border: 1px solid rgba(201, 149, 22, 0.25);
  border-radius: 4px;

  box-shadow: 0 20px 45px rgba(11, 29, 51, 0.1);
}

.mahadivra-dharma-about-image-frame img {
  display: block;
  width: 100%;
  height: 510px;
  object-fit: cover;

  transition: transform 0.5s ease;
}

.mahadivra-dharma-about-image:hover .mahadivra-dharma-about-image-frame img {
  transform: scale(1.025);
}

/* GOLD CORNER */

.mahadivra-dharma-about-accent {
  position: absolute;
  z-index: 1;

  top: -18px;
  right: -18px;

  width: 150px;
  height: 150px;

  border-top: 2px solid #c99516;
  border-right: 2px solid #c99516;
}

/* CONTENT */

.mahadivra-dharma-about-content {
  max-width: 650px;
}

.mahadivra-dharma-section-label {
  display: flex;
  align-items: center;
  gap: 11px;

  margin-bottom: 16px;

  color: #c99516;

  font-family: var(--font-quicksand);

  font-size: 13px;
  font-weight: 700;

  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.mahadivra-dharma-section-label > span {
  display: block;

  width: 28px;
  height: 2px;

  flex-shrink: 0;

  background: #c99516;
}

.mahadivra-dharma-about-content h2 {
  margin: 0 0 25px;

  color: #0b1d33;

  font-family: var(--font-primary);

  font-size: clamp(36px, 4vw, 54px);
  font-weight: 400;

  line-height: 1.08;
}

.mahadivra-dharma-about-content h2 span {
  color: #c99516;
}

.mahadivra-dharma-about-content > p {
  margin: 0 0 17px;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 15.5px;
  line-height: 1.8;
}

/* HIGHLIGHT */

.mahadivra-dharma-highlight {
  display: flex;
  align-items: center;
  gap: 15px;

  margin-top: 27px;
  padding: 17px 20px;

  background: #fff9e8;

  border-left: 3px solid #c99516;
}

.mahadivra-dharma-highlight-icon {
  width: 43px;
  height: 43px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 43px;

  border-radius: 50%;

  background: #c99516;
  color: #ffffff;

  font-size: 17px;
}

.mahadivra-dharma-highlight strong {
  display: block;

  margin-bottom: 3px;

  color: #0b1d33;

  font-family: var(--font-quicksand);

  font-size: 14px;
}

.mahadivra-dharma-highlight p {
  margin: 0;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 13px;
  line-height: 1.5;
}

/* =========================================================
   WHAT WE PRESERVE
   ========================================================= */

.mahadivra-dharma-support {
  padding: 40px 0 45px;
  background: #f8f7f2;
}

.mahadivra-dharma-heading {
  max-width: 780px;

  margin: 0 auto 50px;

  text-align: center;
}

.mahadivra-dharma-heading .mahadivra-dharma-section-label {
  justify-content: center;
}

.mahadivra-dharma-heading h2 {
  margin: 0 0 17px;

  color: #0b1d33;

  font-family: var(--font-primary);

  font-size: clamp(36px, 4vw, 54px);
  font-weight: 400;

  line-height: 1.08;
}

.mahadivra-dharma-heading h2 span {
  color: #c99516;
}

.mahadivra-dharma-heading p {
  max-width: 680px;

  margin: 0 auto;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 15px;
  line-height: 1.75;
}

/* GRID */

.mahadivra-dharma-support-grid {
  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 22px;
}

/* CARD */

.mahadivra-dharma-support-card {
  position: relative;

  min-height: 290px;

  padding: 32px 25px 30px;

  background: #ffffff;

  border: 1px solid rgba(201, 149, 22, 0.16);

  border-radius: 12px;

  box-shadow: 0 8px 25px rgba(11, 29, 51, 0.045);

  overflow: hidden;

  transition:
    transform 0.3s ease,
    border-color 0.3s ease,
    box-shadow 0.3s ease;
}

.mahadivra-dharma-support-card:hover {
  transform: translateY(-6px);

  border-color: rgba(201, 149, 22, 0.45);

  box-shadow: 0 18px 35px rgba(11, 29, 51, 0.09);
}

/* NUMBER */

.mahadivra-dharma-support-number {
  position: absolute;

  top: 17px;
  right: 20px;

  color: rgba(201, 149, 22, 0.18);

  font-family: var(--font-primary);

  font-size: 42px;

  line-height: 1;
}

/* ICON */

.mahadivra-dharma-support-icon {
  width: 56px;
  height: 56px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 24px;

  border-radius: 50%;

  background: #fff9e8;
  color: #c99516;
}

.mahadivra-dharma-support-icon svg {
  width: 28px;
  height: 28px;
}

/* CARD TEXT */

.mahadivra-dharma-support-card h3 {
  margin: 0 0 11px;

  color: #0b1d33;

  font-family: var(--font-primary);

  font-size: 24px;
  font-weight: 400;

  line-height: 1.15;
}

.mahadivra-dharma-support-card p {
  margin: 0;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 14px;
  line-height: 1.7;
}

/* =========================================================
   OUR APPROACH
   ========================================================= */

.mahadivra-dharma-approach {
  padding: 50px 0;
  background: #ffffff;
}

.mahadivra-dharma-approach-grid {
  display: grid;

  grid-template-columns:
    minmax(0, 1.1fr)
    minmax(300px, 0.9fr);

  align-items: center;

  gap: 75px;
}

.mahadivra-dharma-approach-content {
  max-width: 650px;
}

.mahadivra-dharma-approach-content h2 {
  margin: 0 0 22px;

  color: #0b1d33;

  font-family: var(--font-primary);

  font-size: clamp(36px, 4vw, 52px);
  font-weight: 400;

  line-height: 1.08;
}

.mahadivra-dharma-approach-content h2 span {
  color: #c99516;
}

.mahadivra-dharma-approach-content > p {
  margin: 0 0 30px;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 15px;
  line-height: 1.8;
}

/* LIST */

.mahadivra-dharma-approach-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.mahadivra-dharma-approach-item {
  display: grid;

  grid-template-columns: 43px 1fr;

  gap: 16px;

  align-items: start;
}

.mahadivra-dharma-approach-item > span {
  width: 43px;
  height: 43px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: #fff9e8;
  color: #c99516;

  font-family: var(--font-quicksand);

  font-size: 12px;
  font-weight: 700;
}

.mahadivra-dharma-approach-item h3 {
  margin: 1px 0 5px;

  color: #0b1d33;

  font-family: var(--font-quicksand);

  font-size: 16px;
  font-weight: 700;
}

.mahadivra-dharma-approach-item p {
  margin: 0;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 14px;
  line-height: 1.65;
}

/* =========================================================
   APPROACH VISUAL
   ========================================================= */

.mahadivra-dharma-approach-visual {
  display: flex;
  justify-content: center;
}

.mahadivra-dharma-approach-card {
  position: relative;

  width: 100%;
  max-width: 430px;

  min-height: 460px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  padding: 45px;

  background: #0b1d33;

  border-radius: 16px;

  text-align: center;

  overflow: hidden;

  box-shadow: 0 20px 45px rgba(11, 29, 51, 0.14);
}

/* DECORATIVE CIRCLES */

.mahadivra-dharma-approach-card::before {
  content: "";

  position: absolute;

  width: 270px;
  height: 270px;

  top: -125px;
  right: -100px;

  border: 1px solid rgba(229, 184, 46, 0.25);

  border-radius: 50%;
}

.mahadivra-dharma-approach-card::after {
  content: "";

  position: absolute;

  width: 210px;
  height: 210px;

  bottom: -110px;
  left: -80px;

  border: 1px solid rgba(229, 184, 46, 0.18);

  border-radius: 50%;
}

/* OM */

.mahadivra-dharma-approach-symbol {
  position: relative;
  z-index: 2;

  width: 88px;
  height: 88px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 25px;

  border: 1px solid rgba(229, 184, 46, 0.55);

  border-radius: 50%;

  color: #e5b82e;

  font-family: serif;

  font-size: 46px;
}

/* CARD TEXT */

.mahadivra-dharma-approach-card > span {
  position: relative;
  z-index: 2;

  margin-bottom: 10px;

  color: #e5b82e;

  font-family: var(--font-quicksand);

  font-size: 12px;
  font-weight: 700;

  letter-spacing: 2px;

  text-transform: uppercase;
}

.mahadivra-dharma-approach-card h3 {
  position: relative;
  z-index: 2;

  margin: 0 0 18px;

  color: #ffffff;

  font-family: var(--font-primary);

  font-size: 37px;
  font-weight: 400;

  line-height: 1.15;
}

.mahadivra-dharma-approach-card h3 strong {
  display: block;

  color: #e5b82e;

  font-weight: 400;
}

.mahadivra-dharma-approach-card p {
  position: relative;
  z-index: 2;

  max-width: 300px;

  margin: 0 auto 25px;

  color: rgba(255, 255, 255, 0.7);

  font-family: var(--font-quicksand);

  font-size: 14px;
  line-height: 1.7;
}

.mahadivra-dharma-approach-line {
  position: relative;
  z-index: 2;

  width: 50px;
  height: 2px;

  margin-bottom: 15px;

  background: #c99516;
}

.mahadivra-dharma-approach-card small {
  position: relative;
  z-index: 2;

  color: rgba(255, 255, 255, 0.55);

  font-family: var(--font-quicksand);

  font-size: 12px;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {
  .mahadivra-dharma-support-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .mahadivra-dharma-about {
    padding: 75px 0;
  }

  .mahadivra-dharma-about-grid {
    gap: 45px;
  }

  .mahadivra-dharma-about-image-frame img {
    height: 440px;
  }

  .mahadivra-dharma-about-accent {
    width: 105px;
    height: 105px;

    top: -12px;
    right: -12px;
  }

  .mahadivra-dharma-approach {
    padding: 80px 0;
  }

  .mahadivra-dharma-approach-grid {
    gap: 45px;
  }

  .mahadivra-dharma-approach-card {
    min-height: 410px;
    padding: 35px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .mahadivra-dharma-about {
    padding: 60px 0;
  }

  .mahadivra-dharma-about-grid {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .mahadivra-dharma-about-image {
    max-width: 450px;
  }

  .mahadivra-dharma-about-image-frame img {
    height: 420px;
  }

  .mahadivra-dharma-about-content h2 {
    font-size: 37px;
  }

  .mahadivra-dharma-about-content > p {
    font-size: 14px;
    line-height: 1.75;
  }

  .mahadivra-dharma-support {
    padding: 65px 0 75px;
  }

  .mahadivra-dharma-heading {
    margin-bottom: 35px;
  }

  .mahadivra-dharma-heading h2 {
    font-size: 37px;
  }

  .mahadivra-dharma-heading p {
    font-size: 14px;
  }

  .mahadivra-dharma-support-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .mahadivra-dharma-support-card {
    min-height: auto;
    padding: 28px 22px;
  }

  .mahadivra-dharma-approach {
    padding: 65px 0;
  }

  .mahadivra-dharma-approach-grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .mahadivra-dharma-approach-content h2 {
    font-size: 37px;
  }

  .mahadivra-dharma-approach-content > p {
    font-size: 14px;
  }

  .mahadivra-dharma-approach-card {
    max-width: 450px;
    min-height: 400px;
    margin: 0 auto;
  }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {
  .mahadivra-dharma-about {
    padding: 50px 0;
  }

  .mahadivra-dharma-about-image-frame img {
    height: 350px;
  }

  .mahadivra-dharma-about-content h2 {
    font-size: 32px;
  }

  .mahadivra-dharma-section-label {
    font-size: 11px;
    letter-spacing: 1px;
  }

  .mahadivra-dharma-highlight {
    align-items: flex-start;
    padding: 15px;
  }

  .mahadivra-dharma-support {
    padding: 55px 0 65px;
  }

  .mahadivra-dharma-heading h2 {
    font-size: 32px;
  }

  .mahadivra-dharma-approach {
    padding: 55px 0;
  }

  .mahadivra-dharma-approach-content h2 {
    font-size: 32px;
  }

  .mahadivra-dharma-approach-item {
    grid-template-columns: 38px 1fr;
    gap: 12px;
  }

  .mahadivra-dharma-approach-item > span {
    width: 38px;
    height: 38px;
  }

  .mahadivra-dharma-approach-card {
    min-height: 370px;
    padding: 30px 20px;
  }

  .mahadivra-dharma-approach-symbol {
    width: 75px;
    height: 75px;

    font-size: 38px;
  }

  .mahadivra-dharma-approach-card h3 {
    font-size: 31px;
  }
}

/* donation.php page styling starts from here */

.donate-page-hero {
  position: relative;
  min-height: 400px;

  display: flex;
  align-items: center;

  overflow: hidden;

  background: linear-gradient(135deg, #070f19 0%, #172b3a 58%, #0e1d2b 100%);

  color: #ffffff;
}

/* BACKGROUND */

.donate-page-hero .mahadivra-page-hero-bg {
  position: absolute;
  inset: 0;

  background-image:
    linear-gradient(
      90deg,
      rgba(7, 15, 25, 0.04) 0%,
      rgba(23, 43, 58, 0.06) 55%,
      rgba(23, 43, 58, 0.01) 100%
    ),
    url("../img/donate-bg.png");

  background-size: cover;
  background-position: center;
  opacity: 1;
}

/* GOLD GLOW */

.donate-page-hero::before {
  content: "";

  position: absolute;

  width: 430px;
  height: 430px;

  right: -120px;
  top: -170px;

  border-radius: 50%;

  background: radial-gradient(
    circle,
    rgba(229, 184, 46, 0.2) 0%,
    rgba(229, 184, 46, 0.07) 45%,
    transparent 72%
  );

  pointer-events: none;
}

/* CONTENT */

.donate-page-hero .mahadivra-page-hero-content {
  position: relative;
  z-index: 3;

  max-width: 820px;

  padding: 20px 0 65px;
}

/* EYEBROW */

.donate-page-hero .mahadivra-page-hero-eyebrow {
  color: #e5b82e;
}

.donate-page-hero .mahadivra-page-hero-eyebrow span {
  background: #e5b82e;
}

/* TITLE */

.donate-page-hero .mahadivra-page-hero-title {
  max-width: 760px;

  margin-bottom: 18px;

  color: #ffffff;
}

.donate-page-hero .mahadivra-page-hero-title span {
  color: #e5b82e;
}

/* DESCRIPTION */

.donate-page-hero .mahadivra-page-hero-description {
  max-width: 700px;

  color: rgba(255, 255, 255, 0.78);
}

/* ACTIONS */

.mahadivra-page-hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 18px;

  margin-top: 28px;
}

/* DONATE BUTTON */

.mahadivra-donate-hero-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  min-height: 52px;

  padding: 0 25px;

  border-radius: 5px;

  background: #e5b82e;
  color: #172b3a;

  font-family: var(--font-quicksand);

  font-size: 14px;
  font-weight: 800;

  text-decoration: none;

  box-shadow: 0 10px 25px rgba(229, 184, 46, 0.2);

  transition:
    transform 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
}

.mahadivra-donate-hero-btn svg {
  width: 17px;
  height: 17px;
}

.mahadivra-donate-hero-btn:hover {
  background: #f0c84a;
  color: #172b3a;

  transform: translateY(-2px);

  box-shadow: 0 14px 30px rgba(229, 184, 46, 0.28);
}

/* SMALL NOTE */

.mahadivra-donate-note {
  color: rgba(255, 255, 255, 0.62);

  font-family: var(--font-quicksand);

  font-size: 13px;
}

/* BREADCRUMB */

.donate-page-hero .mahadivra-page-hero-breadcrumb {
  margin-top: 28px;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 767px) {
  .donate-page-hero {
    min-height: 430px;
  }

  .donate-page-hero .mahadivra-page-hero-content {
    padding: 58px 0 52px;
  }

  .donate-page-hero .mahadivra-page-hero-title {
    font-size: clamp(34px, 9vw, 46px);
    line-height: 1.08;
  }

  .donate-page-hero .mahadivra-page-hero-description {
    font-size: 14px;
    line-height: 1.7;
  }

  .mahadivra-page-hero-actions {
    align-items: flex-start;
    flex-direction: column;

    gap: 12px;

    margin-top: 24px;
  }

  .mahadivra-donate-hero-btn {
    min-height: 50px;
    padding: 0 22px;
  }

  .donate-page-hero .mahadivra-page-hero-breadcrumb {
    margin-top: 25px;
  }
}

@media (max-width: 480px) {
  .donate-page-hero {
    min-height: 405px;
  }

  .donate-page-hero .mahadivra-page-hero-content {
    padding: 48px 0 45px;
  }

  .donate-page-hero .mahadivra-page-hero-eyebrow {
    font-size: 11px;
    letter-spacing: 1px;
  }

  .donate-page-hero .mahadivra-page-hero-title {
    font-size: 32px;
  }

  .donate-page-hero .mahadivra-page-hero-description {
    font-size: 13.5px;
  }

  .mahadivra-donate-note {
    font-size: 12px;
  }
}

/* =========================================================
   MAHADIVRA DONATION SECTION
   ========================================================= */

.mahadivra-donation-section {
  padding: 40px 0 50px;
  background: #f8f7f2;
}

.mahadivra-donation-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 35px;
  align-items: start;
}

/* =========================================================
   MAIN FORM
   ========================================================= */

.mahadivra-donation-form-wrapper {
  background: #ffffff;
  border: 1px solid rgba(201, 149, 22, 0.15);
  box-shadow: 0 15px 45px rgba(11, 29, 51, 0.06);
}

/* HEADING */

.mahadivra-donation-heading {
  padding: 40px 42px 30px;
  border-bottom: 1px solid #eee9dc;
}

.mahadivra-donation-label {
  display: flex;
  align-items: center;
  gap: 10px;

  margin-bottom: 12px;

  color: #c99516;

  font-family: var(--font-quicksand);
  font-size: 12px;
  font-weight: 800;

  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.mahadivra-donation-label span {
  width: 28px;
  height: 2px;
  background: #c99516;
}

.mahadivra-donation-heading h2 {
  margin: 0 0 12px;

  color: #172b3a;

  font-family: var(--font-primary);
  font-size: clamp(34px, 4vw, 48px);
  font-weight: 400;
  line-height: 1.1;
}

.mahadivra-donation-heading h2 span {
  color: #c99516;
}

.mahadivra-donation-heading p {
  max-width: 620px;

  margin: 0;

  color: #64748b;

  font-family: var(--font-quicksand);
  font-size: 14px;
  line-height: 1.7;
}

/* =========================================================
   STEPS
   ========================================================= */

.mahadivra-donation-step {
  padding: 35px 42px;

  border-bottom: 1px solid #eee9dc;
}

.mahadivra-donation-step:last-child {
  border-bottom: 0;
}

.mahadivra-donation-step-heading {
  display: flex;
  align-items: center;
  gap: 15px;

  margin-bottom: 25px;
}

.mahadivra-donation-step-number {
  width: 42px;
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 42px;

  border-radius: 50%;

  background: #fff9e8;
  color: #c99516;

  font-family: var(--font-quicksand);
  font-size: 11px;
  font-weight: 800;
}

.mahadivra-donation-step-heading h3 {
  margin: 0 0 3px;

  color: #172b3a;

  font-family: var(--font-primary);
  font-size: 25px;
  font-weight: 400;
}

.mahadivra-donation-step-heading p {
  margin: 0;

  color: #64748b;

  font-family: var(--font-quicksand);
  font-size: 12px;
}

/* =========================================================
   AMOUNT BUTTONS
   ========================================================= */

.mahadivra-amount-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}

.mahadivra-amount-btn {
  min-height: 55px;

  border: 1px solid #ddd8cb;
  border-radius: 5px;

  background: #ffffff;
  color: #172b3a;

  font-family: var(--font-quicksand);
  font-size: 14px;
  font-weight: 700;

  cursor: pointer;

  transition: all 0.2s ease;
}

.mahadivra-amount-btn:hover {
  border-color: #c99516;
  color: #c99516;
}

.mahadivra-amount-btn.active {
  border-color: #c99516;
  background: #fff9e8;
  color: #b27f09;

  box-shadow: inset 0 0 0 1px #c99516;
}

/* CUSTOM */

.mahadivra-custom-amount {
  display: none;

  margin-top: 15px;
}

.mahadivra-custom-amount.show {
  display: block;
}

.mahadivra-custom-amount label {
  display: block;

  margin-bottom: 7px;

  color: #172b3a;

  font-family: var(--font-quicksand);
  font-size: 12px;
  font-weight: 700;
}

.mahadivra-input-with-symbol {
  display: flex;
  align-items: center;

  border: 1px solid #ddd8cb;
  border-radius: 5px;

  background: #ffffff;

  overflow: hidden;
}

.mahadivra-input-with-symbol span {
  padding-left: 15px;

  color: #c99516;

  font-size: 18px;
  font-weight: 700;
}

.mahadivra-input-with-symbol input {
  width: 100%;

  height: 50px;

  padding: 0 15px 0 8px;

  border: 0;
  outline: 0;

  color: #172b3a;

  font-family: var(--font-quicksand);
  font-size: 15px;
}

.mahadivra-input-with-symbol:focus-within {
  border-color: #c99516;
}

/* SELECTED AMOUNT */

.mahadivra-selected-amount {
  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-top: 18px;
  padding: 15px 17px;

  background: #172b3a;
  border-radius: 5px;
}

.mahadivra-selected-amount span {
  color: rgba(255, 255, 255, 0.65);

  font-family: var(--font-quicksand);
  font-size: 12px;
}

.mahadivra-selected-amount strong {
  color: #e5b82e;

  font-family: var(--font-primary);
  font-size: 24px;
  font-weight: 400;
}

/* =========================================================
   DONOR FORM
   ========================================================= */

.mahadivra-donor-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.mahadivra-form-group.full {
  grid-column: 1 / -1;
}

.mahadivra-form-group label {
  display: flex;
  align-items: center;
  gap: 4px;

  margin-bottom: 7px;

  color: #172b3a;

  font-family: var(--font-quicksand);
  font-size: 12px;
  font-weight: 700;
}

.mahadivra-form-group label > span {
  color: #c99516;
}

.mahadivra-form-group label small {
  margin-left: 3px;

  color: #94a3b8;

  font-size: 10px;
  font-weight: 500;
}

.mahadivra-form-group input,
.mahadivra-form-group textarea {
  display: block;

  width: 100%;

  border: 1px solid #ddd8cb;
  border-radius: 5px;

  background: #ffffff;

  color: #172b3a;

  font-family: var(--font-quicksand);
  font-size: 13px;

  outline: none;

  transition: border-color 0.2s ease;
}

.mahadivra-form-group input {
  height: 48px;
  padding: 0 14px;
}

.mahadivra-form-group textarea {
  min-height: 90px;
  padding: 13px 14px;

  resize: vertical;
}

.mahadivra-form-group input:focus,
.mahadivra-form-group textarea:focus {
  border-color: #c99516;
}

/* RECEIPT */

.mahadivra-receipt-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;

  margin-top: 20px;

  color: #64748b;

  font-family: var(--font-quicksand);
  font-size: 12px;
  line-height: 1.5;

  cursor: pointer;
}

.mahadivra-receipt-check input {
  position: absolute;
  opacity: 0;
}

.mahadivra-checkmark {
  width: 17px;
  height: 17px;

  flex: 0 0 17px;

  margin-top: 1px;

  border: 1px solid #c9c2b4;
  border-radius: 3px;

  background: #ffffff;
}

.mahadivra-receipt-check input:checked + .mahadivra-checkmark {
  background: #c99516;
  border-color: #c99516;

  position: relative;
}

.mahadivra-receipt-check input:checked + .mahadivra-checkmark::after {
  content: "";

  position: absolute;

  width: 5px;
  height: 9px;

  left: 5px;
  top: 2px;

  border: solid #ffffff;
  border-width: 0 2px 2px 0;

  transform: rotate(45deg);
}

/* =========================================================
   PAYMENT
   ========================================================= */

.mahadivra-payment-options {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.mahadivra-payment-option {
  position: relative;

  display: flex;
  align-items: center;

  gap: 10px;

  min-height: 80px;

  padding: 12px;

  border: 1px solid #ddd8cb;
  border-radius: 6px;

  cursor: pointer;

  transition: all 0.2s ease;
}

.mahadivra-payment-option:hover,
.mahadivra-payment-option.active {
  border-color: #c99516;
  background: #fffdf5;
}

.mahadivra-payment-option input {
  position: absolute;
  opacity: 0;
}

.mahadivra-payment-radio {
  width: 14px;
  height: 14px;

  flex: 0 0 14px;

  border: 1px solid #b9b2a4;
  border-radius: 50%;
}

.mahadivra-payment-option input:checked ~ .mahadivra-payment-radio {
  border: 4px solid #c99516;
}

.mahadivra-payment-icon {
  width: 35px;
  height: 35px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 35px;

  background: #fff9e8;
  color: #c99516;

  border-radius: 50%;

  font-size: 13px;
}

.mahadivra-payment-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mahadivra-payment-text strong {
  color: #172b3a;

  font-family: var(--font-quicksand);
  font-size: 12px;
}

.mahadivra-payment-text small {
  color: #94a3b8;

  font-family: var(--font-quicksand);
  font-size: 9px;
  line-height: 1.4;
}

/* PAYMENT SUMMARY */

.mahadivra-payment-summary {
  display: flex;
  justify-content: flex-end;

  margin-top: 20px;
}

.mahadivra-payment-summary > div {
  min-width: 190px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 25px;

  padding: 12px 15px;

  background: #f8f7f2;
}

.mahadivra-payment-summary span {
  color: #64748b;

  font-family: var(--font-quicksand);
  font-size: 11px;
}

.mahadivra-payment-summary strong {
  color: #172b3a;

  font-family: var(--font-primary);
  font-size: 22px;
  font-weight: 400;
}

/* PROCEED */

.mahadivra-proceed-btn {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  min-height: 54px;

  margin-top: 15px;

  border: 0;
  border-radius: 5px;

  background: #c99516;
  color: #172b3a;

  font-family: var(--font-quicksand);
  font-size: 14px;
  font-weight: 800;

  cursor: pointer;

  transition: all 0.25s ease;
}

.mahadivra-proceed-btn svg {
  width: 17px;
  height: 17px;
}

.mahadivra-proceed-btn:hover {
  background: #e5b82e;

  transform: translateY(-2px);

  box-shadow: 0 10px 25px rgba(201, 149, 22, 0.2);
}

.mahadivra-secure-note {
  display: flex;
  justify-content: center;
  align-items: center;

  gap: 6px;

  margin-top: 12px;

  color: #94a3b8;

  font-family: var(--font-quicksand);
  font-size: 10px;
}

.mahadivra-secure-note i {
  color: #c99516;
}

/* =========================================================
   SIDEBAR
   ========================================================= */

.mahadivra-donation-sidebar {
  position: sticky;
  top: 110px;
}

.mahadivra-donation-sidebar-card {
  position: relative;

  padding: 35px 30px;

  background: #172b3a;
  color: #ffffff;

  border-radius: 7px;

  overflow: hidden;

  box-shadow: 0 18px 40px rgba(11, 29, 51, 0.13);
}

.mahadivra-donation-sidebar-card::before {
  content: "";

  position: absolute;

  width: 210px;
  height: 210px;

  right: -100px;
  top: -100px;

  border: 1px solid rgba(229, 184, 46, 0.25);
  border-radius: 50%;
}

.mahadivra-donation-sidebar-icon {
  width: 52px;
  height: 52px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 20px;

  border-radius: 50%;

  background: rgba(229, 184, 46, 0.12);
  color: #e5b82e;

  font-size: 20px;
}

.mahadivra-donation-sidebar-label {
  color: #e5b82e;

  font-family: var(--font-quicksand);
  font-size: 11px;
  font-weight: 800;

  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.mahadivra-donation-sidebar-card h3 {
  margin: 8px 0 15px;

  color: #ffffff;

  font-family: var(--font-primary);
  font-size: 32px;
  font-weight: 400;
  line-height: 1.12;
}

.mahadivra-donation-sidebar-card h3 span {
  color: #e5b82e;
}

.mahadivra-donation-sidebar-card > p {
  margin: 0 0 25px;

  color: rgba(255, 255, 255, 0.65);

  font-family: var(--font-quicksand);
  font-size: 13px;
  line-height: 1.7;
}

/* IMPACT */

.mahadivra-impact-list {
  display: flex;
  flex-direction: column;
  gap: 17px;

  padding-top: 22px;

  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mahadivra-impact-list > div {
  display: flex;
  align-items: flex-start;

  gap: 12px;
}

.mahadivra-impact-list > div > span {
  width: 32px;
  height: 32px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 32px;

  border-radius: 50%;

  background: rgba(229, 184, 46, 0.1);
  color: #e5b82e;

  font-size: 11px;
}

.mahadivra-impact-list p {
  margin: 0;

  color: rgba(255, 255, 255, 0.55);

  font-family: var(--font-quicksand);
  font-size: 11px;
  line-height: 1.5;
}

.mahadivra-impact-list p strong {
  display: block;

  margin-bottom: 2px;

  color: #ffffff;

  font-size: 12px;
}

/* QUOTE */

.mahadivra-sidebar-quote {
  position: relative;

  margin-top: 28px;
  padding-top: 22px;

  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mahadivra-sidebar-quote > span {
  position: absolute;

  top: 12px;
  left: 0;

  color: #e5b82e;

  font-family: Georgia, serif;
  font-size: 35px;
  line-height: 1;
}

.mahadivra-sidebar-quote p {
  margin: 0;
  padding-left: 25px;

  color: rgba(255, 255, 255, 0.62);

  font-family: var(--font-primary);
  font-size: 14px;
  font-style: italic;
  line-height: 1.6;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {
  .mahadivra-donation-layout {
    grid-template-columns: minmax(0, 1fr) 310px;
  }

  .mahadivra-payment-options {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991px) {
  .mahadivra-donation-section {
    padding: 70px 0 80px;
  }

  .mahadivra-donation-layout {
    grid-template-columns: 1fr;
  }

  .mahadivra-donation-sidebar {
    position: static;
  }

  .mahadivra-donation-sidebar-card {
    max-width: 650px;
    margin: 0 auto;
  }

  .mahadivra-payment-options {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767px) {
  .mahadivra-donation-section {
    padding: 55px 0 65px;
  }

  .mahadivra-donation-heading {
    padding: 30px 22px 25px;
  }

  .mahadivra-donation-step {
    padding: 28px 22px;
  }

  .mahadivra-donation-heading h2 {
    font-size: 35px;
  }

  .mahadivra-amount-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .mahadivra-amount-btn:last-child {
    grid-column: 1 / -1;
  }

  .mahadivra-donor-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .mahadivra-form-group.full {
    grid-column: auto;
  }

  .mahadivra-payment-options {
    grid-template-columns: 1fr;
  }

  .mahadivra-payment-option {
    min-height: 65px;
  }

  .mahadivra-donation-sidebar-card {
    padding: 30px 24px;
  }
}

@media (max-width: 480px) {
  .mahadivra-donation-heading h2 {
    font-size: 31px;
  }

  .mahadivra-donation-step-heading {
    align-items: flex-start;
  }

  .mahadivra-donation-step-heading h3 {
    font-size: 22px;
  }

  .mahadivra-donation-step-heading p {
    line-height: 1.5;
  }

  .mahadivra-amount-grid {
    gap: 8px;
  }

  .mahadivra-amount-btn {
    min-height: 50px;
  }

  .mahadivra-selected-amount {
    padding: 13px;
  }

  .mahadivra-donation-sidebar-card h3 {
    font-size: 29px;
  }
}

/* privacy and policy page styling  */
/* =========================================================
   PRIVACY POLICY HERO
   ========================================================= */

.privacy-page-hero {
  position: relative;
  min-height: 390px;

  display: flex;
  align-items: center;

  overflow: hidden;

  background: #172b3a;
}

.privacy-page-hero .mahadivra-page-hero-bg {
  position: absolute;
  inset: 0;

  background: linear-gradient(
    90deg,
    rgba(23, 43, 58, 0.95) 0%,
    rgba(23, 43, 58, 0.82) 60%,
    rgba(23, 43, 58, 0.72) 100%
  );

  background-size: cover;
  background-position: center;

  opacity: 1;
}

.privacy-page-hero .ul-container {
  position: relative;
  z-index: 2;
}

.privacy-page-hero .mahadivra-page-hero-content {
  max-width: 800px;
  padding: 65px 0 55px;
}

.privacy-page-hero .mahadivra-page-hero-eyebrow {
  color: #e5b82e;
}

.privacy-page-hero .mahadivra-page-hero-eyebrow span {
  background: #e5b82e;
}

.privacy-page-hero .mahadivra-page-hero-title span {
  color: #e5b82e;
}

/* =========================================================
   PRIVACY SECTION
   ========================================================= */

.mahadivra-privacy-section {
  padding: 90px 0 110px;

  background: #fffdf8;
}

.mahadivra-privacy-layout {
  display: grid;

  grid-template-columns: minmax(0, 1fr) 285px;

  gap: 50px;

  align-items: start;
}

/* =========================================================
   MAIN CONTENT
   ========================================================= */

.mahadivra-privacy-content {
  max-width: 850px;
}

/* INTRO */

.mahadivra-privacy-intro {
  padding-bottom: 35px;

  border-bottom: 1px solid #e8e1d3;
}

.mahadivra-privacy-label {
  display: inline-block;

  margin-bottom: 10px;

  color: #c99516;

  font-family: var(--font-quicksand);
  font-size: 11px;
  font-weight: 800;

  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.mahadivra-privacy-intro h2 {
  margin: 0 0 15px;

  color: #172b3a;

  font-family: var(--font-primary);
  font-size: clamp(38px, 4vw, 52px);
  font-weight: 400;

  line-height: 1.1;
}

.mahadivra-privacy-intro > p {
  max-width: 760px;

  margin: 0 0 20px;

  color: #64748b;

  font-family: var(--font-quicksand);
  font-size: 14px;
  line-height: 1.85;
}

.mahadivra-policy-updated {
  display: inline-flex;
  gap: 5px;

  padding: 8px 12px;

  background: #fff9e8;

  color: #64748b;

  font-family: var(--font-quicksand);
  font-size: 11px;
}

.mahadivra-policy-updated strong {
  color: #172b3a;
}

/* =========================================================
   POLICY BLOCKS
   ========================================================= */

.mahadivra-policy-block {
  display: grid;

  grid-template-columns: 48px minmax(0, 1fr);

  gap: 20px;

  padding: 34px 0;

  border-bottom: 1px solid #e8e1d3;

  scroll-margin-top: 110px;
}

.mahadivra-policy-number {
  width: 42px;
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: #fff9e8;
  border: 1px solid #f0dfae;

  color: #c99516;

  font-family: var(--font-quicksand);
  font-size: 10px;
  font-weight: 800;
}

.mahadivra-policy-block h3 {
  margin: 0 0 12px;

  color: #172b3a;

  font-family: var(--font-primary);
  font-size: 28px;
  font-weight: 400;

  line-height: 1.2;
}

.mahadivra-policy-block p {
  margin: 0 0 13px;

  color: #64748b;

  font-family: var(--font-quicksand);
  font-size: 13px;

  line-height: 1.8;
}

.mahadivra-policy-block p:last-child {
  margin-bottom: 0;
}

/* LIST */

.mahadivra-policy-block ul {
  margin: 14px 0;

  padding-left: 20px;
}

.mahadivra-policy-block li {
  margin-bottom: 8px;

  color: #64748b;

  font-family: var(--font-quicksand);
  font-size: 13px;

  line-height: 1.65;
}

.mahadivra-policy-block li::marker {
  color: #c99516;
}

/* =========================================================
   CONTACT BOX
   ========================================================= */

.mahadivra-policy-contact {
  display: grid;

  grid-template-columns: 58px minmax(0, 1fr);

  gap: 18px;

  margin-top: 40px;
  padding: 30px;

  background: #172b3a;

  border-radius: 5px;

  color: #ffffff;
}

.mahadivra-policy-contact-icon {
  width: 52px;
  height: 52px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: rgba(229, 184, 46, 0.12);

  color: #e5b82e;

  font-size: 18px;
}

.mahadivra-policy-contact span {
  color: #e5b82e;

  font-family: var(--font-quicksand);
  font-size: 10px;
  font-weight: 800;

  letter-spacing: 1.3px;
}

.mahadivra-policy-contact h3 {
  margin: 5px 0 8px;

  color: #ffffff;

  font-family: var(--font-primary);
  font-size: 29px;
  font-weight: 400;
}

.mahadivra-policy-contact p {
  max-width: 600px;

  margin: 0 0 17px;

  color: rgba(255, 255, 255, 0.65);

  font-family: var(--font-quicksand);
  font-size: 12px;
  line-height: 1.7;
}

.mahadivra-policy-contact a {
  display: inline-flex;
  align-items: center;

  gap: 8px;

  color: #e5b82e;

  font-family: var(--font-quicksand);
  font-size: 12px;
  font-weight: 800;

  text-decoration: none;
}

.mahadivra-policy-contact a svg {
  width: 16px;
  height: 16px;

  transition: transform 0.2s ease;
}

.mahadivra-policy-contact a:hover svg {
  transform: translateX(3px);
}

/* =========================================================
   SIDEBAR
   ========================================================= */

.mahadivra-privacy-sidebar {
  position: sticky;
  top: 110px;
}

.mahadivra-privacy-sidebar-card {
  padding: 25px;

  background: #ffffff;

  border: 1px solid #e8e1d3;

  box-shadow: 0 10px 30px rgba(23, 43, 58, 0.05);
}

.mahadivra-privacy-sidebar-card > span {
  display: block;

  margin-bottom: 14px;

  color: #c99516;

  font-family: var(--font-quicksand);
  font-size: 10px;
  font-weight: 800;

  letter-spacing: 1.3px;
}

.mahadivra-privacy-sidebar-card a {
  display: block;

  padding: 10px 0;

  border-bottom: 1px solid #f0ede6;

  color: #64748b;

  font-family: var(--font-quicksand);
  font-size: 11px;
  line-height: 1.4;

  text-decoration: none;

  transition:
    color 0.2s ease,
    padding-left 0.2s ease;
}

.mahadivra-privacy-sidebar-card a:last-child {
  border-bottom: 0;
}

.mahadivra-privacy-sidebar-card a:hover {
  padding-left: 5px;

  color: #c99516;
}

/* TRUST CARD */

.mahadivra-privacy-trust-card {
  margin-top: 18px;
  padding: 25px;

  background: #fff9e8;

  border: 1px solid #f0dfae;
}

.mahadivra-privacy-trust-card > i {
  color: #c99516;

  font-size: 22px;
}

.mahadivra-privacy-trust-card h3 {
  margin: 12px 0 7px;

  color: #172b3a;

  font-family: var(--font-primary);
  font-size: 23px;
  font-weight: 400;
}

.mahadivra-privacy-trust-card p {
  margin: 0;

  color: #64748b;

  font-family: var(--font-quicksand);
  font-size: 11px;

  line-height: 1.7;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 991px) {
  .mahadivra-privacy-section {
    padding: 70px 0 85px;
  }

  .mahadivra-privacy-layout {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .mahadivra-privacy-content {
    max-width: none;
  }

  .mahadivra-privacy-sidebar {
    position: static;
  }

  .mahadivra-privacy-sidebar-card {
    max-width: 650px;
  }

  .mahadivra-privacy-trust-card {
    max-width: 650px;
  }
}

@media (max-width: 767px) {
  .privacy-page-hero {
    min-height: 350px;
  }

  .privacy-page-hero .mahadivra-page-hero-content {
    padding: 55px 0 45px;
  }

  .mahadivra-privacy-section {
    padding: 55px 0 65px;
  }

  .mahadivra-policy-block {
    grid-template-columns: 38px minmax(0, 1fr);

    gap: 14px;

    padding: 28px 0;
  }

  .mahadivra-policy-number {
    width: 35px;
    height: 35px;
  }

  .mahadivra-policy-block h3 {
    font-size: 25px;
  }

  .mahadivra-policy-block p,
  .mahadivra-policy-block li {
    font-size: 12.5px;
  }

  .mahadivra-policy-contact {
    grid-template-columns: 1fr;

    padding: 25px;
  }
}

@media (max-width: 480px) {
  .privacy-page-hero .mahadivra-page-hero-title {
    font-size: 34px;
  }

  .mahadivra-privacy-intro h2 {
    font-size: 37px;
  }

  .mahadivra-policy-block {
    grid-template-columns: 1fr;
  }

  .mahadivra-policy-number {
    margin-bottom: -2px;
  }

  .mahadivra-policy-block h3 {
    font-size: 23px;
  }

  .mahadivra-policy-contact h3 {
    font-size: 26px;
  }
}

/* terms and conditions page styling starts from here */
/* =========================================================
   TERMS & CONDITIONS HERO
   ========================================================= */

.terms-page-hero {
  position: relative;
  min-height: 390px;

  display: flex;
  align-items: center;

  overflow: hidden;

  background: #172b3a;
}

.terms-page-hero .mahadivra-page-hero-bg {
  position: absolute;
  inset: 0;

  background: linear-gradient(
    90deg,
    rgba(23, 43, 58, 0.95) 0%,
    rgba(23, 43, 58, 0.82) 60%,
    rgba(23, 43, 58, 0.72) 100%
  );

  background-size: cover;
  background-position: center;
}

.terms-page-hero .ul-container {
  position: relative;
  z-index: 2;
}

.terms-page-hero .mahadivra-page-hero-content {
  max-width: 800px;
  padding: 65px 0 55px;
}

.terms-page-hero .mahadivra-page-hero-eyebrow {
  color: #e5b82e;
}

.terms-page-hero .mahadivra-page-hero-eyebrow span {
  background: #e5b82e;
}

.terms-page-hero .mahadivra-page-hero-title span {
  color: #e5b82e;
}

/* =========================================================
   TERMS SECTION
   ========================================================= */

.mahadivra-terms-section {
  padding: 90px 0 110px;

  background: #fffdf8;
}

.mahadivra-terms-layout {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    285px;

  gap: 50px;

  align-items: start;
}

/* =========================================================
   MAIN CONTENT
   ========================================================= */

.mahadivra-terms-content {
  max-width: 850px;
}

/* =========================================================
   INTRO
   ========================================================= */

.mahadivra-terms-intro {
  padding-bottom: 35px;

  border-bottom: 1px solid #e8e1d3;
}

.mahadivra-terms-label {
  display: inline-block;

  margin-bottom: 10px;

  color: #c99516;

  font-family: var(--font-quicksand);
  font-size: 11px;
  font-weight: 800;

  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.mahadivra-terms-intro h2 {
  margin: 0 0 15px;

  color: #172b3a;

  font-family: var(--font-primary);
  font-size: clamp(38px, 4vw, 52px);
  font-weight: 400;

  line-height: 1.1;
}

.mahadivra-terms-intro > p {
  max-width: 760px;

  margin: 0 0 20px;

  color: #64748b;

  font-family: var(--font-quicksand);
  font-size: 14px;

  line-height: 1.85;
}

.mahadivra-terms-updated {
  display: inline-flex;

  gap: 5px;

  padding: 8px 12px;

  background: #fff9e8;

  color: #64748b;

  font-family: var(--font-quicksand);
  font-size: 11px;
}

.mahadivra-terms-updated strong {
  color: #172b3a;
}

/* =========================================================
   TERMS BLOCK
   ========================================================= */

.mahadivra-terms-block {
  display: grid;

  grid-template-columns:
    48px
    minmax(0, 1fr);

  gap: 20px;

  padding: 34px 0;

  border-bottom: 1px solid #e8e1d3;

  scroll-margin-top: 110px;
}

.mahadivra-terms-number {
  width: 42px;
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: #fff9e8;

  border: 1px solid #f0dfae;

  color: #c99516;

  font-family: var(--font-quicksand);
  font-size: 10px;
  font-weight: 800;
}

.mahadivra-terms-block h3 {
  margin: 0 0 12px;

  color: #172b3a;

  font-family: var(--font-primary);
  font-size: 28px;
  font-weight: 400;

  line-height: 1.2;
}

.mahadivra-terms-block p {
  margin: 0 0 13px;

  color: #64748b;

  font-family: var(--font-quicksand);
  font-size: 13px;

  line-height: 1.8;
}

.mahadivra-terms-block p:last-child {
  margin-bottom: 0;
}

/* =========================================================
   LIST
   ========================================================= */

.mahadivra-terms-block ul {
  margin: 14px 0;

  padding-left: 20px;
}

.mahadivra-terms-block li {
  margin-bottom: 8px;

  color: #64748b;

  font-family: var(--font-quicksand);
  font-size: 13px;

  line-height: 1.65;
}

.mahadivra-terms-block li::marker {
  color: #c99516;
}

/* =========================================================
   CONTACT CTA
   ========================================================= */

.mahadivra-terms-contact {
  display: grid;

  grid-template-columns:
    58px
    minmax(0, 1fr);

  gap: 18px;

  margin-top: 40px;

  padding: 30px;

  background: #172b3a;

  border-radius: 5px;

  color: #ffffff;
}

.mahadivra-terms-contact-icon {
  width: 52px;
  height: 52px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: rgba(229, 184, 46, 0.12);

  color: #e5b82e;

  font-size: 18px;
}

.mahadivra-terms-contact span {
  color: #e5b82e;

  font-family: var(--font-quicksand);
  font-size: 10px;
  font-weight: 800;

  letter-spacing: 1.3px;
}

.mahadivra-terms-contact h3 {
  margin: 5px 0 8px;

  color: #ffffff;

  font-family: var(--font-primary);
  font-size: 29px;
  font-weight: 400;
}

.mahadivra-terms-contact p {
  max-width: 600px;

  margin: 0 0 17px;

  color: rgba(255, 255, 255, 0.65);

  font-family: var(--font-quicksand);
  font-size: 12px;

  line-height: 1.7;
}

.mahadivra-terms-contact a {
  display: inline-flex;
  align-items: center;

  gap: 8px;

  color: #e5b82e;

  font-family: var(--font-quicksand);
  font-size: 12px;
  font-weight: 800;

  text-decoration: none;
}

.mahadivra-terms-contact a svg {
  width: 16px;
  height: 16px;

  transition: transform 0.2s ease;
}

.mahadivra-terms-contact a:hover svg {
  transform: translateX(3px);
}

/* =========================================================
   SIDEBAR
   ========================================================= */

.mahadivra-terms-sidebar {
  position: sticky;

  top: 110px;
}

.mahadivra-terms-sidebar-card {
  padding: 25px;

  background: #ffffff;

  border: 1px solid #e8e1d3;

  box-shadow: 0 10px 30px rgba(23, 43, 58, 0.05);
}

.mahadivra-terms-sidebar-card > span {
  display: block;

  margin-bottom: 14px;

  color: #c99516;

  font-family: var(--font-quicksand);
  font-size: 10px;
  font-weight: 800;

  letter-spacing: 1.3px;
}

.mahadivra-terms-sidebar-card a {
  display: block;

  padding: 10px 0;

  border-bottom: 1px solid #f0ede6;

  color: #64748b;

  font-family: var(--font-quicksand);
  font-size: 11px;

  line-height: 1.4;

  text-decoration: none;

  transition:
    color 0.2s ease,
    padding-left 0.2s ease;
}

.mahadivra-terms-sidebar-card a:last-child {
  border-bottom: 0;
}

.mahadivra-terms-sidebar-card a:hover {
  padding-left: 5px;

  color: #c99516;
}

/* =========================================================
   TRUST CARD
   ========================================================= */

.mahadivra-terms-trust-card {
  margin-top: 18px;

  padding: 25px;

  background: #fff9e8;

  border: 1px solid #f0dfae;
}

.mahadivra-terms-trust-card > i {
  color: #c99516;

  font-size: 22px;
}

.mahadivra-terms-trust-card h3 {
  margin: 12px 0 7px;

  color: #172b3a;

  font-family: var(--font-primary);
  font-size: 23px;
  font-weight: 400;
}

.mahadivra-terms-trust-card p {
  margin: 0;

  color: #64748b;

  font-family: var(--font-quicksand);
  font-size: 11px;

  line-height: 1.7;
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {
  .mahadivra-terms-section {
    padding: 70px 0 85px;
  }

  .mahadivra-terms-layout {
    grid-template-columns: 1fr;

    gap: 35px;
  }

  .mahadivra-terms-content {
    max-width: none;
  }

  .mahadivra-terms-sidebar {
    position: static;
  }

  .mahadivra-terms-sidebar-card,
  .mahadivra-terms-trust-card {
    max-width: 650px;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .terms-page-hero {
    min-height: 350px;
  }

  .terms-page-hero .mahadivra-page-hero-content {
    padding: 55px 0 45px;
  }

  .mahadivra-terms-section {
    padding: 55px 0 65px;
  }

  .mahadivra-terms-block {
    grid-template-columns:
      38px
      minmax(0, 1fr);

    gap: 14px;

    padding: 28px 0;
  }

  .mahadivra-terms-number {
    width: 35px;
    height: 35px;
  }

  .mahadivra-terms-block h3 {
    font-size: 25px;
  }

  .mahadivra-terms-block p,
  .mahadivra-terms-block li {
    font-size: 12.5px;
  }

  .mahadivra-terms-contact {
    grid-template-columns: 1fr;

    padding: 25px;
  }
}

/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {
  .terms-page-hero .mahadivra-page-hero-title {
    font-size: 34px;
  }

  .mahadivra-terms-intro h2 {
    font-size: 37px;
  }

  .mahadivra-terms-block {
    grid-template-columns: 1fr;
  }

  .mahadivra-terms-number {
    margin-bottom: -2px;
  }

  .mahadivra-terms-block h3 {
    font-size: 23px;
  }

  .mahadivra-terms-contact h3 {
    font-size: 26px;
  }
}

/* pop up :modal */
/* =========================================================
   MAKE AN IMPACT BUTTON
   ========================================================= */

.mahadivra-impact-trigger {
  display: inline-flex;
  align-items: center;
  gap: 9px;

  border: 0;
  background: transparent;

  color: #e5b82e;

  font-family: var(--font-quicksand);
  font-size: 13px;
  font-weight: 800;

  cursor: pointer;

  padding: 0;

  transition: color 0.25s ease;
}

.mahadivra-impact-trigger i {
  font-size: 12px;

  transition: transform 0.25s ease;
}

.mahadivra-impact-trigger:hover {
  color: #ffffff;
}

.mahadivra-impact-trigger:hover i {
  transform: translateX(4px);
}

/* =========================================================
   MODAL
   ========================================================= */

.mahadivra-volunteer-modal {
  position: fixed;

  inset: 0;

  z-index: 99999;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 25px;

  visibility: hidden;
  opacity: 0;

  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
}

/* ACTIVE */

.mahadivra-volunteer-modal.active {
  visibility: visible;
  opacity: 1;
}

/* =========================================================
   OVERLAY
   ========================================================= */

.mahadivra-volunteer-overlay {
  position: absolute;

  inset: 0;

  background: rgba(9, 20, 30, 0.78);

  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

/* =========================================================
   DIALOG
   ========================================================= */

.mahadivra-volunteer-dialog {
  position: relative;

  width: min(100%, 950px);

  max-height: calc(100vh - 50px);

  display: grid;

  grid-template-columns:
    0.85fr
    1.15fr;

  overflow: auto;

  background: #fffdf8;

  border: 1px solid rgba(229, 184, 46, 0.25);

  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.3);

  transform: translateY(25px) scale(0.98);

  transition: transform 0.3s ease;
}

.mahadivra-volunteer-modal.active .mahadivra-volunteer-dialog {
  transform: translateY(0) scale(1);
}

/* =========================================================
   CLOSE BUTTON
   ========================================================= */

.mahadivra-volunteer-close {
  position: absolute;

  top: 16px;
  right: 16px;

  z-index: 5;

  width: 38px;
  height: 38px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(255, 255, 255, 0.2);

  border-radius: 50%;

  background: rgba(23, 43, 58, 0.75);

  color: #ffffff;

  cursor: pointer;

  transition:
    background 0.25s ease,
    color 0.25s ease,
    transform 0.25s ease;
}

.mahadivra-volunteer-close:hover {
  background: #e5b82e;
  color: #172b3a;

  transform: rotate(90deg);
}

/* =========================================================
   LEFT INFO
   ========================================================= */

.mahadivra-volunteer-info {
  position: relative;

  padding: 55px 42px;

  background: #172b3a;

  overflow: hidden;
}

.mahadivra-volunteer-info::before {
  content: "";

  position: absolute;

  width: 220px;
  height: 220px;

  right: -100px;
  bottom: -110px;

  border: 1px solid rgba(229, 184, 46, 0.18);

  border-radius: 50%;
}

.mahadivra-volunteer-info::after {
  content: "";

  position: absolute;

  width: 150px;
  height: 150px;

  right: -70px;
  bottom: -75px;

  border: 1px solid rgba(229, 184, 46, 0.12);

  border-radius: 50%;
}

/* EYEBROW */

.mahadivra-volunteer-eyebrow {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  gap: 10px;

  margin-bottom: 20px;

  color: #e5b82e;

  font-family: var(--font-quicksand);
  font-size: 10px;
  font-weight: 800;

  letter-spacing: 1.5px;
}

.mahadivra-volunteer-eyebrow span {
  width: 32px;
  height: 2px;

  background: #e5b82e;
}

/* HEADING */

.mahadivra-volunteer-info h2 {
  position: relative;
  z-index: 2;

  margin: 0 0 18px;

  color: #ffffff;

  font-family: var(--font-primary);

  font-size: clamp(32px, 3vw, 44px);

  font-weight: 400;

  line-height: 1.12;
}

.mahadivra-volunteer-info h2 span {
  display: block;

  color: #e5b82e;
}

/* DESCRIPTION */

.mahadivra-volunteer-info > p {
  position: relative;
  z-index: 2;

  margin: 0;

  color: rgba(255, 255, 255, 0.68);

  font-family: var(--font-quicksand);

  font-size: 12px;

  line-height: 1.8;
}

/* =========================================================
   VOLUNTEER POINTS
   ========================================================= */

.mahadivra-volunteer-points {
  position: relative;
  z-index: 2;

  display: flex;
  flex-direction: column;

  gap: 18px;

  margin-top: 35px;
}

.mahadivra-volunteer-point {
  display: flex;
  align-items: center;

  gap: 13px;
}

.mahadivra-volunteer-point-icon {
  flex: 0 0 auto;

  width: 42px;
  height: 42px;

  display: flex;
  align-items: center;
  justify-content: center;

  border: 1px solid rgba(229, 184, 46, 0.3);

  background: rgba(229, 184, 46, 0.08);

  color: #e5b82e;
}

.mahadivra-volunteer-point strong {
  display: block;

  margin-bottom: 3px;

  color: #ffffff;

  font-family: var(--font-quicksand);

  font-size: 12px;
  font-weight: 800;
}

.mahadivra-volunteer-point span {
  display: block;

  color: rgba(255, 255, 255, 0.5);

  font-family: var(--font-quicksand);

  font-size: 10px;
}

/* =========================================================
   FORM SIDE
   ========================================================= */

.mahadivra-volunteer-form-wrapper {
  padding: 48px 42px;

  background: #fffdf8;
}

/* FORM HEADING */

.mahadivra-volunteer-form-heading {
  margin-bottom: 22px;
}

.mahadivra-volunteer-form-heading > span {
  color: #c99516;

  font-family: var(--font-quicksand);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: 1.4px;
}

.mahadivra-volunteer-form-heading h3 {
  margin: 5px 0 6px;

  color: #172b3a;

  font-family: var(--font-primary);

  font-size: 30px;

  font-weight: 400;
}

.mahadivra-volunteer-form-heading p {
  margin: 0;

  color: #64748b;

  font-family: var(--font-quicksand);

  font-size: 11px;

  line-height: 1.65;
}

/* =========================================================
   FORM
   ========================================================= */

.mahadivra-volunteer-form {
  display: grid;

  grid-template-columns: 1fr;

  gap: 15px;
}

.mahadivra-volunteer-field {
  display: flex;
  flex-direction: column;

  gap: 6px;
}

.mahadivra-volunteer-field:nth-child(4),
.mahadivra-volunteer-field:nth-child(5),
.mahadivra-volunteer-submit,
.mahadivra-volunteer-form-note {
  grid-column: 1 / -1;
}

/* LABEL */

.mahadivra-volunteer-field label {
  color: #172b3a;

  font-family: var(--font-quicksand);

  font-size: 10px;
  font-weight: 800;
}

/* INPUTS */

.mahadivra-volunteer-field input,
.mahadivra-volunteer-field select,
.mahadivra-volunteer-field textarea {
  width: 100%;

  border: 1px solid #e5dfd2;

  border-radius: 2px;

  background: #ffffff;

  color: #172b3a;

  font-family: var(--font-quicksand);

  font-size: 11px;

  outline: none;

  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
}

.mahadivra-volunteer-field input,
.mahadivra-volunteer-field select {
  height: 43px;

  padding: 0 13px;
}

.mahadivra-volunteer-field textarea {
  min-height: 75px;

  padding: 11px 13px;

  resize: vertical;
}

.mahadivra-volunteer-field input::placeholder,
.mahadivra-volunteer-field textarea::placeholder {
  color: #a6adb5;
}

.mahadivra-volunteer-field input:focus,
.mahadivra-volunteer-field select:focus,
.mahadivra-volunteer-field textarea:focus {
  border-color: #c99516;

  box-shadow: 0 0 0 3px rgba(201, 149, 22, 0.08);
}

/* =========================================================
   SUBMIT BUTTON
   ========================================================= */

.mahadivra-volunteer-submit {
  height: 48px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  margin-top: 3px;

  border: 0;

  background: #e5b82e;

  color: #172b3a;

  font-family: var(--font-quicksand);

  font-size: 11px;
  font-weight: 800;

  cursor: pointer;

  transition:
    background 0.25s ease,
    transform 0.25s ease;
}

.mahadivra-volunteer-submit svg {
  width: 17px;
  height: 17px;

  transition: transform 0.25s ease;
}

.mahadivra-volunteer-submit:hover {
  background: #d4a91f;

  transform: translateY(-2px);
}

.mahadivra-volunteer-submit:hover svg {
  transform: translateX(3px);
}

/* NOTE */

.mahadivra-volunteer-form-note {
  margin: -5px 0 0;

  color: #8a929b;

  font-family: var(--font-quicksand);

  font-size: 9px;

  line-height: 1.5;

  text-align: center;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .mahadivra-volunteer-modal {
    padding: 15px;
  }

  .mahadivra-volunteer-dialog {
    grid-template-columns: 1fr;

    max-height: calc(100vh - 30px);

    overflow-y: auto;
  }

  .mahadivra-volunteer-info {
    padding: 38px 25px 30px;
  }

  .mahadivra-volunteer-info h2 {
    font-size: 34px;
  }

  .mahadivra-volunteer-form-wrapper {
    padding: 32px 25px 35px;
  }

  .mahadivra-volunteer-form {
    grid-template-columns: 1fr;
  }

  .mahadivra-volunteer-field:nth-child(4),
  .mahadivra-volunteer-field:nth-child(5),
  .mahadivra-volunteer-submit,
  .mahadivra-volunteer-form-note {
    grid-column: auto;
  }

  .mahadivra-volunteer-close {
    position: fixed;

    top: 23px;
    right: 23px;
  }
}

@media (max-width: 480px) {
  .mahadivra-volunteer-info {
    padding: 35px 20px 28px;
  }

  .mahadivra-volunteer-form-wrapper {
    padding: 28px 20px 30px;
  }

  .mahadivra-volunteer-info h2 {
    font-size: 30px;
  }

  .mahadivra-volunteer-form-heading h3 {
    font-size: 27px;
  }
}

/* floating whatsapp button styling starts from here */
.mahadivra-whatsapp-float {
  position: fixed;

  right: 24px;
  bottom: 24px;

  width: 58px;
  height: 58px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #25d366;
  color: #ffffff;

  border-radius: 50%;

  text-decoration: none;

  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18);

  z-index: 9998;

  /* Hidden initially */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transform: translateY(15px);

  transition:
    opacity 0.3s ease,
    visibility 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

/* SHOW AFTER HERO */

.mahadivra-whatsapp-float.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;

  transform: translateY(0);
}

.mahadivra-whatsapp-float svg {
  width: 29px;
  height: 29px;

  fill: currentColor;
}

.mahadivra-whatsapp-float:hover {
  color: #ffffff;

  transform: translateY(-4px);

  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

/* Tooltip */

.mahadivra-whatsapp-tooltip {
  position: absolute;

  right: 70px;
  top: 50%;

  transform: translateY(-50%) translateX(8px);

  padding: 8px 12px;

  background: #172b3a;
  color: #ffffff;

  font-size: 11px;
  font-weight: 600;

  white-space: nowrap;

  border-radius: 4px;

  opacity: 0;
  visibility: hidden;

  transition:
    opacity 0.25s ease,
    transform 0.25s ease;
}

.mahadivra-whatsapp-float:hover .mahadivra-whatsapp-tooltip {
  opacity: 1;
  visibility: visible;

  transform: translateY(-50%) translateX(0);
}

/* MOBILE */

@media (max-width: 575px) {
  .mahadivra-whatsapp-float {
    right: 16px;
    bottom: 16px;

    width: 52px;
    height: 52px;
  }

  .mahadivra-whatsapp-float svg {
    width: 26px;
    height: 26px;
  }

  .mahadivra-whatsapp-tooltip {
    display: none;
  }
}

/* =========================================================
   UPI QR DONATION
   ========================================================= */

.mahadivra-upi-qr {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 190px;
  align-items: center;
  gap: 28px;
  margin-top: 20px;
  padding: 24px;
  border: 1px solid rgba(235, 83, 16, 0.16);
  border-radius: 18px;
  background: #fff7ef;
}

.mahadivra-upi-qr-content {
  min-width: 0;
}

.mahadivra-upi-qr-label {
  display: inline-flex;
  align-items: center;
  margin-bottom: 8px;
  color: var(--ul-primary);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.mahadivra-upi-qr-content h4 {
  margin: 0 0 8px;
  color: #1e252f;
  font-size: 22px;
  font-weight: 800;
}

.mahadivra-upi-qr-content p {
  max-width: 520px;
  margin: 0 0 18px;
  color: #66717c;
  font-size: 14px;
  line-height: 1.7;
}

.mahadivra-upi-id {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 14px;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid rgba(30, 37, 47, 0.08);
}

.mahadivra-upi-id span {
  color: #7b858e;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.mahadivra-upi-id strong {
  color: var(--ul-primary);
  font-size: 14px;
  font-weight: 800;
  word-break: break-all;
}

.mahadivra-upi-qr-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mahadivra-upi-qr-image img {
  display: block;
  width: 170px;
  height: 170px;
  padding: 8px;
  object-fit: contain;
  background: #ffffff;
  border: 1px solid rgba(30, 37, 47, 0.1);
  border-radius: 12px;
}

.mahadivra-upi-qr-image span {
  margin-top: 8px;
  color: #1e252f;
  font-size: 12px;
  font-weight: 800;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
  .mahadivra-upi-qr {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 20px;
    text-align: center;
  }

  .mahadivra-upi-qr-content p {
    margin-left: auto;
    margin-right: auto;
  }

  .mahadivra-upi-id {
    align-items: center;
  }

  .mahadivra-upi-qr-image img {
    width: 180px;
    height: 180px;
  }
}

/* =========================================================
   WORK PAGE IMAGE GALLERY
   ========================================================= */

.mahadivra-work-gallery {
  padding: 40px 0;
  background: #fffdf9;
}

/* Heading */

.mahadivra-work-gallery-heading {
  max-width: 760px;
  margin-bottom: 45px;
}

.mahadivra-work-gallery-heading h2 {
  margin: 12px 0 18px;

  color: #172b3a;

  font-size: clamp(36px, 4vw, 56px);
  line-height: 1.08;
  font-weight: 700;
}

.mahadivra-work-gallery-heading h2 span {
  display: block;

  color: #c99516;
}

.mahadivra-work-gallery-heading p {
  max-width: 680px;

  margin: 0;

  color: #6f7881;

  font-size: 16px;
  line-height: 1.8;
}

/* Gallery Grid */

.mahadivra-work-gallery-grid {
  display: grid;

  grid-template-columns:
    1.35fr
    1fr
    1fr;

  grid-template-rows:
    280px
    280px;

  gap: 16px;
}

/* Gallery Item */

.mahadivra-work-gallery-item {
  position: relative;

  overflow: hidden;

  background: #eee9df;

  min-height: 250px;
}

/* Large image */

.mahadivra-work-gallery-item.gallery-large {
  grid-row: span 2;
}

/* Image */

.mahadivra-work-gallery-item img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  transition: transform 0.6s ease;
}

/* Overlay */

.mahadivra-work-gallery-overlay {
  position: absolute;

  left: 0;
  right: 0;
  bottom: 0;

  padding: 55px 24px 22px;

  background: linear-gradient(
    to top,
    rgba(20, 35, 48, 0.88),
    rgba(20, 35, 48, 0)
  );

  color: #ffffff;
}

/* Small label */

.mahadivra-work-gallery-overlay span {
  display: block;

  margin-bottom: 4px;

  color: #e0ad27;

  font-size: 11px;
  font-weight: 700;

  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* Title */

.mahadivra-work-gallery-overlay h3 {
  margin: 0;

  color: #ffffff;

  font-size: 22px;
  font-weight: 700;
}

/* Hover */

.mahadivra-work-gallery-item:hover img {
  transform: scale(1.06);
}

/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {
  .mahadivra-work-gallery {
    padding: 85px 0;
  }

  .mahadivra-work-gallery-grid {
    grid-template-columns: 1fr 1fr;

    grid-template-rows:
      300px
      240px
      240px;
  }

  .mahadivra-work-gallery-item.gallery-large {
    grid-column: span 2;
    grid-row: span 1;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 575px) {
  .mahadivra-work-gallery {
    padding: 70px 0;
  }

  .mahadivra-work-gallery-heading {
    margin-bottom: 30px;
  }

  .mahadivra-work-gallery-heading h2 {
    font-size: 36px;
  }

  .mahadivra-work-gallery-heading p {
    font-size: 14px;
    line-height: 1.7;
  }

  .mahadivra-work-gallery-grid {
    display: grid;

    grid-template-columns: 1fr;

    grid-template-rows: none;

    gap: 12px;
  }

  .mahadivra-work-gallery-item,
  .mahadivra-work-gallery-item.gallery-large {
    grid-column: auto;
    grid-row: auto;

    height: 260px;
    min-height: 0;
  }

  .mahadivra-work-gallery-overlay {
    padding: 45px 18px 18px;
  }

  .mahadivra-work-gallery-overlay h3 {
    font-size: 19px;
  }
}

/* =========================================================
   GOOGLE TRANSLATE - HIDE DEFAULT UI
   ========================================================= */
/* =========================================================
   GOOGLE TRANSLATE - COMPLETELY HIDE GOOGLE TOOLBAR
========================================================= */

/* Hide Google Translate top banner */
iframe.goog-te-banner-frame,
iframe.goog-te-banner-frame.skiptranslate,
.goog-te-banner-frame,
.skiptranslate iframe {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    border: 0 !important;
}

/* Google Translate injected containers */
.goog-te-banner-frame.skiptranslate,
body > .skiptranslate,
.goog-te-banner-frame {
    display: none !important;
}

/* Prevent Google Translate from pushing page down */
html {
    top: 0 !important;
    margin-top: 0 !important;
}

body {
    top: 0 !important;
    margin-top: 0 !important;
    position: relative !important;
}

body.translated-ltr,
body.translated-rtl {
    top: 0 !important;
    margin-top: 0 !important;
}

/* Hide Google Translate tooltip */
#goog-gt-tt,
.goog-te-balloon-frame {
    display: none !important;
    visibility: hidden !important;
}

/* Hide Google Translate branding/logo popup */
.goog-logo-link,
.goog-te-gadget span,
.goog-te-gadget {
    font-size: 0 !important;
}

/* Keep our hidden Google Translate element invisible */
#google_translate_element {
    display: none !important;
}


/* =========================================================
   HEADER STACKING FIX
   ========================================================= */

/* Main parent */

.site-sticky-header {
    position: relative !important;
    overflow: visible !important;
}


/* TOP BAR MUST STAY ABOVE NAVBAR */

.ul-top-header-news {
    position: relative !important;
    z-index: 99999 !important;
    overflow: visible !important;
}


/* Container */

.ul-top-header-news .container {
    position: relative !important;
    overflow: visible !important;
}


/* Topbar */

.ul-topbar {
    position: relative !important;
    overflow: visible !important;
}


/* Main navbar must stay below dropdown */

.ul-header {
    position: relative !important;
    z-index: 1000 !important;
}


/* =========================================================
   TOPBAR ACTION
   ========================================================= */

.ul-topbar-action {
    position: relative !important;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    overflow: visible !important;

    z-index: 100000 !important;
}


/* =========================================================
   LANGUAGE WRAPPER
   ========================================================= */

.mahadivra-nav-language {
    position: relative !important;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    height: 46px;

    margin-left: 38px !important;

    flex-shrink: 0;

    z-index: 100001 !important;

    overflow: visible !important;
}


/* =========================================================
   GLOBE BUTTON
   ========================================================= */

.mahadivra-language-toggle {
    width: 46px !important;
    height: 46px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: none !important;
    border-radius: 0 !important;

    background: transparent !important;

    color: #d19a17 !important;

    font-size: 32px !important;
    line-height: 1 !important;

    cursor: pointer;

    outline: none !important;

    box-shadow: none !important;

    appearance: none;
    -webkit-appearance: none;
}


.mahadivra-language-toggle i {
    font-size: 20px !important;
    line-height: 1 !important;

    display: block !important;

    width: auto !important;
    height: auto !important;
}


.mahadivra-language-toggle:hover {
    color: #ffffff !important;

    background: transparent !important;

    border: none !important;

    box-shadow: none !important;
}


/* =========================================================
   LANGUAGE DROPDOWN
   ========================================================= */

.mahadivra-language-dropdown {
    position: absolute !important;

    top: calc(100% + 8px) !important;
    right: 0 !important;

    width: 150px !important;

    margin: 0 !important;
    padding: 6px !important;

    background: #ffffff !important;

    border: 1px solid rgba(209, 154, 23, 0.35) !important;

    border-radius: 6px !important;

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.22) !important;

    z-index: 999999999 !important;


    /* CLOSED STATE */

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

    transform: translateY(-8px) !important;

    transition:
        opacity 0.2s ease,
        transform 0.2s ease,
        visibility 0.2s ease;
}


/* =========================================================
   OPEN DROPDOWN
   ========================================================= */

.mahadivra-nav-language.active .mahadivra-language-dropdown {
    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

    transform: translateY(0) !important;
}


/* =========================================================
   DROPDOWN BUTTONS
   ========================================================= */

.mahadivra-language-dropdown button {
    width: 100% !important;

    display: block !important;

    padding: 11px 14px !important;

    margin: 0 !important;

    border: none !important;

    border-radius: 4px !important;

    background: transparent !important;

    color: #172b3a !important;

    font-family: inherit !important;

    font-size: 15px !important;

    font-weight: 600 !important;

    text-align: left !important;

    cursor: pointer;

    outline: none !important;

    appearance: none;
    -webkit-appearance: none;
}


.mahadivra-language-dropdown button:hover {
    background: #f8f3e8 !important;

    color: #d19a17 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 991px) {

    .mahadivra-nav-language {
        margin-left: 25px !important;
    }

}


@media (max-width: 767px) {

    .mahadivra-nav-language {
        margin-left: 18px !important;
    }

}

/* =========================================================
   VOLUNTEER SUCCESS MODAL
   ========================================================= */

.mahadivra-success-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 20px;

  opacity: 1;
  visibility: visible;

  transition:
    opacity 0.35s ease,
    visibility 0.35s ease;
}

.mahadivra-success-modal.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Overlay */

.mahadivra-success-overlay {
  position: absolute;
  inset: 0;

  background: rgba(10, 18, 25, 0.68);

  backdrop-filter: blur(5px);
}

/* Dialog */

.mahadivra-success-dialog {
  position: relative;
  z-index: 2;

  width: 100%;
  max-width: 480px;

  background: #ffffff;

  border-radius: 18px;

  padding: 42px 35px 35px;

  text-align: center;

  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.22);

  transform: translateY(0) scale(1);

  animation: volunteerSuccessIn 0.4s ease;
}

@keyframes volunteerSuccessIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.96);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Close */

.mahadivra-success-close {
  position: absolute;

  top: 15px;
  right: 15px;

  width: 36px;
  height: 36px;

  border: 0;

  border-radius: 50%;

  background: #f5f5f5;

  color: #555;

  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;

  transition: all 0.25s ease;
}

.mahadivra-success-close:hover {
  background: #eab927;
  color: #ffffff;
}

/* Success Icon */

.mahadivra-success-icon {
  width: 76px;
  height: 76px;

  margin: 0 auto 20px;

  border-radius: 50%;

  background: #eab927;

  color: #ffffff;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 30px;

  box-shadow: 0 10px 30px rgba(234, 185, 39, 0.3);
}

.mahadivra-success-icon i {
  animation: successCheck 0.5s ease 0.25s both;
}

@keyframes successCheck {
  from {
    opacity: 0;
    transform: scale(0.4);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Label */

.mahadivra-success-label {
  display: block;

  margin-bottom: 8px;

  color: #e0aa17;

  font-size: 12px;

  font-weight: 700;

  letter-spacing: 1.5px;
}

/* Heading */

.mahadivra-success-dialog h3 {
  margin: 0 0 12px;

  color: #172635;

  font-size: 30px;

  font-weight: 700;
}

/* Text */

.mahadivra-success-dialog p {
  margin: 0 auto;

  max-width: 380px;

  color: #6d7780;

  font-size: 15px;

  line-height: 1.7;
}

/* Auto-hide progress */

.mahadivra-success-progress {
  width: 100%;

  height: 3px;

  margin-top: 28px;

  overflow: hidden;

  border-radius: 10px;

  background: #eeeeee;
}

.mahadivra-success-progress span {
  display: block;

  width: 100%;
  height: 100%;

  background: #eab927;

  transform-origin: left;

  animation: successProgress 4s linear forwards;
}

@keyframes successProgress {
  from {
    transform: scaleX(1);
  }

  to {
    transform: scaleX(0);
  }
}
























































/* =========================================================
   VOLUNTEER MODAL - TWO COLUMN LAYOUT
========================================================= */

.mahadivra-volunteer-dialog {
    display: grid;
    grid-template-columns: minmax(360px, 42%) minmax(0, 58%);
    width: min(1340px, calc(100% - 40px));
    max-height: calc(100vh - 40px);
    overflow: hidden;
}


/* =========================================================
   LEFT SIDE - STAYS VISIBLE
========================================================= */

.mahadivra-volunteer-info {
    position: sticky;
    top: 0;

    height: calc(100vh - 40px);
    max-height: 100%;

    overflow: hidden;
}


/* =========================================================
   RIGHT SIDE - SCROLLABLE
========================================================= */

.mahadivra-volunteer-form-wrapper {
    height: calc(100vh - 40px);
    max-height: 100%;

    overflow-y: auto;
    overflow-x: hidden;

    padding: 70px 58px 40px;
}


/* Custom scrollbar */

.mahadivra-volunteer-form-wrapper::-webkit-scrollbar {
    width: 7px;
}

.mahadivra-volunteer-form-wrapper::-webkit-scrollbar-track {
    background: transparent;
}

.mahadivra-volunteer-form-wrapper::-webkit-scrollbar-thumb {
    background: #c89b32;
    border-radius: 20px;
}


/* =========================================================
   FORM GRID
========================================================= */

.mahadivra-volunteer-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}


.mahadivra-volunteer-field-full {
    grid-column: 1 / -1;
}


/* =========================================================
   RESPONSIVE
========================================================= */

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

    .mahadivra-volunteer-dialog {
        grid-template-columns: 1fr;
        max-width: 720px;
        overflow-y: auto;
    }

    .mahadivra-volunteer-info {
        position: relative;
        height: auto;
        max-height: none;
    }

    .mahadivra-volunteer-form-wrapper {
        height: auto;
        max-height: none;
        overflow: visible;
        padding: 45px 30px;
    }

}


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

    .mahadivra-volunteer-dialog {
        width: calc(100% - 20px);
        max-height: calc(100vh - 20px);
    }

    .mahadivra-volunteer-form-wrapper {
        padding: 40px 20px 30px;
    }

    .mahadivra-volunteer-form-grid {
        grid-template-columns: 1fr;
    }

    .mahadivra-volunteer-field-full {
        grid-column: auto;
    }

}

/* ==========================================
   VOLUNTEER DOCUMENT UPLOAD FIX
========================================== */

.mahadivra-volunteer-upload {
    position: relative;
    width: 100%;
}

.mahadivra-volunteer-upload input[type="file"] {
    display: none;
}

.mahadivra-upload-label {
    width: 100%;
    min-height: 120px;
    border: 1px dashed rgba(190, 147, 45, 0.5);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    padding: 20px;
    text-align: center;
    background: #fffdf8;
    transition: 0.3s ease;
}

.mahadivra-upload-label:hover {
    border-color: #c69a32;
    background: #fffaf0;
}

/* IMPORTANT: Control the SVG size */

.mahadivra-volunteer-upload .mahadivra-upload-label svg {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    display: block;
    flex: none;
}

/* Upload text */

.mahadivra-upload-label span {
    font-size: 15px;
    font-weight: 600;
    color: #243746;
}

.mahadivra-upload-label small {
    font-size: 12px;
    color: #7b8790;
}





    /* =========================================================
   LANGUAGE SWITCHER
========================================================= */

.mahadivra-nav-language {
    position: relative;

    display: flex;
    align-items: center;

    flex-shrink: 0;

    margin-left: 18px;

    z-index: 99999;
}


/* =========================================================
   LANGUAGE BUTTON
========================================================= */

.mahadivra-language-toggle {
    width: 85px !important;
    height: 30px !important;

    margin: 0 !important;
    padding: 0 14px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;

    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    border-radius: 7px !important;

    background: transparent !important;

    color: #ffffff !important;

    font-family: var(--font-quicksand), Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;

    line-height: 1 !important;
    letter-spacing: 0 !important;

    white-space: nowrap !important;

    cursor: pointer;

    outline: none !important;

    appearance: none;
    -webkit-appearance: none;

    box-shadow: none !important;

    transition:
        background-color 0.25s ease,
        border-color 0.25s ease,
        color 0.25s ease;
}


/* LANGUAGE TEXT */

.mahadivra-language-toggle {
    text-transform: none !important;
}


/* DOWN ARROW */

.mahadivra-language-toggle i {
    display: inline-block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #7f8a93 !important;

    font-family: "Font Awesome 5 Free" !important;
    font-size: 13px !important;

    font-weight: 900 !important;

    line-height: 1 !important;
}


/* HOVER */

.mahadivra-language-toggle:hover {
    background: rgba(255, 255, 255, 0.06) !important;

    border-color: #d6a928 !important;

    color: #ffffff !important;
}


/* OPEN STATE */

.mahadivra-nav-language.active
.mahadivra-language-toggle {
    border-color: #d6a928 !important;

    color: #ffffff !important;
}

.mahadivra-nav-language.active
.mahadivra-language-toggle i {
    color: #d6a928 !important;

    transform: rotate(180deg);
}


/* =========================================================
   DROPDOWN
========================================================= */

.mahadivra-language-dropdown {
    position: absolute;

    top: calc(100% + 8px);

    right: 0;

    width: 130px;

    padding: 6px;

    background: #ffffff;

    border: 1px solid #e1e4e7;

    border-radius: 6px;

    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);

    z-index: 999999;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform: translateY(-6px);

    transition:
        opacity 0.2s ease,
        visibility 0.2s ease,
        transform 0.2s ease;
}


.mahadivra-nav-language.active
.mahadivra-language-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transform: translateY(0);
}


/* DROPDOWN BUTTONS */

.mahadivra-language-dropdown button {
    width: 100%;

    display: flex;
    align-items: center;

    margin: 0;
    padding: 10px 12px;

    border: 0;
    border-radius: 4px;

    background: transparent;

    color: #243746;

    font-family: var(--font-quicksand), Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;

    text-align: left;

    cursor: pointer;

    appearance: none;
}


.mahadivra-language-dropdown button:hover {
    background: #f8f3e8;

    color: #d6a928;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 991px) {

    .mahadivra-nav-language {
        margin-left: 14px;
    }

    .mahadivra-language-toggle {
        width: 105px !important;
        height: 40px !important;

        font-size: 14px !important;
    }
}


@media (max-width: 767px) {

    .mahadivra-nav-language {
        margin-left: 10px;

        flex-shrink: 0;
    }

    .mahadivra-language-toggle {
        width: 100px !important;
        height: 38px !important;

        padding: 0 12px !important;

        gap: 8px !important;

        font-size: 14px !important;
    }

    .mahadivra-language-toggle i {
        font-size: 11px !important;
    }

    .mahadivra-language-dropdown {
        width: 120px;

        right: 0;
    }
}








































































/* ------------------------------------------------ */