.niyasss{
        font-size: 40px;
    font-weight: bold;
}

 @media (max-width: 600px) {
            .niyasss {
                font-size: 21px;
                padding-left: 0px;
                      
                    padding-top: 5px;
    padding-bottom: 5px;
        padding-left: 5px;
    padding-right: 5px;
            }
        }
        /*@keyframes slideIn {*/
        /*    0% {*/
        /*        transform: translateY(-90px);*/
        /*        opacity: 0;*/
        /*    }*/
        /*    100% {*/
        /*        transform: translateY(0);*/
        /*        opacity: 1;*/
        /*    }*/
        /*}*/

        /*.section-title {*/
        /*    color: #fff;*/
        /*    font-size:57px;*/
            /*font-family: cursive;*/
        /*    animation: slideIn 5s ease-out;*/
        /*}*/
         @media (max-width: 600px) {
            .section-title {
                font-size: 17px;
                padding-left: 0px;
                       background-color: #106bb1a8;
                    padding-top: 5px;
    padding-bottom: 5px;
        padding-left: 5px;
    padding-right: 5px;
            }
        }
        
        
        
        
         @media (max-width: 600px) {
            .niyastext {
                font-size: 25px;
                padding-left: 0px;
                       /*background-color: #106bb1a8;*/
                    padding-top: 5px;
    padding-bottom: 380px;
        padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
            }
        }
       
       
         .niyask {
            text-align: right; /* Align text to the right */
        }

      
        .carousel_img {
    max-width: 100%;
    height: auto;
}
.section-title {
    font-size: 45px; /* Adjust the size as needed */
}
.carousel_button {
    font-size: 20px; /* Adjust the size as needed */
}
@media only screen and (max-width: 600px) {
    /* Add specific styles for smaller screens */
    .carousel_img {
           display: none; 
    }
    .section-title {
          display: none; 
    }
}

@media only screen and (min-width: 600px) {
    /* Add specific styles for smaller screens */
    .carousel_img1 {
           display: none; 
           
    }
    .section-title1 {
          display: none; 
    }
}

        
        /*@media (max-width: 600px) {*/
        /*    .carousel_img {*/
        /*        height: 150px; */
        /*    }*/
        /*}*/




/* 
   Creator           : Coding's Time
   Youtube Channel   : https://www.youtube.com/channel/UC6dnKqrImGWqMb9ty1n0Ziw
   Github Profile    : https://github.com/codingstime
 */

/* reset */
:root{
   font-family: "Raleway", sans-serif;
   font-size: 16px;
   font-weight: 400;
}

*{
   margin: 0;
   box-sizing: border-box;
}

/* carousel */
.carousel{
   position: relative;
}

.carousel_inner{
   width: 100%;
   overflow: hidden;
}

.carousel_inner::after{
   content: "";
   display: block;
   clear: both;
}

.carousel_item{
   position: relative;
   float: left;
   display: none;
   width: 100%;
   margin-right: -100%;
}

/* slide effect */
.carousel_item__active,
.carousel_item__pos_prev,
.carousel_item__pos_next{
   display: block;
}

.carousel_item__pos_prev{
   left: -100%;
}

.carousel_item__pos_next{
   left: 100%;
}

.carousel_item__prev{
   transform: translateX(100%);
   transition: transform .5s ease-in-out;
}

.carousel_item__next{
   transform: translateX(-100%);
   transition: transform .5s ease-in-out;
}

/* fade effect */
.carousel__fade .carousel_item__pos_prev,
.carousel__fade .carousel_item__pos_next{
   left: 0;
   opacity: 0;
}

.carousel__fade .carousel_item__prev,
.carousel__fade .carousel_item__next{
   transform: none;
   opacity: 1;
   transition: opacity .5s ease-in-out;
}

.carousel__fade .carousel_item__active.carousel_item__prev,
.carousel__fade .carousel_item__active.carousel_item__next{
   opacity: 0;
}

/* carousel */
.carousel_img{
   display: block;
   width: 100%;
}
@media (max-width: 600px) {
            .carousel_img {
                height: 150px; /* Set your desired height for mobile view */
            }
        }



.carousel_caption{
   position: absolute;
   top: 0;
   left: 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 100%;
   height: 100%;
   padding: 3rem 1rem;
   text-align: center;
   color: #fff;
   z-index: 1;
}

.carousel_title{
   font-family: "Montserrat", sans-serif;
   font-weight: 600;
}

.carousel_description{
   margin-top: .75rem;
   line-height: 150%;
}

.carousel_indicator{
   position: absolute;
   bottom: 1rem;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   flex-direction: row;
   gap: .5rem;
   z-index: 1;
}

.carousel_dot{
   display: block;
   padding: .25rem;
   background-color: rgba(255, 255, 255, .25);
   border: none;
   border-radius: 50%;
   cursor: pointer;
   transition: background-color .5s ease-in-out;
}

.carousel_dot__active{
   background-color: lightskyblue;
   cursor: default;
   pointer-events: none;
}

.carousel_control{
   position: absolute;
   top: 0;
   left: 0;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   width: 100%;
   height: 100%;
}

.carousel_button{
   display: block;
   padding-inline: 1rem;
   font-family: "Raleway", sans-serif;
   font-size: 1.375rem;
   background-color: transparent;
   color: rgba(255, 255, 255, .25);
   border: none;
   cursor: pointer;
   transition: color .25s;
   z-index: 1;
}

.carousel_button:hover{
   color: rgba(135, 206, 250, .75);
}