/* Global Typography */
body h1 {
  font-size: var(--fs-h1);
  line-height: 1.1;
  font-weight: bold;
}
body h2 {
  font-size: var(--fs-h2);
  line-height: 1.2;
  font-weight: bold;
}
body h3 {
  font-size: var(--fs-h3);
  line-height: 1.3;
  font-weight: bold;
}
body h4 {
  font-size: var(--fs-h4);
  line-height: 1.4;
  font-weight: bold;
}
body h5 {
  font-size: var(--fs-h5);
  line-height: 1.4;
  font-weight: bold;
}
body h6 {
  font-size: var(--fs-h6);
  line-height: 1.4;
  font-weight: bold;
}
body p {
  font-size: var(--fs-p);
  line-height: 1.6;
}

.text-small {
  font-size: var(--fs-small);
}
.text-tiny {
  font-size: var(--fs-tiny);
}

.text-logo {
  font-size: 1.5rem;
}
.text-logo-mobile {
  font-size: 1.25rem;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

/* Smooth transitions for interactive elements */
a,
button {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Nav Link Animation */
.nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: var(--primary);
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

.nav-link:hover::after {
  width: 100%;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #f8fafc;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 20px;
  border: 3px solid #f8fafc;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Mobile Menu Glass */
#mobile-menu {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Shimmer Effect */
.shimmer {
  position: relative;
  overflow: hidden;
}

.shimmer::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(
    to bottom right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 60%,
    rgba(255, 255, 255, 0) 100%
    );
  transform: rotate(45deg);
  animation: shimmer 3s infinite;
}

@keyframes shimmer {
  0% {
    transform: translateX(-150%) rotate(45deg);
  }
  100% {
    transform: translateX(150%) rotate(45deg);
  }
}

/* Glassmorphism Utilities */
.glass-card {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
}

.text-glow {
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}

.bg-mesh-primary {
  background-color: #ec7d2d;
  background-image: radial-gradient(at 0% 0%, hsla(253, 16%, 7%, 1) 0, transparent 50%),
  radial-gradient(at 50% 0%, hsla(225, 39%, 30%, 1) 0, transparent 50%),
  radial-gradient(at 100% 0%, hsla(339, 49%, 30%, 1) 0, transparent 50%);
}

/* Volunteer Orbit Section Styles */
.orbit-wrapper {
  position: relative;
  width: 100%;
  max-width: 700px;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Second subtle ring */
.orbit-wrapper::before {
  content: "";
  position: absolute;
  width: 74%;
  height: 74%;
  border: 1px dashed rgba(236, 125, 45, 0.1);
  border-radius: 50%;
  pointer-events: none;
}

@media (max-width: 768px) {
  .orbit-wrapper {
    max-width: 320px;
    aspect-ratio: 1/1;
    height: auto;
  }
}

.orbit-center-globe {
  position: absolute;
  width: 80%;
  height: 80%;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.orbit-center-globe img {
  border-radius: 50%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  width: 85%;
  height: 85%;
  object-fit: cover;
}

.orbit-items-container {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 20;
  /* Animation handled by GSAP for selection logic */
}

.orbit-item {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70px;
  height: 70px;
  margin: -35px;
  /* Reduced radius for more compact look */
  --radius: 220px;
  transform: rotate(calc(var(--i) * (360deg / var(--t)))) translate(var(--radius))
  rotate(calc(var(--i) * (-360deg / var(--t))));
}

@media (max-width: 768px) {
  .orbit-item {
    width: 50px;
    height: 50px;
    margin: -25px;
    --radius: 140px;
  }
}

/* Maintain upright positions - handled by GSAP */
.orbit-item .volunteer-mini-card {
  /* transition: transform 0.1s linear; */
}

.volunteer-mini-card {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 3px;
  box-shadow:
  0 8px 32px rgba(0, 0, 0, 0.1),
  inset 0 0 0 1px rgba(255, 255, 255, 0.2);
  border: 2px solid white;
  transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  cursor: pointer;
  position: relative;
}

.volunteer-mini-card:hover,
.volunteer-mini-card.active {
  transform: scale(1.6);
  z-index: 100;
  box-shadow:
  0 20px 40px rgba(236, 125, 45, 0.4),
  0 0 20px rgba(236, 125, 45, 0.2);
  border-color: var(--primary);
  background: white;
}

.volunteer-mini-card img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.volunteer-name-tag {
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translateX(-50%) translateY(0);
  background: rgba(15, 23, 42, 0.95);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: white;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  pointer-events: none;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  z-index: 150;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.volunteer-mini-card:hover .volunteer-name-tag {
  opacity: 1;
  transform: translateX(-50%) translateY(5px);
}

/* Hero bowl horizontal motion */
@keyframes hero-bowl-pan-rtl {
  0% {
    transform: translateX(8%);
  }
  100% {
    transform: translateX(-8%);
  }
}

.hero-bowl-pan {
  animation: hero-bowl-pan-rtl 14s linear infinite;
  will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
  .hero-bowl-pan {
    animation: none !important;
  }
}

/* Hero Background Decorations Animations */
@keyframes float-slow {
  0%,
  100% {
    transform: translateY(0) rotate(var(--rotation, 0deg));
  }
  50% {
    transform: translateY(-20px) rotate(calc(var(--rotation, 0deg) + 1.5deg));
  }
}

@keyframes float-delayed {
  0%,
  100% {
    transform: translateY(0) rotate(var(--rotation, 0deg));
  }
  50% {
    transform: translateY(-15px) rotate(calc(var(--rotation, 0deg) - 1.5deg));
  }
}

@keyframes wind-sway {
  0%,
  100% {
    transform: rotate(var(--rotation, 0deg)) translateX(0) skew(0deg);
  }
  33% {
    transform: rotate(calc(var(--rotation, 0deg) + 2deg)) translateX(10px) skew(1deg);
  }
  66% {
    transform: rotate(calc(var(--rotation, 0deg) - 1deg)) translateX(5px) skew(-0.5deg);
  }
}

.animate-float-slow {
  animation: float-slow 8s ease-in-out infinite;
  will-change: transform;
}

.animate-float-delayed {
  animation: float-delayed 10s ease-in-out infinite;
  animation-delay: 2s;
  will-change: transform;
}

.animate-wind-sway {
  animation: wind-sway 12s ease-in-out infinite;
  will-change: transform;
}

@keyframes leaf-wave {
  0%,
  100% {
    transform: rotate(var(--rotation, 0deg));
  }
  50% {
    transform: rotate(calc(var(--rotation, 0deg) + 2deg));
  }
}

.animate-leaf-wave {
  animation: leaf-wave 16s ease-in-out infinite;
  will-change: transform;
}

/* Base adjustment for the trees to sway naturally from the bottom/side */
.hero-leaf-left {
  transform-origin: left center;
}

.hero-tree-right {
  transform-origin: bottom right;
}

/* Initiative Horizontal Scroll Fixes */
#initiative-track {
  will-change: transform;
  display: flex !important;
  flex-wrap: nowrap !important;
}

.initiative-card-item {
  flex-shrink: 0;
  height: auto;
}

.initiative-card-item > div {
  will-change: transform, filter, opacity;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  perspective: 1000px;
  -webkit-perspective: 1000px;
}

#initiative-scroll-wrapper {
  width: 100%;
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}

#initiative-track img {
  user-select: none;
  -webkit-user-drag: none;
}

/*===== hem ===== */

.home_slide_box {
  position: relative;
  padding-top: 210px;
  padding-bottom: 100px;
  overflow: hidden;
}

.home_slide_box::before {
  position: absolute;
  content: "";
  background-image: url(../images/herobanner1.jpg);
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.3;
  top: 0;
  left: 0;
  animation: waveMove 100s linear infinite;
  background-repeat: repeat-x;
  background-size: contain;
}

@keyframes waveMove {
  from {
    background-position: 0 bottom;
  }
  to {
    background-position: 3840px bottom;
  }
}

.main_hero_home {
  position: relative;
  z-index: 9;
}

.home_hero h1 {
  font-size: 60px;
}

.home_hero p {
  max-width: 100%;
}

/*================*/

.herobgcomman_wrap {
  overflow: hidden;
  position: absolute;
  pointer-events: none;
}

.herobgcomman_wrap {
  overflow: hidden;
  position: absolute;
  pointer-events: none;
  inset: 0px;
  z-index: 0;
}

.heroBgcomman {
  position: absolute;
}

.heroBgcomman img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hero_bgs1 {
  top: 8%;
  left: -12%;
  transform-origin: top left;
  width: 40vw;
  max-width: 650px;
}

.hero_bgs2 {
  top: 8%;
  left: 0;
  transform-origin: center;
  max-width: 500px;
  opacity: 0.5;
  width: 50%;
}

.hero_bgs3 {
  right: 0;
  bottom: 0;
  transform-origin: center;
  max-width: 500px;
  opacity: 0.5;
  width: 50%;
}

.home_slide_box {
  position: relative;
  overflow: hidden;
  height: 750px;
}

.home_slider_wrapper {
  position: relative;
  overflow: hidden;
  z-index: 9;
}

.home_slider_wrapper::after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 100%;
  height: 30px;
  z-index: 9;
  background: url(../images/wave2.1.png);
  background-position: bottom;
  background-size: contain;
  background-repeat: repeat-x;
  filter: brightness(0) saturate(100%) invert(88%) sepia(2%) saturate(628%) hue-rotate(349deg) brightness(112%)
  contrast(91%);
  animation: waveMovenew 200s linear infinite;
}

.home_slide_box::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  z-index: 9;
  background: url(../images/wave2.1.png);
  background-position: bottom;
  background-size: contain;
  background-repeat: repeat-x;
  filter: brightness(0) saturate(100%) invert(88%) sepia(2%) saturate(628%) hue-rotate(349deg) brightness(112%)
  contrast(91%);
  animation: waveMovenew 200s linear infinite;
  display: none;
}

@keyframes waveMovenew {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 3840px 0;
  }
}

/* Event Css */

.events-section {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9;
}

.events-section::before {
  position: absolute;
  content: "";
  background-image: url(../images/bg7.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.3;
  top: 0;
  left: 0;
}

.events-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.event_img {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  max-height: 320px;
  height: 100%;
  margin-bottom: 15px;
}

.event_box {
  background: #fff;
  border-radius: 24px;
  padding: 20px;
  display: flex;
  gap: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  transition: 0.35s;
  flex-direction: column;
  text-align: left;
  border: 5px solid #f582200f;
}

.event_box:hover {
  transform: translateY(-8px);
}

.event-date {
  width: 70px;
  height: 70px;
  border-radius: 20px;
  background: #f58220;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.event-date span {
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
}

.event-date small {
  font-size: 13px;
  letter-spacing: 1px;
}

.event-tag {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 30px;
  background: #fff2e6;
  color: #f58220;
  font-size: 13px;
  font-weight: 600;
}

.event-content h4 {
  font-weight: 700;
  margin: 15px 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.event-content ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}

.event-content li {
  margin-bottom: 10px;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

.event-content li img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(75%) sepia(59%) saturate(5455%) hue-rotate(348deg) brightness(101%)
  contrast(92%);
}

.event-content a {
  display: inline-block;
}

.event_btn {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 30px;
}

.btn_box {
  justify-content: flex-start;
  display: flex;
  gap: 15px;
}

.events-section .slick-slide,
.comp_pro_grid .slick-slide {
  margin: 0 15px;
}

.events-section .slick-list,
.comp_pro_grid .slick-list {
  margin: 0 -15px;
}

/* ===================================== ( Event Details) ========================================= */
/* ===================================== ( Event Details) ========================================= */
/* ===================================== ( Event Details) ========================================= */

.event-hero {
  padding: 50px 15px 80px;
  text-align: center;
  /* background: url('assets/images/whatwedo/womenndchild.jpeg');
  background-size: cover;
  background-position: center;*/
  border-radius: 40px;
  color: #fff;
  background: var(--bgcolor1);
  margin-top: 60px;
}

.event-hero h1 {
  font-size: var(--fs-h3);
  font-weight: 700;
  margin-bottom: var(--gap15);
}

.event-hero p {
  max-width: 700px;
  margin: auto;
  color: var(--peraColor1);
}

/* == INFO BOXES == */

.event-info {
  margin-top: -50px;
  position: relative;
  z-index: 5;
}

.event_inside {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 15px;
}

.event-info .container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.info-card {
  background: #fff;
  padding: 25px;
  text-align: center;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  flex: 1;
  max-width: 260px;
  border-bottom: 4px solid #ec7d2d;
}

.info-card h5 {
  margin-bottom: 5px;
  color: var(--headingColor1);
  font-weight: 700;
  font-size: var(--fs-h5);
}

.info-card p {
  color: var(--peraColor1);
}

/* =========================
ABOUT EVENT
========================= */

.about-event {
  /*padding:100px 0;*/
}

.event-image {
  width: 100%;
  height: 500px;
  background-color: #ccc;
  margin-bottom: 30px;
  border-radius: 45px;
}

.event-image img {
  border-radius: 25px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* =========================
HIGHLIGHTS
========================= */

.event-highlights {
  width: 450px;
  padding: var(--gap20);
  position: sticky;
  top: 150px;
}

.event-box_content {
  flex: 1;
}

.event-highlights h2 {
  text-align: center;
  margin: 15px 0 20px;
  font-size: var(--fs-h4);
  color: var(--headingwhite);
  font-weight: 700;
}

.highlight-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}

.highlight-card {
  background: #fff;
  padding: var(--gap30);
  text-align: center;
  border-radius: 20px;
  transition: 0.2s all;
  box-shadow: 0px 5px 50px -12px rgb(0 0 0 / 0.25);
}

.highlight-card p {
  color: var(--peraColor1);
}

.event_inner_content {
  display: flex;
  gap: var(--gap50);
  align-items: flex-start;
}

.event_inner_content h4 {
  font-size: var(--fs-h4);
  font-weight: 700;
}

/* =======================
ORGANIZER
======================= */

.organizer-box {
  /* max-width:800px;*/
  margin: auto;
  background: var(--bgcolor2);
  padding: var(--gap50);
  border-radius: 20px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.organizer-box h3 {
  font-weight: 700;
  color: var(--headingwhite);
  margin-bottom: 15px;
}

.organizer-box p {
  color: #fff;
}

/* =========================
RELATED EVENTS
========================= */

.related-events {
}

.related-events h3 {
  margin-bottom: var(--gap30);
}

.event-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap30);
}
.event-grid article {
  padding: var(--gap30);
  border-radius: 20px;
  background: var(--bgcolor1);
  transition: 0.3s;
  position: relative;
}
.event-grid article a {
  display: block;
}

.event-grid article:hover {
  transform: translateY(-5px);
}

.event-grid h3 {
  margin-bottom: 10px;
  font-size: var(--fs-h4);
  font-weight: 700;
  color: var(--headingwhite);
  height: 72px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.event-grid article p {
  color: var(--peraColor1);
}

.event-grid article a span {
  color: #fff;
  text-decoration: underline;
  position: absolute;
  right: 40px;
  bottom: 15px;
  transition: 0.3s;
  font-size: 16px;
}

.event-grid article:hover a span {
  bottom: 20px;
  display: inline-block;
}

/*====== 3 ======*/

.eventPage_gallery {
  /*padding:50px 0;*/
}

.eventPage_gallery h3 {
  margin-bottom: var(--gap30);
}

.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
}

.gallery-item {
  cursor: pointer;
  overflow: hidden;
  border-radius: 10px;
}

.gallery-item:hover img {
  transform: scale(1.1);
}

.gallery img,
.gallery video {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 10px;
  transition: 0.2s all;
}

/* POPUP */

.popup {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.9);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.popup.active {
  display: flex;
}

.popup-img,
.popup-video {
  max-width: 80%;
  max-height: 80vh;
  display: none;
}

.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  color: #fff;
  font-size: 40px;
  cursor: pointer;
}

.popup .prev,
.popup .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  border: none;
  cursor: pointer;
  font-size: 24px;
  background: var(--bgcolor2);
  border-radius: 50px;
  color: #fff;
}

.popup .prev {
  left: 20px;
}

.popup .next {
  right: 20px;
}

/*======================*/

/*=============================================(fund rasied)===============================================*/

/* Deshraag Fundraise Specific Styles */

.d_fund_body {
  background-color: #fdfbf7;
  margin: 0;
  padding: 0;
  color: #1a1a1a;
}

.d_fund_container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

.d_fund_header {
  text-align: center;
  padding: var(--gap50);
  width: 100%;
  background: #ffedd5;
  border-radius: 50px 0 100px 20px;
  border: 1px solid #fcf9f1;
  border-bottom: 2px solid #fff;
}

.d_fund_hero_card {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  padding: var(--gap30);
  border-radius: var(--gap30);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  margin-bottom: var(--gap50);
  align-items: center;
}
.d_fund_hero_text {
  flex: 1;
  min-width: 300px;
  padding-right: 40px;
  display: none;
}
.d_fund_hero_image {
  flex: 1;
  min-width: 300px;
}
.d_fund_hero_image img {
  width: 100%;
  border-radius: var(--gap30);
  height: 550px;
  object-fit: cover;
}

.d_fund_footer_banner {
  background: var(--headingColor2);
  padding: var(--gap50);
  text-align: center;
  border-radius: 30px;
}

.d_fund_footer_banner h2 {
  font-size: var(--fs-h2);
  font-weight: 700;
  color: var(--headingwhite);
  margin-bottom: 5px;
}

.d_fund_footer_banner p {
  color: var(--peraColor1);
}
.d_fund_footer_banner .btn_box {
  justify-content: center;
  margin: 15px 0 0 0;
}

/*------*/

.support-wrapper {
  padding: var(--gap50);
  background: white;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
  border-radius: var(--gap50);
  margin-bottom: var(--gap50);
  border-top: 8px solid var(--bgcolor4);
  position: relative;
  overflow: hidden;
  z-index: 9;
}

.support-wrapper::before {
  position: absolute;
  content: "";
  background: var(--bgcolor4) url(../images/donation_bgart2.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.1;
  z-index: -9;
}

.support-wrapper::after {
  content: "";
  position: absolute;
  width: 450px;
  height: 450px;
  border-radius: 50%;
  background: rgba(191, 145, 74, 0.08);
  top: -180px;
  left: -150px;
}

.support-wrapper > h2 {
  color: var(--bgcolor1);
}

.impact-highlight {
  background: #02639b17;
  background: #ffffff;
  padding: var(--gap30);
  border-left: 6px solid var(--bgcolor3);
  margin-top: var(--gap30);
  border-radius: 0 30px 4px 30px;
  margin-bottom: var(--gap30);
}
.highlight-title {
  font-size: var(--fs-h4);
  line-height: 1.4;
  color: var(--bgcolor3);
  margin: 0 0 15px 0;
}
.highlight-desc {
  font-size: 15px;
  color: #334155;
  font-style: italic;
  font-weight: 700;
}

.d_fund_stats_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  /*margin-bottom: 60px;*/
}
.d_fund_stat_card {
  background: #fff;
  padding: 30px;
  border-radius: 20px;
  text-align: center;
  border: 1px solid #eee;
  background: #ffedd5;
  border: 1px solid #fcf9f1;
}
.d_fund_stat_val {
  font-weight: bold;
  color: var(--bgcolor2);
  font-size: var(--fs-h4);
}

span.df_vextra {
  font-weight: bold;
  color: var(--bgcolor2);
  font-size: var(--fs-h4);
}

.d_fund_stat_card h3 {
  font-size: var(--fs-h5);
  font-weight: 700;
}

/*======================== 3 ================================== */

/* your suppeort start*/

.dr-impact-flow {
  background: var(--bgWhite);
  padding: var(--gap50);
  border-radius: var(--gap30);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.dr-impact-item:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  padding: 0;
  border: none;
}

.dr-impact-item:last-child .custom_btn {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-h4);
  background-color: var(--bgcolor4);
}

.dr-impact-item:hover:last-child {
  border-bottom: none;
}

/* RIGHT SIDE CARDS */

.dr-impact-right {
  display: grid;
  gap: var(--gap30);
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}

.dr-impact-item {
  background: #02639b24;
  padding: var(--gap30);
  border-radius: var(--gap15);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  transition: 0.3s ease;
  border-left: 4px solid transparent;
  position: relative;
  z-index: 9;
  overflow: hidden;
}

.dr-impact-item::before {
  position: absolute;
  content: "";
  width: 100px;
  height: 100px;
  border-radius: 50%;
  bottom: -50px;
  right: -50px;
  background-color: var(--bgcolor4);
  z-index: -9;
  opacity: 0.1;
}

.dr-impact-item:hover {
  transform: translateY(-5px);
  border-bottom: 4px solid var(--bgcolor4);
}

.dr-impact-item h3 {
  font-size: var(--fs-h5);
  margin-bottom: 15px;
  color: var(--bgcolor4);
}

/* your suppeort End */

/*=========== Donation css start ===============*/

.donation_wrapp {
  background: white;
  padding: var(--gap50);
  border-radius: 15px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  width: 100%;
  margin-bottom: var(--gap50);
  background: var(--bgcolor4);
}

.donation_wrapp h2 {
  font-size: var(--fs-h3);
  font-weight: 700;
  margin-bottom: 15px;
  color: var(--headingwhite);
}

.donation_wrapp h2 span {
  color: var(--headingColor2);
}

.donation_wrapp > p {
  border-bottom: 1px solid #ffffff24;
  padding-bottom: 25px;
}

.donation-card {
  display: flex;
  align-items: center;
  gap: var(--gap30);
}

.dc_ptrogress {
  flex: 1;
}

.info-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  color: var(--headingwhite);
  font-size: 16px;
}

.info-row strong {
  color: var(--headingwhite);
}

.progress-bg {
  width: 100%;
  height: 26px;
  background: #edf2f7;
  border-radius: 100px;
  overflow: hidden;
  position: relative;
}

.progress-fill {
  width: 0%;
  height: 100%;
  position: relative;
  border-radius: 100px;
  overflow: hidden;
  background: linear-gradient(90deg, #4f46e5, #6366f1, #818cf8);
  transition: width 2.5s cubic-bezier(0.4, 0, 0.2, 1);
  background: linear-gradient(90deg, #0f172a, #091124, #121212);
}

.progress-fill::before {
  content: "";
  position: absolute;
  top: 0;
  left: -120px;
  width: 80px;
  height: 100%;
  background: rgba(255, 255, 255, 0.45);
  transform: skewX(-25deg);
  animation: shine 2s linear infinite;
}

@keyframes shine {
  100% {
    left: calc(100% + 100px);
  }
}

.progress-fill::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: 0 0 20px rgba(99, 102, 241, 0.7);
}

.progress-value {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  z-index: 2;
}

.percentage-text {
  margin-top: 12px;
  text-align: right;
  color: var(--headingwhite);
  font-size: 16px;
  text-transform: capitalize;
}

.donate-btn {
  width: 200px;
  height: 70px;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  background: #0f172a;
  transition: 0.3s;
  padding: 15px;
  border-bottom: 2px solid #fff;
}

.donate-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(79, 70, 229, 0.25);
  border-bottom: none;
}

/*5*/

.dr-trust {
  background: #f8f6f1;
  position: relative;
}

.dr-trust-top {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: var(--gap50);
  align-items: center;
}

.dr-trust-image img {
  width: 100%;
  height: 550px;
  object-fit: cover;
  border-radius: 30px;
}

.dr-trust-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap30);
  max-width: 1200px;
  margin: auto;
}

.dr-trust-card {
  background: #fff;
  padding: var(--gap15);
  border-radius: var(--gap15);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
  transition: 0.3s ease;
  border-left: 3px solid transparent;
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.dr-trust-card::before {
  content: "✔";
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  top: 5px;
  position: relative;
}

.dr-trust-card:hover {
  transform: translateY(-6px);
}

/*5*/

/*=========== Donation css End ===============*/

/*========================== CURRENT PROGRAM START  ==========================*/
/*========================== CURRENT PROGRAM START  ==========================*/
/*========================== CURRENT PROGRAM START  ==========================*/


.dono_listing{
  position: relative;
  z-index: 9;
  /*  padding-top: var(--gap50);*/
  padding-bottom: var(--gap50);
}

.dono_listing::before {
/*  content: "";
position: absolute;
bottom: 0;
left: 0px;
width: 100%;
height: 100%;
background: url(../images/bgbanner/dono_lsiting3.png);
background-size: contain;
background-repeat: repeat;
background-position: top;
opacity: 0.2;
z-index: -1;*/

content: "";
position: absolute;
bottom: 0;
left: 0px;
width: 100%;
height: 100%;
background: url(../images/bgbanner/donation_img1.jpg);
background-size: contain;
background-repeat: no-repeat;
background-position: top center;
opacity: 0.2;
z-index: -1;

}




.current_program_card {
  margin: auto;
  background: #fff;
  border-radius: 25px;
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
  display: grid;
  grid-template-columns: 600px 1fr;
  padding: var(--gap50);
  gap: var(--gap30);
}

.current_program_images {
  border-radius: 15px;
  overflow: hidden;
  height: 100%;
}

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

.current_program_content {
  padding: var(--gap50);
  background-color: #fcf9f1;
  box-shadow: 0 0 30px 4px #00000026;
  border-radius: 15px;
}

.current_program_title {
  margin-bottom: 10px;
  font-size: var(--fs-h3);
  font-weight: 700;
  text-transform: capitalize;
  color: var(--headingColor1);
}

.progam_title_box p {
  color: var(--peraColor1);
  margin-bottom: 15px;
  font-size: var(--fs-p);
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.current_program_user {
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 12px;
  background-color: var(--bgcolor1);
  padding: 7px 15px 7px 7px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-radius: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.current_program_avatar {
  width: 26px;
  height: 26px;
  background: #00bcd4;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.current_program_amount strong {
  color: var(--headingColor2);
  font-weight: 700;
  font-size: var(--fs-h5);
}

.current_program_amount span {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--peraColor1);
}

.current_program_progress {
  height: 10px;
  background: #e5e7eb;
  border-radius: 50px;
  overflow: hidden;
  margin: 10px 0;
}

.current_program_progress_bar {
  width: 75%;
  height: 100%;
  background: green;
  border-radius: 50px;
  animation: fill 1.5s ease;
}

@keyframes fill {
  from {
    width: 0;
  }
  to {
    width: 75%;
  }
}

.current_program_meta {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  color: var(--peraColor1);
  margin-bottom: 25px;
  font-weight: 500;
}

.current_program_actions {
  display: flex;
  gap: 10px;
}

.pro_top_title {
  background: #dc2626;
  color: #fff;
  padding: 8px 18px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  display: inline-block;
  box-shadow: 0 0 10px #ccc;
  margin-bottom: 15px;
}

.cpi_grid .slick-list,
.cpi_grid .slick-track,
.cpi_grid .slick-track .slick-slide,
.cpi_grid .slick-track .slick-slide div {
  height: 100%;
}

.current_patient_share {
  margin-top: 25px;
  border-top: 1px solid #eee;
  padding-top: 20px;
}

.current_patient_share_buttons {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.current_patient_share_btn {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
}

.current_patient_share_btn:hover {
  transform: translateY(-3px);
}

.fb {
  background: #1877f2;
}
.wa {
  background: #25d366;
}
.tw {
  background: #111;
}
.li {
  background: #0a66c2;
}
.cp {
  background: #dc2626;
}

/*========================== CURRENT PROGRAM end  ==========================*/
/*========================== CURRENT PROGRAM end  ==========================*/
/*========================== CURRENT PROGRAM end  ==========================*/

/*========================== Sucess full storty Start  ==========================*/
/*========================== Sucess full storty Start  ==========================*/
/*========================== Sucess full storty Start  ==========================*/

.other_programs_inside .custom_heading h2 {
  font-size: var(--fs-h3);
}

.program_card {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
}

.program_card:hover {
  transform: translateY(-8px);
}

.program_img img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}

.program_content {
  padding: var(--gap15);
}

.program_content h3 {
  margin-bottom: 10px;
  font-size: var(--fs-h6);
  font-weight: 700;
  color: var(--headingColor1);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.program_content p {
  color: var(--peraColor1);
  margin-bottom: 15px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
}

.progress_bar {
  height: 8px;
  background: #ececec;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 12px;
}

.progress_bar span {
  display: block;
  height: 100%;
  background: green;
}

.amount {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  margin-bottom: 20px;
  font-weight: 500;
  text-transform: capitalize;
  gap: 10px;
}

.program_btn {
  display: block;
  text-align: center;
  padding: 12px;
  background: #ff6b35;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
  font-weight: 600;
}

.program_content .btn_box .custom_btn {
  flex: 1;
  padding: 15px;
  line-height: 1;
}

.another_desgraag_fund {
  text-align: center;
}

.another_desgraag_fund span {
  font-size: 12px;
  text-align: center;
  display: inline-block;
  font-style: italic;
  color: var(--peraColor1);
  margin-top: 7px;
}

.other_programs_grid .slick-list {
  margin: 0 -15px;
}

.other_programs_grid .slick-slide {
  margin: 0 15px;
}




/* Sucessfull campign  start */

.successful_campaigns {
  background: #f8fafc;
  background: #0b665a;
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
  padding: var(--gap50);
  border-radius: var(--gap50);
  z-index: 9; 
  position: relative;
}

.successful_campaigns::before{
  position: absolute;
  content: '';
  background: url(../images/herobg9.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -9;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
  mix-blend-mode: hard-light;
}


.black_tag{
  background-color: var(--bgcolor1) !important;
  border-color: rgb(15 23 42 / 20%) !important;
}

.completed_campaigns .slick-list {
  margin: 0 -15px;
}

.completed_campaigns .slick-slide {
  margin: 0 15px;
}

/* Stats */

.campaign_stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap30);
  margin-bottom: var(--gap15);
}

.stat_card {
  background: #fff;
  padding: var(--gap30);
  text-align: center;
  border-radius: var(--gap15);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.stat_card h3 {
  font-size: var(--fs-h4);
  color: var(--bgcolor6);
  margin-bottom: 5px;
  line-height: 1.3;
}

.stat_card p {
  color: #666;
}

/* Campaign Cards */

.completed_campaigns {

}

.completed_campaigns .slick-list{
  padding: 15px 0  0 0;
}

.completed_card {
  background: #fff;
  border-radius: var(--gap20);
  overflow: hidden;
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
}

.completed_card > a{
  width: 100%;
  height: 100%;
  display: block;
}

.completed_card:hover{
  transform: translateY(-8px);
}

.com_card_img{
  position: relative;
  width: 100%;
  height: 250px;
  overflow: hidden;
}

.com_card_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.completed_badge {
  position: absolute;
  top: 15px;
  left: 15px;
  background: var(--bgcolor6);
  color: #fff;
  padding: 5px 14px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 600;
  text-transform: capitalize;
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 11%);
}

.completed_content {
  padding: var(--gap15) var(--gap15) var(--gap30) var(--gap15);
}

.completed_content h3 {
  margin-bottom: 10px;
  font-size: var(--fs-h4);
  line-height: 1.3;
}

.completed_meta {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  color: var(--bgcolor6);
  flex-wrap: wrap;
}



/* Sucessfull campign  End */


/*========================== Sucess full storty end  ==========================*/
/*========================== Sucess full storty end  ==========================*/
/*========================== Sucess full storty end  ==========================*/

/*========================== Sucess full storty extra section css  Start  ==========================*/
/*========================== Sucess full storty extra section css  Start  ==========================*/
/*========================== Sucess full storty extra section css  Start  ==========================*/

/* support page css Start */

.suport_box_inside {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: 1rem;
}

.sup-main_wrappper {
  width: 100%;
  height: 390px;
  display: block;
}

.support_quate {
  padding: 25px;
  background-color: #fcf9f1;
  background-color: #ffffff;
  max-width: 100%;
  border: 1px solid #ffedd5;
  border-radius: 20px;
  position: relative;
}

.support_quate svg {
  width: 100px;
  height: 100px;
  top: 0px;
  right: 40px;
}

.support_quate h6 {
  font-weight: 700;
  font-style: italic;
  font-size: 33px;
}

.card_quate_bbox {
  padding: 10px 15px;
  background-color: #1d1d1d;
  margin-bottom: 30px;
  max-width: 940px;
  border: 1px solid #ffedd512;
  border: 1px solid #ffedd512;
  border-radius: 20px 0 20px;
  font-style: italic;
  font-weight: 700;
  color: #ec7d2d;
  text-align: left;
  font-size: 15px;
  position: relative;
  margin-top: 15px;
}

.sup_become_icons {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  margin-bottom: 25px;
}

.sup_become_vol_box {
  background-color: #161616;
  border-radius: 24px;
  position: relative;
  transition: 0.3s ease all;
}

.background_sup_icon_box {
  position: absolute;
  right: -24px;
  bottom: -24px;
  opacity: 0.1;
  transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.sbi_icon {
  border-radius: 16px;
  border: 1px solid #ffffff1a;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(255 255 255 / 0.05);
  transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.sup_become_text h4 {
  color: #fff;
  letter-spacing: 0.2em;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: 2px;
}

.sup_become_text h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: -1.2px;
}

.sup_become_vol_box h6 {
  color: #ec7d2d;
  font-weight: 900;
  font-size: var(--fs-h6);
  font-family: Outfit, sans-serif;
  line-height: 24px;
  margin-bottom: 15px;
}

.sup_become_vol_box p {
  opacity: 0.6;
  color: #e5e7eb;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 8px;
  transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.sup_part_link p {
  opacity: 1;
  color: #e5e7eb;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 25px;
  transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.sup_become_vol_box p:last-child {
  margin-bottom: 0;
}

.sup_part_link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.sup_part_link a {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.sup_part_link a span {
  border: 1px solid rgb(255 255 255 / 0.1);
  background-color: rgb(255 255 255 / 0.05);
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}

.sup_part_link a:hover span {
  background-color: #ec7d2d;
}

.sup_part_link a span svg {
}

.sup_become_vol_box:hover {
  transform: translateY(-10px);
}

.sup_become_vol_box:hover .sbi_icon {
  background-color: #ec7d2d;
}

.sup_become_vol_box:hover .sbi_icon svg {
  color: #ffffff;
}

.sup_become_vol_box:hover .sup_become_text h4 {
  color: #ec7d2d;
}

.sup_become_vol_box:hover p {
  opacity: 1;
}

.sup_become_vol_box:hover .background_sup_icon_box {
  opacity: 0.2;
}

.sup_become_vol_box:hover {
}

/* support page css end */

.frontbacker_wrap {
  transition: transform 1s;
  transform-style: preserve-3d;
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  top: 0;
  left: 0;
}

.sup_become_vol_box {
  perspective: 500px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.sup_become_vol_box:hover .frontbacker_wrap {
  transform: rotateY(180deg);
  transition: transform 0.5s;
}

.port_front,
.port_back {
  backface-visibility: hidden;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  padding: 24px;
}

.port_back {
  transform: rotateY(180deg);
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 9;
  background-color: #000;
}

.port_back::before {
  position: absolute;
  content: "";
  background-image: url(../images/banner4.jpeg);
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.1;
  z-index: -1;
}

.center_logo {
  width: 40px;
  height: 40px;
}

.marquee_anim {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}

.marquee_anim::before {
  position: absolute;
  content: "";
  width: 100px;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  opacity: 1;
  background: #fcf9f1;
  background: linear-gradient(90deg, rgb(251 242 229) 0%, rgba(252, 249, 241, 1) 50%, rgba(255, 255, 255, 0) 100%);
}

.marquee_anim::after {
  position: absolute;
  content: "";
  width: 100px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 9;
  opacity: 1;
  background: #fcf9f1;
  background: linear-gradient(270deg, rgb(251 242 229) 0%, rgba(252, 249, 241, 1) 50%, rgba(255, 255, 255, 0) 100%);
}

.marquee_track {
  display: flex;
  align-items: center;
  gap: var(--gap30);
  width: max-content;
  animation: marqueeLeftToRight 25s linear infinite;
}

@keyframes marqueeLeftToRight {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/*========================== Sucess full storty extra section css  end  ==========================*/
/*========================== Sucess full storty extra section css  end  ==========================*/
/*========================== Sucess full storty extra section css  end  ==========================*/

/*========================== About Us Start  ==========================*/
/*========================== About Us Start  ==========================*/
/*========================== About Us Start  ==========================*/

.about_modern {
  background-color: #ffffff;
}

.about_modern_wrapper {
  display: flex;
  align-items: center;
  gap: 50px;
  margin: auto;
}

.about_modern_text {
  flex: 1;
}
.image_side_wrapper {
  width: 550px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s all ease;
}
.image-side {
  width: 90%;
  height: 100%;
  position: relative;
  z-index: 9;
  transition: 0.2s all ease;
}

.image-side::before,
.image-side::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #00000029;
  border-radius: 20px;
  z-index: -1;
  animation: rotateAnim 6s ease-in-out infinite alternate;
  transform-origin: center;
  bottom: 0;
}

@keyframes rotateAnim {
  0% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(10deg);
  }
}

.image-side::before {
  transform: rotate(5deg);
}

.image-side::after {
  transform: rotate(10deg);
  animation-delay: 1s;
}

.image-side:hover {
  transform: scale(1.05);
}

.image-side img {
  width: 100%;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.5));
}

.impact_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: var(--gap15);
  margin-top: 0;
}

.impact_grid .ab_impact_box {
  padding: var(--gap30);
  background: #f8f8f8;
  border-radius: 12px;
  box-shadow: 0 5px 20px #cccccc9e;
  border-bottom: 4px solid #000;
}

.impact_grid strong {
  display: block;
  font-size: var(--fs-h4);
  margin-bottom: 5px;
  color: var(--headingColor1);
}

.impact_grid span {
  margin: 0;
  color: var(--peraColor1);
}

.home_about_text {
  box-shadow: 0 0 10px #ccc;
  padding: var(--gap50);
  border-radius: var(--gap50);
  margin-bottom: var(--gap50);
  background-color: #fff;
  border-bottom: 5px solid #000;
  transition: 0.2s all;
}

.home_about_text:hover {
  transform: translateY(-10px);
  box-shadow: 0 0 30px #ccc;
}

/*========================== About Us end  ==========================*/
/*========================== About Us end  ==========================*/
/*========================== About Us end  ==========================*/

/*========================== VISSION AND Mission STARAT  ==========================*/
/*========================== VISSION AND Mission STARAT  ==========================*/
/*========================== VISSION AND Mission STARAT  ==========================*/

.vismis_section {
  position: relative;
  width: 100%;
  height: 100%;
}

.vismis_section::before {
  position: absolute;
  content: "";
  background-image: url(../images/vission_bg.jpeg);
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.vismis_inside {
  padding: var(--gap50);
  background: #ffffff9c;
  border-radius: var(--gap50);
  backdrop-filter: blur(5px);
}

.vismis_grid {
  display: flex;
  justify-content: center;
  gap: var(--gap30);
}

.vismis_card {
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: var(--gap50);
  border-radius: var(--gap50);
  text-align: center;
  flex: 1;
  transition: 0.4s;
  position: relative;
  z-index: 9;
  backdrop-filter: blur(15px);
  background: rgba(255, 255, 255, 0.2);
  background: linear-gradient(135deg, #e2d1c3 0%, #e2d1c3 100%);
  background: rgba(255, 255, 255, 0.4);
  overflow: hidden;
}

.vismis_card:hover {
  transform: translateY(-15px);
  background: #ffffff;
}

/*========================== VISSION AND Mission end  ==========================*/
/*========================== VISSION AND Mission end  ==========================*/
/*========================== VISSION AND Mission end  ==========================*/

/*========================== Deshraag Founder Start ==========================*/
/*========================== Deshraag Founder Start ==========================*/
/*========================== Deshraag Founder Start ==========================*/

.deshraag_founders {
  position: relative;
  width: 100%;
  height: 100%;
}

.founder-item {
  display: flex;
  align-items: center;
  position: relative;
}

.founder-media {
  flex: 1;
  position: relative;
  z-index: 1;
}
.founder-media img {
  width: 100%;
  max-width: 100%;
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  display: block;
}

.media-bg {
  position: absolute;
  top: 40px;
  left: -40px;
  width: 100%;
  height: 100%;
  background: #ec7d2d1f;
  border-radius: 20px;
  z-index: -1;
}
.founder-text-box {
  flex: 1;
  background: #fff;
  padding: 50px;
  border-radius: 20px;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.05);
  margin-left: -80px;
  z-index: 2;
  position: relative;
  border-right: 5px solid var(--bgcolor2);
}

.founders_line {
  display: block;
  width: 40px;
  height: 4px;
  background: var(--bgcolor2);
  margin-bottom: 20px;
  border-radius: 50px;
}

.founders_name {
  font-weight: 700;
  color: var(--headingColor2);
  margin-bottom: 5px;
}

.founders_role {
  color: var(--headingColor1);
  font-weight: 700;
}

.founders_desc {
  margin-top: 10px;
}

.deshraag_since {
  font-size: 14px;
  color: var(--headingColor1);
}

/*socail media*/

.founders_social {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.founders_social a {
  width: 45px;
  height: 45px;
  background: var(--bgcolor1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.3s;
  box-shadow: 0 10px 20px rgba(0, 123, 255, 0.3);
  text-decoration: none;
  padding: 12px;
  color: #ffffff;
  font-size: 18px;
}

.founders_social a img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(31%) saturate(690%) hue-rotate(319deg) brightness(115%)
  contrast(104%);
}

.founder_chance {
  position: absolute;
  left: 0;
  top: -90px;
  width: auto;
  height: auto;
  opacity: 0.1;
  font-size: 3vw;
  font-weight: 900;
  color: #000;
  display: none;
}

.experience_badge {
  width: 120px;
  height: 120px;
  background: #ef7d22;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
  top: -30px;
  right: -40px;
  border: 10px solid #ffff;
}

.experience_badge span {
  font-size: 16px;
}

.experience_badge strong {
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
}

/*========================== Deshraag Founder END  ==========================*/
/*========================== Deshraag Founder END  ==========================*/
/*========================== Deshraag Founder END  ==========================*/

/*========================== Complete project home Start  ==========================*/
/*========================== Complete project home Start  ==========================*/
/*========================== Complete project home Start  ==========================*/

.completed_project {
  background-color: #f3f1eb;
}

.project_card {
  background-color: white;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  border: 1px solid #f3f4f6;
  transition:
  transform 0.3s ease,
  box-shadow 0.3s ease;
  display: flex;
  padding: 15px;
  gap: 15px;
  align-items: center;
}

.comp_pro_grid .slick-track {
  padding: 15px 0;
}

.project_card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15);
}
.project-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project_content {
  flex: 1;
}

.project_img {
  width: 250px;
  height: 200px;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  border: 1px solid #f3f4f6;
}

.project_heading {
  color: var(--headingColor2);
  font-weight: 700;
  margin-top: 12px;
  margin-bottom: 8px;
  font-size: var(--fs-h5);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-transform: capitalize;
}

.project_description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.project_link {
  color: var(--bgcolor2);
  font-weight: 600;
  transition: color 0.2s;
}
.project_link:hover {
  color: #9a3412;
}

/*========================== Complete project home END  ==========================*/
/*========================== Complete project home END  ==========================*/
/*========================== Complete project home END  ==========================*/

/*========================== Complete Details Start  ==========================*/
/*========================== Complete Details Start  ==========================*/
/*========================== Complete Details Start  ==========================*/

/*========================== Complete Details END  ==========================*/
/*========================== Complete Details END  ==========================*/
/*========================== Complete Details END  ==========================*/

.projext_grid_wrapper {
  margin-top: 70px;
  width: 100%;
  height: 100%;
  display: block;
  background: #f9ca8d;
  padding: 80px 50px 50px 50px;
  border-radius: 20px;
}

.pgw_inside {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 70px 20px;
}

.pd_project_card {
  background: #fff;
  border-radius: 22px;
  padding: 0 20px 30px 20px;
  position: relative;
  transition: 0.4s;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
  border: 5px solid #f582200f;
  transition: 0.2s all;
}

.pd_project_img {
  position: relative;
  width: 100%;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
  border: 1px solid #f3f4f6;
  height: 220px;
  top: -30px;
  margin-bottom: -10px;
  transition: 0.2s all cubic-bezier(0.17, 3.79, 0.98, 1.53);
}

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

.pd_project_content {
}

.pd_project_heading {
  color: var(--headingColor2);
  font-weight: 700;
  margin-top: 12px;
  margin-bottom: 8px;
  font-size: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-transform: capitalize;
}

.pd_project_description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pd_project_card:hover {
  transform: translateY(-5px);
}

.pd_project_card:hover .pd_project_img {
  transform: translateY(-10px);
}

.pdp_img_grid,
.pdp_img_box,
.pdp_img_grid .slick-list,
.pdp_img_grid .slick-track,
.pdp_img_grid .slick-slide,
.pdp_img_grid .slick-slide > div {
  height: 100%;
  width: 100%;
}

/*===============( about us new )===============*/

/*========================= ( 1 ) ========================*/

.about-hero {
}

.about_inside_warp {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap50);
  align-items: center;
  position: relative;
}
.about-hero__right {
  position: relative;
}

.about-hero__right img {
  width: 100%;
  height: 700px;
  object-fit: cover;
  border-radius: var(--gap50);
  display: block;
  object-position: left;
}

.year-badge {
  position: absolute;
  bottom: 30px;
  left: -30px;
  background: var(--bgcolor1);
  padding: 25px 25px;
  border-radius: 15px;
  font-size: var(--fs-h4);
  font-weight: 700;
  box-shadow: -10px 10px 0px 0 #12bddd;
  color: #fff;
}

.impact-stats {
  display: flex;
  gap: 15px;
  margin-top: var(--gap30);
  padding-right: 50px;
}

.impact-box {
  background: #fff;
  padding: var(--gap20);
  border-radius: 20px;
  min-width: 170px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  flex: 1;
}

.impact-box strong {
  display: block;
  font-size: var(--fs-h5);
  margin-bottom: 0;
  color: var(--headingColor1);
}

.impact-box span {
  font-size: 14px;
  color: #777;
}

.timeline-strip {
  position: relative;
  bottom: 0;
  left: 0;
  width: 90%;
  display: flex;
  align-items: center;
  gap: var(--gap20);
  font-size: var(--fs-h3);
  color: #000000;
  padding-top: var(--gap20);
  font-weight: 700;
  text-shadow: 0 4px 0 rgb(0 0 0 / 14%);
}

.timeline-strip span {
  flex: 1;
  height: 1px;
  background: #000;
}

/*========================= ( 2 ) ========================*/

.who-we-are {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
  align-items: center;
}

.who-image {
  position: relative;
}

.who-image img {
  width: 100%;
  height: 700px;
  object-fit: cover;
  border-radius: var(--gap50);
  display: block;
  object-position: left;
}

.floating-card {
  position: absolute;
  bottom: var(--gap30);
  right: var(--gap30);
  width: 280px;
  padding: var(--gap20);
  border-radius: var(--gap20);
  font-weight: 700;
  z-index: 9;
  background-color: #ffffff;
  overflow: hidden;
  box-shadow:
  0 0 0 3px #fff,
  0 20px 35px rgb(0 0 0 / 45%);
  right: -60px;
}

.floating-card::before {
  z-index: -1;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/wave.png);
  background-position: 0px 350px;
  background-repeat: repeat-x;
  animation: filling 10s ease-in-out infinite;
  opacity: 0.1;
}

@keyframes filling {
  0% {
    background-position: 3000px 0px;
  }
  50% {
    background-position: 1000px 0px;
  }
  100% {
    background-position: 6000px 0px;
  }
}

.floating-card span {
  display: block;
  font-size: 13px;
  letter-spacing: 2px;
  color: var(--headingColor1);
  text-transform: uppercase;
  margin-bottom: 10px;
}

.floating-card h4 {
  font-size: 18px;
  line-height: 1.4;
  color: var(--headingColor2);
}

/*3*/

.drives-us {
  background: #ffffff;
  border-radius: var(--gap50);
}

.pillar-wrapper {
  max-width: 1200px;
  margin: auto;
  gap: var(--gap30);
  display: flex;
  justify-content: center;
  align-items: center;
}

.pillar {
  background: #fff;
  padding: var(--gap30) var(--gap20);
  text-align: center;
  border-radius: 25px;
  box-shadow: 0 10px 30px rgb(0 0 0 / 20%);
  flex: 1;
}

.pillar-icon {
  width: 70px;
  height: 70px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  font-weight: 700;
  border-style: dashed;
  position: relative;
}

.pillar-icon::before {
  position: absolute;
  content: "";
  border-radius: 50%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px dashed #f97316;
  animation: rotate 10s ease-in-out infinite;
}

@keyframes rotate {
  50% {
    transform: rotate(360deg);
  }
  0% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

.pillar h3 {
  font-size: var(--fs-h5);
  font-weight: 700;
}

.center-circle {
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: #0f172a;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  font-weight: 700;
  margin-left: auto;
  margin-right: auto;
  animation: animate-pulse 3s linear infinite;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
  border: 4px solid #fff;
}

@keyframes animate-pulse {
  0% {
    box-shadow:
    0 0 0 0 rgba(255, 109, 74, 0.7),
    0 0 0 0 rgba(255, 109, 74, 0.7);
  }
  40% {
    box-shadow:
    0 0 0 50px rgba(255, 109, 74, 0),
    0 0 0 0 rgba(255, 109, 74, 0.7);
  }
  80% {
    box-shadow:
    0 0 0 50px rgba(255, 109, 74, 0),
    0 0 0 30px rgba(255, 109, 74, 0);
  }
  100% {
    box-shadow:
    0 0 0 0 rgba(255, 109, 74, 0),
    0 0 0 30px rgba(255, 109, 74, 0);
  }
}

/*4*/

.our-approach {
  /*background:#f8f8f8;*/
}

.approach-timeline {
  margin: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  position: relative;
  gap: var(--gap50);
}

.approach-step {
  background: #fff;
  padding: 40px 25px;
  text-align: center;
  border-radius: 25px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  position: relative;
}

.approach-step:nth-child(1) {
  animation: home_blobAnimate1 5s ease-in-out infinite;
  animation-delay: 0.5s;
}
.approach-step:nth-child(2) {
  animation: home_blobAnimate2 7s ease-in-out infinite;
}
.approach-step:nth-child(3) {
  animation: home_blobAnimate3 6s ease-in-out infinite;
  animation-delay: 0.7s;
}
.approach-step:nth-child(4) {
  animation: home_blobAnimate4 7s ease-in-out infinite;
}

.approach-step:nth-child(5) {
  animation: home_blobAnimate5 6s ease-in-out infinite;
}

@keyframes home_blobAnimate1 {
  0% {
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    transform: translateY(0px);
  }
  25% {
    border-radius: 40% 60% 65% 35% / 35% 40% 60% 65%;
    transform: translateY(-10px);
  }
  50% {
    border-radius: 60% 40% 40% 60% / 30% 60% 40% 70%;
    transform: translateY(10px);
  }
  75% {
    border-radius: 45% 55% 70% 30% / 60% 40% 60% 40%;
    transform: translateY(-5px);
  }
  100% {
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    transform: translateY(0px);
  }
}

@keyframes home_blobAnimate2 {
  0% {
    border-radius: 50% 50% 40% 60% / 60% 40% 60% 40%;
    transform: translateY(0px);
  }
  25% {
    border-radius: 60% 40% 50% 50% / 50% 60% 40% 50%;
    transform: translateY(-10px);
  }
  50% {
    border-radius: 40% 60% 60% 40% / 40% 50% 60% 50%;
    transform: translateY(10px);
  }
  75% {
    border-radius: 55% 45% 45% 55% / 60% 40% 50% 50%;
    transform: translateY(-5px);
  }
  100% {
    border-radius: 50% 50% 40% 60% / 60% 40% 60% 40%;
    transform: translateY(0px);
  }
}

@keyframes home_blobAnimate3 {
  0% {
    border-radius: 20% 80% 30% 70% / 60% 30% 70% 40%;
    transform: translateY(0px);
  }
  25% {
    border-radius: 70% 30% 60% 40% / 40% 70% 30% 60%;
    transform: translateY(-10px);
  }
  50% {
    border-radius: 50% 50% 20% 80% / 70% 40% 60% 30%;
    transform: translateY(10px);
  }
  75% {
    border-radius: 30% 70% 80% 20% / 50% 60% 40% 70%;
    transform: translateY(-5px);
  }
  100% {
    border-radius: 20% 80% 30% 70% / 60% 30% 70% 40%;
    transform: translateY(0px);
  }
}

@keyframes home_blobAnimate4 {
  0% {
    border-radius: 45% 55% 60% 40% / 40% 60% 40% 60%;
    transform: translateY(0px);
  }
  25% {
    border-radius: 60% 40% 50% 50% / 50% 40% 60% 50%;
    transform: translateY(-10px);
  }
  50% {
    border-radius: 50% 50% 40% 60% / 60% 50% 50% 40%;
    transform: translateY(10px);
  }
  75% {
    border-radius: 55% 45% 65% 35% / 45% 55% 45% 55%;
    transform: translateY(-5px);
  }
  100% {
    border-radius: 45% 55% 60% 40% / 40% 60% 40% 60%;
    transform: translateY(0px);
  }
}

@keyframes home_blobAnimate5 {
  0% {
    border-radius: 50% 50% 40% 60% / 60% 40% 60% 40%;
    transform: translateY(0px);
  }
  25% {
    border-radius: 60% 40% 50% 50% / 50% 60% 40% 50%;
    transform: translateY(-10px);
  }
  50% {
    border-radius: 40% 60% 60% 40% / 40% 50% 60% 50%;
    transform: translateY(10px);
  }
  75% {
    border-radius: 55% 45% 45% 55% / 60% 40% 50% 50%;
    transform: translateY(-5px);
  }
  100% {
    border-radius: 50% 50% 40% 60% / 60% 40% 60% 40%;
    transform: translateY(0px);
  }
}

.approach-step::before {
  position: absolute;
  content: "";
  width: 130px;
  height: 130px;
  border-top: 2px solid #f49518;
  border-style: dashed;
  top: 0;
  right: -90px;
  border-radius: 200px;
  z-index: -1;
}

.approach-step:nth-child(even)::before {
  position: absolute;
  content: "";
  width: 130px;
  height: 130px;
  border-top: inherit;
  border-style: dashed;
  right: -90px;
  border-radius: 200px;
  z-index: -1;
  top: inherit;
  border-bottom: 2px dashed #f49518;
  bottom: 0;
}

.approach-step:last-child::before {
  display: none;
}

.step-number {
  width: 70px;
  height: 70px;
  margin: auto;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
  position: relative;
}

.step-number::before {
  position: absolute;
  content: "";
  border-radius: 50%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px dashed #f97316;
  animation: rotate 20s ease-in-out infinite;
}

.approach-step h3 {
  margin-bottom: 10px;
  font-size: var(--fs-h5);
  font-weight: 700;
}

.approach-step p {
  font-size: 15px;
  line-height: 1.8;
  color: #666;
}

/*5*/

.our-values {
  background: #fafafa;
  background: #ffffff;
}

.values-grid {
  max-width: var(--innercontainer);
  margin: auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: var(--gap30);
}

.value-card {
  background: #38969921;
  border-radius: var(--gap30);
  padding: var(--gap30);
  padding-top: 0;
  transition: 0.4s;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
}

.value-card:nth-child(2) {
  border-bottom: 6px solid #00000021;
  background-color: #389699;
}

.value-card:nth-child(2) h3,
.value-card:nth-child(2) p {
  color: #ffffff;
}

.value-card:hover {
  border-bottom: 6px solid #389699;
  transform: translateY(-12px) !important;
}

.value-card span {
  font-size: 24px;
  font-weight: 700;
  position: relative;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 65px;
  color: #ffffff;
}

.value-card span::before {
  content: "";
  position: absolute;
  background: #389699;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 0 0 75px 75px;
  border: 4px solid #fff;
  border-top: 4px solid #389699;
}

.value-card h3 {
  margin: 15px 0 10px;
  font-size: var(--fs-h5);
  font-weight: 700;
}

/*6*/

.looking-ahead {
  position: relative;
  overflow: hidden;
  background: rgb(56 150 153);
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}

.looking-overlay {
  position: absolute;
  inset: 0;
  background: rgb(56 150 153);
  display: none;
}

.looking-content {
  position: relative;
  z-index: 2;
  max-width: calc(var(--innercontainer) - 200px);
  margin: auto;
  text-align: center;
  color: #fff;
}

.journey-text {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 120px;
  font-weight: 800;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.05);
  z-index: 1;
  pointer-events: none;
}

/*7*/

.abs_about-cta-box {
  max-width: 1200px;
  margin: auto;
  text-align: center;
  padding: var(--gap50);
  border-radius: var(--gap50);
  background: var(--bgcolor1);
  color: var(--headingwhite);
}

.abs_about-cta-box h2 {
  margin: 0;
  font-weight: 700;
}

.abs_about-cta-box p {
  max-width: 700px;
  margin: 10px auto 0;
  font-size: 16px;
  font-weight: 400;
  opacity: 0.7;
  color: #fff;
}

.abs_cta-buttons {
  margin-top: var(--gap30);
  display: flex;
  justify-content: center;
  gap: var(--gap15);
  flex-wrap: wrap;
}

/*========================== Career Pgae Start ==========================*/
/*========================== Career Pgae Start ==========================*/
/*========================== Career Pgae Start ==========================*/

/*========================= ( 1 ) ========================*/

.newCarr_intro_sec {
}

.newCarr_intro_box {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: var(--gap50);
  align-items: center;
  padding: var(--gap50);
  border-radius: var(--gap50);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  background: var(--bgWhite);
}

.newCarr_intro_actions {
  display: flex;
  gap: var(--gap15);
  margin-top: var(--gap30);
  flex-wrap: wrap;
}

.newCarr_intro_media {
  position: relative;
}

.newCarr_intro_image {
  border-radius: var(--gap30);
  overflow: hidden;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.08);
}

.newCarr_intro_image img {
  width: 100%;
  display: block;
  max-height: 500px;
  object-fit: cover;
}

.newCarr_intro_note {
  background: #fff8fb;
  padding: 12px 18px;
  border-radius: 20px;
  font-size: 13px;
  color: #d92b67;
  font-weight: 600;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  width: max-content;
  max-width: 320px;
  width: 90%;
  gap: 5px;
}

.newCarr_intro_note span {
  animation: marqueeLeftToRight 15s linear infinite;
  display: inline;
  white-space: nowrap;
}

/*2*/

.carr_change_sec {
  background: #d92b6710;
  position: relative;
  overflow: hidden;
}

.carr_change_wrap {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: var(--gap50);
  align-items: center;
}

.carr_change_cards {
  position: relative;
}

.carr_change_card {
  background: var(--bgcolor3);
  border-radius: var(--gap30);
  padding: var(--gap30);
  position: relative;
  width: 85%;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.07);
  transition: 0.4s;
  z-index: 9;
  border: 2px solid #d92b6710;
  overflow: hidden;
  animation: newCarr_floatUpDown 3.5s ease-in-out infinite;
}

.carr_change_card.carr_change_card1 {
  animation: newCarr_floatUpDown 4.5s ease-in-out infinite;
}

@keyframes newCarr_floatUpDown {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0px);
  }
}

.carr_change_card::before,
.carr_change_card::after {
  position: absolute;
  content: "";
  width: 175px;
  height: 145px;
  border-radius: 20px;
  z-index: -1;
  animation: rotate 20s ease-in-out infinite;
  opacity: 0.1;
}

.carr_change_card::before {
  right: -50px;
  top: -30px;
  background-color: #faece7;
}

.carr_change_card::after {
  background-color: #ec7d2d;
  bottom: -70px;
  left: -70px;
  animation: rotate 10s ease-in-out infinite;
}

.carr_change_card.carr_change_card1::before {
  background-color: #ec7d2d59;
  top: -50px;
  right: 30px;
}

.carr_change_card:hover {
  transform: translateY(-10px);
}

.carr_change_card1 {
  top: 0;
  left: 0;
  padding-bottom: 60px;
  background: #ffffff;
}

.carr_change_card.carr_change_card1 .carr_change_number,
.carr_change_card.carr_change_card1 h3,
.carr_change_card.carr_change_card1 p {
  color: var(--bgcolor3);
}

.carr_change_card2 {
  right: -90px;
  top: -40px;
}

.carr_change_number {
  font-size: var(--fs-h1);
  font-weight: 800;
  color: #f7d6e1;
  line-height: 1;
  margin-bottom: 5px;
}

.carr_change_card h3 {
  margin-bottom: 15px;
  font-weight: 700;
  color: #f7d6e1;
  font-size: var(--fs-h4);
}

.carr_change_card p {
  color: #fff;
}

/*3*/

.carr_why_sec {
  background: #fff8f9;
  position: relative;
  overflow: hidden;
}

.carr_why_layout {
  position: relative;
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap50);
}

.carr_why_center {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.carr_why_circle {
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: linear-gradient(135deg, #d92b67, #ff7aa8);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 25px 70px rgba(217, 43, 103, 0.25);
}

.carr_why_inner {
  width: 220px;
  height: 220px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding-top: 50px;
}

.carr_why_inner span {
  color: var(--bgcolor2);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
}

.carr_why_inner h4 {
  margin-top: 4px;
  font-size: var(--fs-h6);
  line-height: 1.3;
  font-weight: 700;
  color: var(--bgcolor3);
}

.carr_why_card {
  position: relative;
  width: 350px;
  background: #fff;
  padding: var(--gap30);
  border-radius: var(--gap30);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.07);
  transition: 0.4s;
}

.carr_why_card:hover {
  transform: translateY(-10px);
}

.carr_why_card2 {
  margin-top: 150px;
}

.carr_why_icon {
  width: 65px;
  height: 65px;
  border-radius: var(--gap15);
  background: var(--bgcolor3);
  color: #fff;
  font-size: var(--fs-h5);
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

.carr_why_card h3 {
  font-size: var(--fs-h5);
  margin-bottom: 10px;
  font-weight: 700;
}

/*4*/

.carr_jobs_sec {
  background: #ffffff;
}

.carr_jobs_wrapper {
  padding: var(--gap50);
  border-radius: var(--gap50);
  box-shadow: 0 10px 30px rgb(0 0 0 / 14%);
  background: var(--bgWhite);
}

.carr_jobs_header {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: var(--gap50);
}

.pink_tag {
  color: #d10046 !important;
  background-color: #d100462b !important;
}

.carr_jobs_right {
  padding-right: 15px;
}

.carr_jobs_badge {
  padding: var(--gap50);
  border-radius: var(--gap50);
  background: linear-gradient(135deg, #ec7d2d, #ec7d2d);
  /* background: var(--bgcolor2); */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: 0 20px 60px rgba(217, 43, 103, 0.25);
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 9;
}

.carr_jobs_badge::before {
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: var(--bgcolor1);
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: var(--gap50);
}

.carr_jobs_badge span {
  color: #fff;
  font-size: var(--fs-h3);
  line-height: 1.2;
  font-weight: 700;
}

.carr_jobs_stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap30);
  margin-top: var(--gap30);
  max-width: var(--innercontainer);
  margin-left: auto;
  margin-right: auto;
}

.carr_jobs_stat {
  background: var(--bgcolor4);
  border-radius: var(--gap15);
  padding: var(--gap30);
  text-align: center;
  display: flex;
    align-items: center;
    justify-content: center;
}

.carr_jobs_stat h3 {
  color: var(--headingwhite);
  font-size: var(--fs-h6);
  margin-bottom: 5px;
  font-weight: 800;
  text-transform: capitalize;
}

.carr_jobs_stat p {
  color: #ffffff94;
  margin: 0;
}



/*5*/

.carr_future_sec {
  background: #fff8f9;
}

.carr_future_box {
  grid-template-columns: 1.4fr 1fr;
  display: grid;
  gap: var(--gap50);
  align-items: center;
  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: var(--gap50);
  padding: var(--gap50);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
  z-index: 9;
}

.carr_future_card {
  background: var(--bgcolor3);
  padding: var(--gap50);
  border-radius: var(--gap50);
  text-align: center;
  box-shadow: 0 20px 60px rgba(217, 43, 103, 0.25);
}

.carr_future_card small {
  color: #fff;
  opacity: 1;
  background: var(--bgcolor1);
}

.carr_future_card h3 {
  color: #fff;
  font-size: var(--fs-h3);
  margin: 15px 0;
  font-weight: 700;
}

.carr_future_card .btn_2 {
  border-radius: 50px;
  transition: 0.2s all;
}

.carr_future_shape {
  position: absolute;
  border-radius: 50%;
  z-index: -1;
}

.carr_future_shape1 {
  width: 200px;
  height: 200px;
  background: #ffe4ed;
  top: -100px;
  right: -50px;
}

.carr_future_shape2 {
  width: 150px;
  height: 150px;
  background: #fff3f7;
  bottom: -80px;
  left: -50px;
}

/*6*/

.newCarr_roadmap_sec {
  background: #fff8fb;
}

.newCarr_roadmap_wrap {
  position: relative;
  max-width: 1200px;
  margin: auto;
}

.newCarr_roadmap_wrap::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 6px;
  height: 100%;
  background: #ffd6e4;
  transform: translateX(-50%);
  border-radius: 20px;
}

.newCarr_roadmap_step {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: var(--gap30);
}

.newCarr_roadmap_step:last-child {
  margin-bottom: 0;
}

.newCarr_roadmap_step:nth-child(even) {
  flex-direction: row-reverse;
}

.newCarr_roadmap_number {
  width: 65px;
  height: 65px;
  min-width: 65px;
  border-radius: 50%;
  background: #fedce7;
  color: var(--bgcolor3);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-h5);
  font-weight: 800;
  z-index: 2;
  box-shadow: 0 15px 35px rgba(217, 43, 103, 0.25);
  border: 1px dashed var(--bgcolor3);
}

.newCarr_roadmap_card {
  width: 62%;
  background: var(--bgWhite);
  padding: var(--gap30);
  border-radius: var(--gap30);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
  margin: 0 var(--gap30);
  transition: 0.4s;
}

.newCarr_roadmap_card:hover {
  transform: translateY(-10px);
}

.newCarr_roadmap_card h3 {
  font-size: var(--fs-h5);
  margin-bottom: 5px;
  font-weight: 700;
}

.newCarr_roadmap_final {
  background: var(--bgcolor3);
}

.newCarr_roadmap_final h3,
.newCarr_roadmap_final p {
  color: #fff;
}

.newCarr_roadmap_step:last-child .newCarr_roadmap_number {
  background: var(--bgcolor3);
  color: #fff;
}

/*7*/

.carr_quote_sec {
  background: #fff8f9;
}

.carr_quote_box {
  text-align: center;
  background-color: var(--bgcolor1);
  border-radius: var(--gap50);
  padding: var(--gap50);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
}

.carr_quote_icon {
  display: block;
  font-size: 120px;
  color: #ffd4e3;
  line-height: 1;
}

.carr_quote_box p {
  font-size: var(--fs-h3);
  font-weight: 700;
  color: #ffd4e3;
  margin-top: -50px;
  line-height: 1.5;
}

/*=======================( new carrer 2 .1 )==========================*/

/*========================== Constitution Start ==========================*/
/*========================== Constitution Start ==========================*/
/*========================== Constitution Start ==========================*/

/*1*/

.legal_reg_insdie {
  padding: var(--gap50);
  border-radius: var(--gap50);
  box-shadow: 0 10px 30px rgb(0 43 68 / 30%);
  background: var(--bgcolor4);
}

/*2*/

.newConst_legal_sec {
  /*background:#fff8fb;*/
  position: relative;
}

.newConst_legal_blueprint {
  margin-top: var(--gap30);
  position: relative;
}

.newConst_legal_center {
  width: 370px;
  margin: auto;
  padding: var(--gap30);
  border-radius: var(--gap30);
  text-align: center;
  background: var(--bgcolor4);
  color: #fff;
  position: relative;
  z-index: 5;
}

.newConst_legal_center h4 {
  margin-top: 10px;
  font-size: var(--fs-h4);
  font-weight: 700;
}

.newConst_legal_connector {
  width: 4px;
  height: 50px;
  background: var(--bgcolor4);
  margin: auto;
}

.newConst_legal_nodes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--gap15);
}

.newConst_legal_card {
  background: #fff;
  padding: var(--gap30);
  border-radius: var(--gap30);
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: 0.4s;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
  border-top: 14px solid var(--bgcolor4);
  z-index: 9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.newConst_legal_card:hover {
  transform: translateY(-10px);
  border-top: 0px solid var(--bgcolor4);
}

.newConst_legal_card::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: var(--bgcolor4);
  transition: 0.4s ease;
  z-index: -1;
}

.newConst_legal_card:hover::before {
  height: 100%;
}

.newConst_legal_card:hover h4 {
  color: var(--headingwhite);
}

.newConst_legal_card h4 {
  font-size: var(--fs-h5);
}

.newConst_reg_notice {
  padding: var(--gap15);
  border-radius: 50px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  max-width: 530px;
  width: 100%;
  text-align: center;
  margin: auto;
  margin-top: var(--gap30);
  flex-wrap: wrap;
}

.newConst_reg_notice strong {
  color: #111;
}

.newConst_reg_notice span {
  color: var(--bgcolor3);
  font-weight: 700;
}

/*---*/

/*3*/

.newConst_principles_sec {
  background: #ffffff;
  overflow: hidden;
  position: relative;
}

.newConst_principles_sec::before {
  position: absolute;
  content: "";
  background-image: url(../images/about_bg_art1.png);
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.3;
}

.newConst_principles_wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: var(--gap15);
}

.newConst_principle_card {
  position: relative;
  background: #fff;
  padding: var(--gap30);
  border-radius: var(--gap30);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
  transition: 0.4s;
}

.newConst_principle_card:hover {
  transform: translateY(-10px);
}

.newConst_principle_number {
  width: 60px;
  height: 60px;
  border-radius: var(--gap15);
  background: #002b4426;
  color: var(--bgcolor4);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  margin-bottom: 15px;
  box-shadow: 0 3px 10px 0px #002b4445;
  border: 1px dashed var(--bgcolor4);
  font-size: var(--fs-h5);
}

.newConst_principle_card h4 {
  font-size: var(--fs-h4);
  margin-bottom: 10px;
}

/*-------------------*/

/*4*/

.newConst_objectives_sec {
  background: #fff8fb;
  position: relative;
  overflow: hidden;
}

.newConst_objectives_head {
  text-align: center;
  margin: auto;
}

.newConst_objectives_wrap {
  position: relative;
}

.impact_sec {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap50);
  padding: var(--gap50);
  border-radius: var(--gap50);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  background: var(--bgWhite);
  align-items: center;
}

.impact_wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 510px;
}

.impact_core {
  position: relative;
  top: auto;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  background: var(--bgcolor4);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 5;
  box-shadow:
  0 0 0 20px rgba(255, 128, 170, 0.08),
  0 30px 80px rgba(255, 128, 170, 0.2);
  animation: animate-pulse 5s linear infinite;
}

.impact_core::before {
  content: "";
  position: absolute;
  width: 120%;
  height: 120%;
  border-radius: 50%;
  border: 2px dashed rgba(255, 128, 170, 0.25);
  transform: translate(-50%, -50%);
  animation: rotate 20s ease-in-out infinite;
}

.newConst_object_img {
  max-height: 600px;
  height: 100%;
}

.newConst_object_img img {
  border-radius: var(--gap50);
  box-shadow: 0 0 10px #ccc;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.impact_core h2 {
  margin: 10px 0;
  font-size: var(--fs-h4);
}

.impact_core p {
  opacity: 0.8;
  font-size: 14px;
  font-weight: 400;
}

.impact_item {
  position: absolute;
  min-width: 180px;
  padding: 15px;
  background: #fff;
  border-radius: 60px;
  text-align: center;
  box-shadow: 5px 12px 35px 20px rgb(0 0 0 / 9%);
  z-index: 9;
  transition: 0.3s ease;
  border: 1px solid #042f4f36;
  animation: newCarr_floatUpDown 3.5s ease-in-out infinite;
}

.impact_item:nth-child(odd) {
  animation: newCarr_floatUpDown 4.5s ease-in-out infinite;
  animation-delay: 1s;
}

.impact_item h3 {
  margin: 0;
  font-size: var(--fs-h6);
}

.impact_top {
  top: 0;
  left: 38%;
  transform: translateX(-50%);
}

.impact_left {
  left: 0;
  top: 170px;
}

.impact_right {
  right: 0;
  top: 170px;
}

.impact_bottom_left {
  left: 0;
  bottom: 120px;
}

.impact_bottom_right {
  right: 0;
  bottom: 120px;
}

.impact_bottom_bottom{
      bottom: 0;
}

/*5*/

.newConst_compliance_sec {
  background: #ffffff;
  position: relative;
}

.newConst_compliance_head {
}

.newConst_compliance_flow {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

.newConst_flow_line {
  position: absolute;
  left: 50%;
  top: 0;
  width: 4px;
  height: 100%;
  background: linear-gradient(#d92b67, #ff9ac3);
  background: var(--bgcolor4);
  transform: translateX(-50%);
  border-radius: 20px;
}

.newConst_flow_step {
  position: relative;
  margin-bottom: var(--gap30);
  display: flex;
  justify-content: flex-start;
}

.newConst_flow_step:nth-child(even) {
  justify-content: flex-end;
}

.newConst_flow_box {
  width: 62%;
  background: #fff;
  padding: var(--gap30);
  border-radius: var(--gap30);
  box-shadow: 0 20px 60px rgb(0 0 0 / 19%);
  transition: 0.4s;
  position: relative;
}

.newConst_flow_box:hover {
  transform: translateY(-10px);
}

.newConst_flow_box span {
  width: 65px;
  height: 65px;
  background: var(--bgcolor2);
  color: #fff;
  border-radius: 0 var(--gap15) var(--gap15) 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: var(--fs-h4);
  position: absolute;
  left: 0;
}

.newConst_flow_box h3 {
  padding-left: 50px;
  font-size: var(--fs-h5);
  margin-bottom: 5px;
  font-weight: 700;
}

.newConst_flow_box p {
  padding-left: 50px;
}

.newConst_flow_box.final {
  background: var(--bgcolor4);
  color: #fff;
}

.newConst_flow_box.final p {
  color: #fff;
  opacity: 0.9;
}

/*6*/
.newConst_vault_sec {
  background: #fff8fb;
}

.newConst_vault_box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap50);
  align-items: center;
}

.newConst_vault_left {
  background: #fff;
  padding: var(--gap50);
  border-radius: var(--gap50);
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.06);
}

.newConst_doc_icon {
  font-size: var(--fs-h3);
  margin-bottom: 15px;
}

.newConst_vault_left h3 {
  font-size: var(--fs-h3);
  margin-bottom: 15px;
}

.newConst_vault_left p {
  margin-bottom: 15px;
}

.newConst_vault_left ul {
  list-style: none;
  padding: 0;
}

.newConst_vault_left ul li {
  padding: 5px 0;
  color: var(--bgcolor2);
  font-weight: 500;
}

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

.newConst_vault_card {
  background: var(--bgcolor4);
  color: #fff;
  padding: var(--gap50);
  border-radius: var(--gap50);
  width: 100%;
  text-align: center;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.2);
}

.newConst_vault_card h3 {
  font-size: var(--fs-h3);
  margin-bottom: 15px;
}

.newConst_vault_card p {
  color: #fff;
  margin-bottom: var(--gap30);
  line-height: 1.7;
}

.newConst_vault_card .custom_btn {
  border-radius: 50px;
}


/*========================== Constitution End ==========================*/
/*========================== Constitution End ==========================*/
/*========================== Constitution End ==========================*/

/*========================== Areas of Intervention Start ==========================*/
/*========================== Areas of Intervention Start ==========================*/
/*========================== Areas of Intervention Start ==========================*/

.ai_approach_section {
  background: #f8f6f2;
}

.ai_approach_inner {
  width: min(1100px, 90%);
  margin: auto;
}

.ai_approach_flow {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: var(--gap30) 0 var(--gap50);
}

.ai_approach_step {
  text-align: center;
  flex: 1;
}

.ai_approach_dot {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--bgcolor4);
  margin: 0 auto 10px;
}

.ai_approach_step h3 {
  font-size: var(--fs-h6);
  color: var(--bgcolor4);
}

.ai_approach_line {
  width: 140px;
  height: 1px;
  background: var(--bgcolor2);
  margin: 0;
  flex: 1;
}

.ai_approach_content {
  margin: auto;
  text-align: center;
}

/*2*/

.ai_involvement_section {
  background: #ffffff;
  position: relative;
  overflow: hidden;
}

.ai_involvement_grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: var(--gap30);
  align-items: center;
}

.ai_involvement_center {
  max-width: 500px;
  position: relative;
  padding: var(--gap50);
  border-radius: var(--gap30);
  box-shadow: 0 10px 30px rgb(0 0 0 / 14%);
  background: var(--bgcolor1);
  text-align: center;
  z-index: 9;
  overflow: hidden;
  transition: 0.4s;
  min-height: 420px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.ai_involvement_center::before {
  position: absolute;
  content: "";
  top: 10px;
  left: 10px;
  background-color: var(--bgcolor5);
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: var(--gap30);
}

.ai_involvement_center span {
  background-color: #ffffff;
}

.ai_involvement_center h2 {
  color: #fff;
  text-shadow: 10px 6px 20px BLACK;
}

.ai_involvement_text {
  padding: var(--gap50);
  border-radius: var(--gap30);
  box-shadow: 0 10px 30px rgb(0 0 0 / 14%);
  background: var(--bgWhite);
  text-align: center;
  border-bottom: 5px solid var(--bgcolor5);
  transition: 0.4s;
  min-height: 270px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ai_involvement_text:hover,
.ai_involvement_center:hover {
  transform: translateY(-5px);
}

/*========================== Areas of Intervention End ==========================*/
/*========================== Areas of Intervention End ==========================*/
/*========================== Areas of Intervention End ==========================*/


/*========================== Donation Detail Start ==========================*/
/*========================== Donation Detail Start ==========================*/
/*========================== Donation Detail Start ==========================*/

.dono_detail_outer{
  position: relative;
  z-index: 9;
/*  padding-top: var(--gap50);
padding-bottom: var(--gap50);*/
}


.dono_detail_outer::before{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(../images/bgbanner/testbanner.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  z-index: -1;
  opacity: 0.1;
}

.urgent-bar{
  background: #c2410c;
  color: #fff;
  padding: 7px 15px;
  text-align: center;
  font-size: 14px;
  border-bottom: 1px solid #fed7aa;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  gap: 8px;
  margin-bottom: var(--gap15);
}

.fund-title{
  font-size: var(--fs-h3);
  font-weight: 700;
  margin-bottom: var(--gap30);
}

.fund-grid{
  display: flex;
  gap: var(--gap50);
  align-items: flex-start;
}

.main-image-box{
  background: #fff;
  padding: var(--gap15);
  border-radius: var(--gap15);
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.06);
  border: 1px solid #e5e7eb;
  overflow: hidden;
  width: 100%;
}

.fund-content {
  width: 60%;
  flex: 1;
}

.mib_inner{
  width: 100%;
  height: 100%;
}

.dt_image_box {
  height: 520px;
}

.dt_image_box img{
  height:100%; 
  width: 100%;
  object-fit: cover;
  border-radius: var(--gap15);
}

/* Tabs */

.tab-nav{
  display: flex;
  gap: var(--gap30);
  margin-top: var(--gap30);
  border-bottom: 1px solid #e5e7eb;
}

.tab-btn{
  background:none;
  border:none;
  padding:15px 0;
  cursor:pointer;
  font-size:16px;
  font-weight:600;
  color:#6b7280;
}

.tab-btn.active{
  color:#14b8a6;
  border-bottom:2px solid #14b8a6;
}

.tab-content{
  display:none;
  border: 1px solid #e5e7eb;
  padding: var(--gap30);
  border-radius: var(--gap15);
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.06);
  margin-top: 20px;
  background-color: #fff;
}

.tab-content.active{
  display:block;
}

.tab-content h2{
  margin-bottom: 15px;
  font-size: var(--fs-h4);
}

.tab-content >p{
  line-height:1.8;
  color:#6b7280;
  margin-bottom: 15px;
}

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

/* Sidebar */

.fund-sidebar{
  width: 480px;
  position: sticky;
  top: 140px;
}

.sidebar-card{
  position:sticky;
  top: 20px;  
}

.sidebar_grid_in {
  display: flex;
  flex-direction: column;
  gap: var(--gap50);
}

.side_card_inner{
  background: #fff;
  padding: var(--gap30);
  border-radius: var(--gap30);
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}

/* Buttons */

.donate_btn_dt{
  width:100%;
  border:none;
  background:#14b8a6;
  color:#fff;
  padding:16px;
  border-radius:12px;
  font-size:18px;
  font-weight:700;
  cursor:pointer;
  margin-bottom:20px;
}

.share-btn{
  width:100%;
  border:none;
  background:#4338ca;
  color:#fff;
  padding:14px;
  border-radius:10px;
  font-weight:600;
  cursor:pointer;
  display: block;
  text-align: center;
  margin-bottom:10px;
}

/* Payment */

.payment-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 5px;
  margin-bottom: var(--gap15);
}

.payment-grid div{
  border: 1px solid #e5e7eb;
  border-radius: 5px;
  padding: 5px;
  text-align: center;
  font-size: 12px;
  color: #6b7280;
}

/* Progress */

.share-text{
  text-align:center;
  font-size:12px;
  color:#6b7280;
  margin-bottom:15px;
  font-style: italic;
}

.raised-amount{
  font-size: var(--fs-h3);
  font-weight: 700;
}

.goal-text{
  color: #6b7280;
  margin: 5px 0 15px;
  text-transform: capitalize;
  font-size: 14px;
}

.progress-bar{
  height:12px;
  background:#e5e7eb;
  border-radius:50px;
  overflow:hidden;
  margin-bottom: var(--gap15);
}

.progress-bar span{
  display:block;
  width:98%;
  height:100%;
  background:#14b8a6;
}

/* Stats */

.stats-row{
  display:flex;
  justify-content:space-between;
  font-size: 16px;
  margin-bottom: var(--gap15);
}

/* Campaigner */

.campaigner{
  border-top: 1px solid #e5e7eb;
  padding-top: 15px;
  display: flex;
  gap: 15px;
  align-items: center;
}

.campaigner-avatar{
  width:50px;
  height:50px;
  border-radius:50%;
  background:#d1d5db;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
}

.campaigner h4{
  color: var(--headingColor1);
  margin: 4px 0;
  font-size: var(--fs-h5);
  text-transform: capitalize;
}

/*==================*/
.db-bank-card{
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  border:1px solid #e5e5e5;
  box-shadow:0 10px 35px rgba(0,0,0,.08);
}

/* Header */

.db-bank-header{
  display: flex;
  align-items: center;
  gap: var(--gap15);
  padding: var(--gap15);
  background: #f7fafa;
  border-bottom: 1px solid #e7e7e7;
}

.db-shield-icon{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #14b8a6;
  color: #fff;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.db-bank-header h3{
  font-size: var(--fs-h6);
  font-weight: 400;
}

.db-bank-header span{
  color: var(--bgcolor6);
  font-weight: 700;
}

/* Body */

.db-bank-body{
  display: flex;
  align-items: center;
  gap: var(--gap30);
  padding: var(--gap30);
  flex-wrap: wrap;
}

.db-bank-icon{
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: #eef8f7;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.db-bank-icon i{
  font-size:60px;
  color:#14b8a6;
}

.db-bank-details{
  width:100%;
  flex: 1;
}

.db-bank-row{
  display: grid;
  grid-template-columns: 240px auto;
  gap: 15px;
  padding: 4px 0;
}

.db-bank-row span{
  font-size: 16px;
  font-weight: 500;
}

.db-bank-row strong{
  font-size: 16px;
  font-weight: 700;
}

/* Footer */

.db-bank-footer{
  background: linear-gradient(135deg, #0ea5a4, #14b8a6);
  color: #fff;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 10px 25px;
  position: relative;
  overflow: hidden;
}

.db-bank-footer::before{
  content:"";
  position:absolute;
  inset:0;
  background:
  radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0 20px,transparent 20px),
  radial-gradient(circle at 90% 60%,rgba(255,255,255,.08) 0 12px,transparent 12px);
}

.db-gift-icon{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #fff;
  color: #14b8a6;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

.db-bank-footer h4{
  font-size: var(--fs-h5);
  margin-bottom: 0px;
  position: relative;
  z-index: 1;
}

.db-bank-footer p{
  font-size: 14px;
  position:relative;
  color: #000;
  z-index:1;
}

.db-bank-footer a{
  color:inherit;
  text-decoration:underline;
  font-weight:600;
}

/*-----------*/

.share_fund_media ul{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 45px 0;
  flex-wrap: wrap;
}

.share_fund_media ul a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  text-transform: capitalize;
}

.share_fund_media ul a i {
  font-size: 26px;
}


/*========================== Donation Detail End ==========================*/
/*========================== Donation Detail End ==========================*/
/*========================== Donation Detail End ==========================*/


/*========================== Success full found rasie Start ==========================*/
/*========================== Success full found rasie Start ==========================*/
/*========================== Success full found rasie Start ==========================*/

.sucess_outbox_wrapper{
  position: relative;
  z-index: 9;
  padding-top: var(--gap50);
  padding-bottom: var(--gap50);
}

.sucess_outbox_wrapper::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(../images/bgbanner/donation_img1.jpg);
  background-size: contain;
  background-repeat: repeat;
  background-position: top center;
  opacity: 0.2;
  z-index: -1;
}

.sucess_outbox{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.sucess_story_slider{
  background: #fff;
  padding: var(--gap15);
  border-radius: var(--gap15);
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.06);
  border: 1px solid #e5e7eb;
  overflow: hidden;
  width: 100%;
}

.sucess_campa {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
}

.sucess_campa_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  position: relative;
  border-bottom: 1px solid #ccc;
  padding-bottom: var(--gap30);
  margin-bottom: var(--gap30);
  margin-top: var(--gap30);
}
.sucess_share_op {
  margin-top: var(--gap30);
}

.sucess_desh{
  color: var(--headingColor1);
  font-size: var(--fs-h5);
  text-transform: capitalize;
}

.sucess_desh small {
  font-size: 14px;
  color: #666;
  line-height: 1;
}


.campaigner_scuss{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--bgcolor2);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.sucess_inner_op {
  text-align: center;
  background-color: var(--bgcolor5);
  border-radius: var(--gap50);
  padding: var(--gap50);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.06);
}

.sucess_inner_op .btn_box{
  justify-content: center;
  margin-top: var(--gap15);
}



/*========================== Success full found rasie End ==========================*/
/*========================== Success full found rasie End ==========================*/
/*========================== Success full found rasie End ==========================*/


/*========================== Project Detail Start ==========================*/
/*========================== Project Detail Start ==========================*/
/*========================== Project Detail Start ==========================*/

.pd_blood_hero {
  background: radial-gradient(circle at top right, #ffdddd, #ffffff);
  padding: 180px 0 60px;
  overflow: hidden;
  position: relative;
  z-index: 9;
}

.pd_blood_hero::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(../images/bgbanner/donation_img1.jpg);
  background-size: contain;
  background-repeat: repeat;
  background-position: center;
  opacity: 0.2;
  z-index: -1;
}

.pd_hero_inner {
  width: 100%;
  max-width: 100%;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap50);
  align-items: center;
}

/*.pd_hero_tag {
display: inline-block;
padding: 10px 13px;
background: var(--bgcolor3);
color: var(--bgWhite);
border-radius: 50px;
font-weight: 500;
margin-bottom: 15px;
font-size: 14px;
line-height: 1;
}*/

.pd_hero_content h1 {
    font-size: var(--fs-h2);
    /*text-transform: uppercase;*/
}

.pd_hero_content h1 span {
 color: var(--bgcolor3);
}

/* .pd_hero_content p {
font-size: 20px;
line-height: 34px;
color: #555;
max-width: 650px;
}
*/

.pd_hero_meta {
  display: flex;
  gap: var(--gap15);
  margin: var(--gap30) 0 0;
  flex-wrap: wrap;
}

.pd_hero_meta_item {
  background: #fff;
  padding: 18px 25px;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.pd_hero_meta_item strong {
  display: block;
  color: var(--bgcolor3);
}

.pd_hero_img {
  position: relative;
}

.pd_hero_shape {
  width: 500px;
  height: 500px;
  margin: auto;
  overflow: hidden;
  border-radius: 250px 0 250px 250px;
  position: relative;
  animation: nimcBlob 8s ease-in-out infinite;
}


@keyframes nimcBlob {
  0%{
    border-radius: 55% 45% 60% 40% / 45% 60% 40% 55%;
  }
  25%{
    border-radius: 35% 65% 40% 60% / 60% 40% 60% 40%;
  }
  50%{
    border-radius: 60% 40% 35% 65% / 35% 65% 35% 65%;
  }
  75%{
    border-radius: 45% 55% 65% 35% / 65% 35% 55% 45%;
  }
  100%{
    border-radius: 55% 45% 60% 40% / 45% 60% 40% 55%;
  }
}

.pd_hero_shape::before{
  position: absolute;
  content: '';
}


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

.pd_hero_mpact_card {
  position: absolute;
  background: #fff;
  padding: 25px;
  border-radius: 20px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.pd_hero_mpact_card h3 {
  color: var(--bgcolor3);
  font-size: var(--fs-h4);
}

.pd_card_1 {
  top: 100px;
  left: 0;
}

.pd_card_2 {
  bottom: 100px;
  right: 0;
}

.pd_hero_stats_inner {
  width: 100%;
  margin: 60px auto 0;
  background: var(--bgcolor1);
  color: #fff;
  border-radius: var(--gap15);
  padding: var(--gap30);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap15);
}

.pd_hero_stats {
  text-align: center;
  position: relative;
}

.pd_hero_stats::before {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  background: #ffffff29;
  right: 0;
}

.pd_hero_stats:last-child::before {
  display: none;
}

.pd_hero_stats span {
  display: block;
  font-size: 14px;
  color: var(--peraColor3);
}


/*----*/


.project_sucess_right {
  position: sticky;
  top: 130px;
}

.project_sucess_wrapper {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: var(--gap50);
  align-items: self-start;
}

.project_sucessright_grid h4{
  text-transform: capitalize;
  color: var(--bgcolor2);
  font-size: var(--fs-h4);
  padding-bottom: 15px;
  margin-bottom: 0;
  border-bottom: 1px solid #0000000f;
}

.project_sucessright_grid{
  padding: var(--gap20);
  background: #fff;
  border-radius: var(--gap20);
  display: grid;
  gap: var(--gap15);
  box-shadow: 0 0 20px 1px #d100461c;
}

.project_sucessright_box {
  background-color: #58c1bd1a;
  padding: 15px;
  border-radius: 15px;
  transition: 0.4s;
}

.project_sucessright_box:hover{
  background-color:var(--bgcolor1);
  transform: translateY(-5px);
}

.project_sucessright_box:hover h6{
  color:var(--bgWhite); 
}

.project_sucessright_box a{
  display: flex;
  align-items: center;
  gap: 15px;
}
.psr_box_img {
  width: 100px;
  height: 100px;
  border-radius: 15px;
  overflow: hidden;
}

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

.psr_box_content {
  flex: 1;
}

.psr_box_content span {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--headingColor1);
  justify-content: flex-start;
}

.psr_box_content h6 {
  color: var(--headingColor2);
      display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.psl_quate p {
  padding: 20px 15px;
  background-color: #ec7d2d;
  margin-bottom: 30px;
  max-width: 940px;
  border-radius: 20px 0 20px;
  font-style: italic;
  font-weight: 700;
  color: #fff;
  text-align: left;
  font-size: 15px;
  position: relative;
  margin-top: 15px;
}

/* Light Box */

.pd_suces_slider h5 {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
  text-transform: capitalize;
  color: var(--bgcolor2);
  font-size: var(--fs-h4);
}

.pro_detail_gallery{
  display: grid;
  gap: var(--gap15);
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.pro_detail_gallery a{
  display:block;
  overflow:hidden;
  border-radius:20px;
}

.pro_detail_gallery img{
  width:100%;
  height:200px;
  object-fit:cover;
  display:block;
  transition:.4s;
}

.pro_detail_gallery a:hover img{
  transform:scale(1.08);
}


/*========================== Project Detail End ==========================*/
/*========================== Project Detail End ==========================*/
/*========================== Project Detail End ==========================*/


/*========================== Privacy page strat ==========================*/
/*========================== Privacy page strat ==========================*/
/*========================== Privacy page strat ==========================*/

html{
  scroll-behavior: smooth;
}

.privacy-policy-page{
  background: var(--bgWhite);
  padding: var(--gap30);
  border-radius: var(--gap30);
}

.privacy-policy-sidebar-title {
  font-size: var(--fs-h2);
  padding-bottom: var(--gap20);
  margin-bottom: var(--gap30);
  border-bottom: 1px solid #00000017;
}

.privacy-policy-layout{
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: var(--gap30);
}

.privacy-policy-sidebar{
  position: sticky;
  top: 150px;
  height: max-content;
  background-color: var(--bgcolor1);
  padding: var(--gap20);
  border-radius: var(--gap20);

}

.privacy-policy-nav{
  list-style:none;
  padding:0;
  margin:0;
}

.privacy-policy-nav-item{
  margin-bottom:5px;
}

.privacy-policy-nav-link{
  display: block;
  padding: 14px 18px;
  text-decoration: none;
  color: var(--peraColor1);
  border-radius: 8px;
  transition: all .3s ease;
  font-weight: 500;
}

.privacy-policy-nav-link:hover,
.privacy-policy-nav-link.active{
  background: var(--bgcolor3);
  color: var(--peraColor3);
  box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
}

.privacy-policy-content{
  display:flex;
  flex-direction:column;
  gap:var(--gap15);
}

.privacy-policy-section{
  background: #ffffff;
  padding: var(--gap30);
  border-radius: var(--gap15);
  box-shadow: 0 15px 40px rgb(0 0 0 / 15%);
  scroll-margin-top: 0;
}

.privacy-policy-section h4 {
  margin-bottom: 10px;
  line-height: 1.2;
}

.privacy-policy-section p,
.privacy-policy-section li{
  color:var(--peraColor1);
  font-size: var(--fs-p);
  line-height: 1.6;
}

.privacy-policy-section p{
  margin-bottom: 15px
}

.privacy-policy-section li{
  margin-bottom: 6px;
  list-style: disc;
}    

.privacy-policy-section p:last-child,
.privacy-policy-section li:last-child{
  margin-bottom: 0;
}

.privacy-policy-section ul{
  margin-bottom: 15px;
  padding-left: 25px;
}

.privacy-policy-section p a,
.privacy-policy-section ul li a{
  font-weight: 700;
  color: var(--bgcolor3);
  font-style: italic;
}

.privacy-policy-section>strong {
  margin-bottom: 15px;
  display: inline-block;
}

.privacy-policy-section strong,
.privacy-policy-section ul li strong  {
  color: #000;
}

.privacy-policy-section p strong{
  font-weight: 700;
  color: #000;
}

.privacy-policy-section h4,
.privacy-policy-section h5,
.privacy-policy-section h6{
  margin-bottom: 10px;
}


/* table css start */


.table-scroll {
  width: 100%;
  margin-bottom: 15px;

}

/* Desktop default */
.cookie-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--fs-p);
  line-height: 1.6;
}

.cookie-table th,
.cookie-table td {
  border: 1px solid #ddd;
  padding: 15px;
  text-align: left;
  vertical-align: top;
}

.cookie-table th {
  background: #f5f5f5;
  font-weight: 600;
}

.cookie-table tbody tr:nth-child(even) {
  background: #fafafa;
}

.cookie-table tbody tr:hover {
  background: #f1f1f1;
}

/* ========================= */
/* 📱 ONLY BELOW 600px SCROLL */
/* ========================= */
@media (max-width: 600px) {

  .table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .cookie-table td {
    white-space: nowrap;padding: 10px;}

  }



  /* table css End */






  /*========================== Privacy page End ==========================*/
  /*========================== Privacy page End ==========================*/
  /*========================== Privacy page End ==========================*/