@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');

body {
  font-family: "Space Grotesk", sans-serif !important;
  background-color: #fff;
  height: 200vh;
  position: relative; }
  body:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    opacity: 0;
    visibility: hidden;
    z-index: 1; }
  body.offcanvas-menu:before {
    opacity: 1;
    z-index: 1002;
    visibility: visible; }
  h1, h2, h3, h4, h5, h6, span, a, button, li, ul{
    font-family: "Space Grotesk", sans-serif !important;
  }

p {
  color: #000 ;
  font-weight: 300;
  font-family: "Space Grotesk", sans-serif !important; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}


a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  a, a:hover {
    text-decoration: none !important; }


.buttons {
    background: #d30b19 !important;
    border: 1px solid #d30b19 !important;
    color: #fff !important;
} 
/*animation*/
.animate {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

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

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/*=== FADE IN DOWN ===*/
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

/*=== FADE IN LEFT ===*/
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

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

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

/*==== FADE IN RIGHT ===*/
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

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

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.wrapper {
    position: absolute;
    text-align: center;
    top: 27%;
    left: 49%;
    transform: translate(-50%, -50%);
}
.wrapper h3{
  /*position: relative;*/
    display: inline-block;
    color: #c8111e;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 6px;
    /*z-index: 1;*/
}

.wrapper .title{

    color: #FFFFFF;
    font-size: 70px;
    /*position: relative;*/
    /*font-size: 85px;*/
    font-weight: bold;
    margin-bottom: 18px;
    z-index: 1;
}
.wrapper .title span{
  color: #c8111e;
}

.button-set a{
  /*position: relative;*/
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-top: 20px;
    padding: 12px 32px;
    z-index: 1;
    overflow: hidden;
      color: #fff;
    background:#c8111e;
}

.button-set a:hover{
border: 1px solid #c8111e;
background: transparent;}

#particles-js {
  height: 100vh;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  /*position: relative;*/
  background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)), url(../images/family-banner.jpg);
}

/*#particles-js::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, .6);
}*/
/* Header */
.banner-video .video-frame{
    width: 100%;
}
.banner-video {
    margin-bottom: -6px;
}


header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  padding: 0px 0; }
  @media (min-width: 768px) {
    header {
      padding: 30px 0; } }
  header .navbar-brand {
    text-transform: uppercase;
    letter-spacing: .2em;
    font-weight: 800;
    font-size: 2rem; }
    header .navbar-brand.absolute {
      position: absolute; }
      @media (max-width: 991.98px) {
        header .navbar-brand.absolute {
          position: relative; }
        /*  Responsive ENTREPRENEURSHIP */
         .spirit-main-title {
                font-size: 2rem;
            }

            .spirit-main-container {
                padding: 20px !important;
            }

            .spirit-left-panel {
                margin-bottom: 40px;
                padding: 35px 22px !important;
            }
            /* contact us responsive */
            .contact-page-title {
                font-size: 2.5rem;
            }

            .contact-info-wrapper {
                margin-bottom: 50px;
            }

            .contact-form-wrapper {
                padding: 35px 30px;
            }
            /* commercial section */
            .commerce-hero-section {
                padding: 60px 0;
            }

            .commerce-content-wrapper {
                min-height: auto;
            }

            .commerce-left-images {
                height: 400px !important;
                margin-bottom: 40px !important;
            }

            .commerce-img-primary {
                width: 180px !important;
                height: 230px !important;
            }

            .commerce-img-secondary {
                width: 150px !important;
                height: 180px !important;
            }

            .commerce-center-content {
                padding: 30px 15px !important;
                text-align: center;
                margin-bottom: 40px;
            }

            .commerce-subtitle::after {
                left: 50% !important;
                transform: translateX(-50%) !important;
            }
            .student-section-hero-content-organic {
              padding: 30px 20px !important;
             }
             .student-section-value-card-organic {
                padding: 25px 17px !important;
            }
            .commerce-description {
                margin-left: auto;
                margin-right: auto;
            }

            .commerce-main-heading {
                font-size: 36px;
            }

            .commerce-right-image {
                display: flex;
                justify-content: center;
            }

            .commerce-img-main {
                margin: 0 auto;
                height: 450px;
                max-width: 380px;
            }

            .commerce-floating-badge {
                left: 50% !important;
                transform: translateX(-50%);
                bottom: -20px;
            }
            .kiroo-logo img {
            width: 20% !important;
           }
           .commerce-cta-btn {
            padding: 7px 10px !important;
            font-weight: 600;
            font-size: 12px !important;
              }
            /* generalisation */
            .gen-hero-section {
                padding: 60px 20px;
            }
            .gen-section-title2,.gen-section-title {
                font-size: 24px;
    
            }
            .gen-hero-visual {
                margin-top: 60px;
            }
            .gen-hero-image {
                height: 400px;
            }
            .gen-floating-card-1 {
                left: 10px;
                bottom: -20px;
            }
            .gen-floating-card-2 {
                right: 10px;
                top: 10px;
            }
            .gen-foundation-section,
            .gen-inhabipreneur-section,
            .gen-protection-section,
            .gen-conclusion-section {
                 padding: 60px 20px;
            }
            .gen-section-header {
                margin-bottom: 50px;
            }
            .gen-foundation-card {
                margin-bottom: 30px;
                height: auto;
            }
            .gen-inhabipreneur-content {
                margin-bottom: 50px;
            }
            .gen-large-number {
                font-size: 8rem;
                top: -40px;
            }
            .gen-timeline {
                padding-left: 30px;
            }
            .gen-timeline-item {
                padding-left: 30px;
            }
            .gen-shield-container {
                padding: 40px 30px;
                margin-top: 50px;
            }
            .gen-stat-grid {
                gap: 20px;
            }
            .gen-stat-item h4 {
                font-size: 2rem;
            }
            .slumlords-hero-editorial::before,
            .slumlords-hero-editorial::after {
                display: none;
            }
            
            .slumlords-hero-editorial {
                background: linear-gradient(135deg, #fef2f2 0%, #fff 100%);
                text-align: center;
            }
            
            .slumlords-hero-subtitle {
                margin-left: auto;
                margin-right: auto;
            }
            
            .slumlords-stats-row {
                justify-content: center;
            }
            
            .slumlords-btn-outline-editorial {
                margin-left: 0;
                margin-top: 1rem;
            }
            
            .slumlords-timeline::before {
                left: 30px;
            }
            
            .slumlords-timeline-item,
            .slumlords-timeline-item:nth-child(even) {
                flex-direction: column;
                align-items: flex-start;
                padding-left: 70px;
            }
            
            .slumlords-timeline-content {
                width: 100%;
            }
            
            .slumlords-timeline-icon {
                left: 0;
                transform: none;
            }
            
            .slumlords-footer-grid {
                grid-template-columns: 1fr 1fr;
            }
        }
    header .navbar-brand span {
      color: #fff; }
      @media (min-width: 768px) {
        header .navbar-brand span {
          color: #ced4da; }
        .spirit-section {
                padding: 40px 0;
            }

            .spirit-main-title {
                font-size: 1.75rem;
            }

            .spirit-main-container {
                padding: 25px 20px;
                border-radius: 20px;
            }

            .spirit-left-panel {
                padding: 30px 25px;
            }

            .spirit-image-wrapper {
                width: 150px;
                height: 150px;
            }

            .spirit-profile-image {
                width: 130px;
                height: 130px;
            }

            .spirit-card-item {
                margin-bottom: 30px;
            }

            .spirit-floating-circle {
                display: none;
            }
            /* contact us responsive */
            .contact-section {
                padding: 60px 0;
            }

            .contact-page-title {
                font-size: 2rem;
                letter-spacing: 3px;
            }

            .contact-form-row {
                /* flex-direction: column; */
                gap: 15px;
            }

            .contact-form-wrapper {
                padding: 30px 25px;
            }

            .contact-info-item {
                margin-bottom: 25px;
            }

            .contact-social-icons {
                justify-content: flex-start;
            }
            .commerce-left-images {
                height: 350px;
                max-width: 320px;
                margin: 0 auto 40px;
            }

            .commerce-img-primary {
                width: 160px;
                height: 200px;
            }

            .commerce-img-secondary {
                width: 130px;
                height: 160px;
            }

            .commerce-main-heading {
                font-size: 30px;
            }

            .commerce-description {
                font-size: 15px;
            }

            .commerce-cta-btn {
                padding: 14px 30px;
                font-size: 13px;
            }

            .commerce-img-main {
                height: 400px;
                max-width: 320px;
            }

            .commerce-floating-badge {
                padding: 15px 20px;
            }

            .commerce-dots-pattern,
            .commerce-curve-line {
                display: none;
            }
            /* generalisation */
             .gen-hero-title {
                font-size: 2.2rem;
            }
            .gen-hero-subtitle {
                font-size: 1rem;
            }
            .gen-hero-image {
                height: 300px;
            }
            .gen-floating-card {
                padding: 15px;
            }
            .gen-floating-card i {
                font-size: 1.5rem;
            }
            .gen-floating-card h5 {
                font-size: 0.9rem;
            }
            .gen-section-title {
                font-size: 1.8rem;
            }
            .gen-foundation-card {
                padding: 30px;
            }
            .gen-foundation-icon {
                width: 60px;
                height: 60px;
                font-size: 1.5rem;
            }
            .gen-large-number {
                font-size: 5rem;
                top: -25px;
            }
            .gen-inhabipreneur-text h2 {
                font-size: 1.8rem;
            }
            .gen-stat-grid {
                grid-template-columns: 1fr;
            }
            .gen-stat-item {
                padding: 20px;
            }
            .gen-timeline-item h4 {
                font-size: 1.25rem;
            }
            .gen-shield-icon {
                width: 100px;
                height: 100px;
                font-size: 2.5rem;
            }
            .gen-shield-container h3 {
                font-size: 1.5rem;
            }
            .gen-conclusion-pillars {
                gap: 20px;
            }
            .gen-pillar {
                min-width: 100%;
                padding: 20px;
            }
            .gen-cta-btn {
                padding: 15px 35px;
                font-size: 1rem;
            }
            .slumlords-stats-row {
                flex-wrap: wrap;
                gap: 2rem;
            }
            
            .slumlords-stat-item {
                text-align: center;
                flex: 0 0 45%;
            }
            
            .slumlords-elegant-card {
                margin-bottom: 1.5rem;
            }
            
            .slumlords-footer-grid {
                grid-template-columns: 1fr;
                text-align: center;
            }
            
            .slumlords-footer-social {
                justify-content: center;
            }
            
            .slumlords-image-accent,
            .slumlords-image-dots {
                display: none;
            }
         }
          @media (max-width: 576px) {
            .spirit-main-title {
                font-size: 1.5rem !important;
            }

            .spirit-social-links {
                justify-content: center;
            }

            .spirit-header-badge {
                font-size: 12px;
                padding: 6px 18px;
            }
            .contact-page-title {
                font-size: 1.75rem;
                letter-spacing: 2px;
            }

            .contact-icon-box {
                width: 48px;
                height: 48px;
                min-width: 48px;
            }

            .contact-info-label {
                font-size: 1rem;
            }

            .contact-form-wrapper {
                padding: 25px 20px;
                border-radius: 15px;
            }

            .contact-submit-btn {
                width: 100%;
            }
             .commerce-hero-section {
                padding: 40px 0;
            }

            .commerce-left-images {
                height: 300px;
                max-width: 280px;
            }

            .commerce-img-primary {
                width: 140px;
                height: 180px;
            }

            .commerce-img-secondary {
                width: 110px;
                height: 140px;
            }

            .commerce-main-heading {
                font-size: 26px;
            }

            .commerce-subtitle {
                font-size: 12px;
                letter-spacing: 2px;
    
            }

            .commerce-img-main {
                height: 350px !important;
                max-width: 280px !important;
                border-radius: 20px !important;
            }

            .commerce-floating-badge {
                padding: 12px 16px !important;
            }

            .commerce-floating-badge-icon {
                width: 40px !important;
                height: 40px !important;
            }

            .commerce-floating-badge-text {
                font-size: 12px !important;
            }
             .gen-hero-badge {
                font-size: 12px !important;
                padding: 6px 18px !important;
            }

            .gen-foundation-card h3 {
                font-size: 1.25rem !important;
            }

            .gen-visual-card {
                padding: 25px !important;
            }
        }
  header .navbar {
    background: black !important;
    padding-top: .5rem;
    padding-bottom: .5rem; }
    @media (min-width: 768px) {
      header .navbar {
        padding-top: 0;
        padding-bottom: 0;
        background: none !important;
        position: relative; } }
    header .navbar .nav-link {
      padding: 0px 14px !important;
      outline: none !important;
      font-size: 16px;
      font-weight: 600;
      color: #fff !important; }

      @media (max-width: 1199.98px) {
        header .navbar .nav-link {
          padding: .5rem 0rem; } }
      header .navbar .nav-link.active {
        color: #fff !important; }
    header .navbar .dropdown-menu {
      font-size: 14px;
      border-radius: 4px;
      border: none;
      -webkit-box-shadow: 0 2px 30px 0px rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 30px 0px rgba(0, 0, 0, 0.2);
      min-width: 13em;
      margin-top: -10px; }
      header .navbar .dropdown-menu:before {
        bottom: 100%;
        left: 10%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: #fff;
        border-width: 7px; }
        @media (max-width: 991.98px) {
          header .navbar .dropdown-menu:before {
            display: none; } }
      header .navbar .dropdown-menu .dropdown-item:hover {
        background: #007bff;
        color: #fff; }
      header .navbar .dropdown-menu .dropdown-item.active {
        background: #007bff;
        color: #fff; }
      header .navbar .dropdown-menu a {
        padding-top: 7px;
        padding-bottom: 7px; }
    header .navbar .cta-btn a {
      background: #007bff;
      color: #fff !important;
      text-transform: uppercase;
      font-size: .8rem;
      padding: 15px 20px !important;
      line-height: 1;
      font-weight: bold;
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease; }
      header .navbar .cta-btn a:hover {
        background: #fff;
        color: #007bff !important;
        -webkit-box-shadow: 2px 0 30px -5px rgba(0, 0, 0, 0.2);
        box-shadow: 2px 0 30px -5px rgba(0, 0, 0, 0.2); }

div#navbarCollapse {
     margin-left: 22%;
}

ul.navbar-nav {
    margin-left: 22%;
}
i.bi.bi-search {
    color: #fff;
    font-size: 14px;
    height: 40px;
    width: 40px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.1);
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
}
.nav-item .nav-link:hover {
    color: #c8111e !important;
}
a.nav-link.active:hover {
    color: #c8111e !important;
}
.navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link.active {
    color: #c8111e !important;
}

.title{
  padding-top: 10px;
}

/*intro section*/
.flip-box {
  background-color: transparent;
  width: 100%;
  height: 350px;
  
  perspective: 1000px;
}

.flip-box-inner {
  position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#flip1 .flip-box-front {
    background-image: url(../images/donation/flip1-front.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#flip2 .flip-box-front {
    background-image: url(../images/donation/flip2-front.JPG);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#flip3 .flip-box-front {
    background-image: url(../images/donation/flip3-front.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.flip-box-back.flip-back1 {
  background-image: url(../images/donation/flip1-back.jpg);
}
.flip-box-back.flip-back2 {
  background-image: url(../images/donation/flip2-back.JPG);
}

.flip-box-back.flip-back3 {
  background-image: url(../images/donation/flip3-back.jpg);
}

#flip1, #flip2{
  padding-right: 0;
}




.flip-box-front{
      background-color: #bbb;
    color: black;
    display: flex;
    align-items: end;
    justify-content: center;
    padding: 35px;
}

.flip-box-back{
  background-color: dodgerblue;
    color: white;
    transform: rotateY(180deg);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 35px;
}
.flip-box-front .title {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
}
.flip-box-back .title {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.flip-box-back .description {
    margin-bottom: 28px;
    color:white;
}

.flip-box-back .back-btn {
    display: inline-block;
    color: #c8111e;
   font-weight: 600;
}
/*intro section end

/*service section*/
.service{
  background-image: url(../images/service2-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 65px !important;
}
.service-outer{
  display: flex;
}
.service-box.style2 {
    position: relative;
    background-color: #fff;
    padding: 26px 16px 27px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    margin: 10px;
}

.service-box.style2::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 0;
    background: linear-gradient(270deg, rgb(235 17 28) 0%, rgb(252 57 55) 100%);
    top: 0;
    right: 50%;
    transition: 0.5s;
}

.service-box.style2 .icon {
    margin-bottom: 25px;
}

.service h1.title {
   font-size: 40px;
    padding: 6px 0 6px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
    color: white;
    background: #c8111e;
}

.service-box.style2 .icon i {
    position: relative;
    display: inline-block;
    color: #fff;
    font-family: "Flaticon";
    font-style: normal;
    font-size: 36px;
    height: 85px;
    width: 85px;
    line-height: 95px;
    text-align: center;
    background: linear-gradient(270deg, rgb(235 17 28) 0%, rgb(252 57 55) 100%);
    border-radius: 50%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
}
.service-box.style2:hover .icon i {
    color: #c8111e;
    background: #fff;
}

.service-box.style2 .content {
    position: relative;
}

.service .service-box.style2 .title h3 {
    font-size: 20px;
    margin-bottom: 15px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    font-weight:600;
}
.service-box.style2:hover .title h3, .service-box.style2:hover .description p, .service-box.style2:hover .content .service-btn a, .service-box.style2:hover .content .service-btn a i {
    color: #fff;
}

.service-box.style2 .description p {
    margin-bottom: 27px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
}

.service-box.style2 .content .service-btn a {
    display: inline-block;
    color: black;
    font-weight: 600;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
}

.service-box.style2 .content .service-btn a i {
    color: #c8111e;
    margin-left: 10px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    position: relative;
    top: 3px;
    font-size: 20px;
    font-weight: bold;
}
.service-box.style2:hover::before {
    width: 100%;
    right: 0;
}
/*service section end*/


/*about section*/
.about2-content .subtitle{
    position: relative;
    display: inline-block;
    color: #c8111e;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 15px;
}
.about2-content .title {
    font-weight: bold;
    font-size: 35px;
}
.about2-content p{
  color:black;
}
.about2-content .subtitle::after {
    left: inherit;
    right: -55px;
    content: '';
    position: absolute;
    height: 2px;
    width: 45px;
    background-color: #c8111e;
    top: 50%;
}
.about-content{
  padding:30px 30px 10px 30px;
}

.about h4.subtitle {
    background: #db0815;
    width: 42%;
    color: white;
    padding: 9px;
    font-size: 20px;
}

.about .description{
  color:black;
}
.about4{
  margin-left: -34px;
}

.about-content .icon{
    margin-right: 15px;
    line-height: 1;
}
/*about section end*/

/*calculator section*/
.progress-item.style1 {
    margin-bottom: 32px;
}
.progress-item.style1 .progress-name {
    color: black;
    font-weight: 500;
    margin: 0 0 16px;
}
.progress-item.style1 .progress-stick {
    position: relative;
    height: 1px;
    background: #c8111e;
    margin: 5px 0;
}
.progress-item.style1 .progress-per {
    position: absolute;
    height: 10px;
    top: -5px;
    background-color: #c8111e;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 0;
    transition: 1s linear;
}
.progress-item.style1 .progress-per::before {
    content: attr(per);
    position: absolute;
    top: -35px;
    right: 0;
}


/*News section*/
.latest-news.card{
  border:none !important;
  border-radius: none !important;
  /*padding-right: 18px;*/
}
.latest-news .card-body {
    padding: 37px 40px 35px;
    box-shadow: 0px 5px 30px 0px rgba(34, 36, 41, 0.05);
    transition: 0.5s;
    border:0.5px solid #8080801a;
}
.latest-news .card-body .blog-meta{
  position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.feedback .slick-slide{
  margin-left: 0;
}
.latest-news .card-body .category {
    display: flex;
    align-items: center;
    margin-right: 10px;
}
.category ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.category ul li a {
    color:#c8111e ;
    font-size: 13px;
    font-weight: 600;
}
.blog-meta .bar {
    height: 2px;
    width: 5px;
    background: #c8111e;
    margin-right: 10px;
    margin-top: 6px;
}
.author {
    position: relative;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    flex-grow: 0;
    flex-shrink: 0;
    margin-top: 6px;
    color:black;
}
.blog-title {
    margin-top: 20px;
    margin-bottom: 18px;
    margin-right: 3px;
}
.blog-title a {
    color: #222429;
    font-size: 20px;
    font-weight: bold;
}
.blog-title a:hover{
  color: #c8111e;
}
.blog-button a {
    color: #c8111e;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
  }
  .blog-button a i {
    font-size: 20px;
    margin: 4px 0 0 2px;
}

.carousel-item .col-md-4 {
    padding: 9px;
}
.news{
  text-align: center;
}
.news h4 {
    position: relative;
    display: inline-block;
    color: #c8111e;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 15px;
}
.news h4::before, .news h4::after{
  content: '';
    position: absolute;
    height: 2px;
    width: 45px;
    background-color: #c8111e;
    top: 50%;
    left: -55px;
}
.news h4::after{
    left: inherit;
    right: -55px;
}
.news h1{
  font-size: 40px;
    margin-bottom: 20px;
}
/*News section end*/


/*testimonial section*/
.testimonial{
  background: #80808014;
}
.single-testimonial {
    position: relative;
    background-color: #fff;
    padding: 30px 40px 40px;
    border-left: 10px solid #c8111e;
    margin-right: 15px;
}
.single-testimonial::before {
    content: '';
    position: absolute;
    height: 45px;
    width: 35px;
    background: url(../images/quote-icon.png);
    background-repeat: no-repeat;
    right: 40px;
    bottom: 40px;
}
.single-testimonial .rating-stars {
    padding: 3px 0 20px;
}
.single-testimonial .rating-stars i {
    font-size: 14px;
    color: #d9d9d9; /* default empty */
}

/* Full star */
.single-testimonial .rating-stars .bi-star-fill {
    color: #c8111e;
}

/* Half star */
.single-testimonial .rating-stars .bi-star-half {
    color: #c8111e;
}

.single-testimonial .quote-text {
    margin-bottom: 29px;
    color: black;
    font-size: 16px;
}
.single-testimonial .client-profile {
    display: flex;
    align-items: center;
}
.single-testimonial .client-profile .image {
    margin-right: 20px;
}
.single-testimonial .client-profile .image img {
    height: 50px;
    width: 50px;
    object-fit: cover;
}
.single-testimonial .client-profile .client-bio h5 {
    font-size: 20px;
    margin: 0 0 5px;
}
.single-testimonial .designation {
    color: #c8111e;
    margin: 0;
    font-size: 16px;
}
/*testimonial section end*/

/*footer section*/

.footer{
  background-image: url(../images/footer-bg.jpg);
  background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.footer ul {
    list-style: none;
    padding: 0;
}
.footer h3.heading-text, .footer p.heading-text {
    color: white;
    margin: 0 0px 28px 0px;
}
.footer-logo{
  margin-bottom: 20px;
}
.footer ul li {
    margin-bottom: 16px;
}

.footer ul li a, .footer ul li{
    color: #FFFFFF99;
    font-size: 16px;
}
.footer ul li:hover{
  color: #fff;
}
.footer ul li a:hover{
  color: #fff;
}
.footer ul li i{
   color: #c8111e;
    font-size: 10px;
    margin-right: 10px;
}
.footer p{
  color:#FFFFFF99;
}
ul.social-icons li {
    background-color: #69696926;
    border-radius: 50%;
    padding: 3px 10px 5px 10px;
    margin: 0 7px 0 0;
}
ul.social-icons li:hover {
    background-color: #c8111e;
}
.contact ul li i{
  font-size: 15px;
}
.copyright {
    background: black;
    text-align: center;
    width: 100%;
    padding: 0;
}

.copyright a {
    color: grey;
}

.jil-logo {
    text-align: right;
}

.kiroo-logo img {
    width: 100%;
}


#button {
  display: inline-block;
  border: 2px solid #c8111e;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 46px;
  color: #c8111e;
}

#button.show {
  opacity: 1;
  visibility: visible;
}

/*service page*/
.breadcrumb{
  border-top: 1px solid #dde6ee;
    padding: 25px 0 27px;
    justify-content: center;
    margin-bottom: 0;
}
.breadcrumb-item.active {
    color: #c8111e !important;
    font-weight: bold;
}
li.breadcrumb-item a {
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    color: white !important;

}
.breadcrumb-item+.breadcrumb-item::before{
color:white !important;
}
.breadcrumb-area.service-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/service-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.breadcrumb-area .title {
    padding: 190px 0 89px;
}
.breadcrumb-area .title h1 {
    color: #fff;
    font-size: 65px;
    font-weight: bold;
}
.breadcrumb-area .breadcrumb-items {
    border-top: 1px solid #dde6ee;
    padding: 25px 0 27px;
}
.breadcrumb-area .breadcrumb-items ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.breadcrumb-area .breadcrumb-items ul li {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin: 0 3px;
    text-transform: uppercase;
}
.breadcrumb-area .breadcrumb-items ul li a {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}
.breadcrumb-area .breadcrumb-items ul li:last-child {
    color: #c8111e;
    font-weight:bold;
}
/*service page end*/

/*application process page */

.breadcrumb-area.process-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/process-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.process .title, .box-removal .title.disclaimer .title, .about-pg-content .title, .crisis .title, .well-being .title, .mission .title, .commitment .title, .housing-choice .title, .box-removal .title, .dignity .title, .focus-family .title, .donor .title, .max-donation .title, .equality .title, .affordability .title,.patience .title, .ethos .title, .self-employe .title, .trust .title, .circular-economy .title, .participating-area .title, .renovation-works .title, .real-choice .title, .fixture .title, .obligations .title, .family-empowerment .title, .increasing-time .title, .fit-purpose .title, .value-added .title, .class-dist .title, .environment .title, .getting-organised .title, .spread-word .title, .leveling-up .title, .client-dashboard .title, .transparency-sec1 .title, .raising-sec1 .title, .allocation .title, .commencement .title, .exceptional-quality h1, .economy .title, .profitable .title{
    font-size: 40px;
    padding-bottom: 20px;
    position:relative;
}
.process .title::before, .box-removal .title::before, .disclaimer .title::before, .about-pg-content .title::before, .crisis .title::before, .well-being .title::before, .mission .title::before, .commitment .title::before, .housing-choice .title::before, .dignity .title::before, .focus-family .title::before, .donor .title::before, .max-donation .title::before, .affordability .title:before,.patience .title::before, .ethos .title::before, .self-employe .title::before, .trust .title::before, .circular-economy .title::before, .participating-area .title::before, .renovation-works .title::before, .fixture .title::before, .obligations .title::before, .family-empowerment .title::before, .increasing-time .title::before, .fit-purpose .title::before, .value-added .title::before, .class-dist .title::before, .environment .title::before, .getting-organised .title::before, .spread-word .title::before, .leveling-up .title::before, .client-dashboard .title::before, .transparency-sec1 .title::before, .raising-sec1 .title::before, .allocation .title::before, .commencement .title::before, .enjoyment .title::before, .equality .title::before, .tenancy .title::before, .single-parents .title::before, .exceptional-quality h1::before, .housing-adequacy .title::before, .your-data .title::before, .external-work .title::before, .disabilities h1::before, .free-thinking .title::before, .before-profit h1::before, .charity h1::before, .economy .title::before, .profitable .title::before, .benefit-claimants h1::before, .conditional-thinking h1::before{
    content: "";
    position: absolute;
    /*display: block;*/
    width: 80px;
    height: 3px;
    background: #ce0e1b;
    bottom: 0;
    /*left: 0;*/
}

.process p{
    padding-top: 15px;
    color: black;
}
img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}


/*disclaimer page*/
.breadcrumb-area.disclaimer-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/disclaimer-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.disclaimer p, .about-pg-content p, .crisis p{
    color: black;
}

/*holistic page*/
.breadcrumb-area.holistic-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/holistic-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

/*about us page*/
.breadcrumb-area.about-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/about-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

/*economy page*/
.breadcrumb-area.economy-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/dynamic-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}


.economy p{
color:black;

}
.economy img{
    margin-top:-39px;
}

/*crisis page*/
.breadcrumb-area.crisis-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/crisis-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.crisis-gallery p {
    padding: 20px 20px 0;
    font-size: 22px;
    color: white;
}
.crisis-content{
    background: #d10d1a;
}
.crisis-gallery .col-md-6 {
    padding-right: 0;
}

/*mental well being*/

.breadcrumb-area.well-being-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/well-being.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.well-being {
    background-image: url(../images/well.png);
    background-size: cover;
}
.well-card {
    /* margin-right: 3px; */
    background: #e40613;
    padding: 30px;
    height: 100%;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.well-card p {
    color: white;
}
.well-card {
    transition: transform 0.3s ease-in-out;
}

.well-card:hover {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.well-being p {
    color: #000;
    font-size: 16px;
}


/*mission statement*/
.breadcrumb-area.mission-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/mission-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.mission p{
    color:#000;
}
.row.mission-block {
    background: #c8111e;
}
.mission-block p{
    color:#fff;
    font-size:15px;
}
.mission-img{
    padding: 0px;
}
.mission-content{
    padding: 30px 30px 0;
}


/*our commitment*/
.breadcrumb-area.commitment-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/commitment-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.commitment{
    background-color: #efefef;
}
.commitment p{
    color:#000;
}
.commitment .row{
    background-color: #ffffff;
}
.col-md-6.commitment-content {
    padding: 2rem 3rem 0;
    /* justify-content: center; */
    text-align: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.col-md-6.comitment-img {
    padding: 0;
}


/*application questions*/
.breadcrumb-area.questions-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/questions-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.application {
     border: 2px solid #d54b4b17;
}

.application .form-control{
    padding: 1.375rem 0.75rem !important;
    border-radius:0 !important;
}
.application-image {
  background-image: url('../images/form-img.jpg');
  background-size: cover;
  background-position: center;
}
.application-image h1{
    padding: 24%;
    color: #d10d1a;
}

.submit{
    border: none;
    padding: 9px 27px 9px;
    background: #ce0e1b;
    color: white;
    font-weight: bold;
    margin-top:8px;
    margin-left:15px;
}

.btn-login {
  font-size: 0.9rem;
  letter-spacing: 0.05rem;
  padding: 0.75rem 1rem;
}

.questions{
    background-image:url(../images/question-intro.jpg);
    background-size:cover;
}

.ques-box {
    width: 35rem;
    box-shadow: 0 0px 5px grey;
    display: flex;
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    flex-direction: column;
    padding:25px;
}
.ques-box .form-control{
    margin-bottom:19px;
}
h3#questionBox {
    font-size: 21px;
    padding-bottom:9px;
}

.thankyou hr {
    margin-top: 7px;
    width: 33%;
    border-top: 1px solid rgb(196 19 31);
}
.thankyou {
    width: 35rem;
    box-shadow: 0 0px 5px #b51d1e;
    display: flex;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    flex-direction: column;
    padding: 25px;
    text-align: center;
}
.thankyou p {
    color: black;
    font-size: 18px;
    font-weight: 600;
}
form#application_form .submit {
    margin-left: 0;
}

/*profitable page*/
.breadcrumb-area.profitable-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/portable-loss-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.profitable{
    /*background-color: #efefef;*/
    position: relative;
    padding: 6px 0;
}
.profitable-text h2{
    color: #cb101d;
}
.profitable::after {
    position: absolute;
    top: 0;
    right: 96px;
    bottom: 0;
    content: '';
    background: cornsilk;
    z-index: -2;
    width: 54%;
}

/*housing choice*/
.breadcrumb-area.housing-choice-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/housing-choice-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.housing-choice{
    background:#f2f2f2;
}
.housing-img {
    border: 50px solid;
    border-color: transparent #cb101d transparent #cb101d;
}

/*Box room */

.breadcrumb-area.box-removal-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/box-room-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}



/*restoring dignity*/
.breadcrumb-area.dignity-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/restoring-dignity-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.dignity{
    background: transparent;
}
.dignity .card{
    border:none !important;
    background-color:transparent;
}
.timeline {
    position: relative;
    padding: 10px;
    margin: 0 auto;
    overflow: hidden;
    color: #ffffff;
}

.timeline:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
    border-right: 2px dashed #4772a3;
    height: 100%;
    display: block;
}

.timeline-row {
    padding-left: 50%;
    position: relative;
    margin-bottom: 30px;
}

.timeline-row .timeline-time {
    position: absolute;
    right: 50%;
    top: 31px;
    text-align: right;
    margin-right: 20px;
    color: #000000;
    font-size: 1.5rem;
}

.timeline-row .timeline-time small {
    display: block;
    font-size: .8rem;
    color: #8796af;
}

.timeline-row .timeline-content {
    position: relative;
    padding: 20px 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.timeline-row .timeline-content:after {
    content: "";
    position: absolute;
    top: 20px;
    height: 3px;
    width: 40px;
}

.timeline-row .timeline-content:before {
    content: "";
    position: absolute;
    top: 20px;
    right: -50px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    z-index: 100;
    background: #ffffff;
    border: 2px dashed #4772a3;
}

.timeline-row .timeline-content h4 {
    margin: 0 0 20px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 150%;
}

.timeline-row .timeline-content p {
    line-height: 150%;
    text-align:center;
    color:white;
}

.timeline-row .timeline-content i {
    font-size: 2rem;
    color: #ffffff;
    line-height: 100%;
    padding: 10px;
    border: 2px solid #ffffff;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-bottom: 10px;
    display: inline-block;
}

.timeline-row .timeline-content .thumbs {
    margin-bottom: 20px;
}

.timeline-row .timeline-content .thumbs img {
    margin-bottom: 10px;
}

.timeline-row:nth-child(even) .timeline-content {
    background-color: #000000;
    /* Fallback Color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fc6d4c), to(#ff5000));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #000000, #000000);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #fc6d4c, #ff5000);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #fc6d4c, #ff5000);
    /* IE10 */
    background-image: -o-linear-gradient(top, #fc6d4c, #ff5000);
    /* Opera 11.10+ */
    background-image: linear-gradient(top, #fc6d4c, #ff5000);
    margin-left: 40px;
    text-align: left;
}

.timeline-row:nth-child(even) .timeline-content:after {
    left: -39px;
    border-right: 18px solid #ce0e1b;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.timeline-row:nth-child(even) .timeline-content:before {
    left: -50px;
    right: initial;
}

.timeline-row:nth-child(odd) {
    padding-left: 0;
    padding-right: 50%;
}

.timeline-row:nth-child(odd) .timeline-time {
    right: auto;
    left: 50%;
    text-align: left;
    margin-right: 0;
    margin-left: 20px;
}

.timeline-row:nth-child(odd) .timeline-content {
    background-color: #ce0e1b;
    /* Fallback Color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1379bb), to(#5a99ee));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #ce0e1b, #ce0e1b);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #1379bb, #5a99ee);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #1379bb, #5a99ee);
    /* IE10 */
    background-image: -o-linear-gradient(top, #1379bb, #5a99ee);
    /* Opera 11.10+ */
    background-image: linear-gradient(top, #1379bb, #5a99ee);
    margin-right: 40px;
    margin-left: 0;
    text-align: right;
}

.timeline-row:nth-child(odd) .timeline-content:after {
    right: -39px;
    border-left: 18px solid #000000;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}
.owl-carousel-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, .1);
}

@media (max-width: 780px) {
  .sticky-top{
    top: 0px !important; 
    background: black;
    position: relative;
  }
  span.bi.bi-list {
    color: white;
    font-size: 37px;
}
.nav-item.nav-link{
  padding-left: 0 !important;
  padding-right: 0 !important;

}
.navbar-light .navbar-nav .nav-link {
    color: #000 !important;
    border-bottom: 1px solid black;
    padding:8px 0 9px !important;
}
.navbar-nav{
  height: 100vh;
  max-height: 100vh;
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling:touch;
}
  .fixed-top{
    padding: 0px !important;
    top: 0 !important;
    position: fixed !important;
  }
  a.navbar-brand{
    margin-left: 0.5rem;
  }
  .pg-home .sec2bg {
    margin-top: -44px;
  }
  .about-company{
    padding-bottom: 20px !important;
  }
  .about-content{
    padding: 0 !important;
  }
  .feedback .slick-slide{
    margin-right: 0px;
  }
  .testimonial .slick-initialized .slick-slide{
    margin: 0 !important;
  }
  .about-company .subtitle {
    margin-top: 26px;
  }
  .footer.container-fluid {
    /* padding-right: 0 !important; */
    padding-left: 0 !important;
    padding-top: 20px !important;
}
.spacing{
  padding-right: 20px;
  padding-left: 20px;
  text-align: justify !important;
}
.your-data .px-5{
  padding-right: 0 !important;
    padding-left: 0 !important;
}
.your-data p{
  text-align: justify !important;
}
.external-work{
  padding-left: 5% !important;
  padding-bottom: 40px !important;
  margin-top: -37px !important;
}
.external-work .row{
  padding-top: 20px;
}
.external-work .col-md-6{
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: -31px;
}
.focus-family{
  padding-right: 20px;
}
.focus-family .col-md-6{
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: -37px;
}
.focus-family .card{
  padding-left: 20px !important;}
#particles-js {
  height: 90vh !important;
}
.crisis .container, .economy .container, .profitable .container, .well-being .container, .well-being2, .service-pg .container-fluid, .process .container, .housing-choice .container, .box-removal .container, .dignity .container{
  padding-right: 20px;
  padding-left: 20px;
}
.service-pg .container-fluid{
  margin: 50px 0 50px;
}
.crisis-gallery .col-md-6 {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 11px;
}
.crisis-gallery{
  padding-right: 15px;
    padding-left: 15px;
}
.profitable::after{
  display: none;
}
.profitable{
  margin-top: -30px !important;
  margin-bottom: -30px !important;

}
.profitable-text{
  margin-top: -21px;
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.well-being2 .col-md-4{
  padding-right: 0;
    padding-left: 0;
    padding-bottom: 20px;
}
.about-company .col-md-6.animate{
  padding:0;
}
.about-company .container-fluid{
  padding-bottom: 0 !important;
}
.fulcrum .container-fluid{
  padding-right: 20px;
    padding-left: 20px;
}
.about-pg-content .col-md-6, .process .col-md-6{
  padding-bottom: 15px;
}
.housing-choice .col-md-7{
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.box-removal{
  margin-bottom: 40px;
}
.box-removal .col-md-6{
      padding-bottom: 0 !important;
    margin-bottom: -33px !important;
}
.box-removal .col-md-6 .pb-5{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.dignity .col-xl-12{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.timeline-row .timeline-content:before{
  right:0 !important;
  left: -48px;
}
.timeline-row:nth-child(even) .timeline-content:before{
  left: -48px;
}
.about{
    margin-top: 50px !important;
    margin-bottom: 40px;
}
.about-content{
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.enjoyment{
  margin-top:0 !important;
  margin-bottom: 0 !important;
}
.enjoyment .col-md-5{
      padding-left: 0 !important;
    padding-right: 0 !important;

}
.order2{
  order:2;
}
.order1{
  order:1;
}
.equality .col-md-6{
      margin-bottom: 15px;
}
.equality{
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-bottom: 40px !important;
    padding-top: 40px !important;
}
.tenancy .card-body {
    height: auto !important;
    padding: 20px;
}
.tenancy{
  background-size: contain !important;
}
.self-employe .row{
  margin-left: 0;
  margin-right: 0;
}
.commitment-content{
  padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}
.disabilities .col-md-7{
  margin-top:-15px;
}
.benefit-claimants{
  padding-bottom: 20px !important;
}
.benefit-claimants .col-md-6{
padding-top: 0 !important;
    margin-top: 0 !important;
}
.single-parents{
      margin-top: -42px !important;
    padding-top: 20px;
    padding-left: 5%;
}
.single-parents .container{
  padding-left: 0 !important;
}
.single-parents .col-md-6{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.single-parents img{
  margin-top: -40px;
}
.trust .row{
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 36px !important;
}
.trust img, .value-added img, .class-dist img, .environment img  .leveling-up img{
  height: auto !important;
}
.trust .col-md-4{
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-bottom: 15px;
}
.trust p {
     padding: 0px !important; 
    color: #fff;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 8px;
}
.circular-economy img{
  margin-bottom: 20px;
}
.participating-area .row{
  margin-top: 0 !important;
}
.participating-area .title::before{
      background: #df0714 !important;
}
.about .col-md-6{
  margin-bottom: 0 !important;
}
.renovation-works{
  margin-top: 40px;
}
.renovation-works h1 {
    top: 31px !important;
    margin-bottom: 68px;
}
.renovation-works .col-md-6.pt-5 {
    margin-top: -32px !important;
}
.real-choice{
  padding-bottom: 40px;
}
.real-choice .pt-4{
  padding-left: 20px;
  padding-right: 20px;
}
.exceptional-quality{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.exceptional-quality p{
  text-align: justify !important;
}
.exceptional-quality .py-5.px-5{
  padding-left: 0 !important;
    padding-right: 0 !important;
}
.conditional-thinking h1{
  font-size: 27px !important;
}
.conditional-thinking .col-md-6{
  margin-top: 0 !important;
    padding-top: 0 !important;
    text-align: justify;
}
.free-thinking{
  padding-top: 40px !important;
}
.free-thinking::before{
  top: 10px !important;
}
.free-thinking2{
  padding: 0 !important;
}
.free-thinking2 .col-md-6{
  margin-bottom: 20px;
}
.family-empowerment h1{
  margin-bottom: 70px !important;
}
.family-empowerment .col-lg-6{
  margin-top: 0px !important;
}
.fit-purpose .col-md-4{
  margin-bottom: 15px;
}
.value-added .row{
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px !important;
}
.value-added .col-md-4 {
    padding: 7% !important;
    margin-bottom: 20px;
}
.value-added .col-md-4 p {
    padding: 0 !important;
}
.before-profit h1.company_text{
  font-size: 27px !important;
}
.before-profit .compant_taital p{
  padding:20px 20px !important;
}
.space_left {
    padding-left: 11px !important;
}
.space_right {
    padding-right: 11px !important;
}
.environment_right p{
  padding:0 !important;
}
.environment_right{
  padding: 20px 20px !important;
  margin-bottom: 20px;
}
.spread-word .col-md-7{
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.recent-photo{
  width: 100% !important;
}
.ask-question label, .overview label{
  margin-top:10px;
}
.overview{
  margin-top: -60px;
}
.ask-question, .client-table{
  margin-top: -25px;
}
.client-table th, .client-table td {
    font-size: 12px !important;
}
.allocation .line{
  display: none !important;
}
.allocation .row{
  margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.raising-sec1 .row, .commencement .row{
  padding-top: 0 !important;
}
.raising-sec1 .col-xl-6, .commencement .col-md-6{
  margin-top: 20px !important;
    margin-bottom: 0 !important;
}
.raising-sec2{
  margin-top: -20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    text-align: justify;
}
.raising-sec2 .container{
  padding-left: 0 !important;
  padding-right: 0 !important;
}
    .timeline {
        padding: 15px 10px;
    }
    .timeline:after {
        left: 28px;
    }
    .timeline .timeline-row {
        padding-left: 0;
        margin-bottom: 16px;
    }
    .timeline .timeline-row .timeline-time {
        position: relative;
        right: auto;
        top: 0;
        text-align: left;
        margin: 0 0 6px 56px;
    }
    .timeline .timeline-row .timeline-time strong {
        display: inline-block;
        margin-right: 10px;
    }
    .timeline .timeline-row .timeline-icon {
        top: 52px;
        left: -2px;
        margin-left: 0;
    }
    .timeline .timeline-row .timeline-content {
        padding: 15px;
        margin-left: 56px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        position: relative;
    }
    .timeline .timeline-row .timeline-content:after {
        right: auto;
        left: -39px;
        top: 32px;
    }
    .timeline .timeline-row:nth-child(odd) {
        padding-right: 0;
    }
    .timeline .timeline-row:nth-child(odd) .timeline-time {
        position: relative;
        right: auto;
        left: auto;
        top: 0;
        text-align: left;
        margin: 0 0 6px 56px;
    }
    .card-body{
      padding-right: 0px;
    padding-left: 0px;
    }
    .timeline-row{
      padding-right: 0;
    padding-left: 0;
    }
    .timeline .timeline-row:nth-child(odd) .timeline-content {
        margin-right: 0;
        /*margin-left: 55px;*/
    }
    .timeline .timeline-row:nth-child(odd) .timeline-content:after {
        right: auto;
        left: -39px;
        top: 32px;
        border-right: 18px solid #5a99ee;
        border-left: inherit;
    }
    .timeline.animated .timeline-row:nth-child(odd) .timeline-content {
        left: 20px;
    }
    .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
        left: 0;
    }
}


/*housing-adequacy*/
.breadcrumb-area.housing-adequacy-bg{
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/adequacy-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.housing-adequacy{
    background-image: url(../images/adequacy-img.jpg);
}
.housing-adequacy h1, .housing-adequacy p{
    color:white;
}
.housing-adequacy h1{
    font-size:50px;
    position: relative;
    padding-bottom: 20px;
}


/*Your data*/
.breadcrumb-area.your-data-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/your-data-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.your-data .container {
    background-image: linear-gradient(rgb(0, 0, 0, 0.6), rgb(0, 0, 0, 0.6)), url(../images/your-data.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.your-data p, .your-data h1{
    color:white;
    text-align:center;
}
.your-data h1{
  font-size: 45px;
  position: relative;
  padding-bottom: 20px;
  display: flex;
  justify-content: center;
}

/*external works*/
.breadcrumb-area.external-work-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/external-work-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.external-work {
    color: #ffffff;
    padding-left: 10%;
    padding-right: 5%;
    background: linear-gradient(to bottom, transparent 5%, #252525 5%, #252525 95%, transparent 95%);
}
.external-work h1{
        color: white;
        position: relative;
        font-size: 45px;
        padding-bottom: 20px;

}


/*focus on family*/
.breadcrumb-area.focus-family-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/focus-family-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.focus-family .card {
    border: 0;
    padding: 0 30px;
    margin-bottom: 60px;
    position: relative;
}
.focus-family .card-img {
    width: calc(100% + 60px);
    margin-left: -30px;
    overflow: hidden;
    z-index: 9;
    border-radius: 0;
}
.focus-family .card-img img {
    max-width: 100%;
    transition: all 0.3s ease-in-out;
}
.focus-family .card-body {
    z-index: 10;
    background: #fff;
    border-top: 4px solid #fff;
    padding: 30px;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
    margin-top: -60px;
    transition: 0.3s;
}
.focus-family .card-text {
    color: #5e5e5e;
}
.focus-family .card:hover .card-body {
    border-color: #d70a17;
}
.focus-family .card:hover img {
    transform: scale(1.1);
}

/*Donor lisitng*/
.breadcrumb-area.donor-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/donor-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

/*max donation*/
.breadcrumb-area.max-donation-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/max-donation-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.max-donation p{
    color:black;
}

/*Enjoyment*/
.breadcrumb-area.enjoyment-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/sponsor-enjoyment-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.enjoyment{
    background:#252525;
}
.enjoyment p {
    color: #fff;
}
.enjoyment h1 {
    color: #fff;
    font-size: 45px;
    padding-bottom:20px;
    position:relative;
}
/*fairness & equality*/
.breadcrumb-area.equality-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/equality-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.equality .col-md-6{
    padding:0;
     background: #dd0815;
}
.equality p{
    color:white;
}
.equality h1{
  display: flex;
  justify-content: center;
}

/*Affordability*/
.breadcrumb-area.affordability-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/affordability.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.text-start {
    text-align: left !important;
    padding:8px;
}
.text-end {
    text-align: right !important;
    padding:8px;
}
.affordability{
    background: #f5f5dc38;
}
.affordability p{
    color:black;
}

/*secured tenancy*/
.breadcrumb-area.tenancy-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/tenancy-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.tenancy .card-body{
  height:55vh;  
}
.tenancy {
    background-image: linear-gradient(rgb(211 199 199 / 78%), rgb(199 115 115 / 69%)), url(../images/tenancy.jpg);
    background-size: cover;
}
.tenancy h1{
    color:#000;
    font-size:45px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 2rem;
    display: flex;
    justify-content: center;
}

/*Patience*/
.breadcrumb-area.patience-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/patience-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.patience p{
    color:black;
}

.patience {
    background: #f8f8ff42;
}

/*company ethos*/
.breadcrumb-area.ethos-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/ethos-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.ethos{
    background-color:#d4ced036;
}
.ethos p{
    color:black;
}

/*self employment*/
.breadcrumb-area.self-employe-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/self-employe-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.self-employe{
    background-color:#efefef;
}
.self-employe .row {
    background-color: #ffffff;
}

/*Disabilities*/
.breadcrumb-area.disabilities-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/disabilities-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.disabilities{
    background-color: #000 !important;
    position:relative;
}
.disabilities .text-md-start {
    text-align: left !important;
}
.disabilities .bg-holder {
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    will-change: transform, opacity, filter;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-repeat: no-repeat;
    z-index: 0;
}
.disabilities h1{
  position: relative;
  padding-bottom: 20px;
}

/*Benefit claimants*/
.breadcrumb-area.benefit-claimants-bg{
   position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/claimants-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center; 
}
.benefit-claimants h1{
    /* font-size: 5.45rem; */
    color:white;
    position: relative;
    padding-bottom: 20px;
}
.benefit-claimants{
    background-color:#191b2cf0;
}
.benefit-claimants p{
    color:white;
}

/*single parents*/
.breadcrumb-area.single-parents-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/single-parents-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.single-parents {
    color: #ffffff;
    padding-left: 10%;
    padding-right: 5%;
    background: linear-gradient(to bottom, transparent 5%, #252525 5%, #252525 95%, transparent 95%);
}
.single-parents h1{
    color: #fff;
    font-size: 45px;
    padding-bottom: 20px;
    position: relative;

}
.single-parents p{
  color:white;
}


/*trust*/
.breadcrumb-area.trust-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/trust.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.trust .trust-content {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 0px 2px;
    border: 10px solid transparent;
    background: #e20512;
}
.trust p {
    padding: 20px;
    color: #fff;
}

/*circular economy*/
.breadcrumb-area.circular-economy-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/circular-economy-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.circular-economy {
    background:#e5e5e5;
}
.circular-economy .economy-content{
    border-left: 10px solid #c8111e !important;
    /* border: 1px solid red; */
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.economy-content p {
    padding: 20px;
    color:black;
    background:white;
}

/*participating areas*/
.breadcrumb-area.participating-area-bg{
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/participating-area-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.participating-area{
    background-color: #c8111e;
}
.participating-area h1, .participating-area p{
    color:white;
}

/*renovation-works*/
.breadcrumb-area.renovation-works-bg{
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/renovation-works-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.renovation-works .container{
  margin-top: -70px;
  padding-top: 0;
}
.renovation-works h1{
    top: 75px;
}
.renovation-works .col-md-6.pt-5{
    margin-top: 25px;
}

/*real choice*/
.breadcrumb-area.real-choice-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/real-choice-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.real-choice .row {
    background: #dd0815;
}
.real-choice .col-md-6{
    padding:0;
}
.real-choice p{
    color:white;
}
.real-choice .title{
  display: flex;
  justify-content: center;
}
.real-choice .container-fluid{
  padding-left: 12px !important;
    padding-right: 12px !important;
}
.real-choice .title::before {
    content: "";
    position: absolute;
    /* display: block; */
    width: 80px;
    height: 3px;
    background: #ce0e1b;
    bottom: 0;
    /* left: 0; */
}

/*exceptional quality*/
.breadcrumb-area.exceptional-quality-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/exceptional-quality-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.exceptional-quality .container {
    background-image: linear-gradient(rgb(0, 0, 0, 0.6), rgb(0, 0, 0, 0.6)), url(../images/exceptional-quality.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.exceptional-quality p, .exceptional-quality h1{
    color:white;
    text-align:center;
}
.exceptional-quality h1{
  display: flex;
  justify-content: center;
}

/*fixture and fitting*/
.breadcrumb-area.fixture-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/fixture-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.fixture p{
    color:black;
}
.fixture ul{
    list-style:none;
    padding:0;
}
.fixture ul li img{
    padding-right: 13px;
    height: 26px;
}
.fixture ul li{
    display:flex;
}

/*Tenant obligations*/
.breadcrumb-area.obligations-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/obligations-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.obligations .service-item {
    position: relative;
    padding-top: 40px;
}
.obligations .service-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: color-mix(in srgb, #212529, transparent 90%);
}
.obligations .service-item .icon {
    width: 53px;
    height: 48px;
    position: relative;
    margin-right: 50px;
    line-height: 0;
    border: 3px solid;
    border-radius: 5px;
    padding: 4px;
}
.obligations .service-item .icon:before {
    position: absolute;
    content: "";
    height: 30px;
    width: 30px;
    background: color-mix(in srgb, #e84545, transparent 70%);
    border-radius: 50px;
    z-index: 1;
    bottom: -15px;
    right: -15px;
    transition: 0.3s;
}

.obligations .service-item h4 {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px;
}
.obligations .service-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background: #e84545;
    border-right: 5px solid var(--background-color);
}
.obligations p{
    color:black;
}

.obligations p strong{
    color:#c8111e;
}

/*conditional thinking*/
.breadcrumb-area.conditional-thinking-bg{
   position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/conditional-thinking-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center; 
}
.conditional-thinking h1{
    /* font-size: 5.45rem; */
    color:#000;
    position: relative;
    padding-bottom: 20px;
}
.conditional-thinking{
    background-color:#17192a0a;
}
.conditional-thinking p{
    color:#000;
}

/*free thinking*/
.breadcrumb-area.free-thinking-bg{
   position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/free-thinking-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center; 
    position:relative;
}

.free-thinking{
    padding: 120px 0;
    color: #fff;
    position:relative;
}
.free-thinking::before{
    content: "";
    background: #1b1b1b;
    position: absolute;
    bottom: 60px;
    top: 60px;
    left: 0;
    right: 0;
    transform: skewY(-3deg);
}
.free-thinking .container{
    position:relative;
}
.free-thinking h1, .free-thinking p, .free-think-sec3 p{
    color:white;
}
.free-thinking .title{
  padding-bottom: 20px;
  position: relative;
  font-size: 45px;
  margin-bottom: 20px;
}

.free-think-sec3{
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/free-thinking3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center; 
    position:relative;
}


/*family empowerment*/
.breadcrumb-area.family-empowerment-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/family-empowerment-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.text-start {
    text-align: left !important;
    padding:8px;
}
.text-end {
    text-align: right !important;
    padding:8px;
}
.family-empowerment{
    background: #cecebd08;
}
.family-empowerment p{
    color:black;
}
.family-empowerment h1{
  justify-content: center;
  display: flex;
}

/*Incresing time*/
.breadcrumb-area.increasing-time-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/increasing-time-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.increase-time {
    border-left: 8px solid #ce0e1b;
}
.increase-time p {
    padding: 20px;
}

.increase-time {
    border-left: 8px solid #ce0e1b;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background:white;
}
.increasing-time{
    background-color: #f0f8ff85;
}

/*Fit for purpose*/

.breadcrumb-area.fit-purpose-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/fit-purpose-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

/*value added benefit*/
.breadcrumb-area.value-added-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/value-added-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.value-added{
    background:#dbd2d224;
}
.value-added .col-md-4,.value-added .col-md-8 {
    background:#fff;
    padding:0;
}
.value-added .col-md-4 p{
    padding:15%;
    color:black;
}

/*class distinction*/

.breadcrumb-area.class-dist-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/class-dist-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.class-dist{
    /*background:beige;*/
}

.class-dist p{
    color:black;
}
.class-dist img{
    filter: drop-shadow(10px 20px 6px #bc1622);
}

/*people before profit*/
.breadcrumb-area.before-profit-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/before-profit-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.before-profit{
    background-image:linear-gradient(rgb(201 62 62 / 62%), rgb(32 12 12 / 92%)), url(../images/before-profit.jpg);
    height: auto;
    padding-bottom: 25px;
    background-size: cover;
    background-repeat: no-repeat;
}
.before-profit .compant_taital p {
    border: 2px solid #f0e4e4;
    padding: 50px 30px;
    /* float: left; */
    margin-top: 29px;
    color:#fff;
}
.before-profit h1.company_text {
    width: 100%;
    /* float: left; */
    font-size: 45px;
    color: #ffffff;
    font-weight: bold;
    padding-bottom: 20px;
    position: relative;
}

/*environment*/
.breadcrumb-area.environment-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/environment-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.space_right {
    padding-right: 0;
}
.space_left {
    padding-left: 0;
}
.environment_right {
    background: #f4f4f4;
    /* min-height: 500px; */
    padding: 52px 30px;
}
.environment_right.bg_1 {
    background: #fff6f6;
}

/*Getting organised*/
.breadcrumb-area.getting-organised-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/getting-organised-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.getting-block{
    position: relative;
    background-image: linear-gradient(rgb(0 0 0 / 72%), rgb(0 0 0 / 68%)), url(../images/getting-organised.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.getting-block .content-item {
    padding: 0 40px;
    border-left: 1px solid #eee;
    margin: -1px;
}
.getting-block .content-item p{
    color:#fff;
}

/*spread the world*/
.breadcrumb-area.spread-word-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/spread-word-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.spread-word{
    background:#eeeff133;
}

.spread-word p{
    color:#000;
}

/*Charity*/
.breadcrumb-area.charity-bg{
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/charity-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.charity{
    background-image: url(../images/adequacy-img.jpg);
}
.charity h1, .charity p{
    color:white;
}
.charity h1{
    font-size:50px;
    position: relative;
    padding-bottom: 20px;
}

/*leveling up*/

.breadcrumb-area.leveling-up-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/leveling-up-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.leveling-up {
    background:#e5e5e514;
}
.leveling-up .leveling-content{
    border-left: 10px solid #c8111e !important;
    /* border: 1px solid red; */
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.leveling-content p {
    padding: 20px;
    color:black;
    background:white;
}

/*client dashboard*/
.btn-primary {
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
}
.btn-primary:hover {
    color: #fff !important;
    background-color: #0069d9 !important;
    border-color: #0062cc !important;
}
.form-control:disabled, .form-control:read-only {
     background-color: transparent !important; 
    opacity: 1;
}
.form-group textarea, .form-group select, .form-group input {
  margin-top: 11px !important;
}
.client-table td, .client-table th{
  color: black !important;
}
.form-control{
  border-radius: 0.25rem !important;
  color: #495057 !important;
}
.breadcrumb-area.client-dashboard-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/client-dashboard-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.client-dashboard p{
    color:#000;
}
.recent-photo {
    border: 1px solid;
    padding: 50px;
    width: 90%;
}

/*transparency*/
.breadcrumb-area.transparency-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/transparency-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.transparency-sec2{
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/transparency.webp);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.transparency-sec1 p{
    color:black;
}
.transparency p, .transparency-sec2 p, .raising-sec2 p{
    color:white;
}

/*raising standards*/
.breadcrumb-area.raising-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/raising-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.raising-sec2 {
    color: #ffffff;
    padding-left: 10%;
    padding-right: 5%;
    background: linear-gradient(to bottom, transparent 5%, #252525 5%, #252525 95%, transparent 95%);
}
.raising-sec1 p{
    color:#000;
}

/*allocation*/
.breadcrumb-area.allocation-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/allocation-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.allocation .features_content {
    position: relative;
}
.allocation .features_content .border-line {
    position: absolute;
    left: 50%;
    height: 100%;
    border: 1px dashed #dbdade;
}

.allocation .features_content .shape1 {
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: -8px;
}
    
.allocation .features_content .shape2 {
    position: absolute;
    left: 48%;
    top: 47%;
    margin-left: -34px;
}
.allocation .features_content .shape3 {
    position: absolute;
    left: 50%;
    top: 62%;
    margin-left: -9px;
}
.allocation p{
    color:#000;
}

/*commencement*/
.breadcrumb-area.commencement-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/commencement-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.commencement p{
    color:#000;
}

/*family journey*/
.breadcrumb-area.family-journey-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/family-journey-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.family-journey{
    font-size:25px;
}


/*project expenses sheet*/

.breadcrumb-area.expense-sheet-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/expense-sheet-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.expense-sheet button{
    border-radius:0;
}
.expense-sheet span{
    border: 1px solid #8080809c;
    padding: 6px 11px 5px;
}

.total-expense span {
    border: 1px solid #8080809c;
    padding: 6px 37px 5px;
    background: black;
    color: white;
}

.expense-sheet h3::before {
    content: "";
    position: absolute;
    display: block;
    width: 80px;
    height: 3px;
    background: #ce0e1b;
    bottom: 0;
    left: 0;
}

.expense-sheet h3 {
    position: relative;
    padding-bottom: 16px;
}

/*social housing list*/

.breadcrumb-area.social-list-bg {
    position: relative;
    background-image: linear-gradient(rgb(0,0,0,0.6), rgb(0,0,0,0.6)),url(../images/social-list.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

/*repayment list*/
.repayment-btn {
    padding: 0 64px 3px;
    background: #343a40;
    text-align: center;
}
.repayment-amount{
    padding: 6px 64px 6px;
    text-align: center;
    background: white;
    border: 1px solid #8080809c;
}
.repayment-amount span{
    border:none;
    padding:0;
}

@media (max-width: 768px) {
  div#navbarCollapse {
    margin-left: 0px;
  }
.breadcrumb-area .title{
    padding: 200px 0 125px !Important;
}
.service .service-box.style2{
    margin-bottom:20px;
}
.service .serivce-boxes{
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.service-outer {
    display: block;
}
.wrapper .title{
  font-size: 30px;
}
.wrapper{
  top:27% !important;
  width: 90%;
}

ul.navbar-nav {
    margin-left: 0 !important;
}
.navbar-collapse{
  margin-left: -16px;
    /*margin-right: -16px;*/
    background: #fff;
    /*padding: 30px 30px;*/
    overflow:auto;
}
.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link.active {
    color: black !important;
    padding: 10px 10px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
i.bi.bi-search{
  margin-top: 22px;
  background: #c8111e !important;
}
#flip1, #flip2 {
    padding-right: 15px !important;
    padding-bottom: 15px !important;
}
.service h1.title{
  font-size:30px !important;
}
.service{
  padding-bottom: 50px !important;
}
.about h4.subtitle{
  width: 56% !important;
  font-size: 16px !important;
}
.title{
  font-size: 27px !important;
}
.about{
  padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.about4{
  margin-left: 0 !important;
}
.chart{
      padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.card{
  padding-right: 0px !important
}
.single-testimonial{
  margin-right: 0 !important;
}
.progress-per.fifteenper{
    width: 55% !important;
}
.progress-per.fiveper{
    width: 45% !important;
}
.economy h4.subtitle{
    width:40% !important;
    font-size:20px !Important;
}

.economy img {
    margin-top: -27px !important;
}
    /* Donation page responsive */
           .donation-hero-section h1 {
                font-size: 2rem;
            }
            .donation-hero-section p {
                font-size: 1rem;
            }
            .donation-cta-boxes {
                margin-top: 0;
            }
            .donation-newsletter-form {
                flex-direction: column;
            }
            .donation-event-item {
                flex-direction: column;
            }
            .donation-event-date {
                flex-direction: row;
                gap: 10px;
            }
            .standard-para {
            min-height: 130px;
            height: auto !important;
            color: #000 !important;
             }
            .donation-stat-item h3 {
              font-size: 30px !important;
                }
            .donation-stat-item p {
            font-size: 16px !important;
               }
            .donation-volunteer-section .container {
            padding: 50px 35px !important;
           }
           .donation-stat-item {
            padding: 0 30px 0 0px !important;
              }
            .donation-section-title {
              font-size: 24px !important;
              }
              .top-head {
            color: #c8111e;
            font-size: 14px !important;
            }
            .banner-para {
             font-size: 16px !important;
             margin-bottom: 10px !important;
             }
             .donation-cta-box {
               padding: 20px 16px;
            }
            .donation-section-title2 {
            font-size: 25px !important;
           }
           .donation-section-subtitle2 {
             margin-bottom: 15px !important;
          }
          /* .service{
            padding-top: 65px !important;
            } */
             .donation-news-section {
                padding: 30px 0 !important;
            }
             .community-values-hero-title {
                font-size: 2.5rem;
            }
            
            .community-values-section-title {
                font-size: 2rem;
            }
            
            .community-values-value-card {
                padding: 2rem 1.5rem;
            }
            
            .community-values-program-card {
                padding: 2rem;
            }
            /* responsive student */
             .student-section-hero-title-organic {
                font-size: 2.5rem;
            }
            
            .student-section-hero-image-organic {
                max-width: 100%;
                height: 400px;
                border-radius: 100px 100px 20px 20px;
            }
            
            .student-section-hero-floating-card {
                position: relative;
                left: 0;
                bottom: 0;
                margin-top: 2rem;
                justify-content: center;
            }
            
            .student-section-value-card-organic {
                padding: 2rem !important;
            }
            
            .student-section-cta-wrapper {
                padding: 3rem 2rem !important;
            }
            .commerce-with-conscience-hero-split {
                flex-direction: column !important;
            }
            
            .commerce-with-conscience-hero-left {
                padding: 2rem !important;
                text-align: center;
            }
            
            .commerce-with-conscience-hero-right {
                min-height: 50vh !important;
                padding: 3rem !important;
            }
            
            .commerce-with-conscience-hero-title-modern {
                font-size: 2.5rem !important;
            }
            
            .commerce-with-conscience-hero-text-modern {
                margin-left: auto !important;
                margin-right: auto !important;
            }
            
            .commerce-with-conscience-hero-stats-card {
                display: none !important;
            }
            
          .membership-page-mission-images {
          display: block !important;
 
           }
            .commerce-with-conscience-feature-card-horizontal {
                flex-direction: column !important;
                gap: 2rem;
                text-align: center;
            }
            
            .commerce-with-conscience-feature-number {
                display: none;
            }
            
            .commerce-with-conscience-feature-image-horizontal {
                width: 100%;
                height: auto;
            }
            
            .commerce-with-conscience-feature-text-horizontal {
                max-width: 100%;
            }
            
            .commerce-with-conscience-cta-box {
                padding: 3rem 2rem !important;
            }
            
            .commerce-with-conscience-cta-title-modern {
                font-size: 2rem;
            }
            .commerce-with-conscience-mission-section {
                padding: 60px 20px !important;
            
            }
             .equity-hero h1 {
                font-size: 2rem !important;
            }
            
            .equity-section-title {
                font-size: 2rem !important;
            }
            
            .equity-hero::before {
                width: 100% !important;
                opacity: 0.15 !important;
            }
            .membership-page-hero-section {
                text-align: center !important;
            }

            .membership-page-hero-buttons {
                justify-content: center;
            }

            .membership-page-hero-title {
                font-size: 2rem !important;
            }
            .membership-page-about-section {
            padding: 40px 0px 0px 0px !important;
        }
        .membership-page-mission-section {
         padding: 40px 15px 40px 15px !important;}
            .membership-page-hero-text {
                font-size: 1.125rem !important;
            }
        .col-lg-6.contact-text.pe-lg-0
        {
            padding: 20px 0px 40px 0px;
        }
            .membership-page-btn-hero {
                width: 100% !important;
                justify-content: center !important;
            }

            .membership-page-about-image-wrapper {
                margin-bottom: 3rem !important;
            }

            .membership-page-pricing-card {
                padding: 2rem !important;
            }

            .membership-page-price-amount {
                font-size: 2.5rem !important;
            }

}     

/*Donation page css start */

.donation-btn-charity {
            background-color: #c8111e;
            color: white;
            padding: 12px 30px;
            border: none;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            transition: all 0.3s ease;
            border: 1px solid white;
        }
        
        .donation-btn-charity:hover {
            background-color: #c8111e;
            color: white;
            transform: translateY(-2px);
        }
        
        .donation-btn-outline-charity {
            border: 2px solid #c8111e;
            color: #c8111e;
            padding: 12px 30px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            background: transparent;
            transition: all 0.3s ease;
        }
        
        .donation-btn-outline-charity:hover {
            background-color: #c8111e;
            color: white;
        }
        
        .donation-section-title {
            font-size: 2.5rem;
            color: #1a1a2e;
            margin-bottom: 1rem;
            position: relative;
        }
        
        .donation-section-subtitle {
            color: white;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: 0.875rem;
            margin-bottom: 0.5rem;
        }
        
        /* Hero Section */
        .donation-hero-section {
          background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
            url('/front/donation/family-banner.jpg') center/cover no-repeat;
            min-height: 65vh;
            display: flex;
            align-items: center;
            color: white;
            text-align: center;
        }
        
        .donation-hero-section h1 {
            font-size: 3.5rem;
            font-weight: 800;
            margin-bottom: 1.5rem;
            text-transform: uppercase;
            color: white;
        }
        
        .donation-hero-section p {
            font-size: 1.25rem;
            margin-bottom: 2rem;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }
        
        /* CTA Boxes */
        .donation-cta-boxes {
            margin-top: -80px;
            position: relative;
            z-index: 10;
        }
        .donation-cta-boxes p, .donation-feature-item p{
          color: white;
        }
        .donation-cta-box {
            padding: 40px 30px;
            text-align: center;
            color: white;
            transition: transform 0.3s ease;
            min-height: 324px;
        }
        
        .donation-cta-box:hover {
            transform: translateY(-10px);
        }
        
        .donation-cta-box.red { background-color: #c8111e; }
        .donation-cta-box.gold { background-color: #d4a739; }
        .donation-cta-box.olive { background-color: #4a5d23; }
        
        .donation-cta-box i {
            font-size: 3rem;
            margin-bottom: 1rem;
        }
        
        .donation-cta-box h3 {
            font-size: 1.5rem;
            margin-bottom: 1rem;
            color: white;
        }
        
        /* About Section */
        .donation-about-section {
            padding: 60px 0;
            background-color: white;
        }
        

        
        .donation-about-section img {
            border-radius: 10px;
            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
        }
        
        .donation-feature-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 1.5rem;
        }
        
        .donation-feature-item i {
            color: #c8111e;
            font-size: 1.5rem;
            margin-right: 1rem;
            margin-top: 0.25rem;
        }
        
        /* Causes Section */
        .donation-causes-section {
            padding: 60px 0;
            
        }
        
        .donation-cause-card {
            background: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
            margin-bottom: 30px;
        }
        
        .donation-cause-card:hover {
            transform: translateY(-10px);
        }
        
        .donation-cause-card img {
            width: 100%;
            height: 220px;
            object-fit: cover;
        }
        
        .donation-cause-card-body {
            padding: 25px;
        }
        
        .donation-cause-card h4 {
            font-size: 1.25rem;
            margin-bottom: 1rem;
            color: #1a1a2e;
            min-height: 50px;
        }
        
        .progress {
            height: 8px;
            border-radius: 4px;
            background-color: #e9ecef;
            margin: 1rem 0;
        }
        
        .progress-bar {
            background-color: #c8111e;
            border-radius: 4px;
        }
        
        .donation-cause-meta {
            display: flex;
            justify-content: space-between;
            color: #6b7280;
            font-size: 0.875rem;
        }
        
        /* Volunteer Section */
        .donation-volunteer-section {
            background: linear-gradient(rgba(196, 30, 58, 0.9), rgba(196, 30, 58, 0.9)), 
                        url('/images/donation/donation-time-concept.jpg') center/cover fixed;
            padding: 60px 0;
            color: white;
            text-align: center;
        }
        
        .donation-volunteer-section h2 {
            color: white;
            font-size: 35px;
            margin-bottom: 1.5rem;
        }
        
        .donation-volunteer-section p {
            max-width: 700px;
            margin: 0 auto 2rem;
            font-size: 1.1rem;
            color: white;
        }
        
        .donation-stat-item {
            text-align: center;
            padding: 30px;
        }
        
        .donation-stat-item h3 {
            font-size: 30px;
            font-weight: 800;
            margin-bottom: 0.5rem;
            color: white;
        }
        
        .donation-stat-item p {
            font-size: 1rem;
            /* text-transform: uppercase; */
            letter-spacing: 1px;
        }
        
        /* News Section */
        .donation-news-section {
            padding: 60px 0;
            background-color: white;
        }
        
        .donation-news-card {
            background: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
            margin-bottom: 30px;
        }
        
        .donation-news-card:hover {
            transform: translateY(-10px);
        }
        
        .donation-news-card img {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }
        
        .donation-news-card-body {
            padding: 25px;
        }
        
        .donation-news-date {
            color: #c8111e;
            font-size: 0.875rem;
            font-weight: 600;
            margin-bottom: 0.5rem;
        }
        
        .donation-news-card h4 {
            font-size: 1.25rem;
            margin-bottom: 1rem;
            color: #1a1a2e;
            min-height: 50px;
        }
        .donation-min-para {
            color: #000 !important;
            min-height: 143px !important;
        }
        .donation-news-card p {
            color: #000 !important;
        }
        
        /* Events Section */
        .donation-events-section {
            padding: 60px 0;
            background-color: #f8f9fa;
        
        }
        
        .donation-event-item {
            display: flex;
            background: white;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            margin-bottom: 20px;
            transition: transform 0.3s ease;
        }
        
        .donation-event-item:hover {
            transform: translateX(10px);
        }
        
        .donation-event-date {
            background-color: #c8111e;
            color: white;
            padding: 20px;
            text-align: center;
            min-width: 100px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        
        .donation-event-date .day {
            font-size: 2rem;
            font-weight: 800;
            line-height: 1;
        }
        
        .donation-event-date .month {
            font-size: 0.875rem;
            text-transform: uppercase;
        }
        
        .donation-event-content {
            padding: 20px;
            flex: 1;
        }
        
        .donation-event-content h4 {
            font-size: 1.25rem;
            margin-bottom: 0.5rem;
            color: #1a1a2e;
        }
        
        .donation-event-meta {
            color: #6b7280;
            font-size: 0.875rem;
        }
        
        .donation-event-meta i {
            margin-right: 5px;
            color: #c8111e;
        }
        
        /* Testimonials Section */
        .donation-testimonials-section {
            padding: 100px 0;
            background-color: #1a1a2e;
            color: white;
        }
        
        .donation-testimonials-section .section-title {
            color: white;
        }
        
        .donation-testimonial-card {
            background: rgba(255,255,255,0.1);
            border-radius: 10px;
            padding: 40px;
            text-align: center;
            margin: 15px;
        }
        
        .donation-testimonial-card img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            object-fit: cover;
            margin-bottom: 1.5rem;
            border: 3px solid #c8111e;
        }
        
        .donation-testimonial-card p {
            font-style: italic;
            font-size: 1.1rem;
            margin-bottom: 1.5rem;
            line-height: 1.8;
        }
        
        .donation-testimonial-card h5 {
            color: #c8111e;
            margin-bottom: 0.25rem;
        }
        
        .donation-testimonial-card span {
            font-size: 0.875rem;
            color: rgba(255,255,255,0.7);
        }
        
        /* Donors Section */
        .donation-donors-section {
            padding: 100px 0;
            background-color: #c8111e;
        }
        
        .donation-donor-card {
            text-align: center;
            padding: 30px;
            background: #f8f9fa;
            border-radius: 10px;
            transition: transform 0.3s ease;
            margin-bottom: 30px;
        }
        
        .donation-donor-card:hover {
            transform: translateY(-10px);
        }
        
        .donation-donor-card img {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            object-fit: cover;
            margin-bottom: 1rem;
            border: 3px solid #c8111e;
        }
        
        .donation-donor-card h5 {
            color: #1a1a2e;
            margin-bottom: 0.25rem;
        }
        
        .donation-donor-card span {
            color: #6b7280;
            font-size: 0.875rem;
        }
        
        .donation-donor-card .amount {
            color: #c8111e;
            font-weight: 700;
            font-size: 1.25rem;
            margin-top: 0.5rem;
        }
        
        /* Newsletter Section */
        .donation-newsletter-section {
            padding: 80px 0;
            background-color: #c8111e;
            color: white;
        }
        
        .donation-newsletter-section h3 {
            font-size: 2rem;
            margin-bottom: 1rem;
        }
        
        .donation-newsletter-form {
            display: flex;
            gap: 10px;
            max-width: 500px;
        }
        
        .donation-newsletter-form input {
            flex: 1;
            padding: 15px 20px;
            border: none;
            border-radius: 5px;
            font-size: 1rem;
        }
        
        .donation-newsletter-form button {
            background-color: #1a1a2e;
            color: white;
            padding: 15px 30px;
            border: none;
            border-radius: 5px;
            font-weight: 600;
            text-transform: uppercase;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        
        .donation-newsletter-form button:hover {
            background-color: #2a2a4e;
        }
        
        /* Sponsors Section */
        .donation-sponsors-section {
            padding: 60px 0;
            background-color: #c8111e;
        }
        
        .donation-sponsor-logo {
            padding: 20px 40px;
            opacity: 0.6;
            transition: opacity 0.3s ease;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .donation-sponsor-logo:hover {
            opacity: 1;
        }
        
        .donation-sponsor-logo img {
            max-height: 60px;
            filter: grayscale(100%);
            transition: filter 0.3s ease;
        }
        
        .donation-sponsor-logo:hover img {
            filter: grayscale(0%);
        }
        
        /* Projects Section */
        .donation-projects-section {
            padding: 100px 0;
            background-color: white;
        }
        
        .donation-project-card {
            position: relative;
            border-radius: 10px;
            overflow: hidden;
            margin-bottom: 30px;
        }
        
        .donation-project-card img {
            width: 100%;
            height: 300px;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .donation-project-card:hover img {
            transform: scale(1.1);
        }
        
        .donation-project-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(transparent, rgba(0,0,0,0.8));
            padding: 30px;
            color: white;
        }
        
        .donation-project-overlay h4 {
            font-size: 1.25rem;
            margin-bottom: 0.5rem;
        }
        
        .donation-project-overlay p {
            font-size: 0.875rem;
            opacity: 0.8;
        }
        
        /* Donation CTA Section */
        .donation-donation-cta {
            padding: 60px 0;
            /* background: linear-gradient(135deg, #1a1a2e 0%, #2a2a4e 100%); */
            background: url(/images/donation/dots-bg1.jpg) center;
            color: white;
            text-align: center;
            background-size: cover;
        }
        
        .donation-donation-cta h2 {
            font-size: 35px;
            margin-bottom: 1.5rem;
            color: white;
        }
        
        .donation-donation-cta p {
            max-width: 600px;
            margin: 0 auto 2rem;
            font-size: 1.1rem;
            opacity: 0.9;
            color: white;
        }
        
        .donation-donation-amounts {
            display: flex;
            justify-content: center;
            gap: 15px;
            flex-wrap: wrap;
            margin-bottom: 2rem;
        }
        
        .donation-donation-amount {
            padding: 12px 24px;
            border-radius: 8px;
            background: white;
            color: #e53935;
            cursor: pointer;
            margin-right: 10px;
            transition: all 0.3s ease;
        }

        .donation-donation-amount.active {
            background: #e53935;
            color: white;
            transform: scale(1.05);
        }
        /* Thank You Overlay */
        .thank-you-overlay {
            position: fixed;
            top:0; left:0; right:0; bottom:0;
            background: rgba(0,0,0,0.5);
            display:flex;
            align-items:center;
            justify-content:center;
            opacity:0;
            pointer-events:none;
            transition: opacity 0.5s ease;
            z-index: 9999;
        }

        .thank-you-overlay.active {
            opacity:1;
            pointer-events:auto;
        }

        .thank-you-image {
            max-width:90%;
            max-height:80%;
            border-radius:10px;
            animation: pop 0.6s ease;
        }

        @keyframes pop {
            0% { transform: scale(0.5); opacity:0; }
            100% { transform: scale(1); opacity:1; }
        }

       .standard-para{
           min-height: 130px;
         height: 130px;
         color: #000 !important;
       
       }
       .banner-para {
        color: white;
        font-size: 18px;
        margin-bottom: 2rem;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
    .top-head{
      color: #c8111e;
      font-size: 25px;
    }
    .donation-section-title {
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 40px;
    margin-bottom: 0.5rem;
}
.donation-section-title2 {
    color: black;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 35px;
    margin-bottom: 25px;
}
.donation-section-subtitle2 {
    display: inline-block;
    padding: 6px 16px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-radius: 5px;
    background: rgba(232, 93, 76, 0.1);
    color: #e85d4c;
    border: 1px solid rgba(232, 93, 76, 0.2);
    margin-bottom: 25px;
}
.flips-section{
    padding: 65px 0;
}
/*Donation page css end */

.sponsor-section {
padding: 80px 0;
}


.sponsor-card {
background: rgba(255, 255, 255, 0.04);
backdrop-filter: blur(10px);
border-radius: 18px;
padding: 40px;
height: 100%;
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
transition: transform 0.4s ease, box-shadow 0.4s ease;
}


.sponsor-card:hover {
transform: translateY(-8px);
box-shadow: 0 35px 70px rgba(0, 0, 0, 0.3);
}


.sponsor-title {
font-size: 2.1rem;
font-weight: 700;
margin-bottom: 20px;
position: relative;
}


.sponsor-title::after {
content: "";
width: 70px;
height: 4px;
background: linear-gradient(90deg, #c8111a, #c8111a);
display: block;
margin-top: 12px;
border-radius: 2px;
}


.sponsor-text {
font-size: 0.95rem;
line-height: 1.75;
margin-bottom: 14px;
}


.sponsor-highlight {
color: #c8111a;
font-weight: 600;
}


.sponsor-image-box {
border-radius: 18px;
overflow: hidden;
height: 100%;
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.45);
}


.sponsor-image-box img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}


.sponsor-image-box:hover img {
transform: scale(1.08);
}
.service-img-radius{
    border-radius: 10px;
}
/* ENTREPRENEURSHIP  section css start*/
.spirit-section {
            background: linear-gradient(135deg, #4A0000 0%, #8B0000 40%, #B11212 70%, #FFFFFF 100%);
            padding: 60px 0;
            position: relative;
            overflow: hidden;
        }

        .spirit-section::before {
            content: '';
            position: absolute;
            top: -50px;
            right: -50px;
            width: 200px;
            height: 200px;
            background: white;
            border-radius: 50%;
            opacity: 0.6;
        }

        .spirit-section::after {
            content: '';
            position: absolute;
            bottom: -30px;
            left: 10%;
            width: 120px;
            height: 120px;
            background: #FF6B9D;
            border-radius: 50%;
            opacity: 0.7;
        }

        .spirit-header-badge {
            background: rgba(255, 255, 255, 0.9);
            color: #FF6B6B;
            padding: 8px 24px;
            border-radius: 5px;
            font-size: 0.85rem;
            font-weight: 600;
            letter-spacing: 1px;
            display: inline-block;
            margin-bottom: 20px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        }

        .spirit-main-container {
            background: rgba(255, 255, 255, 0.95);
            border-radius: 30px;
            padding: 50px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
            position: relative;
            z-index: 10;
        }

        .spirit-left-panel {
            background: linear-gradient(145deg, #2C3E50 0%, #1a252f 100%);
            border-radius: 25px;
            padding: 40px 35px;
            color: white;
            position: relative;
            overflow: hidden;
        }

        .spirit-main-title {
            font-size: 35px;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 20px;
            position: relative;
            z-index: 5;
            color: white;
        }

        .spirit-main-title span {
            color: #f27575;
        }

        .spirit-description-text {
            color: rgba(255, 255, 255, 0.8);
            font-size: 0.95rem;
            line-height: 1.7;
            margin-bottom: 30px;
            position: relative;
            z-index: 5;
        }

        .spirit-card-item {
            text-align: center;
            padding: 20px;
            transition: all 0.3s ease;
        }

        .spirit-card-item:hover {
            transform: translateY(-10px);
        }

        .spirit-image-wrapper {
            position: relative;
            width: 180px;
            height: 180px;
            margin: 0 auto 25px;
        }

        .spirit-circle-accent {
            position: absolute;
            border-radius: 50%;
            z-index: 1;
        }

        .spirit-circle-orange {
            width: 60px;
            height: 60px;
            background: #d4a739;
            top: -10px;
            right: -10px;
        }

        .spirit-circle-teal {
            width: 40px;
            height: 40px;
            background: #4a5d23;
            bottom: 10px;
            left: -15px;
        }

        .spirit-circle-pink {
            width: 50px;
            height: 50px;
            background: red;
            top: 20px;
            left: -20px;
        }

        .spirit-profile-image {
            width: 160px;
            height: 160px;
            border-radius: 50%;
            object-fit: cover;
            position: relative;
            z-index: 2;
            border: 5px solid white;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
        }

        .spirit-card-title {
            font-size: 1.25rem;
            font-weight: 700;
            color: #2C3E50;
            margin-bottom: 12px;
        }

        .spirit-card-description {
            color: #16191b;
            font-size: 0.9rem;
            line-height: 1.6;
        }

        .spirit-floating-circle {
            position: absolute;
            border-radius: 50%;
            z-index: 1;
        }

        .spirit-float-1 {
            width: 100px;
            height: 100px;
            background: white;
            top: 15%;
            right: 5%;
            opacity: 0.5;
        }

        .spirit-float-2 {
            width: 70px;
            height: 70px;
            background: red;
            bottom: 20%;
            left: 3%;
            opacity: 0.6;
        }

        .spirit-float-3 {
            width: 50px;
            height: 50px;
            background: #d4a739;
            top: 40%;
            left: 8%;
            opacity: 0.7;
        }

/* ENTREPRENEURSHIP  section css end */



/* contact us css start*/

 .contact-section {
           
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            padding: 80px 0;
            position: relative;
            overflow: hidden;
        }

        .contact-section::before {
            content: '';
            position: absolute;
            top: 10%;
            left: -100px;
            width: 300px;
            height: 300px;
            background: radial-gradient(circle, rgba(255, 107, 107, 0.1) 0%, transparent 70%);
            border-radius: 50%;
        }

        .contact-section::after {
            content: '';
            position: absolute;
            bottom: 10%;
            right: -100px;
            width: 400px;
            height: 400px;
            background: radial-gradient(circle, rgba(78, 205, 196, 0.08) 0%, transparent 70%);
            border-radius: 50%;
        }

        .contact-page-title {
            text-align: center;
            color: black;
            font-size: 3rem;
            font-weight: 800;
            letter-spacing: 5px;
            margin-bottom: 60px;
            text-transform: uppercase;
            position: relative;
        }

        .contact-page-title::after {
            content: '';
            position: absolute;
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background: #c8111e;
            border-radius: 2px;
        }

        .contact-info-wrapper {
            position: relative;
            z-index: 10;
        }

        .contact-info-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 35px;
            transition: all 0.3s ease;
        }

        .contact-info-item:hover {
            transform: translateX(10px);
        }

        .contact-icon-box {
            width: 55px;
            height: 55px;
            min-width: 55px;
            background: #c8111e;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 20px;
            box-shadow: 0 8px 25px rgba(255, 107, 107, 0.3);
        }

        .contact-icon-box i {
            color: white;
            font-size: 1.3rem;
        }

        .contact-info-label {
            color: #c8111e;
            font-size: 1.1rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 5px;
        }

        .contact-info-text {
            color: black;
            font-size: 0.95rem;
            line-height: 1.5;
        }

        .contact-form-wrapper {
            background: white;
            border-radius: 20px;
            padding: 45px 40px;
            box-shadow: 0 25px 60px rgba(0, 0, 0, 0.3);
            position: relative;
            z-index: 10;
        }

        .contact-form-title {
            font-size: 1.5rem;
            font-weight: 700;
            color: #1a1a2e;
            margin-bottom: 30px;
        }

        .contact-form-row {
            display: flex;
            gap: 20px;
            margin-bottom: 20px;
            
        }

        .contact-form-group {
            flex: 1;
        }

        .contact-form-group.full-width {
            width: 100%;
        }

        .contact-form-label {
            display: block;
            font-size: 0.85rem;
            font-weight: 600;
            color: #1a1a2e;
            margin-bottom: 8px;
        }

        .contact-form-label span {
            color: #FF6B6B;
        }

        .contact-form-sublabel {
            display: block;
            font-size: 12px;
            color: #6c757d;
            margin-top: 5px;
        }

        .contact-form-input {
            width: 100%;
            padding: 14px 18px;
            border: 2px solid #e9ecef;
            border-radius: 10px;
            font-size: 0.95rem;
            transition: all 0.3s ease;
            background: #f8f9fa;
        }

        .contact-form-input:focus {
            outline: none;
            border-color: #4ECDC4;
            background: white;
            box-shadow: 0 0 0 4px rgba(78, 205, 196, 0.1);
        }

        .contact-form-textarea {
            width: 100%;
            padding: 14px 18px;
            border: 2px solid #e9ecef;
            border-radius: 10px;
            font-size: 0.95rem;
            transition: all 0.3s ease;
            background: #f8f9fa;
            resize: vertical;
            min-height: 130px;
        }

        .contact-form-textarea:focus {
            outline: none;
            border-color: #4ECDC4;
            background: white;
            box-shadow: 0 0 0 4px rgba(78, 205, 196, 0.1);
        }

        .contact-submit-btn {
            background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
            color: white;
            border: none;
            padding: 14px 35px;
            border-radius: 10px;
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            margin-top: 15px;
        }

        .contact-submit-btn:hover {
            background: linear-gradient(135deg, #FF6B6B 0%, #e85555 100%);
            transform: translateY(-3px);
            box-shadow: 0 10px 30px rgba(255, 107, 107, 0.3);
        }

        .contact-decorative-circle {
            position: absolute;
            border-radius: 50%;
            z-index: 1;
        }

        .contact-circle-1 {
            width: 150px;
            height: 150px;
            background: rgba(78, 205, 196, 0.1);
            top: 5%;
            right: 10%;
        }

        .contact-circle-2 {
            width: 80px;
            height: 80px;
            background: rgba(255, 107, 107, 0.15);
            bottom: 15%;
            left: 5%;
        }
/* contact us css end*/

/* commercia section css start */

/* Main Section Styles */
       .commerce-hero-section {
            position: relative;
            overflow: hidden;
            background-image: url(/images/commercial-section-banner.jpg); /* path relative to your CSS file */
            background-position: center; /* center the image */
            background-repeat: no-repeat; /* prevent repeating */
        }


        .commerce-content-wrapper {
            /* padding: 60px 0; */
            /* display: flex; */
            align-items: center;
            position: relative;
            z-index: 1;
           
        }

        /* Left Image Group */
        .commerce-left-images {
            position: relative;
            height: 500px;
        }

        .commerce-img-primary {
            position: absolute;
            top: 0;
            left: 0;
            width: 220px;
            height: 280px;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 20px 50px rgba(196, 30, 58, 0.2);
            z-index: 2;
        }

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

        .commerce-img-secondary {
            position: absolute;
            bottom: 20px;
            right: 0;
            width: 180px;
            height: 220px;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 15px 40px rgba(139, 0, 0, 0.15);
            z-index: 1;
        }

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

        .commerce-decorative-circle {
            position: absolute;
            width: 100px;
            height: 100px;
            background: linear-gradient(135deg, #C41E3A 0%, #DC143C 100%);
            border-radius: 50%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            opacity: 0.15;
            z-index: 0;
        }

        /* Center Content */
        .commerce-center-content {
            padding: 40px 30px;
        }

        .commerce-subtitle {
            font-size: 14px;
            font-weight: 600;
            color: #C41E3A;
            text-transform: uppercase;
            letter-spacing: 3px;
            margin-bottom: 20px;
            position: relative;
            display: inline-block;
        }

        .commerce-subtitle::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 40px;
            height: 2px;
            background: #C41E3A;
        }

        .commerce-main-heading {
            font-family: 'Playfair Display', serif;
            font-size: 35px;
            font-weight: 700;
            color: #1A0A0A;
            line-height: 1.2;
            margin-bottom: 25px;
        }

        .commerce-main-heading span {
            color: #C41E3A;
            position: relative;
        }

        .commerce-description {
            font-size: 16px;
            line-height: 1.8;
            color: #555;
            margin-bottom: 35px;
            max-width: 450px;
        }

        .commerce-cta-btn {
            display: inline-block;
            padding: 16px 40px;
            background: linear-gradient(135deg, #C41E3A 0%, #8B0000 100%);
            color: white;
            text-decoration: none;
            font-weight: 600;
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 2px;
            transition: all 0.4s ease;
            box-shadow: 0 10px 30px rgba(196, 30, 58, 0.3);
            position: relative;
            overflow: hidden;
            border-radius: 5px;
        }

        .commerce-cta-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 40px rgba(196, 30, 58, 0.4);
            color: white;
            
        }

        .commerce-cta-btn:hover::before {
            left: 100%;
        }

        /* Right Image */
        .commerce-right-image {
            position: relative;
        }

        .commerce-img-main {
            width: 100%;
            max-width: 450px;
            height: 550px;
            border-radius: 30px;
            overflow: hidden;
            box-shadow: 0 30px 60px rgba(196, 30, 58, 0.15);
            margin-left: auto;
            position: relative;
        }

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

        .commerce-img-main::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(180deg, transparent 60%, rgba(196, 30, 58, 0.1) 100%);
            z-index: 1;
        }

        .commerce-floating-badge {
            position: absolute;
            bottom: 30px;
            left: -30px;
            background: white;
            padding: 20px 25px;
            border-radius: 15px;
            box-shadow: 0 15px 40px rgba(0,0,0,0.1);
            z-index: 2;
        }

        .commerce-floating-badge-icon {
            width: 50px;
            height: 50px;
            background: linear-gradient(135deg, #C41E3A 0%, #DC143C 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;
        }

        .commerce-floating-badge-icon svg {
            width: 24px;
            height: 24px;
            fill: white;
        }

        .commerce-floating-badge-text {
            font-weight: 600;
            color: #1A0A0A;
            font-size: 14px;
        }

        /* Decorative Elements */
        .commerce-dots-pattern {
            position: absolute;
            top: 20%;
            right: 5%;
            width: 100px;
            height: 100px;
            background-image: radial-gradient(#C41E3A 2px, transparent 2px);
            background-size: 15px 15px;
            opacity: 0.3;
        }

        .commerce-curve-line {
            position: absolute;
            bottom: 10%;
            left: 45%;
            width: 200px;
            height: 100px;
            border: 3px solid #C41E3A;
            border-radius: 0 0 100px 100px;
            border-top: none;
            opacity: 0.1;
        }

/* commercia section css end */

/* generalisation css start*/

/* Hero Section */
        .gen-hero-section {
            padding: 60px 0;
            background: linear-gradient(135deg, #ffffff 0%, #eae3e3 80%, #d43535 120%);
            position: relative;
            display: flex;
            align-items: center;
            overflow: hidden;
        }

        .gen-hero-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23C41E3A' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            opacity: 0.3;
        }

        .gen-hero-content {
            position: relative;
            z-index: 2;
        }

        .gen-hero-badge {
            display: inline-block;
            background: linear-gradient(135deg, #c8111e, #8b0000);
            padding: 8px 24px;
            border-radius: 5px;
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 24px;
            animation: gen-pulse 2s ease-in-out infinite;
            color: white;
        }

        @keyframes gen-pulse {
            0%, 100% { box-shadow: 0 0 20px rgba(196, 30, 58, 0.4); }
            50% { box-shadow: 0 0 40px rgba(196, 30, 58, 0.8); }
        }

        .gen-hero-title {
            color: black;
            font-weight: 700;
            line-height: 1.1;
            margin-bottom: 24px;
            font-size: 35px;
        }

        .gen-hero-title span {
            background: linear-gradient(135deg, #DC143C, #D4AF37);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .gen-hero-subtitle {
            font-size: 16px;
            color: black;
            max-width: 600px;
            line-height: 1.8;
            margin-bottom: 40px;
        }

        .gen-hero-visual {
            position: relative;
        }

        .gen-hero-image-container {
            position: relative;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 40px 80px rgba(196, 30, 58, 0.3);
        }

        .gen-hero-image {
            width: 100%;
            height: 500px;
            object-fit: cover;
            background: linear-gradient(135deg, #2D2D2D, #1A1A1A);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .gen-hero-icon-box {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, #8b0000 0%, #0D0D0D 100%);
        }

        .gen-hero-icon-box i {
            font-size: 8rem;
            color: #D4AF37;
            margin-bottom: 20px;
        }

        .gen-hero-icon-box span {
            font-family: 'Playfair Display', serif;
            font-size: 2rem;
            color: #F5F5F5;
        }

        .gen-floating-card {
            position: absolute;
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 16px;
            padding: 20px;
            animation: gen-float 3s ease-in-out infinite;
        }

        .gen-floating-card-1 {
            bottom: -4px;
            left: 3px;
            animation-delay: 0s;
        }

        .gen-floating-card-2 {
            top: 5px;
            right: -2px;
            animation-delay: 1.5s;
        }

        @keyframes gen-float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-15px); }
        }

        .gen-floating-card i {
            font-size: 2rem;
            color: #c8111e;
            margin-bottom: 10px;
        }

        .gen-floating-card h5 {
            font-size: 1rem;
            margin-bottom: 5px;
            color: white;
        }

        .gen-floating-card p {
            font-size: 16px;
            color: rgba(255, 255, 255, 0.7);
            margin: 0;
        }

        /* Foundation Section */
        .gen-foundation-section {
            padding: 60px 0;
            background: white;
            position: relative;
        }

        .gen-section-header {
            text-align: center;
            margin-bottom: 80px;
        }

        .gen-section-label {
            display: inline-block;
            color: #c8111e;
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 3px;
            margin-bottom: 16px;
        }

        .gen-section-title {
            font-family: 'Playfair Display', serif;
            font-size: 40px;
            font-weight: 700;
            margin-bottom: 20px;
            color: white;
        }
         .gen-section-title2 {
            font-family: 'Playfair Display', serif;
            font-size: 40px;
            font-weight: 700;
            margin-bottom: 20px;
            color: black;
            font-size: 35px;
        }

        .gen-section-divider {
            width: 80px;
            height: 4px;
            background: linear-gradient(90deg, #c8111e, #D4AF37);
            margin: 0 auto;
            border-radius: 2px;
        }

        .gen-foundation-card {
            background: linear-gradient(145deg, #2D2D2D, #0D0D0D);
            border-radius: 24px;
            padding: 40px;
            height: 100%;
            border: 1px solid rgba(196, 30, 58, 0.2);
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
        }

        .gen-foundation-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: linear-gradient(90deg, #c8111e, #D4AF37);
            transform: scaleX(0);
            transition: transform 0.4s ease;
        }

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

        .gen-foundation-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 30px 60px rgba(196, 30, 58, 0.2);
        }

        .gen-foundation-icon {
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, #c8111e, #8b0000);
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 24px;
            font-size: 2rem;
            color: white;
        }

        .gen-foundation-card h3 {
            font-family: 'Playfair Display', serif;
            font-size: 1.5rem;
            margin-bottom: 16px;
            color: white;
        }

        .gen-foundation-card p {
            color: rgba(255, 255, 255, 0.7);
            line-height: 1.8;
            font-size: 16px;
        }

        /* Inhabipreneur Section */
        .gen-inhabipreneur-section {
            padding: 60px 0;
            background: #c8111e;
            position: relative;
        }

        .gen-inhabipreneur-content {
            position: relative;
        }

        .gen-large-number {
            font-family: 'Playfair Display', serif;
            font-size: clamp(6rem, 15vw, 12rem);
            font-weight: 700;
            color: rgba(196, 30, 58, 0.1);
            position: absolute;
            top: -60px;
            left: -20px;
            line-height: 1;
            z-index: 0;
        }

        .gen-inhabipreneur-text {
            position: relative;
            z-index: 1;
        }

        .gen-inhabipreneur-text h2 {
            font-size: 35px;
            margin-bottom: 24px;
            color: white;
        }

        .gen-inhabipreneur-text h2 span {
            color: black;
            font-size: 35px;
        }

        .gen-inhabipreneur-text p {
            font-size: 16px;
            color: rgba(255, 255, 255, 0.8);
            line-height: 1.9;
            margin-bottom: 20px;
        }

        .gen-feature-list {
            list-style: none;
            padding: 0;
            margin-top: 30px;
        }

        .gen-feature-list li {
            display: flex;
            align-items: flex-start;
            margin-bottom: 20px;
        }

        .gen-feature-list li i {
            width: 40px;
            height: 40px;
            background: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 16px;
            flex-shrink: 0;
            font-size: 0.9rem;
        }
         .gen-feature-list li i.fa-check:before {
            content: "\f00c";
            color: black;
        }

        .gen-feature-list li span {
            color: rgba(255, 255, 255, 0.85);
            line-height: 1.7;
        }

        .gen-visual-card {
            background: white;
            border-radius: 24px;
            padding: 40px;
            border: 1px solid rgba(196, 30, 58, 0.3);
            position: relative;
            overflow: hidden;
        }

        .gen-visual-card::after {
            content: '';
            position: absolute;
            top: -50%;
            right: -50%;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, rgba(196, 30, 58, 0.15) 0%, transparent 70%);
        }

        .gen-stat-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 30px;
            position: relative;
            z-index: 1;
        }

        .gen-stat-item {
            text-align: center;
            padding: 30px 20px;
            background: black;
            border-radius: 16px;
            border: 1px solid rgba(196, 30, 58, 0.2);
        }

        .gen-stat-item i {
            font-size: 2.5rem;
            color: #D4AF37;
            margin-bottom: 15px;
        }

        .gen-stat-item h4 {
            font-family: 'Playfair Display', serif;
            font-size: 2.5rem;
            color: #c8111e;
            margin-bottom: 5px;
        }

        .gen-stat-item p {
            font-size: 16px;
            margin: 0;
            color: white;
        }

        /* Protection Section */
        .gen-protection-section {
            padding: 60px 0;
            background: white;
            position: relative;
        }

        .gen-timeline {
            position: relative;
            padding-left: 40px;
        }

        .gen-timeline::before {
            content: '';
            position: absolute;
            left: 15px;
            top: 0;
            bottom: 0;
            width: 2px;
            background: linear-gradient(180deg, #c8111e, #D4AF37);
        }

        .gen-timeline-item {
            position: relative;
            margin-bottom: 50px;
            padding-left: 40px;
        }

        .gen-timeline-item::before {
            content: '';
            position: absolute;
            left: -33px;
            top: 5px;
            width: 20px;
            height: 20px;
            background: #c8111e;
            border-radius: 50%;
            border: 4px solid #1A1A1A;
            box-shadow: 0 0 20px rgba(196, 30, 58, 0.5);
        }

        .gen-timeline-item h4 {
            font-family: 'Playfair Display', serif;
            font-size: 1.5rem;
            margin-bottom: 12px;
            color: black;
        }

        .gen-timeline-item p {
            color: gray;
            line-height: 1.8;
            font-size: 16px;
        }

        .gen-protection-visual {
            position: relative;
        }

        .gen-shield-container {
            background: linear-gradient(145deg, #2D2D2D, #0D0D0D);
            border-radius: 24px;
            padding: 60px;
            text-align: center;
            border: 2px solid rgba(196, 30, 58, 0.3);
            position: relative;
            overflow: hidden;
        }

        .gen-shield-container::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: radial-gradient(circle at center, rgba(196, 30, 58, 0.1) 0%, transparent 70%);
        }

        .gen-shield-icon {
            width: 150px;
            height: 150px;
            background: linear-gradient(135deg, #c8111e, #8b0000);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 30px;
            font-size: 4rem;
            color: white;
            position: relative;
            z-index: 1;
            box-shadow: 0 20px 60px rgba(196, 30, 58, 0.4);
        }

        .gen-shield-container h3 {
            font-family: 'Playfair Display', serif;
            font-size: 2rem;
            margin-bottom: 16px;
            position: relative;
            z-index: 1;
            color: white;
        }

        .gen-shield-container p {
            color: rgba(255, 255, 255, 0.7);
            max-width: 400px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        /* Conclusion Section */
        .gen-conclusion-section {
            padding: 60px 0;
            background: linear-gradient(135deg, #8b0000 0%, #0D0D0D 50%, #1A1A1A 100%);
            position: relative;
            overflow: hidden;
        }

        .gen-conclusion-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ffffff' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");
        }

        .gen-conclusion-content {
            text-align: center;
            position: relative;
            z-index: 1;
        }

        .gen-conclusion-icon {
            width: 100px;
            height: 100px;
            background: linear-gradient(135deg, #D4AF37, #c8111e);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 40px;
            font-size: 3rem;
            color: white;
        }

        .gen-conclusion-content h2 {
            margin-bottom: 30px;
            color: white;
            font-size: 35px;
        }

        .gen-conclusion-content h2 span {
            color: #D4AF37;
        }

        .gen-conclusion-text {
            color: rgba(255, 255, 255, 0.85);
            max-width: 900px;
            margin: 0 auto 40px;
            line-height: 1.9;
        }

        .gen-conclusion-pillars {
            display: flex;
            justify-content: center;
            gap: 40px;
            flex-wrap: wrap;
            margin-top: 50px;
        }

        .gen-pillar {
            text-align: center;
            padding: 30px;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 16px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            min-width: 200px;
            transition: all 0.3s ease;
        }

        .gen-pillar:hover {
            background: rgba(196, 30, 58, 0.2);
            transform: translateY(-5px);
        }

        .gen-pillar i {
            font-size: 2.5rem;
            color: #D4AF37;
            margin-bottom: 15px;
        }

        .gen-pillar h4 {
            font-family: 'Playfair Display', serif;
            font-size: 1.25rem;
            color: white !important;
        }

        /* CTA Button */
        .gen-cta-btn {
            display: inline-block;
            background: linear-gradient(135deg, #c8111e, #8b0000);
            color: white;
            padding: 18px 50px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            font-size: 1.1rem;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .gen-cta-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 20px 40px rgba(196, 30, 58, 0.4);
            color: white;
        }

        .gen-cta-btn-outline {
            background: transparent;
            border: 2px solid #c8111e;
            color: white;
        }

        .gen-cta-btn-outline:hover {
            background: #c8111e;
        }

/* generalisation css end */
/* Hero Section - Editorial Style */
        .slumlords-hero-editorial {
            display: flex;
            align-items: center;
            position: relative;
            padding: 60px 0;
            background: linear-gradient(135deg, #fef2f2 0%, #fff 50%, #fef7ed 100%);
            overflow: hidden;
        }
        
        .slumlords-hero-editorial::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
            height: 100%;
            background: url('images/hero-students.jpg') center center / cover no-repeat;
            clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
        }
        
        .slumlords-hero-editorial::after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
            height: 80%;
            background: linear-gradient(135deg, rgba(220, 38, 38, 0.85) 0%, rgba(139, 0, 0, 0.9) 100%);
            clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
        }
        
        .slumlords-hero-content-left {
            position: relative;
            z-index: 2;
            padding: 3rem 0;
        }
        
        .slumlords-hero-tag {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            background: rgba(220, 38, 38, 0.1);
            color: #dc2626;
            padding: 0.5rem 1rem;
            border-radius: 5px;
            font-size: 0.8rem;
            font-weight: 600;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin-bottom: 2rem;
        }
        
        .slumlords-hero-title-editorial {
            font-size: 35px;
            font-weight: 700;
            line-height: 1.1;
            color: #1a1a1a;
            margin-bottom: 1.5rem;
        }
        
        .slumlords-hero-title-editorial .line-2 {
            color: #dc2626;
        }
        
        .slumlords-hero-subtitle {
            font-size: 1.2rem;
            color: #666;
            line-height: 1.8;
            max-width: 480px;
            margin-bottom: 2.5rem;
        }
        
        .slumlords-btn-editorial {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            background: #1a1a1a;
            color: #fff;
            border: none;
            padding: 1.1rem 2.5rem;
            border-radius: 8px;
            font-weight: 600;
            font-size: 1rem;
            transition: all 0.4s ease;
            text-decoration: none;
        }
        
        .slumlords-btn-editorial:hover {
            background: #dc2626;
            color: #fff;
            transform: translateY(-3px);
            box-shadow: 0 15px 35px rgba(220, 38, 38, 0.3);
        }
        
        .slumlords-btn-outline-editorial {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            background: transparent;
            color: #1a1a1a;
            border: 2px solid #1a1a1a;
            padding: 1rem 2.5rem;
            border-radius: 8px;
            font-weight: 600;
            font-size: 1rem;
            transition: all 0.4s ease;
            text-decoration: none;
            margin-left: 1rem;
        }
        
        .slumlords-btn-outline-editorial:hover {
            background: #1a1a1a;
            color: #fff;
            transform: translateY(-3px);
        }
        
        /* Stats Row */
        .slumlords-stats-row {
            display: flex;
            gap: 3rem;
            margin-top: 3rem;
            padding-top: 2rem;
            border-top: 1px solid rgba(0, 0, 0, 0.1);
        }
        
        .slumlords-stat-item {
            text-align: left;
        }
        
        .slumlords-stat-number {
            font-size: 1.5rem;
            font-weight: 700;
            color: #dc2626;
            line-height: 1;
        }
        
        .slumlords-stat-label {
            font-size: 0.85rem;
            color: #888;
            margin-top: 0.25rem;
           
            letter-spacing: 1px;
        }
        
        /* About Section */
        .slumlords-about-section {
            padding: 60px 0;
            background: #fff;
        }
        
        .slumlords-section-label {
            display: inline-block;
            color: #dc2626;
            font-weight: 600;
            font-size: 0.85rem;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-bottom: 1rem;
        }
        
        .slumlords-section-title-large {
            font-weight: 700;
            color: #1a1a1a;
            line-height: 1.2;
            margin-bottom: 1.5rem;
            font-size: 35px;
        }
        .slumlords-section-title-large2 {
            font-weight: 700;
            color: white;
            line-height: 1.2;
            margin-bottom: 1.5rem;
            font-size: 35px;
        }
        
        .slumlords-section-text {
            color: #666;
            line-height: 1.9;
            margin-bottom: 1.5rem;
        }
        
        .slumlords-image-stack {
            position: relative;
            padding: 2rem;
        }
        
        .slumlords-image-main {
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);
            position: relative;
            z-index: 2;
        }
        
        .slumlords-image-main img {
            width: 100%;
            height: auto;
            display: block;
        }
        
        .slumlords-image-accent {
            position: absolute;
            width: 200px;
            height: 200px;
            background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
            border-radius: 20px;
            bottom: 0;
            left: 0;
            z-index: 1;
        }
        
        .slumlords-image-dots {
            position: absolute;
            width: 100px;
            height: 100px;
            top: 0;
            right: 0;
            z-index: 1;
            background-image: radial-gradient(#dc2626 2px, transparent 2px);
            background-size: 12px 12px;
        }
        
        /* Timeline Section */
        .slumlords-timeline-section {
            padding: 60px 0;
            /* background: url(/images/cracks.jpg); */
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            
        }
        
        .slumlords-timeline {
            position: relative;
            max-width: 800px;
            margin: 0 auto;
        }
        
        .slumlords-timeline::before {
            content: '';
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            width: 3px;
            height: 100%;
            background: linear-gradient(180deg, #dc2626, #fca5a5);
            border-radius: 3px;
        }
        
        .slumlords-timeline-item {
            display: flex;
            align-items: center;
            margin-bottom: 3rem;
        }
        
        .slumlords-timeline-item:nth-child(even) {
            flex-direction: row-reverse;
        }
        
        .slumlords-timeline-content {
            width: 45%;
            background: #fff;
            border-radius: 16px;
            padding: 2rem;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
            border: 1px solid rgba(0, 0, 0, 0.05);
            transition: all 0.4s ease;
        }
        
        .slumlords-timeline-content:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
        }
        
        .slumlords-timeline-icon {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 1.4rem;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            box-shadow: 0 5px 20px rgba(220, 38, 38, 0.4);
            z-index: 2;
        }
        
        .slumlords-timeline-title {
            font-size: 1.3rem;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 0.75rem;
        }
        
        .slumlords-timeline-text {
            font-size: 0.95rem;
            color: #666;
            line-height: 1.7;
        }
        
        /* Cards Grid */
        .slumlords-cards-section {
            padding: 60px 0;
            /* background: #1a1a1a; */
            background: url(/images/slumlords-our-principles.jpg);
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }
        
        .slumlords-cards-section .section-label {
            color: #fca5a5;
        }
        
        .slumlords-cards-section .section-title-large {
            color: #fff;
        }
        
        .slumlords-elegant-card {
            background: black;
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 20px;
            padding: 2.5rem;
            height: 100%;
            transition: all 0.5s ease;
            position: relative;
            overflow: hidden;
        }
        
        .slumlords-elegant-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgba(220, 38, 38, 0.1) 0%, transparent 100%);
            opacity: 0;
            transition: opacity 0.5s ease;
        }
        
        .slumlords-elegant-card:hover {
            transform: translateY(-25px);
            border-color: rgba(220, 38, 38, 0.8);
        }
        
        .slumlords-elegant-card:hover::before {
            opacity: 1;
        }
        
        .slumlords-card-icon-box {
            width: 70px;
            height: 70px;
            background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.6rem;
            color: #fff;
            margin-bottom: 1.5rem;
            position: relative;
            z-index: 2;
        }
        
        .slumlords-card-title-elegant {
            font-size: 1.4rem;
            font-weight: 700;
            color: #fff;
            margin-bottom: 1rem;
            position: relative;
            z-index: 2;
        }
        
        .slumlords-card-text-elegant {
            font-size: 1rem;
            color: white;
            line-height: 1.8;
            position: relative;
            z-index: 2;
        }
        
        /* Declaration Section */
        .slumlords-declaration-section {
            padding: 60px 0;
            background: linear-gradient(135deg, #fef2f2 0%, #fff 100%);
            position: relative;
        }
        
        .slumlords-declaration-box {
            max-width: 900px;
            margin: 0 auto;
            text-align: center;
        }
        
        .slumlords-declaration-quote {
            font-family: 'Crimson Pro', serif;
            font-size: 28px;
            font-weight: 600;
            color: #1a1a1a;
            line-height: 1.6;
            margin-bottom: 2rem;
            position: relative;
        }
        
        .slumlords-declaration-quote::before,
        .slumlords-declaration-quote::after {
            content: '"';
            font-size: 5rem;
            color: rgba(220, 38, 38, 0.2);
            position: absolute;
            font-family: serif;
            line-height: 1;
        }
        
        .slumlords-declaration-quote::before {
            top: -2rem;
            left: -1rem;
        }
        
        .slumlords-declaration-quote::after {
            bottom: -3rem;
            right: -1rem;
        }
        
        .slumlords-declaration-highlight {
            color: #dc2626;
        }
        
        .slumlords-btn-declaration {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            background: #dc2626;
            color: #fff;
            border: none;
            padding: 1.2rem 3rem;
            border-radius: 8px;
            font-weight: 700;
            font-size: 1.1rem;
            transition: all 0.4s ease;
            text-decoration: none;
            margin-top: 2rem;
        }
        
        .slumlords-btn-declaration:hover {
            background: #b91c1c;
            color: #fff;
            transform: scale(1.05);
            box-shadow: 0 15px 40px rgba(220, 38, 38, 0.4);
        }
        
       .slumlords-hero-editorial-left-image{
        z-index: 1;
        height: 400px;
       }
       .slumlords-slider-wrapper {
    padding: 40px 20px;
    background: #f0dfe0;
}
  .slumlords-slider {
  width: 100%;
  overflow: hidden;
  position: relative;
  /* padding: 20px 0; */
}

.slumlords-track {
  display: flex;
  gap: 20px;
  width: calc(250px * 10); /* card width * total cards */
  animation: slumlords-scroll 10s linear infinite;
}

.slumlords-card {
  min-width: 300px;
  height: 250px;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  border: 2px solid #e5e5e5;   /* simple frame */
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.slumlords-card:hover {
  transform: scale(1.5);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18);
}

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

/* Animation */
@keyframes slumlords-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Pause on hover */
.slumlords-slider:hover .slumlords-track {
  animation-play-state: paused;
}
/* community css */
/* Hero Section */
        .community-values-hero {
            padding: 60px 0;
            display: flex;
            align-items: center;
            position: relative;
            overflow: hidden;
                min-height: 70vh;
        }

        .community-values-hero-bg {
            position: absolute;
            inset: 0;
            background: url(/images/housing-initiative.jpeg) center/cover no-repeat;
        }

        .community-values-hero-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, rgba(10, 10, 10, 0.95) 0%, rgba(10, 10, 10, 0.7) 50%, rgba(10, 10, 10, 0.85) 100%);
        }

        .community-values-hero-content {
            position: relative;
            z-index: 10;
        }

        .community-values-hero-badge {
            display: inline-block;
            background: rgba(212, 168, 83, 0.1);
            border: 1px solid #d4a853;
            padding: 0.5rem 1.5rem;
            font-size: 12px;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: #d4a853;
            margin-bottom: 2rem;
            border-radius: 5px;
        }

        .community-values-hero-title {
            font-weight: 700;
            line-height: 1.1;
            margin-bottom: 1.5rem;
            color: white;
            font-size: 35px;
        }

        .community-values-gradient-text {
            background: linear-gradient(135deg, #d4a853, #e8c878);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .community-values-hero-description {
            font-size: 16px;
            color: #ede9e9;
            max-width: 600px;
            line-height: 1.8;
            margin-bottom: 3rem;
        }

        .community-values-hero-decoration {
            position: absolute;
            right: -200px;
            top: 50%;
            transform: translateY(-50%);
            width: 600px;
            height: 600px;
            border: 1px solid #2a2a2a;
            border-radius: 50%;
            opacity: 0.3;
        }

        .community-values-hero-decoration::before {
            content: '';
            position: absolute;
            inset: 50px;
            border: 1px solid #d4a853;
            border-radius: 50%;
            opacity: 0.5;
        }

        /* Values Section */
        .community-values-values-section {
            padding: 60px 0;
            background: #c8111e;
            position: relative;
        }

        .community-values-section-label {
            display: inline-block;
            background: rgba(212, 168, 83, 0.1);
            border: 1px solid #d4a853;
            padding: 0.5rem 1.5rem;
            border-radius: 5px;
            font-size: 12px;
            letter-spacing: 4px;
            text-transform: uppercase;
            color: #d4a853;
            margin-bottom: 1rem;
        }

        .community-values-section-title {
            font-size: 35px;
            font-weight: 700;
            margin-bottom: 1rem;
        }

        .community-values-section-description {
            font-size: 16px;
            color: white;
        }

        .community-values-value-card {
            background: #0a0a0a;
            border: 1px solid #2a2a2a;
            padding: 3rem 2rem;
            height: 100%;
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
            border-radius: 5px;
        }

        .community-values-value-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: linear-gradient(90deg, #d4a853, transparent);
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.4s ease;
        }

        .community-values-value-card:hover {
            border-color: #d4a853;
            transform: translateY(-10px);
        }

        .community-values-value-card:hover::before {
            transform: scaleX(1);
        }

        .community-values-value-icon {
            width: 60px;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(212, 168, 83, 0.1);
            color: #d4a853;
            font-size: 1.5rem;
            margin-bottom: 1.5rem;
        }

        .community-values-value-title {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 1rem;
            color: white;
        }

        .community-values-value-description {
            color: #ede9e9;
            line-height: 1.8;
        }

        /* Mission Section */
        .community-values-mission-section {
            position: relative;
        }

        .community-values-mission-image {
            
            position: relative;
            /* height: 600px; */
            overflow: hidden;
        }

        .community-values-mission-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .community-values-mission-image-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to right, #f7f3f3 19%, #9a919100 50%);
}

        .community-values-mission-content {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            max-width: 600px;
            padding: 3rem;
            color: black;
        }

        .community-values-mission-quote {
            font-size: 2rem;
            font-style: italic;
            line-height: 1.6;
            margin-bottom: 2rem;
        }

        .community-values-mission-text {
            line-height: 1.8;
        }

        /* Program Section */
        .community-values-program-section {
            padding: 60px 0;
            background: linear-gradient(180deg, #141414 0%, #c8111e);
        }

        .community-values-program-card {
            background: linear-gradient(135deg, rgba(212, 168, 83, 0.05) 0%, transparent 100%);
            padding: 4rem;
            text-align: center;
        }

        .community-values-program-title {
            font-size: 35px;
            font-weight: 700;
            margin-bottom: 1.5rem;
            color: white;
        }

        .community-values-program-description {
            font-size: 16px;
            color: white;
            /* max-width: 700px; */
            margin: 0 auto 3rem;
            line-height: 1.8;
        }

        /* CTA Section */
        .community-values-cta-section {
            padding: 60px 0;
            text-align: center;
            position: relative;
        }

        /* .community-values-cta-section::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse at center, rgba(212, 168, 83, 0.1) 0%, transparent 70%);
        } */

        .community-values-cta-title {
            font-size: 35px;
            font-weight: 700;
            margin-bottom: 1.5rem;
            color: white;
        }

        .community-values-cta-description {
            font-size: 16px;
            color: #d3d2d2;
            max-width: 600px;
            margin: 0 auto 3rem;
        }

       
        /* Animations */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .animate-fade-in {
            animation: fadeInUp 0.8s ease forwards;
        }

        .delay-1 { animation-delay: 0.1s; }
        .delay-2 { animation-delay: 0.2s; }
        .delay-3 { animation-delay: 0.3s; }
        .delay-4 { animation-delay: 0.4s; }

        /* student page */
        /* Hero Section */
        .student-section-hero-organic {
            padding-bottom: 30px;
            display: flex;
            align-items: center;
            position: relative;
            background: linear-gradient(180deg, #faf8f5 0%, #f0ebe3 100%);
            overflow: hidden;
            min-height: 70vh;
        }

        .student-section-hero-wave {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 150px;
        }

        .student-section-hero-blob {
            position: absolute;
            top: 10%;
            right: -10%;
            width: 600px;
            height: 600px;
            background:linear-gradient(135deg,rgba(232, 93, 76, 0.2), rgba(232, 93, 76, 0.05));
            border-radius: 60% 40% 70% 30% / 40% 60% 30% 70%;
            animation: morphBlob 15s ease-in-out infinite;
        }

        @keyframes morphBlob {
            0%, 100% { border-radius: 60% 40% 70% 30% / 40% 60% 30% 70%; }
            50% { border-radius: 40% 60% 30% 70% / 60% 40% 70% 30%; }
        }

        .student-section-hero-content-organic {
            position: relative;
            z-index: 10;
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .student-section-hero-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            background: rgba(232, 93, 76, 0.1);
            padding: 0.5rem 1.25rem;
            border-radius: 50px;
            font-size: 0.875rem;
            color: #d4181e;
            margin-bottom: 2rem;
        }

        .student-section-hero-eyebrow i {
           color: #d4181e;
        }

        .student-section-hero-title-organic {
            font-weight: 600;
            line-height: 1.15;
            margin-bottom: 1.5rem;
            color: black;
            font-size: 35px;
        }

        .student-section-text-sage {
            color: #c8111e;
        }

        .hero-description-organic {
            font-size: 16px;
            color: #212529;
            max-width: 500px;
            line-height: 1.8;
            margin-bottom: 2.5rem;
        }

        .student-section-hero-image-container {
            position: relative;
        }

        .student-section-hero-image-organic {
            width: 100%;
            max-width: 500px;
            height: 600px;
            object-fit: cover;
            border-radius: 200px 200px 30px 30px;
            box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);
        }

        .student-section-hero-floating-card {
            position: absolute;
            bottom: 10%;
            left: -50px;
            background: white;
            padding: 1.5rem;
            border-radius: 20px;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
            display: flex;
            align-items: center;
            gap: 1rem;
        }

        .student-section-floating-icon {
            width: 50px;
            height: 50px;
            background: #c8111e;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 16px;
        }

        .student-section-floating-text h4 {
            font-size: 1rem;
            margin-bottom: 0.25rem;
        }

        .student-section-floating-text p {
            font-size: 0.875rem;
            color: #212529;
            margin: 0;
        }

        /* Values Section */
        .student-section-values-organic {
            padding: 60px 0;
            position: relative;
            background: url(/images/student-leadership.jpg) center/cover no-repeat;
            overflow: hidden;
            }

            .student-section-values-organic::before {
            content: "";
            position: absolute;
            inset: 0;
            background: rgba(232, 93, 76, 0.45); /* pinkish overlay */
            z-index: 1;
            }

            /* make sure inner content stays above overlay */
            .student-section-values-organic > * {
            position: relative;
            z-index: 2;
            }


        .student-section-section-eyebrow {
            display: inline-flex;
            align-items: center;
            background: rgba(232, 93, 76, 0.1);
            padding: 0.5rem 1.25rem;
            border-radius: 5px;
            color: #d4181e;
            margin-bottom: 1rem;
            gap: 0.5rem;
            font-size: 0.875rem;
            font-weight: 500;
            width: auto;
         
        }
        .student-section-section-eyebrow2 {
            display: inline-flex;
            align-items: center;
            background: white;
            padding: 0.5rem 1.25rem;
            border-radius: 5px;
            color: #d4181e;
            margin-bottom: 1rem;
            gap: 0.5rem;
            font-size: 0.875rem;
            font-weight: 500;
            width: auto;
         
        }

        .student-section-section-title-organic {
            font-weight: 600;
            color: black;
            margin-bottom: 1rem;
            font-size: 35px;
        }

        .student-section-section-description-organic {
            font-size: 16px;
            color: #212529;
            line-height: 1.8;
            font-weight: 600;
        }

        .student-section-value-card-organic {
            background: white;
            padding: 2.5rem;
            border-radius: 24px;
            height: 100%;
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
            color: black;
        }

        .student-section-value-card-organic::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: linear-gradient(90deg, #c8111e, #a8c4a3);
            opacity: 0;
            transition: opacity 0.4s ease;
        }

        .student-section-value-card-organic:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 50px rgba(125, 154, 120, 0.15);
        }

        .student-section-value-card-organic:hover::before {
            opacity: 1;
        }

        .student-section-value-number {
            font-size: 4rem;
            font-weight: 700;
            color: #c8111e;
            line-height: 1;
            margin-bottom: 1rem;
        }

        .student-section-value-title-organic {
            font-size: 1.5rem;
            font-weight: 600;
            color: black;
            margin-bottom: 1rem;
        }

        .student-section-value-description-organic {
            color: black;
            line-height: 1.8;
        }

        /* Mission Section */
        .student-section-mission-organic {
            padding: 60px 0;
            background: linear-gradient(180deg, white 0%, #faf8f5 100%);
        }

        /* .student-section-mission-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4rem;
            align-items: center;
        } */
         .student-section-mission-accent
          {
        display: none !important;
         }

        .student-section-mission-image-organic {
            position: relative;
        }

        .student-section-mission-image-organic img {
            width: 100%;
            height: 500px;
            object-fit: cover;
            border-radius: 30px;
        }

        .student-section-mission-accent {
            position: absolute;
            bottom: -30px;
            right: -30px;
            width: 150px;
            height: 150px;
            background: #c8111e;
            border-radius: 20px;
            z-index: -1;
        }

        .student-section-mission-content-organic {
            padding: 2rem;
        }

        .student-section-mission-quote-organic {
            font-size: 25px;
            font-weight: 500;
            line-height: 1.5;
            color: black;
            margin-bottom: 2rem;
            position: relative;
            padding-left: 2rem;
            border-left: 3px solid #c8111e;
        }

        .student-section-mission-text-organic {
            color: #212529;
            line-height: 1.9;
            font-size: 1.05rem;
        }

        /* Program Section */
        .student-section-program-organic {
            padding: 60px 0;
           background: url(/images/student-programm.jpg) center / cover no-repeat;
            color: white;
            position: relative;
            overflow: hidden;
            min-height: 70vh;
        }

        .student-section-program-blob {
            position: absolute;
            top: -200px;
            left: -200px;
            width: 500px;
            height: 500px;
            background: rgba(232, 93, 76, 0.1);
            border-radius: 50%;
            filter: blur(80px);
        }

        .student-section-program-content-organic {
            position: relative;
            z-index: 10;
            text-align: center;
        }

        .student-section-program-title-organic {
           color: white;
            font-weight: 600;
            margin-bottom: 1.5rem;
            font-size: 35px;
        }

        .student-section-program-description-organic {
            font-size: 16px;
            color: rgba(255, 255, 255, 0.7);
            max-width: 700px;
            margin: 0 auto 3rem;
            line-height: 1.8;
        }

        .student-section-btn-light-organic {
            background: white;
            color: black;
            font-weight: 500;
            padding: 1rem 2.5rem;
            border-radius: 50px;
            font-size: 1rem;
            transition: all 0.3s ease;
        }

        .student-section-btn-light-organic:hover {
            background: #a8c4a3;
            color: black;
            transform: translateY(-2px);
        }

        /* CTA Section */
        .student-section-cta-organic {
            padding: 60px 0;
            text-align: center;
            background: #c8111e;
            position: relative;
            background: url(/images/student-justice.jpg) center / cover no-repeat;
        }

        .student-section-cta-wrapper {
            background: white;
            padding: 5rem;
            border-radius: 40px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.05);
        }

        .student-section-cta-title-organic {
            font-weight: 600;
            color: black;
            margin-bottom: 1rem;
            font-size: 35px;
        }

        .student-section-cta-description-organic {
            font-size: 16px;
            color: #212529;
            max-width: 500px;
            margin: 0 auto 2.5rem;
        }

    
        /* Animations */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .animate-in {
            animation: fadeInUp 0.8s ease forwards;
        }

        .delay-100 { animation-delay: 0.1s; }
        .delay-200 { animation-delay: 0.2s; }
        .delay-300 { animation-delay: 0.3s; }
        .delay-400 { animation-delay: 0.4s; }

/* students home section */
/* Section Spacing */
        .students-home-custom-section {
            padding-top: 65px;
            background-color: #ffffff;
        }

        /* Blue Corner Accents */
        .students-home-accent {
            position: absolute;
            width: 35px;
            height: 35px;
            background-color: #c8111e; /* Indiana Blue */
            z-index: 1;
        }

        /* Positioning for Text Side */
        .students-home-text-container { position: relative; padding: 40px; }
        .students-home-top-left { top: 0; left: 0; clip-path: polygon(0 0, 100% 0, 0 100%); }
        .students-home-bottom-left { bottom: 0; left: 0; clip-path: polygon(0 100%, 0 0, 100% 100%); }

        /* Positioning for Image Side */
        .students-home-image-container { position: relative; }
        .students-home-top-right {     top: -57px; right: 0px; clip-path: polygon(100% 0, 0 0, 100% 100%); }
        .students-home-bottom-right { bottom: -57px; right: 0px; clip-path: polygon(100% 100%, 100% 0, 0 100%); }

        /* Typography */
        .students-home-main-heading {
            font-weight: 800;
            color: #1a2b3c;
            line-height: 1.2;
            margin-bottom: 25px;
            font-size: 35px;
        }

        .students-home-description {
            color: #5a6670;
            font-size: 1.05rem;
            max-width: 500px;
        }

        /* Image Styling */
        .students-home-styled-img {
            width: 100%;
            border-radius: 20px;
            display: block;
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
        }

 /* Hero Section - Split Screen */
        .commerce-with-conscience-hero-split {
            display: flex;
            align-items: center;
            padding-top: 60px;
            position: relative;
            padding-bottom: 60px;
        }
        
        .commerce-with-conscience-hero-left {
            padding: 4rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        
        .commerce-with-conscience-hero-right {
            background: #dc2626;
            min-height: 60vh;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
        }
        
        .commerce-with-conscience-hero-right::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -50%;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.05);
            border-radius: 50%;
        }
        
        .commerce-with-conscience-hero-right::after {
            content: '';
            position: absolute;
            bottom: -30%;
            left: -30%;
            width: 80%;
            height: 80%;
            background: rgba(255,255,255,0.03);
            border-radius: 50%;
        }
        
        .commerce-with-conscience-hero-label {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            color: #dc2626;
            font-weight: 600;
            font-size: 0.875rem;
            text-transform: uppercase;
            letter-spacing: 3px;
            margin-bottom: 1.5rem;
        }
        
        .commerce-with-conscience-hero-label-line {
            width: 40px;
            height: 2px;
            background: #dc2626;
        }
        
        .commerce-with-conscience-hero-title-modern {
            font-weight: 600;
            color: #1a1a1a;
            line-height: 1.1;
            margin-bottom: 1.5rem;
            font-size: 35px;
        }
        
        .commerce-with-conscience-hero-text-modern {
            color: #6b7280;
            max-width: 480px;
            margin-bottom: 2.5rem;
            line-height: 1.8;
        }
        
        .commerce-with-conscience-hero-image-modern {
            max-width: 400px;
            border-radius: 8px;
            box-shadow: 0 40px 80px rgba(0,0,0,0.3);
            position: relative;
            z-index: 2;
        }
        
        .commerce-with-conscience-hero-stats-card {
            position: absolute;
            bottom: 10%;
            left: -50px;
            background: #ffffff;
            padding: 2rem;
            border-radius: 8px;
            box-shadow: 0 20px 50px rgba(0,0,0,0.15);
            z-index: 3;
            animation: float 5s ease-in-out infinite;
        }
        
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-15px); }
        }
        
        .commerce-with-conscience-stat-big {
            font-weight: 700;
            color: #dc2626;
        }
        
        .commerce-with-conscience-stat-text {
            color: #6b7280;
            font-size: 0.875rem;
        }
        
        /* Mission Section - Asymmetric */
        .commerce-with-conscience-mission-section {
            padding: 60px 0;
            background: #fef2f2;
            position: relative;
        }
        
        .commerce-with-conscience-mission-section::before {
            content: 'SPIRIT';
            position: absolute;
            top: 50%;
            left: -10%;
            transform: translateY(-50%) rotate(-90deg);
           
            font-weight: 700;
            color: rgba(220, 38, 38, 0.03);
            letter-spacing: 20px;
        }
        
        .commerce-with-conscience-mission-number {
            font-size: 8rem;
            font-weight: 700;
            color: #dc2626;
            opacity: 0.15;
            line-height: 1;
            position: absolute;
            top: -2rem;
            left: -1rem;
        }
        
        .commerce-with-conscience-mission-content {
            position: relative;
        }
        
        .commerce-with-conscience-section-label {
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            color: white;
            font-weight: 600;
            font-size: 0.75rem;
            text-transform: uppercase;
            letter-spacing: 3px;
            margin-bottom: 1.5rem;
        }
        
        .commerce-with-conscience-section-title-modern {
            font-weight: 600;
            color: black;
            margin-bottom: 1.5rem;
            line-height: 1.2;
            font-size: 35px;
        }
        .commerce-with-conscience-section-title-modern2 {
            font-weight: 600;
            color: white;
            margin-bottom: 1.5rem;
            line-height: 1.2;
            font-size: 35px;
            
        }
        
        .commerce-with-conscience-section-text-modern {
            color: #1a1a1a;
            line-height: 1.9;
        }
        
        .commerce-with-conscience-mission-image {
            border-radius: 8px;
            box-shadow: 0 30px 60px rgba(0,0,0,0.1);
            width: 100%;
        }
        
        .commerce-with-conscience-mission-image-offset {
            margin-top: 4rem;
        }
        
        /* Features Section - Horizontal Cards */
            .commerce-with-conscience-features-section {
            padding: 60px 0;
            background: url('/images/fairness.jpg') no-repeat center center;
            background-size: cover; /* ensures the image covers the entire section */
        }

        .commerce-with-conscience-feature-card-horizontal {
            display: flex;
            align-items: center;
            gap: 4rem;
            padding: 4rem 0;
             border-bottom: 1px solid #f3f4f6 !important; 
            transition: all 0.4s ease;
        }
        
        .commerce-with-conscience-feature-card-horizontal:hover {
            padding-left: 2rem;
        }
        
        .commerce-with-conscience-feature-card-horizontal.reversed {
            flex-direction: row-reverse;
        }
        
        .commerce-with-conscience-feature-number {
            font-size: 6rem;
            font-weight: 700;
            color: white;
            opacity: 0.1;
            min-width: 150px;
            transition: all 0.4s ease;
        }
        
        .commerce-with-conscience-feature-card-horizontal:hover .commerce-with-conscience-feature-number {
            opacity: 0.5;
        }
        
        .commerce-with-conscience-feature-image-horizontal {
            width: 350px;
            height: 250px;
            object-fit: cover;
            border-radius: 8px;
            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
            transition: all 0.4s ease;
        }
        
        .commerce-with-conscience-feature-card-horizontal:hover .commerce-with-conscience-feature-image-horizontal {
            transform: scale(1.02);
            box-shadow: 0 30px 60px rgba(0,0,0,0.15);
        }
        
        .commerce-with-conscience-feature-content-horizontal {
            flex: 1;
        }
        
        .commerce-with-conscience-feature-title-horizontal {
            font-weight: 600;
            color: white;
            margin-bottom: 1rem;
        }
        
        .commerce-with-conscience-feature-text-horizontal {
            color: white;
            line-height: 1.8;
            max-width: 400px;
        }
        
        /* Values Section - Grid */
        .commerce-with-conscience-values-section {
            padding: 60px 0;
            background: #1a1a1a;
            color: #ffffff;
            position: relative;
            overflow: hidden;
        }
        
        .commerce-with-conscience-values-section::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
            height: 100%;
            background: #dc2626;
            clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%);
            opacity: 0.1;
        }
        
        .commerce-with-conscience-value-card {
            padding: 3rem;
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 8px;
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
            height: 100%;
        }
        
        .commerce-with-conscience-value-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 4px;
            height: 0;
            background: #dc2626;
            transition: height 0.4s ease;
        }
        
        .commerce-with-conscience-value-card:hover::before {
            height: 100%;
        }
        
        .commerce-with-conscience-value-card:hover {
            background: rgba(255,255,255,0.05);
            transform: translateY(-5px);
        }
        
        .commerce-with-conscience-value-number {
            font-size: 4rem;
            font-weight: 700;
            color: #dc2626;
            opacity: 0.3;
            position: absolute;
            top: 1rem;
            right: 1.5rem;
        }
        
         .commerce-with-conscience-value-icon img {
            height: 50px;
            width: 50px;
            margin-bottom: 1.5rem;
        }
        
        .commerce-with-conscience-value-title {
            font-weight: 600;
            margin-bottom: 1rem;
            font-size: 24px;
            color: white;
        }
        
        .commerce-with-conscience-value-text {
            color: rgba(255,255,255,0.7);
            line-height: 1.8;
        }
        
        /* CTA Section - Modern */
        .commerce-with-conscience-cta-modern {
            padding: 60px 0;
            background: #ffffff;
        }
        
        .commerce-with-conscience-cta-box {
            background: #dc2626;
            border-radius: 24px;
            padding: 5rem;
            position: relative;
            overflow: hidden;
        }
        
        .commerce-with-conscience-cta-box::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -20%;
            width: 400px;
            height: 400px;
            background: rgba(255,255,255,0.5);
            border-radius: 50%;
        }
        
        .commerce-with-conscience-cta-box::after {
            content: '';
            position: absolute;
            bottom: -30%;
            left: -10%;
            width: 300px;
            height: 300px;
            background: rgba(255,255,255,0.5);
            border-radius: 50%;
        }
        
        .commerce-with-conscience-cta-content-modern {
            position: relative;
            z-index: 1;
        }
        
        .commerce-with-conscience-cta-title-modern {
            font-weight: 600;
            color: #ffffff;
            margin-bottom: 1.5rem;
            text-align: center;
            font-size: 35px;
        }
        
        .commerce-with-conscience-cta-text-modern {
            font-size: 16px;
            color: rgba(255,255,255,0.85);
            
            margin-bottom: 2.5rem;
        }
        
        .commerce-with-conscience-btn-white {
            background: #ffffff;
            color: #dc2626;
            padding: 1rem 2.5rem;
            border-radius: 4px;
            font-weight: 600;
            border: none;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-block;
        }
        
        .commerce-with-conscience-btn-white:hover {
            background: #1a1a1a;
            color: #ffffff;
            transform: translateY(-2px);
        }
        
        .commerce-with-conscience-btn-ghost {
            background: transparent;
            color: #ffffff;
            padding: 1rem 2.5rem;
            border-radius: 4px;
            font-weight: 600;
            border: 2px solid rgba(255,255,255,0.5);
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-block;
        }
        
        .commerce-with-conscience-btn-ghost:hover {
            background: #ffffff;
            color: #dc2626;
            border-color: #ffffff;
        }

        /* Animations */
        .animate-on-scroll {
            opacity: 0;
            transform: translateY(40px);
            transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
        }
        
        .animate-on-scroll.animated {
            opacity: 1;
            transform: translateY(0);
        }
        
        .delay-1 { transition-delay: 0.1s; }
        .delay-2 { transition-delay: 0.2s; }
        .delay-3 { transition-delay: 0.3s; }
        .delay-4 { transition-delay: 0.4s; }
        .equity-btn-gold {
            background: linear-gradient(135deg, #eb111c, #cf3a41);
            color: #0F172A;
            font-weight: 600;
            padding: 0.75rem 1.5rem;
            border: none;
            border-radius: 8px;
            transition: all 0.3s ease;
        }
        
        .equity-btn-gold:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(212, 175, 55, 0.4);
            color: #0F172A;
        }
        
        .equity-btn-outline-gold {
            border: 2px solid #eb111c;
            color: #eb111c;
            font-weight: 600;
            padding: 0.75rem 1.5rem;
            border-radius: 8px;
            background: transparent;
            transition: all 0.3s ease;
        }
        
        .equity-btn-outline-gold:hover {
            background: #eb111c;
            color: #0F172A;
        }
        
        /* Hero Section */
        .equity-hero {
            background: linear-gradient(135deg, #0F172A 0%, #1E293B 50%, #334155 100%);
            /* min-height: 100vh; */
            display: flex;
            align-items: center;
            padding: 60px 0;
            position: relative;
            overflow: hidden;
        }
        
        .equity-hero::before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
            height: 100%;
            background: url('/images/bg-equity.jpg') center/cover;
            opacity: 0.3;
        }
        
        .equity-hero-content {
            position: relative;
            z-index: 2;
        }
        
        .equity-hero h1 {
            color: #FFFFFF;
            margin-bottom: 1.5rem;
            line-height: 1.2;
        }
        
        .equity-hero h1 span {
            color: #eb111c;
        }
        
        .equity-hero p {
    
            color: #ffffff;
            margin-bottom: 2rem;
            max-width: 600px;
        }
        
        .equity-stats-row {
            display: flex;
            gap: 3rem;
            margin-top: 3rem;
        }
        
        .equity-stat-item {
            text-align: center;
        }
        
        .equity-stat-number {
            font-size: 2.5rem;
            font-weight: 700;
            color: #eb111c;
        }
        
        .equity-stat-label {
            color: #ffffff;
            font-size: 0.875rem;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        
        /* Principles Section */
        .equity-principles {
            padding: 60px 0;
            background: #FEFBF3;
        }
        
        .equity-section-title {
            font-size: 2.5rem;
            color: #0F172A;
            text-align: center;
            margin-bottom: 1rem;
        }
        
        .equity-section-subtitle {
            color: #ffffff;
            text-align: center;
            font-size: 1.125rem;
            max-width: 700px;
            margin: 0 auto 3rem;
        }
        
        .equity-principle-card {
            background: #FFFFFF;
            border-radius: 16px;
            padding: 2.5rem;
            height: 100%;
            box-shadow: 0 4px 20px rgba(0,0,0,0.05);
            border: 1px solid rgba(212, 175, 55, 0.1);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }
        
        .equity-principle-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 4px;
            height: 100%;
            background: linear-gradient(180deg, #eb111c, #cf3a41);
        }
        
        .equity-principle-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
        }
        
        .equity-principle-icon {
            width: 60px;
            height: 60px;
            background: linear-gradient(135deg, #eb111c, #cf3a41);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1.5rem;
        }
        
        .equity-principle-icon i {
            font-size: 1.75rem;
            color: #0F172A;
        }
        
        .equity-principle-card h3 {
            font-size: 1.5rem;
            color: #0F172A;
            margin-bottom: 1rem;
        }
        
        .equity-principle-card p {
            color: #ffffff;
            line-height: 1.8;
        }
        .equity-principle-card2 p {
            color: #000;
            line-height: 1.8;
        }
        
        
        /* Policy Details Section */
        .equity-policy-details {
            padding: 60px 0;
            background: #0F172A;
            color: #FFFFFF;
        }
        
        .equity-policy-details .section-title {
            color: #FFFFFF;
        }
        
        .equity-policy-details .section-subtitle {
            color: #ffffff;
        }
        
        .equity-policy-card {
            background: rgba(255,255,255,0.05);
            border-radius: 16px;
            padding: 2.5rem;
            margin-bottom: 2rem;
            border: 1px solid rgba(212, 175, 55, 0.2);
            backdrop-filter: blur(10px);
            height: 100%;
        }
        .equity-policy-card:hover {
            transform: translateY(-8px);
        }
        .equity-policy-card h3 {
            color: #eb111c;
            font-size: 1.75rem;
            margin-bottom: 1.5rem;
            display: flex;
            align-items: center;
            gap: 1rem;
        }
        
        .equity-policy-card h3 i {
            font-size: 1.5rem;
        }
        
        .equity-policy-card p {
            color: #ffffff;
            line-height: 1.9;
            margin-bottom: 1rem;
        }
        
        .equity-policy-card ul {
            list-style: none;
            padding: 0;
        }
        
        .equity-policy-card ul li {
            color: #ffffff;
            padding: 0.5rem 0;
            padding-left: 2rem;
            position: relative;
        }
        
        .equity-policy-card ul li::before {
            content: '\F26A';
            font-family: 'bootstrap-icons';
            position: absolute;
            left: 0;
            color: #eb111c;
        }
        
        /* Timeline Section */
        .equity-timeline-section {
            padding: 60px 0;
            background: #FEFBF3;
        }
        
        .equity-timeline {
            position: relative;
            max-width: 900px;
            margin: 0 auto;
        }
        
        .equity-timeline::before {
            content: '';
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            width: 4px;
            height: 100%;
            background: linear-gradient(180deg, #eb111c, #cf3a41);
            border-radius: 2px;
        }
        
        .equity-timeline-item {
            display: flex;
            justify-content: flex-end;
            padding-right: 50%;
            position: relative;
            margin-bottom: 3rem;
        }
        
        .equity-timeline-item:nth-child(even) {
            justify-content: flex-start;
            padding-right: 0;
            padding-left: 50%;
        }
        
        .equity-timeline-content {
            background: #FFFFFF;
            padding: 2rem;
            border-radius: 16px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.05);
            max-width: 400px;
            position: relative;
            margin-right: 30px;
            border: 1px solid rgba(212, 175, 55, 0.1);
            margin-left: 30px;
        }
        
        .equity-timeline-item:nth-child(even) .timeline-content {
            margin-right: 0;
            margin-left: 30px;
        }
        
        .equity-timeline-dot {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            width: 20px;
            height: 20px;
            background: #eb111c;
            border-radius: 50%;
            border: 4px solid #FEFBF3;
            box-shadow: 0 0 0 4px #eb111c;
        }
        
        .equity-timeline-content h4 {
            color: #0F172A;
            font-size: 1.25rem;
            margin-bottom: 0.5rem;
        }
        
        .equity-timeline-content .phase {
            color: #eb111c;
            font-weight: 600;
            font-size: 0.875rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 0.5rem;
        }
        
        .equity-timeline-content p {
            color: #ffffff;
            font-size: 0.95rem;
        }
        
        /* CTA Section */
        .equity-cta-section {
            padding: 60px 0;
            background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);
            text-align: center;
        }
        
        .equity-cta-section h2 {
            font-size: 2.5rem;
            color: #FFFFFF;
            margin-bottom: 1.5rem;
        }
        
        .equity-cta-section p {
            color: #ffffff;
            font-size: 1.25rem;
            max-width: 600px;
            margin: 0 auto 2rem;
        }
        
        .equity-cta-buttons {
            display: flex;
            gap: 1rem;
            justify-content: center;
            flex-wrap: wrap;
        }
        
        
        /* Image Gallery */
        .equity-image-gallery {
            padding: 60px 0;
            background: #FFFFFF;
        }
        
        .equity-gallery-img {
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            transition: transform 0.3s ease;
        }
        
        .equity-gallery-img:hover {
            transform: scale(1.02);
        }
        
        .equity-gallery-img img {
            width: 100%;
            height: 300px;
            object-fit: cover;
        }
        p.text-black {
    color: black;
}
/* Membership page */

.membership-page-btn-primary-custom {
            background: #c8111e;
            color: white;
            border: none;
            padding: 0.75rem 1.5rem;
            border-radius: 10px;
            font-weight: 600;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(196, 30, 58, 0.3);
        }

        .membership-page-btn-primary-custom:hover {
            background: #b00f1b;
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(196, 30, 58, 0.4);
        }

        .membership-page-btn-outline-custom {
            background: transparent;
            color: #1a1a1a;
            border: 2px solid #e9ecef;
            padding: 0.75rem 1.5rem;
            border-radius: 10px;
            font-weight: 600;
            transition: all 0.3s ease;
            border-color: #c8111e;
        }

        .membership-page-btn-outline-custom:hover {
            background: #f8f9fa;
            border-color: #c8111e;
            color: #c8111e;
        }

        /* Hero Section */
        .membership-page-hero-section {
    
            position: relative;
            display: flex;
            align-items: center;
            padding: 60px 0px;
            overflow: hidden;
        }

        .membership-page-hero-bg {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: -1;
        }

        .membership-page-hero-bg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .membership-page-hero-bg::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(to right, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.85) 50%, rgba(255,255,255,0.3) 100%);
        }

        .membership-page-hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            background: rgba(196, 30, 58, 0.1);
            color: #c8111e;
            padding: 0.5rem 1rem;
            border-radius: 5px;
            font-weight: 600;
            font-size: 0.875rem;
            margin-bottom: 1.5rem;
            animation: fadeIn 1s ease;
        }

        .membership-page-hero-badge .membership-page-pulse {
            width: 8px;
            height: 8px;
            background: #c8111e;
            border-radius: 50%;
            animation: pulse 2s infinite;
        }

        .membership-page-hero-title {
            font-weight: 700;
            line-height: 1.1;
            margin-bottom: 1.5rem;
            animation: slideUp 0.8s ease;
            
        }

        .membership-page-hero-title .membership-page-text-gradient {
            background: linear-gradient(135deg, #c8111e, #e63950);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .membership-page-hero-text {
            /* color: #6c757d; */
            line-height: 1.8;
            margin-bottom: 2rem;
            animation: slideUp 0.8s ease 0.1s both;
        }

        .membership-page-hero-text .membership-page-highlight {
            color: #c8111e;
            font-weight: 700;
        }

        .membership-page-hero-text .membership-page-bold {
            color: #1a1a1a;
            font-weight: 600;
        }

        .membership-page-hero-buttons {
            display: flex;
            gap: 1rem;
            flex-wrap: wrap;
            animation: slideUp 0.8s ease 0.2s both;
        }

        .membership-page-btn-hero {
            padding: 1rem 2rem;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
        }

        .membership-page-scroll-indicator {
            position: absolute;
            bottom: 2rem;
            left: 50%;
            transform: translateX(-50%);
            animation: float 3s ease-in-out infinite;
        }

        .membership-page-scroll-indicator .mouse {
            width: 24px;
            height: 40px;
            border: 2px solid rgba(196, 30, 58, 0.3);
            border-radius: 12px;
            display: flex;
            justify-content: center;
            padding-top: 8px;
        }

        .membership-page-scroll-indicator .wheel {
            width: 4px;
            height: 10px;
            background: #c8111e;
            border-radius: 2px;
            animation: scroll 2s infinite;
        }

        /* About Section */
        .membership-page-about-section {
            padding: 60px 0;
            /* background: #f8f9fa; */
        }

        .membership-page-section-label {
            color: #c8111e;
            font-weight: 600;
            font-size: 0.875rem;
            letter-spacing: 2px;
            margin-bottom: 1rem;
        }

        .membership-page-section-title {
            font-weight: 700;
            margin-bottom: 1.5rem;
            line-height: 1.2;
            font-size: 35px;
        }

        .membership-page-section-text {
            line-height: 1.8;

        }
       .membership-page-section-text2 {
            line-height: 1.8;
            color: white;
        }
        .membership-page-section-text .membership-page-bold {
            color: #1a1a1a;
            font-weight: 600;
        }

        .membership-page-about-image-wrapper {
            position: relative;
        }

        .membership-page-about-image-wrapper::before {
            content: '';
            position: absolute;
            top: -1rem;
            left: -1rem;
            right: 1rem;
            bottom: 1rem;
            background: rgba(196, 30, 58, 0.05);
            border-radius: 1.5rem;
            transform: rotate(3deg);
        }

        .membership-page-about-image-wrapper img {
            position: relative;
            border-radius: 1rem;
            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
            width: 100%;
        }

        /* Guarantees Section */
        .membership-page-guarantees-section {
            padding: 60px 0;
            background: url('/images/membership-gurantee-bg.jpg');
            background-size: cover;        
            background-position: center;   
            background-repeat: no-repeat; 
        }

        .membership-page-guarantee-card {
            background: white;
            border-radius: 1rem;
            padding: 2rem;
            border: 1px solid #e9ecef;
            transition: all 0.3s ease;
            height: 100%;
            position: relative;
            overflow: hidden;
        }

        .membership-page-guarantee-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: linear-gradient(to right, #c8111e, #e63950);
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .membership-page-guarantee-card:hover {
            border-color: rgba(196, 30, 58, 0.3);
            box-shadow: 0 20px 50px rgba(196, 30, 58, 0.1);
            transform: translateY(-5px);
        }

        .membership-page-guarantee-card:hover::before {
            opacity: 1;
        }

        .membership-page-guarantee-icon {
            width: 56px;
            height: 56px;
            background: rgba(196, 30, 58, 0.1);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1.5rem;
            transition: all 0.3s ease;
        }

        .membership-page-guarantee-icon i {
            font-size: 1.5rem;
            color: #c8111e;
            transition: color 0.3s ease;
        }

        .membership-page-guarantee-card:hover .membership-page-guarantee-icon {
            background: #c8111e;
        }

        .membership-page-guarantee-card:hover .membership-page-guarantee-icon i {
            color: white;
        }

        .membership-page-guarantee-title {
            font-size: 1.25rem;
            font-weight: 700;
            margin-bottom: 0.75rem;
        }

        .membership-page-guarantee-text {
            color: black;
            line-height: 1.7;
        }

        /* Mission Section */
        .membership-page-mission-section {
            padding: 60px 0;
            background: #1a1a1a;
            color: white;
        }

        .membership-page-mission-images {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1rem;
        }

        .membership-page-mission-images img {
            border-radius: 1rem;
            width: 100%;
        }

        .membership-page-mission-images img:nth-child(2) {
            margin-top: 2rem;
        }

        .membership-page-mission-quote {
            font-family: 'Playfair Display', serif;
            font-size: 1.5rem;
            font-style: italic;
            padding-top: 1.5rem;
            border-top: 1px solid rgba(255, 255, 255, 0.2);
            margin-top: 1.5rem;
            color: white;
        }

        /* CTA Section */ 
        .membership-page-cta-section {
            padding: 60px 0;
            position: relative;
            overflow: hidden;
            background: url('/images/membership-cta-bg.jpeg');
            background-size: cover;        
            background-position: center;   
            background-repeat: no-repeat;  
        }

        .membership-page-cta-section::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 800px;
            height: 800px;
            background: radial-gradient(circle, rgba(196, 30, 58, 0.05) 0%, transparent 70%);
            border-radius: 50%;
        }

        .membership-page-cta-title {
            font-weight: 700;
            margin-bottom: 1.5rem;
            font-size: 35px;
        }

        .membership-page-cta-title .membership-page-text-gradient {
            background: linear-gradient(135deg, #c8111e, #e63950);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .membership-page-pricing-card {
            background: white;
            border-radius: 1.5rem;
            padding: 3rem;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
            border: 1px solid #e9ecef;
            max-width: 480px;
            margin: 0 auto;
        }

        .membership-page-price-amount {
            font-family: 'Playfair Display', serif;
            font-size: 3.5rem;
            font-weight: 700;
            color: #c8111e;
        }

        .membership-page-price-period {
            font-size: 1.125rem;
            color: #6c757d;
        }

        .membership-page-price-note {
            color: #6c757d;
            margin-top: 0.5rem;
        }

        .membership-page-feature-list {
            list-style: none;
            padding: 0;
            margin: 2rem 0;
        }

        .membership-page-feature-list li {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            padding: 0.75rem 0;
        }

        .membership-page-feature-list li .membership-page-check-icon {
            width: 20px;
            height: 20px;
            background: rgba(196, 30, 58, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .membership-page-feature-list li .membership-page-check-icon i {
            font-size: 0.75rem;
            color: #c8111e;
        }

        .membership-page-btn-cta {
            width: 100%;
            padding: 1rem;
            font-size: 1.125rem;
        }

        .membership-page-cta-note {
            text-align: center;
            color: #6c757d;
            font-size: 0.875rem;
            margin-top: 1rem;
        }


        /* Animations */
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        @keyframes slideUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.5; }
        }

        @keyframes float {
            0%, 100% { transform: translateX(-50%) translateY(0); }
            50% { transform: translateX(-50%) translateY(-10px); }
        }

        @keyframes scroll {
            0%, 100% { opacity: 1; transform: translateY(0); }
            50% { opacity: 0.5; transform: translateY(5px); }
        }
     .terms-and-services-modal h2, .privacy-and-policy-modal h2,  .terms-and-services-modal h3, .privacy-and-policy-modal h3 {
            color: #000;
            font-size: 25px;
        }
         .terms-section h2, .terms-and-services-modal h2 {
            margin-top: 30px;
        }
         .terms-section ul, .terms-and-services-modal ul {
            margin: 10px 0 10px 20px;
        }
        .terms-section li, .terms-and-services-modal li {
            margin-bottom: 5px;
        }
        .terms-section {
            margin-bottom: 20px;
        }
        .terms-and-services-section, .privacy-and-policy-section{
            margin-top: 70px;
        }