.ad5 {
    position: relative;
}
.ad6 {
    position: fixed;
    right: 0px;
    top: 35%;
    background: transparent;
    padding: 7px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    z-index: 999;
}
.ad6 ul {
    margin-bottom: 0;
}
.ad6 ul li {
    list-style: none;
    margin-bottom: 5px;
}
.ad6 ul li a {
    color: #ffffff;
    font-size: 18px;
}
.cc1 {
    background: #1773EA;
    padding: 15px !important;
    border-radius: 50%;
    line-height: 15px;
}
.cc2 {
    background: #007AB5;
    padding: 15px !important;
    border-radius: 50%;
    line-height: 15px;
}
.cc3 {
    background: #F70000;
    padding: 15px  !important;
    border-radius: 50%;
    line-height: 15px;
}
.cc5 {
    background: #45C153;
    padding: 15px !important;
    border-radius: 50%;
    line-height: 15px;
}
.cc6 {
    background: #d219b7;
    padding: 15px !important;
    border-radius: 50%;
    line-height: 15px;
}
.cc7 {
    background: #000000;
    padding: 15px;
    border-radius: 50%;
    line-height: 15px;
}
.cc8 {
    background: #4AC557;
    padding: 15px;
    border-radius: 50%;
    line-height: 15px;
}
.lifeat{
 background: url(../images5/f1.jpg); 
 background-size: cover;
 background-position: center center;
}
.lifeat2{
  background: rgba(2,54,111,0.8);
  padding-top: 50px;
  padding-bottom: 50px;
}
.footer-dark .footertext{
  color: #333333;
}
.ad6 i{
  font-size: 16px;
}
.nds li{
  width: 100%;
}
.nds li a{
  text-align: center;
}
.nds .btn-success{
  width: 100%;
  background: none;
  border: 1px solid #333333;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
.nds .btn-success:hover{
  color: #ED1C24;
  border: 1px solid #ED1C24;
}
.cc7 img{
  width: 14px;
  height: 14px;
}




audio::-webkit-media-controls-timeline,
video::-webkit-media-controls-timeline {
    display: none;
}
audio::-webkit-media-controls,
video::-webkit-media-controls {
    display: none;
}


@media only screen and (max-width: 767px) {
.nav-boxx{
  display: none;
}
.logo-box img{
  width: 230px !important;
}
.ad5{
  display: none !important;
}
.dfdfdf h1 {
    font-size: 25px !important;
    line-height: 35px;
}
div.ruby-wrapper {
  top: -55px;
  }
  ul.ruby-menu > li > a{
    color: #333333;
  }
.dsfdsfds5 .owl-controls .owl-buttons{
  display: none;
}  
.esse h2{
  font-size: 25px;
}
.footer-top{
  padding-bottom: 50px;
}
.page-header.is-sticky button{
  top: -7px;
}
div.ruby-menu-demo-header{
  padding-top: 0;
}
}

      /* Default styling adjustments for this section */
.vl-donate-wrap-8 {
    margin-top: -10px;
}

.vl-donate-wrap-8 img {
    max-width: 100%;
    height: auto;
}

.vl-donate-wrap-8 h5 {
    color: #d26500;
    font-size: 40px;
    font-weight: 750;
}

.vl-donate-wrap-8 .new-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.vl-donate-wrap-8 .new-list li {
    font-size: 18px;
    padding: 8px 0;
    line-height: 1.4;
}

/* Mobile view styling */
@media (max-width: 768px) {
    .vl-donate-wrap-8 .row {
        flex-direction: column;
    }

    .vl-donate-wrap-8 .col-lg-6 {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 10px;
    }

    .vl-donate-wrap-8 h5 {
        font-size: 28px;
    }

    .vl-donate-wrap-8 .new-list li {
        font-size: 16px;
    }

    /* Marquee height control for mobile */
    .vl-donate-wrap-8 marquee {
        height: 120px; /* adjust as needed */
    }

    /* Center logo on mobile */
    .vl-donate-thumb-iconbox .icon {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}