.main-nav{
    border: 1px solid #1d42d9 !important;

}

.slider-area .single-slider-bg-1 {

  /* background: url(../images/WELCOME.jpg); */
 margin-top:8rem;
 
  background-size: contain; /* Makes the whole image visible */
  background-repeat: no-repeat; /* Prevents tiling */
  background-position: center; /* Centers the image */

}

.classes_btn{
background-color:transparent; 
border: 1px solid blue;
color:blue;  
border-radius:1.5rem;
padding: .5rem 2rem;
margin:1rem;
}

.classes_btn:hover{
  background-color: blue;
  color:white !important;
}

.classes_div {
display: flex;
  justify-content: center;
  padding: 1rem;
  background-color:white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Soft drop shadow */
}

.classes_div .classes_btn{
  padding: 1rem 3rem;
}

.slider-area .home-slider .single-slider::before {
  position: absolute;
  content: "";
  /* background: url(../images/home-overly.png); */
 
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* .slider-tittle {
  visibility:hidden;
} */

.slider-image {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 8rem; /* default for larger screens */
    object-fit:cover;
}

/* 👇 For mobile (less than 768px wide) */

html {
  scroll-behavior: smooth;
}

.home_title{
  font-weight: 900px !important;
  font-size:3rem !important;

}
.home_title span{
  color:#1d42d9
}

.stand-out{
  background-color:#1d42d9;
  color:#ffff !important;
  padding:2px 2px;
}

.service-area {
  margin: 5rem 0;
  /* position: relative; */
  z-index: 1;
bottom: 0 !important;
}

.choose-area{
  margin-top:10rem !important;
}

.home-choose-img img{
position:relative;
left:100px;
top:0;
}

.home-special-course, .course-slider-area{
  margin-top: 8rem;
}
.blk{
  display: block;
}

@media (max-width: 767px) {
    .slider-image {
        margin-top: 3rem; /* or whatever looks good */
    }
.home_title {
  margin-top: 3rem;
  font-weight: 900px !important;
  font-size:2.5rem !important;

}

.home-choose{
  margin-top: 2rem;

}

.choose-area .home-choose-content{
  margin-top: 50% ;
  padding: 0px 1rem;
}

.home-special-course, .course-slider-area{
  margin-top: 5rem;
}

.choose-area .home-choose-img::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 400px;
  background: #1d42d9;
  z-index: -2;
  top: -50px;
  border: 70px;
  left: 0px;
}
.blk{
  display:inline;
}
.choose-area .home-choose-img {
  position: relative;
  z-index: -1;
  right:50px;
  
}

.navbar-area a.logo{
  width: 36%;
}
}