#LDIV{
    position:absolute;
}
.acdiv {
  width: 50px;
  height: 0.5px;
  /*background: #0094ff;*/
  background-image: linear-gradient(to right,rgba(197, 214, 222,0), red , rgba(197, 214, 222,0));
  position: relative;
  animation: mymove 1s infinite;
  margin-top:0px;
}

/*@keyframes mymove {
  from {left: 0px;}
  to {left: 50px;}
}*/

#content .section{padding: 0px;}.col-grid-12{margin: 0px;}

p.paragrcentr{
	text-align: center;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #0000FF;
    font-weight: bold;
	hyphens:manual;
}
p.paragr{
color: #000 !important;font-size:1rem;line-height: 1.8em;text-align:justify;hyphens:manual;
}
li.listt{
color: #000 !important;font-size:14px;line-height: 1.8em;text-align:justify;list-style: disc;
}
li.list{
color: #000 !important;font-size:14px;line-height: 1.8em;text-align:justify;list-style:circle !important;
}
h2{
color:#000 !important
}
h3{
color:#49164B !important
}
h4{
color:#49164B !important
}
.titlediv{
    
     background: #54C4C5;
    border-radius: 10px;
    padding: 10px;
    
    }


        
.video-iframe {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin-bottom: 10px;
}
.video-iframe1 {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin-bottom: 10px;
}
.video-iframe2 {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin-bottom: 10px;
}
.video-iframe3 {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin-bottom: 10px;
}
.video-iframe5 {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin-bottom: 10px;
}
        
.video-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-iframe1 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-iframe2 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-iframe3 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-iframe5 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.video-thumb{
display:inline-flex;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
 
}
.video-thumb1{
display:inline-flex;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
 
}
.video-thumb2{
display:inline-flex;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
 
}
.video-thumb3{
display:inline-flex;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
 
}

.video-thumb5{
display:inline-flex;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
 
}
.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
} 

.video-thumbnails{
overflow: auto;
height:448px;
}

.video-thumbnails1{
overflow: auto;
height:448px;
}
.video-thumbnails2{
overflow: auto;
height:448px;
}
.video-thumbnails3{
overflow: auto;
height:448px;
}

.video-thumbnails5{
overflow: auto;
height:448px;
}


.video-thumb img {
  background-color: #d8d9da;
  width: 20%;
  height: auto;
}

.video-thumb1 img {
  background-color: #d8d9da;
  width: 20%;
  height: auto;
}
.video-thumb2 img {
  background-color: #d8d9da;
  width: 20%;
  height: auto;
}
.video-thumb3 img {
  background-color: #d8d9da;
  width: 20%;
  height: auto;
}
.video-thumb5 img {
  background-color: #d8d9da;
  width: 20%;
  height: auto;
}

.video-thumb iframe {
  display: none;
}

.video-thumb1 iframe {
  display: none;
}

.video-thumb2 iframe {
  display: none;
}
.video-thumb3 iframe {
  display: none;
}
.video-thumb5 iframe {
  display: none;
}


.video-thumb,
.video-selected {
  padding: 5px;
border-left:5px solid #8C489F;
}
div.video-thumb:hover{
   background-image:linear-gradient( #8C489F 0%, #443266);
color:#fff;
}
div.video-thumb1:hover{
   background-image:linear-gradient( #8C489F 0%, #443266);
color:#fff;
}
div.video-thumb2:hover{
   background-image:linear-gradient( #8C489F 0%, #443266);
color:#fff;
}
div.video-thumb3:hover{
   background-image:linear-gradient( #8C489F 0%, #443266);
color:#fff;
}
div.video-thumb4:hover{
   background-image:linear-gradient( #8C489F 0%, #443266);
color:#fff;
}
div.video-thumb5:hover{
   background-image:linear-gradient( #8C489F 0%, #443266);
color:#fff;
}
.video-thumb1,
.video-selected {
  padding: 5px;
border-left:5px solid #8C489F;
}

.video-thumb2,
.video-selected {
  padding: 5px;
border-left:5px solid #8C489F;
}

.video-thumb3,
.video-selected {
  padding: 5px;
border-left:5px solid #8C489F;
}
.video-thumb5,
.video-selected {
  padding: 5px;
border-left:5px solid #8C489F;
}

.video-thumb p {
  margin: 0;
  font-size: 12px;
}

.video-thumb1 p {
  margin: 0;
  font-size: 12px;
}

.video-thumb2 p {
  margin: 0;
  font-size: 12px;
}

.video-thumb3 p {
  margin: 0;
  font-size: 12px;
}
.video-thumb5 p {
  margin: 0;
  font-size: 12px;
}
.video-thumb span.name {
  margin-top: 5px;
  font-weight: 600;
  font-size: 14px;
  margin-left: 10px;
  cursor: pointer;
}

.video-thumb1 span.name {
  margin-top: 5px;
  font-weight: 600;
  font-size: 14px;
  margin-left: 10px;
  cursor: pointer;
}

.video-thumb2 span.name {
  margin-top: 5px;
  font-weight: 600;
  font-size: 14px;
  margin-left: 10px;
  cursor: pointer;
}

.video-thumb3 span.name {
  margin-top: 5px;
  font-weight: 600;
  font-size: 14px;
  margin-left: 10px;
  cursor: pointer;
}
.video-thumb5 span.name {
  margin-top: 5px;
  font-weight: 600;
  font-size: 14px;
  margin-left: 10px;
  cursor: pointer;
}

.video-selected {
  
  }
        
.video-iframe4 {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin-bottom: 10px;
}
        
.video-iframe4 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-thumb4{
display:inline-flex;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
}


        

.video-thumbnails4{
overflow: auto;
height:448px;
}


.video-thumb4 img {
  background-color: #d8d9da;
  width: 20%;
  height: auto;
}

.video-thumb4 iframe {
  display: none;
}

.video-thumb4,
.video-selected {
  padding: 5px;
  border-left: 5px solid #8C489F;
}


.video-thumb4 p {
  margin: 0;
  font-size: 12px;
}

.video-thumb4 span.name {
  margin-top: 5px;
  font-weight: 600;
  font-size: 14px;
  margin-left: 10px;
  cursor: pointer;
}
#custom-header{
padding: 100px 0;
}

.plink{
font-weight: 600;
}
@media only screen and (max-width: 960px) {
  .test{
    margin-top:0px !important;
  }
.logform{
padding: 10px 10px !important;
}

.logform1{
 padding: 10px !important;
}
.logform2{
 padding: 0px !important;
}
.onlineclss{
margin-top: -106px !important;
}

}
/*amwand page start*/
.choose-container {
      display: flex;
      align-items: center;
      border: 1px solid #ddd;
      border-radius: 50px;
      padding: 10px 20px;
      background-color: #fff;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
      max-width: 500px;
      width: 100%;
    }

    .choose-icon {
      font-size: 18px;
      color: #333;
      margin-right: 10px;
    }

    .choose-text {
      flex: 1;
      font-size: 16px;
      color: #1a1a1a;
    }

    .choose-link {
      font-size: 16px;
      color: #b58500;
      font-weight: 600;
      text-decoration: none;
      display: flex;
      align-items: center;
    }

    .choose-link:hover {
      text-decoration: underline;
    }

    .choose-link i {
      margin-left: 5px;
    }
 .testimonials-section {
      padding: 60px 20px;
      max-width: 1200px;
      margin: auto;
      text-align: center;
    }
    .testimonials-section h2 {
      font-size: 34px;
      color: #3f3a64;
      margin-bottom: 50px;
      font-weight: 700;
    }
    .testimonials-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 30px;
    }
    .testimonial-card {
      background: linear-gradient(135deg, #e9e4f0 0%, #f2f0f8 100%);
      border-radius: 20px;
      padding: 40px 30px;
      box-shadow: 0px 10px 25px rgba(0,0,0,0.08);
      position: relative;
      overflow: hidden;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .testimonial-card:hover {
      transform: translateY(-8px);
      box-shadow: 0px 15px 30px rgba(0,0,0,0.12);
    }
    .quote-icon {
      font-size: 40px;
      color: #a18cd1;
      position: absolute;
      top: 20px;
      left: 20px;
      opacity: 0.2;
    }
    .testimonial-img {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      object-fit: cover;
      margin: 0 auto 20px;
      border: 3px solid #a18cd1;
    }
    .testimonial-name {
      font-weight: bold;
      font-size: 20px;
      color: #49164B;
      margin-bottom: 5px;
    }
    .testimonial-role {
      font-style: italic;
      color: #000;
      font-size: 15px;
      margin-bottom: 20px;
    }
    .testimonial-text {
      color: #000;
      font-size: 16px;
      line-height: 1.6;
    }

    @media (max-width: 600px) {
      .testimonials-section h2 {
        font-size: 28px;
      }
      .testimonial-text {
        font-size: 15px;
      }
    }
 

  /* Section Background */
  .main-cause-modern {
    background: linear-gradient(135deg, #f5f3fa 0%, #fff 100%);
    padding: 80px 20px;
  }

  .main-cause-content {
    max-width: 1200px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 60px;
  }

  /* Left Side Text */
  .cause-description {
    flex: 1 1 400px;
  }

  .cause-description h2 {
    font-size: 32px;
    font-weight: 700;
    color: #3f3a64;
    margin-bottom: 20px;
  }

  .cause-description p {
    font-size: 18px;
    color: #49164B;
    line-height: 1.7;
    font-weight: bold;
	  hyphens: none;
  word-break: keep-all;
  overflow-wrap: normal;
	  text-align: justify;
  }

  .highlight-text {
    color: #c59a20;
    font-weight: 800;
    background: #f9f3e7;
    padding: 2px 6px;
    border-radius: 6px;
  }

  /* Right Side Stats */
  .cause-stats {
    flex: 2 1 500px;
    display: flex;
    justify-content: space-around;
    gap: 20px;
    flex-wrap: wrap;
  }

  .stat-box {
    background: #ffffff;
    padding: 30px 20px;
    border-radius: 15px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
    flex: 1 1 30%;
    text-align: center;
    transition: all 0.3s ease;
  }

  .stat-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  }

  .stat-box h3 {
    font-size: 40px;
    color: #7b4ca0;
    margin-bottom: 15px;
  }

  .stat-box p {
    font-size: 16px;
    color: #000;
    line-height: 1.5;
  }

  /* Responsive */
  @media (max-width: 768px) {
    .main-cause-content {
      flex-direction: column;
      text-align: center;
    }
    .cause-stats {
      flex-direction: column;
      align-items: center;
    }
    .stat-box {
      width: 80%;
    }
  }

 
   
    .benefits-container {
      max-width: 1300px;
      margin: 0 auto;
      text-align: center;
    }
    .benefits-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 30px;
      margin-top: 40px;
    }
    .benefit-card {
      background: #fff;
      border-radius: 16px;
      padding: 30px 20px;
      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
      transition: all 0.3s ease;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .benefit-card:hover {
      transform: translateY(-10px);
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
    }
    .benefit-icon {
      width: 70px;
      height: 70px;
      background: #f3e7c4;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      margin-bottom: 20px;
      font-size: 30px;
      color: #c79d00;
    }
    .benefit-title {
      font-size: 20px;
      color: #5e239d;
      margin-bottom: 12px;
      font-weight: 600;
    }
    .benefit-text {
      font-size: 16px;
      color: #000;
      line-height: 1.6;
    }
    @media (max-width: 768px) {
      .benefit-card {
        padding: 20px 15px;
      }
    }

   
    .flow-container {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      max-width: 1200px;
      padding: 20px;
      gap: 30px;
    }
    .step {
      text-align: center;
      flex: 1 1 200px;
      position: relative;
    }
    .circle {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 10px;
      font-size: 24px;
      font-weight: bold;
      color: #2d0b35;
    }
    .step1 .circle {
      background: #f5f1e9;
    }
    .step2 .circle {
      background: #c9afd4;
    }
    .step3 .circle {
      background: #d6dadd;
    }
    .step4 .circle {
      background: #aa8412;
    }
    .title {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 8px;
    }
    .description {
      font-size: 16px;
      color: #000;
      line-height: 1.4;
      max-width: 220px;
      margin: 0 auto;
    }
    .arrow {
      position: absolute;
      right: -30px;
      top: 35%;
      width: 30px;
      height: 30px;
      background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" stroke="%23c2a43e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><path d="M5 12h14M12 5l7 7-7 7"></path></svg>') no-repeat center;
      background-size: contain;
    }
    .step:last-child .arrow {
      display: none;
    }

    @media (max-width: 768px) {
      .flow-container {
        flex-direction: column;
      }
      .arrow {
        display: none;
      }
    }
  /*amwand end*/

    * {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      font-family: Arial, sans-serif;
    }

    .container2 {
      display: grid;
      grid-template-columns: 1fr 2fr 1fr;
      height: 100vh;
    }

    .column {
      display: flex;
      flex-direction: column;
    }

    .image-box {
      position: relative;
      flex: 1;
      overflow: hidden;
    }

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

    .text-overlay {
      position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 1.5em;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px 15px;
  border-radius: 8px;
  text-align: center;
    }

    /* Mobile view */
    @media (max-width: 768px) {
      .container2 {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(5, 1fr);
		height: 119vh;
       
      }
      .column {
        flex-direction: row;
        flex-wrap: wrap;
      }
      .image-box {
        width: 100%;
        height: 300px;
      }
    }
 

    .grid-container1 {
      display: flex;
      flex-wrap: wrap;
    }

    .image-box1 {
      position: relative;
      width: 33.33%;
      overflow: hidden;
      background-color: #ccc;
    }

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

    .text-overlay1 {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: white;
      font-size: 1.8vw;
      text-align: center;
      padding: 10px 15px;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 6px;
      max-width: 90%;
    }

    /* Responsive stacking for mobile */
    @media (max-width: 768px) {
      .image-box1 {
        width: 100%;
        aspect-ratio: 16/9;
      }

      .text-overlay1 {
        font-size: 5vw;
        padding: 8px 10px;
      }
    }
    
    .hero4 {
      position: relative;
      width: 100%;
      min-height: 60vh;
      background-color: #000;
      overflow: hidden;
    }

 

    .hero-title {
      position: absolute;
      top: 2rem;
      left: 2rem;
      z-index: 1;
      max-width: 60%;
      font-size: 2rem;
      line-height: 1.3;
	  color: #fff;
    }

    .hero-description {
      position: absolute;
      bottom: 2rem;
      right: 2rem;
      z-index: 1;
      max-width: 40%;
      font-size: 1.1rem;
      color: #ccc;
      text-align: right;
    }

    @media (min-width: 768px) {
      .hero-title {
        font-size: 2rem;
		color:#fff;
      }

      .hero-description {
        font-size: 1.3rem;
      }
		.hero-title{
		color:#fff;
		}
    }
h2.csize {
    font-size: 1.5rem;
    color: #443266 !important;
    font-weight: 600;
}

    .container1 {
      max-width: 1200px;
      margin: auto;
    }

    
    .content {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 2rem;
      background: white;
      border-radius: 1rem;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    .text-section1 {
      flex: 1 1 300px;
    padding: 1rem;
    }

    ul {
      list-style: none;
      padding-left: 0;
    }

    li.li1 {
      margin-bottom: 1.2rem;
      line-height: 1.6;
      padding-left: 1.2rem;
      position: relative;
		text-align: justify;
    font-size: 1rem;
    color: #000;
    font-family: Poppins, sans-serif;
    }

    li.li1::before {
      content: "✨";
      position: absolute;
      left: 0;
    }

    li.li1 strong {
      color: #e09f3e;
    }

    .image-section {
      flex: 1 1 5%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      min-width: 300px;
    }

    .image-section img {
      max-width: 100%;
      height: auto;
      border-radius: 1rem;
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease-in-out;
    }

    .image-section img:hover {
      transform: scale(1.03);
    }

    .note {
      background: #fef3c7;
      border-left: 6px solid #f59e0b;
      padding: 1.2rem;
      font-style: italic;
      font-size: 1rem;
      border-radius: 0.5rem;
      line-height: 1.6;
	  color:#443266;
	  text-align:justify;
    }

.image-container{
 height: auto;
    display: block;
    max-width: 90%;
    max-height: 90vh;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
}

    @media (max-width: 768px) {
      .content {
        flex-direction: column;
      }
      h2 {
        font-size: 1.8rem;
      }
		.image-container {
        max-width: 80%;
      }
    }

 .container8 {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 1.5rem;
      padding: 2rem;
      max-width: 1200px;
      margin: auto;
    }

    .cardd {
      background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    padding: 1rem;
    transition: transform 0.2s ease;
    align-items: center;
    display: flex
;
    flex-direction: column;
    }

    .cardd:hover {
      transform: translateY(-4px);
    }

    .cardd img {
      height: auto;
      border-radius: 12px;
      display: block;
    }

    .cardd h2 {
      font-size: 1.25rem;
      margin-top: 0.75rem;
      margin-bottom: 0.5rem;
    }

    

    @media (max-width: 600px) {
      .cardd h2 {
        font-size: 1.1rem;
      }

      .cardd p {
        font-size: 0.9rem;
      }
        .container8{
            padding:0px;
        }
    }
 
   .image-section3 {
    flex: 1 1 5%;
    display: flex
;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 300px;
}
 
   
    .longdescontainers1 {
      margin: auto;
      background: #fff;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    h1.longdes {
      font-size: 1.8em;
      color: #503670;
      font-weight:600;
    }
    p.longdes {
    color:#000;
    font-size: 16px;
    line-height: 1.625;
    -webkit-hyphens: auto;
    hyphens: auto;
    text-align: justify;
	margin-bottom:10px;
    }
    ul.longdes {
      list-style: none;
      padding: 0;
    }
    ul li.newtick {
      padding-left: 1.5em;
      position: relative;
      margin-bottom: 10px;
      color:#000;
    }
    ul li.newtick::before {
      content: "✔";
      position: absolute;
      left: 0;
      color: #28a745;
      font-weight: bold;
    }
    .longsection-titles1 {
      font-weight: bold;
      color: #333;
    }
    @media (max-width: 600px) {
      body {
        padding: 10px;
      }
      .longdescontainers1 {
        padding: 15px;
      }
    }

   
    .containerG {
      display: flex;
      flex-direction: column;
      align-items: center;
      background-color: white;
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      padding: 30px;
      margin: auto;
    }

    @media (min-width: 768px) {
      .containerG {
        flex-direction: row;
        justify-content: space-between;
      }
    }

   

    @media (min-width: 768px) {
      .text-content {
        text-align: left;
      }
    }

    .text-content h1 {
          font-size: 3.0rem;
    color: #1a1a1a;
    font-weight: 600;
    }

    .text-content p {
      font-style: italic;
      color: #5a2a82; /* Deep purple for a premium look */
	  font-size:1.2rem;
		font-weight:bold;
    }

    .image-content img {
      width: 350px;
      border-radius: 50%;
      object-fit: cover;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    }
     .banner {
      background-color: #7b3f98; /* Purple */
      color: white;
      text-align: center;
      padding: 30px 20px;
      position: relative;
      border-radius: 4px 4px 0 0;
    }

    .banner::after {
      content: "";
      position: absolute;
      bottom: -20px;
      left: 50%;
      transform: translateX(-50%);
      width: 0;
      height: 0;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 20px solid #7b3f98;
    }

    .banner h3 {
      font-size: 24px;
    margin: 0 0 10px;
    color: white !important;
    font-weight: bold;
    margin-top: 20px;
    }

    .banner p {
      font-size: 16px;
      margin: 0;
    }

    @media (max-width: 400px) {
      .banner {
        padding: 20px 10px;
      }

      .banner h3 {
        font-size: 18px;
      }

      .banner p {
        font-size: 14px;
      }
    }

      .video-banner {
      position: relative;
      width: 100%;
      aspect-ratio: 16 / 9;
      background-color: #000;
      cursor: pointer;
      overflow: hidden;
    }

    /* Fallback for browsers that don't support aspect-ratio */
    @supports not (aspect-ratio: 16 / 9) {
      .video-banner {
        height: 0;
        padding-top: 56.25%;
      }
    }

    .video-banner video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      pointer-events: none;
    }

    .play-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 2;
      width: 64px;
      height: 64px;
      background: rgba(255, 255, 255, 0.8);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .play-icon::before {
      content: '';
      display: block;
      margin-left: 4px;
      width: 0;
      height: 0;
      border-left: 18px solid #000;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
    }

    .lightbox {
      display: none;
      position: fixed;
      top: 0; left: 0;
      width: 100vw;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.85);
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    .lightbox video {
      width: 90%;
      max-width: 960px;
      height: auto;
    }

    .lightbox.active {
      display: flex;
    }

    .close-btn {
      position: absolute;
      top: 20px;
      right: 30px;
      font-size: 32px;
      color: #fff;
      cursor: pointer;
    }
  h2.news::before {
      content: "🌟 ";
    }

    h2.news::after {
      content: " 🌐";
    }
h2.money::before {
      content: " 💸";
    }
h3.link::before {
      content: " 🔗";
    }
p.dollr::before{
content:"💰";
}
p.earn::before{
content:"📈";
}
h3.hurry::before{
content:"🚨";
}
p.pin::before{
content:"📌";
}
p.login::before{
content:"🎯";
}

    li.info::before {
      content: "✅ ";
    }

    li.lang::before {
      content: "🌍 ";
    }

    li.currency::before {
      content: "💱 ";
    }

    li.tips::before {
      content: "💡 ";
    }

    p.mobile::before {
      content: "✨ ";
    }
p.adv::before{
 content: "💪 ";
}
p.clea::before{
content: "⚡";
}
p.immu::before{
content: "🛡️";
}
p.youu::before{
content: "👉 ";
}
p.coll::before{
content: "🛍️ ";
}
p.targ::before{
content:"💫";
}