html, body {
  width: 100%;
  overflow-x: hidden !important;
}
    .custom-navbar{
height: 80px;
}
.navbar .nav-link:hover {
  color: #0EC250 !important;
}
    .img{
width: 150px;
margin-left: 60px;
}
li{
white-space: nowrap;
}
.dropdown-menu {
  background-color: #2C3E50;     
}

.dropdown-menu .dropdown-item {
background-color: #2C3E50;
  color:white;                 
}
.dropdown-menu .dropdown-item:hover {
  background-color: #2C3E50;       
  color:#0EC250;                 
}
    .navbar{
background-color: #2C3E50;
}
    .custom-slider{
margin-top: 30px;
}
.secb {
    position: relative;
    width: 100%;
    height: 800px;
    background-image: url(gujjar2.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    overflow: hidden;
}

.secb::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.secb > * {
    position: relative;
    z-index: 2;
}

    .secb h1{
font-size: 148.4px;
font-weight: 700;
color: #E7E7E7;
text-align: center;
padding-top: 180px;
}
    .secb h2{
width: 834px;
font-size: 148.4px;
font-weight: 700;
color: #E7E7E7;
text-align: center;
margin-left: 250px;
text-decoration: underline;
background-color: #0EC250;
}
    .but1{
width: 240px;
font-size: 20px;
background-color: transparent;
padding:10px 10px 10px 10px;
border: 2px solid #0EC250;
color: #0EC250;
margin-left: 430px;
margin-top: 20px;
}
    .but1 i{
margin-left: 10px;
}
    .but1:hover{
background-color:  #2C3E50;
border: 2px solid  #2C3E50;
color: white;
}
    .but2{
width: 180px;
font-size: 20px;
background-color:#0EC250;
padding:10px 10px 10px 10px;
border: 2px solid #0EC250;
color:white;
margin-left: 50px;
}
    .but2 i{
margin-left: 10px;
}
    .but2:hover{
background-color:  #2C3E50;
border: 2px solid  #2C3E50;
color: white;
}
.icon {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.icon i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 5px;
  color: white;
  font-size: 18px;
  cursor: pointer;
  transition: transform 0.3s ease;
margin-top: 30px;
}

.icon .fa-facebook-f {
  background-color: #3b5998;
}

.icon .fa-instagram{
  background-color: #e1306c;
margin-left: 10px;
}

.icon .fa-tiktok{
margin-left: 10px;
  background-color: #000;
}

.icon i:hover {
  transform: scale(1.1);
}
    .secC{
width: 100%;
height: 580px;
margin-top: 150px;
display: flex;
}
    .secC .seca{
width: 50%;
margin-top: 50px;
height: 480px;
display: flex;
}
    .seca .part1{
width: 50%;
height: 480px;
background-color: #2C3E50;
}
    .part1 p{
color:darkgrey;
        font-size: 17.6px;
font-weight: 400;
margin-left: 20px;
        padding-left: 15px;
padding-right: 15px;
margin-top: 30px;
}
    .part1 h3{
width: 400px;
font-size: 40px;
font-weight: 500;
color:white;
margin-top: 30px;
background-color: #0EC250;
padding: 10px 10px 10px 10px;
}
    .part2{
width: 50%;
height: 480px;
background-color: #34495E;
}
    .part2 h6{
color:#E7E7E7;
margin-left: 30px;
margin-top: 50px;
}
    .part2 h4{
color: white;
margin-left: 30px;
margin-top: 10px;
font-size:28px;
}
    .part2 p{
color:darkgrey;
        font-size: 17.6px;
font-weight: 400;
margin-left: 20px;
        padding-left: 15px;
padding-right: 15px;
}
    .secBb{
width: 50%;
margin-top: 50px;
height: 480px;
}
    .secBb h4{
font-size: 30.4px;
font-weight: 500;
color:black;
padding-right: 40px;
margin-left: 50px;
}
    .secBb h3{
width: 400px;
font-size: 51px;
font-weight: 500;
color:white;
margin-left: 50px;
background-color: #0EC250;
padding: 10px 10px 10px 10px;
}
    .secBb p{
font-size:18px;
font-weight: 500;
color:gray;;
padding-right: 40px;
margin-left: 50px;
}
.counter_area .counter_bg {
width: 110%;
margin-top: 120px;
margin-left: -40px;
  background-color: #0EC250;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  overflow: hidden;
  padding: 64px 0;
}
.counter_area .counter_bg:hover{
background-color: #34495E;
}
.counter_area .overlay:before {
  background: #3CC78F;
  opacity: .6;
}


.counter_area .single_counter {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
}

.counter_area .single_counter .icon1 {
  margin-right: 15px;
margin-top: -5px;
}

.counter_area .single_counter .icon1 i {
  font-size: 50px;
  color: #fff;
  line-height: 1;
}

.counter_area .single_counter .events h3 {
  font-size: 40px;
  margin-bottom: 0;
  color: #fff;
}

.counter_area .single_counter .events p {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}
/* Fix the layout inside owl-carousel */
.causes_active {
  display: flex;
  flex-wrap: nowrap;
}

/* Card styling */
.single_cause {
  width: 350px; /* fixed width */
  background-color: #fff;
  border-radius: 7px;
  overflow: hidden;
  margin: 0 15px; /* spacing between slides */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
}

.single_cause .thumb img {
  width: 100%;
  height: auto;
  display: block;
}

/* Content styling */
.causes_content {
  padding: 20px;
}

.causes_content h4 {
  font-size: 18px;
  margin-bottom: 10px;
}

.causes_content p {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 15px;
}
.progress-bar {
  background-color: #34495E;
}

/* Read more link */
.read_more {
  display: inline-block;
  color: #0EC250;
  font-weight: bold;
  text-decoration: none;
  margin-top: 10px;
}
.read_more:hover{
color:  #34495E;
}

/* Center section title */
.section_title h3 {
  font-size: 32px;
  font-weight: bold;
}

/* Center all items inside carousel */
.owl-carousel .owl-stage {
  display: flex !important;
  align-items: stretch !important;
}

.owl-carousel .owl-item {
  display: flex;
  justify-content: center;
}
  :root {
      --brand-color: #34495E;
      --brand-light: rgba(52, 73, 94, 0.08);
    }

    .mv-section {
      padding: 60px 0;
      background-color: #fff;
      text-align: center;
    }


    .mv-card {
      background-color: #f8f9fa;
      border-radius: 12px;
      padding: 30px 20px;
      transition: all 0.3s ease;
      height: 100%;
    }

    .mv-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    }

    .icon-wrap {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      background: var(--brand-light);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 20px;
      color: var(--brand-color);
      font-size: 36px;
    }

    .mv-card h4 {
      font-size: 20px;
      font-weight: 600;
      color: var(--brand-color);
      margin-bottom: 12px;
      text-transform: uppercase;
    }

    .mv-card p, 
    .mv-card ul {
      font-size: 14px;
      color: #555;
      margin-bottom: 20px;
      line-height: 1.6;
    }

    .mv-card ul {
      list-style: none;
      padding: 0;
      text-align: left;
      display: inline-block;
    }

    .mv-card ul li::before {
      content: "✓";
      color: var(--brand-color);
      font-weight: bold;
      margin-right: 8px;
    }

    .btn-brand {
      background-color: var(--brand-color);
      color: #fff;
      border-radius: 6px;
      padding: 8px 16px;
      font-size: 14px;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      transition: 0.3s ease;
    }

    .btn-brand:hover {
      background-color: #0EC250;
      color: #fff;
    }
.contact-section {
    background-color: #fff;
    padding: 50px 0;
  }

  .contact-title {
font-size: 38px;
    color: #34495E;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
margin-top: 50px;
margin-left: 40px;
  }
 .contact-title:hover {
font-size: 38px;
   background-color:#34495E;
  color: white;
width: 50%;
margin-left: 340px;
    }

  .contact-row {
margin-top: 80px;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  .contact-card {
    background-color: #34495E;
    color: white;
    padding: 30px 20px;
    border-radius: 8px;
    flex: 0 0 25%;
margin-left: 26px;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease;
  }

  .contact-card:hover {
    transform: translateY(-5px);
    background-color: #2c3e50;
  }

  /* Icon + Heading line */
  .contact-header {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
  }

  .contact-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    color: #2c3e50;
    font-size: 1.4rem;
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }

  .contact-header h6 {
    font-weight: bold;
    font-size: 1.1rem;
margin:0px 10px 0px 20px;
  }

  .contact-value {
    font-size: 0.95rem;
    margin-bottom: 10px;
    font-weight: 500;
  }

  .contact-desc {
    font-size: 0.85rem;
    margin-bottom: 15px;
    color: #e0e0e0;
  }

  .contact-btn {
    border: 1px solid white;
    color: white;
    padding: 6px 15px;
    font-size: 0.85rem;
    text-decoration: none;
    border-radius: 3px;
    transition: all 0.3s ease;
    text-align: center;
  }

  .contact-btn:hover {
    background-color: white;
    color: #34495E;
  }
footer{
margin-top:40px;
}
footer a{
text-decoration: none;
}
.row21{
width: 100%;
height: 390px;
display: flex;
background-color:#34495E;
}
.part11{
width: 23%;
height: 400px;
margin-left: 150px;
margin-top: 50px;
}
.part11 img{
width: 180px;
}
.part11 p{
font-size: 16px;
font-weight: 400px;
color: white;
line-height: 23px;
padding-right: 60px;
}
.part211{
width: 23%;
height: 400px;
margin-left: 50px;
}
.part211 h6{
font-size: 16px;
font-weight: 700;
color: #0EC250;
margin-left: 25px;
margin-top: -20px;
}
.part211 i{
color: #0EC250;
margin-top: 60px;
}
.part211 p{
font-size: 16px;
font-weight: 400;
margin-top: 25px;
color: white;
}
.part21{
width: 23%;
height: 400px;
margin-left: -80px;
}
.part21 h6{
font-size: 16px;
font-weight: 700;
color: #0EC250;
margin-left: 25px;
margin-top: -20px;
}
.part21 i{
color: #0EC250;
margin-top: 60px;
}
.part21 p{
font-size: 16px;
font-weight: 400;
margin-top: 25px;
color: white;
}
.part31{
width: 23%;
height: 400px;
margin-left: -80px;
}
.part31 h6{
font-size: 16px;
font-weight: 700;
color: #0EC250;
margin-left: 25px;
margin-top: -20px;
}
.part31 i{
color: #0EC250;
margin-top: 60px;
}
.part31 p{
font-size: 16px;
font-weight: 400;
margin-top: 20px;
color: white;
}
.row31{
width: 100%;
height: 60px;
background-color:#0EC250;
display: flex;
}
.row31 h3{
font-size: 18px;
width: 100%;
padding-top: 20px;
text-align: center;
}

@media (max-width: 992px) {
    .contact-row {
      flex-wrap: wrap;
    }
    .contact-card {
      flex: 0 0 48%;
    }
  }
  @media (max-width: 576px) {
    .contact-card {
width: 50%;
      flex: 0 0 70%;
margin-left: 0px;
margin-top: 20px;
      }
      .contact-title:hover{
font-size: 32px;
   background-color:#34495E;
  color: white;
width: 88%;
margin-left:0px;
    }
      .contact-title{
font-size: 30px;
margin-left: -60px;
}
  }
@media (max-width: 768px) {
  .single_cause {
    width: 90% !important;
    margin: 10px auto;
  }
  .causes_active {
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (min-width: 992px) {
  .single_counter.custom-margin {
    margin-left: 80px;
  }
}

@media (max-width: 991.98px) {
  .single_counter.custom-margin {
    margin-left: 0; /* remove margin on smaller screens */
  }
}


@media screen and (max-width: 750px) {
 html, body {
  width: 100%;
  overflow-x: hidden !important;
}
.navbar-collapse {
  max-width: 100%;
  overflow-x: hidden;
}

      .navbar-nav .nav-link {
        margin-left: 0 !important;
        text-align: center;
        padding: 10px 0;
      }
  .dropdown-menu{
width: 20px;
text-align: center;
margin: 0px auto;
}
    .img{
width: 80px;
margin-left: 20px;
}
  .secb {
        background-attachment: scroll; /* mobile fix */
        background-position: center;
        background-size: cover;
        height:480px; /* content ke hisaab se adjust */
    }
.secb h1 {
    font-size: 48px;
    padding-top: 30px;
margin-top: 80px;
    text-align: center;
  }

  .secb h2 {
    width: 220px;
    font-size: 38px;
    margin-left: 0;
margin-top: -10px;
    text-align: center;
    padding: 0px;
    box-sizing: border-box;
margin-left: 50px;
text-decoration: underline;
  }
    .but1{
width:180px;
font-size: 14px;
margin-top: -10px;
margin-left: 70px;
}
    .but2{
width: 120px;
font-size: 14px;
margin-top: 15px;
margin-left: 100px;
}
.icon i {
  width: 30px;
height: 33px;
  text-align: center;
  border-radius: 5px;
  color: white;
  font-size: 18px;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.secC {
    flex-direction: column;
    align-items: center;
    margin-top: 80px;
height: auto;
  }

  .secC .seca,
  .secBb {
    width: 100%;
    height: auto;
    flex-direction: column;
    align-items: center;
  }

  .seca .part1,
  .part2 {
    width: 100%;
    height: auto;
  }

  .part2 h6,
  .part2 h4,
  .part2 p,
  .secBb h3,
  .secBb h4,
  .secBb p {
    margin-left: 20px;
    margin-right: 20px;
    padding: 10px;
    text-align: center;
  }

  .secBb h3 {
    width: auto;
    font-size: 36px;
  }

  .secBb h4 {
    font-size: 22px;
  }

  .secBb p {
    font-size: 16px;
  }
.counter_area .counter_bg {
    padding-top: -180px;
margin-left: -15px;
  }
.row21 {
    flex-direction: column;
    height: auto;
    padding: 20px 0;
  }
    .part11{
width: 90%;
    margin: 20px;
padding-bottom: -150px;
}
  .part211,.part21, .part31 {
    width: 90%;
    margin: 20px;
margin-top: -90px;
  }

  .part11 img {
    width: 150px;
    display: block;
    margin-bottom: 10px;
  }

  .part11 p, .part211 p,.part21 p, .part31 p {
    font-size: 14px;
    line-height: 22px;
  }

  .part211 i,.part21 i, .part31 i {
    display: block;
    margin-bottom: 3px;
  }

  .row31 {
    height: auto;
    text-align: center;
    padding: 15px 0;
  }

  .row31 h3 {
    font-size: 14px;
    margin: 0;
  }
}
@media screen and (max-width: 320px) {
 .secb h2{
margin-left: 50px !important;
}
    .but1{
margin-left: 75px !important;
}
.but2{
margin-left: 100px  !important;
}
    .icon{
margin-top: 0px  !important;
}
}
@media screen and (min-width: 321px) and (max-width: 375px)  {
    .secb h2{
margin-left: 80px;
}
    .but1{
margin-left: 105px;
}
.but2{
margin-left: 130px;
}
    .icon{
margin-top: 0px;
}
}
@media screen and (min-width: 376px) and (max-width: 430px) {
.secb h2{
margin-left: 105px !important;
}
    .but1{
margin-left: 130px !important;
}
.but2{
margin-left: 160px  !important;
}
    .icon{
margin-top: 0px  !important;
}
}
@media screen and (min-width: 430px) and (max-width: 768px) {
  .navbar-toggler {
    display: none !important; /* toggle hatado */
  }

  .navbar-collapse {
    display: flex !important;
    flex-basis: auto !important;
  }

  .navbar-nav {
    flex-direction: row !important; 
    flex-wrap: nowrap !important;  /* ek hi line me rakho */
    justify-content: space-between; 
    width: 100% !important;
    white-space: nowrap !important;
margin-left: -65px !important;
  }

  .navbar-nav .nav-item {
    margin: 0 16px !important;
margin-left: -50px !important;
  }

  .navbar-nav .nav-link {
    font-size: 12px !important;      /* font chhota */
    padding: 5px 6px !important;     /* padding bhi kam */
    color: white !important;
  }

  .navbar-brand img {
    width: 90px !important;
margin-left: 10px !important;
  }
    .secb h1{
font-size: 98px;
}
   .secb h2{
font-size: 98px;
width: 550px;
margin-left:90px !important;
}
    .but1{
margin-left: 140px !important;
}
.secC {
  display: flex;
  flex-direction: column; /* column wise layout */
  padding: 20px;
  margin: 0 auto; 
padding-bottom: 1200px !important;
}
.secC .seca{
width: 90%;
margin-top: 50px;
height: 480px;
display: flex;
}
    .seca .part1{
width: 50%;
height: 480px;
background-color: #2C3E50;
}
    .part1 p{
color:darkgrey;
        font-size: 17.6px;
font-weight: 400;
margin-left: 20px;
        padding-left: 15px;
padding-right: 15px;
margin-top: 30px;
}
    .part1 h3{
width: 400px;
font-size: 40px;
font-weight: 500;
color:white;
margin-top: 30px;
background-color: #0EC250;
padding: 10px 10px 10px 10px;
}
.secBb{
width: 50%;
margin-top: 50px;
height: 480px;
margin-left: 250px;
}
    .secBb h4{
font-size: 30.4px;
font-weight: 500;
color:black;
padding-right: 40px;
margin-left: 50px;
}
    .secBb h3{
width: 400px;
font-size: 51px;
font-weight: 500;
color:white;
margin-left: 50px;
background-color: #0EC250;
padding: 10px 10px 10px 10px;
}
    .secBb p{
font-size:18px;
font-weight: 500;
color:gray;;
padding-right: 40px;
margin-left: 50px;
}
 .mv-card{
width: 120%;
}
    .thumb img{
width: 100% !important;
}
     .contact-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 columns */
    gap: 20px; /* beech ka gap */
  }

  .contact-card {
    width: 100%;
margin-left: -30px !important;
  }
.row21 {
    flex-direction: column;
    height: auto;
    padding: 20px 0;
  }
    .part11{
width: 90%;
    margin: 20px;
padding-bottom: -150px;
}
  .part211,.part21, .part31 {
    width: 90%;
    margin: 20px;
margin-top: -90px;
  }

  .part11 img {
    width: 150px;
    display: block;
    margin-bottom: 10px;
  }
    .part11{
margin-bottom: -150px;
}
  .part11 p, .part211 p,.part21 p, .part31 p {
    font-size: 14px;
    line-height: 22px;
  }

  .part211 i,.part21 i, .part31 i {
    display: block;
    margin-bottom: 3px;
  }

  .row31 {
    height: auto;
    text-align: center;
    padding: 15px 0;
  }

  .row31 h3 {
    font-size: 14px;
    margin: 0;
  }
}
@media screen and (min-width:769px) and (max-width:1024px) {
  .navbar-toggler {
    display: none !important; /* toggle hatado */
  }

  .navbar-collapse {
    display: flex !important;
    flex-basis: auto !important;
  }

  .navbar-nav {
    flex-direction: row !important; 
    flex-wrap: nowrap !important;  /* ek hi line me rakho */
    justify-content: space-between; 
    width: 100%;
    white-space: nowrap;
margin-left: -50px !important;
  }

  .navbar-nav .nav-item {
    margin: 0 16px !important;
margin-left: -50px !important;
  }

  .navbar-nav .nav-link {
    font-size: 16px;      /* font chhota */
    padding: 5px 6px;     /* padding bhi kam */
    color: white !important;
  }

  .navbar-brand img {
    width: 90px;
margin-left: 10px !important;
  }
    .secb h1{
font-size: 98px;
}
   .secb h2{
font-size: 104px;
width: 580px;
margin-left:220px;
}
    .but1{
margin-left: 270px;
}
    .seca .part1 h3{
font-size: 32px !important;
width: 270px !important;
}
.contact-row {
    display: flex;
    justify-content: space-between; /* cards ke beech me space */
    flex-wrap: nowrap;            
margin-left: -40px;
  }

  .contact-card {
    flex: 1;                        /* equal width */
    max-width: 25%;                 /* roughly 4 in a row */
  }
.part11 p {
  width: 120% !important;
  margin-left: 0px !important;   /* left side upar move */
  margin-right: -320px !important;  /* right side compress */
  margin-top: 20px !important;     /* content ko upar uthao */
  margin-bottom: -20px !important;  /* neeche se chhota karo */
  line-height: 20px;                /* height kam karne ke liye */
}
}
@media screen and (min-width:1025px) and (max-width:1280px) {
 .navbar-toggler {
    display: none !important; /* toggle hatado */
  }

  .navbar-collapse {
    display: flex !important;
    flex-basis: auto !important;
  }

  .navbar-nav {
    flex-direction: row !important; 
    flex-wrap: nowrap !important;  /* ek hi line me rakho */
    justify-content: space-between; 
    width: 100%;
    white-space: nowrap;
margin-left: -50px !important;
  }

  .navbar-nav .nav-item {
    margin: 0 16px !important;
margin-left: -50px !important;
  }

  .navbar-nav .nav-link {
    font-size: 16px;      /* font chhota */
    padding: 5px 6px;     /* padding bhi kam */
    color: white !important;
  }

  .navbar-brand img {
    width: 120px;
margin-left: 10px !important;
  }
  .causes11{
margin-left: 80px !important;
}
}
@media screen and (min-width:1281px) and (max-width:1366px) {
    .secb h2{
margin-left: 260px !important;
}
    .but1{
margin-left: 420px !important;
}
    .icon{
margin-left: 10px !important;
}
   .causes11{
margin-left: 120px !important;
}
}
@media screen and (min-width:1367px) and (max-width:1440px) {
    .secb h2{
margin-left: 320px;
}
    .but1{
margin-left: 490px;
}
    .icon{
margin-left: 80px;
}
    .causes11{
margin-left: 140px;
}
    .contact-title{
padding-left: 100px !important;
}
    .contact-section{
margin-left: -25px;
}
}
/* ✅ Navbar styles for Full HD (1920px) screen */
@media screen and (min-width: 1601px) and (max-width: 1920px) {
  .navbar-toggler {
    display: none !important; /* Toggle button hatado */
  }

  .navbar-collapse {
    display: flex !important;
    flex-basis: auto !important;
    justify-content: center !important; /* center karne ke liye */
  }

  .navbar-nav {
    flex-direction: row !important;
    flex-wrap: nowrap !important;  
    justify-content: center !important; /* evenly spread */
    width: 100%;
    margin-left: 0 !important;
  }

  .navbar-nav .nav-item {
    margin: 0 25px !important; /* gap ki jagah spacing */
  }

  .navbar-nav .nav-link {
    font-size: 18px;      /* thoda bada font Full HD pe */
    padding: 10px 14px;   /* padding bhi thodi zyada */
    color: white !important;
  }

  .navbar-brand img {
    width: 150px;         /* brand ka logo thoda bada */
    margin-left: 20px !important;
  }
    .secb h2{
margin-left: 530px !important;
}
  .but1{
margin-left: 720px;
}
    .icon{
margin-left: 80px;
}
.mv-card {
    padding: 40px 30px;   /* andar ka gap zyada */
    font-size: 18px;      /* text thoda bada */
  }

  .mv-card h4 {
    font-size: 26px;      /* heading badi */
    margin-bottom: 20px;
  }

  .mv-card p {
    font-size: 18px;      /* paragraph bada */
    line-height: 1.7;
  }

  .mv-card .icon-wrap i {
    font-size: 50px;      /* icon bada */
    margin-bottom: 15px;
  }

  .btn-brand {
    font-size: 16px;      /* button text thoda bada */
    padding: 10px 18px;
  }
.popular_causes_area {
    text-align: center;           /* section ko center karo */
    padding: 100px 0;             /* thoda aur space upar/neeche */
  }

  .popular_causes_area .section_title h3 {
    font-size: 42px;              /* heading badi */
    font-weight: bold;
  }

  .single_cause {
    display: inline-block;        
    vertical-align: top;
    margin: 30px;                 /* cards ke beech gap */
    width: 420px;                 /* card bara */
    text-align: left;
    box-shadow: 0 6px 15px rgba(0,0,0,0.15);
    border-radius: 10px;
    padding: 25px;
  }

  .single_cause img {
    width: 100% !important;
    height: auto;
    border-radius: 8px;
  }

  .single_cause h4 {
    font-size: 26px;
    margin-top: 18px;
  }

  .single_cause p {
    font-size: 18px;
    line-height: 1.7;
  }

  .read_more {
    margin-top: 12px;
    padding: 12px 22px;
    font-size: 16px;
  }
    .contact-section{
margin-left: 210px;
margin-top: -50px;
}
}
@media screen and (min-width: 1921px) and (max-width:2560px) {
  .navbar-nav {
    flex-direction: row !important;
    justify-content: center;       /* center align */
    width: 100%;
    margin-left: 0 !important;     
  }

  .navbar-nav .nav-item {
    margin: 0 40px !important;     /* nav items ke beech ka gap */
  }

  .navbar-nav .nav-link {
    font-size: 20px;               /* bade screen pe font bara */
    padding: 10px 14px;            /* spacing badh gai */
  }

  .navbar-brand img {
    width: 160px;                  /* logo bara */
    margin-left: 140px !important;
  }

  .navbar-collapse {
    justify-content: space-between; /* logo left, menu center/right */
  }
    .secb h2{
margin-left:870px;
}
    .but1{
margin-left: 1060px;
}
    .icon{
margin-left: 80px;
}
 .popular_causes_area .container {
    width: 100% !important;
  }
  .contact-section{
margin-left: 510px;
margin-top: 50px;
}
}