*
{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    
       
}

.headim1{
  display: flex;
  width: 100%;
  justify-content: center;
 align-items: center;
  
  margin-top: 1%;
  margin-bottom: 5%;
  position: relative;

}
.headim1 img{width: 40%;}
.matter2{
  text-align: center;
  background: rgb(137, 186, 201);
  color: blue;
  margin-top: -2% ;
  margin-bottom: 3%;
  padding: .7%;
  box-sizing: border-box;
  
}
.ratelist{
  width: 100%;
  background-color:rgb(36, 3, 3);
  margin: 5px 0;
}
.rates
{
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}

.yellow
{
  text-align: center;
  color: yellow;
  background-color:rgb(36, 3, 3);
}
a{
  color: blue;
  cursor: pointer;
  
}
.page1{
  margin: 5px 0;
  padding: 2%;
  box-sizing: border-box;
  background-color: black;
}

.headingm{
  
    width: 100%;
    text-align: center;
  
  }
  .headim img{width: 100%;
  width: 100%;
   }
   .menu{
 
    width: 100%; 
         }
  .menu ul{
    width: 100%;
    text-align: center;
    
    justify-items:center ;
    display: block;
    margin-bottom: 20px;
   
  }
  .menu ul li {
   
    line-height: 300%;
    margin-bottom:.5%;
    list-style:none;
  
}
.menu ul li a{
    color:gold;
  
    font-size: 250%;
    text-transform: uppercase;
    padding: 7px 13px;
   border-bottom: 2px dotted white;
    font-weight: bold;
    text-decoration: none;
   
}
.menu ul li a:hover{
    background: #1b9bff;
    transition: .5s;
    border-radius: 3px;
    border-bottom: none;
}


    .page
{
	background:black;
	width: 100%;
	}
    
   
.l button{
    position: relative;
    padding: 15px 8px 0 8px;
    margin:10px 5px 5px 5px ;
    color: #fff;
    text-decoration: none;
   font-size: 12px;
    border-radius: 10px;
    background:#092147;;
   
    transition: all 0.3s ease-in-out;
  
}
.l button:hover
{
   
    box-shadow:2px 2px 5px 10px rgb(76, 250, 241) ;
    background: rgb(167, 234, 255);
    color: blue;
}
.aa  a{
    color: #fff;
    list-style: none;
    text-decoration: none;
    font-size: 14px;
   
   
}


p 
{
    font-size: 15px;
    line-height: 23px;
}


    .justify a
{
    text-decoration: none;
    color:yellow;
    
}
.matter

{
    text-align: justify;
    padding: 10px;
    margin-top: -2%;
    
}
.justify
{
	text-align:justify;
	color:#fff;
    margin-bottom: 1%;
    font-size:17px;
}
.title 
{
    text-align: center;
    font-weight: bold;
    color: #fff;
    
}
.tred
{
    background-color: red;
    border: 3px solid white;
    border-radius: 5px;
    text-align: center;
    color: yellow;
}

.highd{
  
  font-size: 20px;
  line-height: 30px;
  height: 60px;
  justify-content: center;
  display: flex;
  align-items: center;
  
}
.model-open  {
  padding:4px ;
  
  color: #fff;
  border-radius: 6px;
  outline: none;
  border: none;
}


 
.box{
  box-shadow: 5px 7px -10px rgba(0,0,0,0,5);
  background-color: #fff;
}

.pics{
    
    
    width: 100%;
  
    display: flex;
    justify-content: center;
   
   
}
 

.pics img
{
  width: 80% ;
 border: 4px solid #fff;
  box-sizing: border-box;
  padding: 10% 0;
  box-sizing: border-box;
  
}
h4
{
    color: #4beee0fb;
    text-align: center;
    margin-bottom: 1%;
    text-shadow: #fff;
   
}
h5{
    color: blue;
    text-align: center;
}

.btns p{
    font-size: 12px;
    font-weight: 700;
    padding: 2px 1px -4px 1px ;
}

.btns
{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
    
}

.inner-pic
          {
              width: 60%;
              margin: 0 20%;
             display: flex;
             justify-content: center;
          }
.inner-pic img
  {
      width: 80%;
      
      border-radius: 15px;
      padding: 10% 0;
      box-sizing: border-box;
      
      
  }

        .center1{
            text-align:center;
            color:#fff;
            font-weight:bold;
            background:black;
            }   


            .whatsappmebut {
                width: 65px;
                position: fixed;
                
                bottom: 25px;
                right:0;
                cursor: pointer;   
            }
            .call-but {
                width: 65px;
                cursor: pointer;
                display: block;
                bottom: 25px;
                left:0;
                position: fixed;
                z-index: 2;
               }
    .whatsappmebut img {
                width: 65px;
                height: 65px;
                margin-bottom:190px;
                margin-right:40px;
                display:flex;
            }

       .call-but img {
                 width: 65px;
                   height: 65px;
                   margin-bottom:190px;
                   margin-left:40px;
                   display:flex;
                        }




.blk{
   
    justify-content: center;
    align-items: center;
    display: flex;
    
}
.gchat   
{
    display: block;
    
}
.jj{
margin-right:10px;
color:yellow;
}

.gchat a{
    display: block;
    background: rgb(137, 186, 201);
    padding: 5px;
    font-size: 14px;
    text-decoration: none;
    margin: 20px;
    transition: all 0.3s ease-in-out;
    box-shadow:1px 1px 1px 4px rgba(76, 250, 241, 0.5) ;
color: black;
text-align: center;
border-radius: 10px;
color:rgb(56, 17, 231);
    padding: 5px;
    font-weight: 500;


}
.gchat a:hover{
   
    box-shadow:2px 2px 5px 10px rgb(76, 250, 241) ;
 }
 

            @media (max-width: 767px){
                
            
.call-but img {
    width: 40px;
      height: 40px;
      margin-bottom:70px;
      margin-left:20px;
      
           }
           .whatsappmebut img {
            width: 40px;
            height: 40px;
            margin-bottom:70px;
            margin-right:20px;
                   }
                  

}
@media ( max-width:699px){
   
    .menu ul li a{
           
      margin:-5px 13px;
     
      font-size: 135%;
     
     
  }
   
    
  

 
    @media ( max-width:499px){
    
      h1
    {
      font-size:210%;
    
    }
    h2
    {
      font-size: 170%;
    }
    h3
    {
      font-size: 135%;
    }
     .matter{
         margin-top: 5%f;
     }
  }
    @media ( max-width:449px){
      
      h1
      {
        
        padding-top: 10px; 
        padding-bottom: 5px;
        
      }
    
    .menu ul{
      margin: -6px 0 -5px 0;
    }
      }
     
    
       

        @media ( max-width:301px){
        
          .menu ul li a{
           
            margin:-5px 13px;
           
            font-size: 115%;
           
           
        }
        
          @media ( max-width:227px){
           
            .menu ul li a{
           
              margin:0 5px;
             
              font-size: 100%;
             
             
          }
          h1
          {
            font-size:130%;
            font-weight: bold;
            padding-top: 15px; 
        padding-bottom: 5px;
            
          }
          h2
          {
            font-size: 110%;
            font-weight: bold;
          }
          h3
          {
            font-size: 90%;
            font-weight: bold;
          }
         
                  
           
          }