#site-content {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.slider-container {
  position: relative;
  width: 100%;
  max-width: 100vw;

  overflow: hidden;
}

.slides {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 100%;
  height: 80%;

}


.slide {
  position: relative;
  min-width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 16px;
  overflow: hidden;
}

/* Overlay */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background-color: rgb(0 0 0 / 49%); /* semi-transparent black */
  border-radius: 16px;
  z-index: 1;
}

/* Slide Content */
.slide-content {
  position: relative;
  padding: 140px 0px;
  
  width: 100%;
  
  text-align: center;
  color: white;
  z-index: 2; /* above overlay */
}
  .newsletter-area::before{
                       content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background-color: #00000054;
    border-radius: 33px 31px 0px 0px;
                }
                .position-absolute1{
                    z-index: 2;
                    position: relative;

                }

.slide-content h1 {
  
  margin: 0;
}

.slide-content p {
      font-size: 20px;
}

.slide-content button {
  margin: 10px;
  padding: 10px 20px;
  font-size: 1rem;
  cursor: pointer;
  border: none;
  border-radius: 4px;
}

/* Button styles */
.btn-yellow {
  background-color: #f1c40f;
  color: black;
}

.btn-white {
  background-color: white;
  color: black;
}

/* Navigation Buttons */
.prev,
.next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 12px;
  border: none;
  cursor: pointer;
  z-index: 10;
}

.prev {
  left: 10px;
}

.next {
  right: 10px;
}

/* Slide Wrapper */
#slides {
  position: relative;
}


/* #dfasdfas :where(.project-thumb a){
border:4px solid  var(--tg-primary-color);
border-radius: 16px;
      } */
@media (max-width: 600px) {
  .coursal-head {
    font-size: 27px;

    

  }
  .coursal-head1 {
          font-size: 15px;
        padding: 0px 10px;
  }

  #fafda :where(img) {
    max-width: 80px !important;
  }
}
@media (max-width: 426px) {
  .btn_m {
    position: relative;
    overflow: hidden;
    height: 0.7rem;
}
.btn_t2,.btn_t1 {
    transform: rotate(0);
    font-size: 11px;
}
.btn:hover .btn_t1{
    transform: rotate(0);
    font-size: 11px;
}
    .coursal-head1 {
        font-size: 14px;
        
    }
 .slider-container{
  height: 100%;
 }
 .slides{
  height: unset;
 }
 .slide1{
  height: 500px;
 }
}
@media (max-width: 376px) {
    .coursal-head1 {
        font-size: 14px;
        
    }
 .slider-container{
  height: 100%;
 }
 .slides{
  height: unset;
 }
 
}
@media (max-width: 321px) {
.slide-content{
  padding: 0px 20px;
}
  .coursal-head {
    font-size: 22px;

    

  }
  .coursal-head1 {
    font-size: 11px;
    margin: 2px auto;

    

  }

  #fafda :where(img) {
    max-width: 60px !important;
  }
}