/*header Start*/
.headerlogo-info{
    /* width: 100%;
     height: auto;
     background-color: black;*/
     
     top: 0px;
     width: 100%;
     background-color: #010a4f; /* Adjust as needed */
     
     border-bottom: 0.5px solid black;
}
    
 #headerlogo-img{
     padding:5px 5px;
 }
 
 #navigation-bar ul li{
     display: inline-flex;
     padding: 10px 5px;
 }
 
 #navigation-bar ul li a{
     text-decoration: none;
     font-size: 18px;
     color: #fff;
     padding-top:19px;
 
 }
 #navigation-bar ul li a:hover{
     color: red;
     
     
 }
 .form-inline {
     padding: 20px;
     
 }
 
 /*header End */

/*Section Start*/
 .main-news img{
    padding:6px;
    position: relative;
    opacity: 1;
   display: block;
   transition: .5s ease;
   backface-visibility: hidden;

 }
 .main-news img:hover{
    opacity: 0.6;
 }

.bottom-left  h3{
    position: absolute;
    bottom: 30px;
    left: 30px;
    color: white;
  }
  .bottom-left h4{
    background-color: rgba(0, 0, 0, 0.164);
    
    position: absolute;
    bottom: 7px;
    left: 25px;
    color: white;
    text-align: justify;
  }

 .more img{
    float: left;
 }
 .more1 img{
    float: left;
 }
 .feured{
    margin-left: 50px;
 }
 .btn {
    position: absolute;
    top: 21%;
    left: 143%;
    transform: translate(-190%, -300%);
    -ms-transform: translate(-10%, -10%);
    background-color: #aeb0f1;
    color: rgb(67, 31, 166);
    font-size: 16px;
    width: 70%;
    border: none;
    cursor: pointer;
   
    text-align: center;
  }
  
  .btn:hover {
    background-color: white
  }
  .btn1 {
    position: absolute;
    top: 48%;
    left: 143%;
    transform: translate(-190%, -300%);
    -ms-transform: translate(-10%, -10%);
    background-color: #a0e015;
    color: rgb(67, 31, 166);
    font-size: 16px;
    width: 70%;
    border: none;
    cursor: pointer;
    
    text-align: center;
  }
  .btn1:hover {
    background-color: white
  }

  .btn2 {
    position: absolute;
    top: 82%;
    left: 143%;
    transform: translate(-190%, -300%);
    -ms-transform: translate(-10%, -10%);
    background-color: #53de25;
    color: rgb(67, 31, 166);
    font-size: 16px;
    width: 70%;
    border: none;
    cursor: pointer;
    
    text-align: center;
  }
  
  .btn2:hover {
    background-color: WHITE
  }
  .text-terms{
    padding: 10px;
    text-align: justify;
  }
  .text-terms h3{
     font-size: 30px;
     margin-left: 10px;
     
     
  }
  .text-terms h1{
    font-family:serif;
    font-weight: bold;
    font-size: 50px;
  }
  .text-terms p{
    margin-left: 25px;
    font-size: 16px;
  }
  .text-terms ul li{
      font-size: 16px;
      margin-left: 20px;
  }
  .box{
    width:850px;
    height: 170px;
    border: 0.5px solid rgba(0, 0, 0, 0.253);
    border-radius: 10px;
    margin-top: 20px;
  }
  .button {
    border: none;
    color: black;
    display: inline;
    text-align: center;
    text-decoration: none;
    background-color: white;
    margin-left: -5px;
    font-size: 16px;
    margin-top: 30px;
    border: 0.5px solid rgba(0, 0, 0, 0.312);
    cursor: pointer;
  }
  .sub-news-text h3{
    text-align: justify;
  }
  .sub-news-text p{
    text-align: justify;
    padding: 7px;
    font-size: 16px;
  }
  .box1{
    width:100%;
    height: auto;
    border: 0.5px solid rgba(0, 0, 0, 0.199);
    border-radius: 10px;
    margin-top: 20px;
    padding: 10px;
    
  }
  .box1 p{
    text-align: justify;
    padding: 8px;
    font-size: 15px;
    
  }
  .contact-info h2{
      padding: 5px;
      font-family: Georgia, 'Times New Roman', Times, serif;
      font-weight: bold;
  }
  .contact-info p{
    padding: 15px;
    font-size:20px;
    text-align: justify;

}
.button12{
  
   background-color: #e87d0e;
    border:none;
   font-size: 16px;
   margin-left: -2px;
   padding:6px 15px;
   margin-top: 2px;
   border-radius: 6px;
}
  /*Section End */
  /*footer Start*/
  .footer-info{
     width: 100%;
     background-color: #010a4f; /* Adjust as needed */
     color: #fff;
     border-top: 0.5px solid black;
     margin-top: 20px;
     text-align: center;
}
.about-index p{
    padding: 20px;
    text-align: justify;
    font-size: 16px;
}
.list li{
    display: block;
   margin-top: 20px;
    font-size: 20px;
    text-align: center;
   
}
 .list li a{
  color: #fff;
}
.copyr{
    text-align: center;
    margin-top: 50px;
}


  /*footer End */
  @media screen and (max-width:700px){
    .headerlogo-info{
      /* width: 100%;
       height: auto;
       background-color: black;*/
       
       top: 0px;
       width: 100%;
       background-color: #efd2d24a; /* Adjust as needed */
       
       border-bottom: 0.5px solid black;
  }
      
   #headerlogo-img{
       padding:5px 5px;
   }
 
   #navigation-bar ul li{
       display: block;
       padding:  5px;
   }
   
   #navigation-bar ul li a{
       text-decoration: none;
       font-size: 20px;
   
   }
   #navigation-bar ul li a:hover{
       color: red;
       
       
   }
   .box{
    width:100%;
    height: auto;
    border: 0.5px solid rgba(0, 0, 0, 0.253);
    border-radius: 10px;
    margin-top: 20px;
  }
  .box1{
    width:100%;
    height: auto;
    border: 0.5px solid rgba(0, 0, 0, 0.199);
    border-radius: 10px;
    margin-top: 20px;
    padding: 10px;
    
  }
  .box img{
    margin-left: -15px;
    
  }
  .box1 img{
    margin-left: -15px;
    
  }
  .box1 p{
    text-align: justify;
    padding: 8px;
    font-size: 15px;
    
  }
  .box p{
    text-align: justify;
    padding: 5px;
    font-size: 15px;
    
  }
  .box h3{
    text-align: justify;
    padding: 5px;
    
    
  }

  .button {
    border: none;
    color: black;
    display: inline-flex;
    text-align: center;
    text-decoration: none;
    background-color: white;
    margin-left: -5px;
  
    font-size: 16px;
    margin-top: 10px;
    border: 0.5px solid rgba(0, 0, 0, 0.312);
    cursor: pointer;
  }
   

  }


  .searchResult img {
    max-width: 100%; /* Ensures the image doesn't exceed its container's width */
    height: auto; /* Maintains the aspect ratio of the image */
    display: block; /* Ensures the image is displayed as a block element */
    margin-bottom: 10px; /* Adds some space below the image */
}