/* CSS for the logo */
.wtm-logo {
    max-height: 40px;
    margin-top: -2%;
    width: auto;
    height: auto; /* Reset the height to auto to maintain aspect ratio */
}

/* Example responsive design for smaller screens */
@media (max-width: 768px) {
    .wtm-logo {
        max-height: 20px; /* Adjust the height for smaller screens if needed */
    }
}



.site-header.sticky {
    
    position: sticky;
    background-color: rgba(255, 255, 255, 0.96);
    
}

.sala-dark-scheme .site-header.sticky {
    background-color: rgba(5, 0, 29, 0.92);
}

 
@media (max-width: 991px) {
    .img-up-2001 {
       display: none;
    }
}

.my-stl-001{
    box-shadow: 0 96px 337px 0 rgba(37, 31, 55, 0) !important;
    -webkit-border-radius:0px;
    border-radius: 0;
   
}

.active{
    background-color: rgba(209, 230, 255, 0.1);
    border-radius: 6px ;
}


/* sample <!-- Line Seprator --><div class="line-separator4"></div><!-- Line Seprator Ends --> */
.line-separator{
    padding-bottom: 4px;
}

.line-separator1{
    padding-bottom: 12px;
}

.line-separator2{
    padding-bottom: 24px;
}

.line-separator3{
    padding-bottom: 50px;
}

.line-separator4{
    padding-bottom: 150px;
}

.ptop5{
padding-top: 5px ;
}

.ptop10{
    padding-top: 10px ;
}

.ptop15{
        padding-top: 15px ;
}

.ptop24{
padding-top: 24px ;
}
    
.pbot5{
padding-bottom: 5px ;
}

.pbot10{
padding-bottom: 10px ;
}

.pbot15{
padding-bottom: 15px ;
}
.pbot24{
padding-bottom: 24px ;
}


.mbot50 {margin-bottom: 20px;}
.mbot100 {margin-bottom: 100px;}
.mbot200 {margin-bottom: 200px;}






.bullet-paragraph {
    list-style-type: none;
    padding-left: 0;
}

.bullet-paragraph li {
    margin-left: 1em; /* Adjust the margin to control the bullet point's position */
    
}

.bullet-paragraph p {
    margin: 0;
    text-indent: -1em;
    padding-left: 1em;
}
.bullet-paragraph span { 
    color: rgb(119, 0, 255);
    font-size:x-large;
    font-weight: 500;
}

@media only screen and (max-width: 992px) {
    .bgimg-off{
      display: none;
    }
  }