@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   font-family: 'poppins';
}
.abc{
   display: flex;
   align-items: center;
   /* justify-content: space-between; */
   
}
.heading {
   width: 100%;
   border: none;
   font-size: 1.7vw;
}

.abc a {
   padding: 0 2vw;
}


body {
width: 100%;
height: 100%;
   

}

h1 {
   font-size: 1.7vw;  
    text-shadow: 1px 1px 4px #a8c1ff;
  
}

/* .chopta {
   font-size: 1.2rem;
   color: #555;
   margin-top: 10px;
} */

.main {
   width: 80%;
   background: #ffffffcc;
   margin: 0 auto;
   border-radius: 15px;
   box-shadow: 0 10px 20px rgba(36, 54, 101, 0.15);
   padding: 30px 40px;
   text-align: justify;

}

h2 {
   font-size: 2vw;
   border-bottom: 2px solid #243665;
   color: black;

}

button {

    background-color: #1b3b72;
    padding: 1vw 2vw;
    color: white;
    border-radius: 10px; 
    border: none;
    cursor: pointer;
      transition: background-color 0.3s;
   
} 
 
button:hover {
   background-color: #155a8a;

}

h3 {
   font-size: 1.4vw;
   margin-top: 25px;
   color: black;
}

details {
   margin: 10px 0;
   padding: 10px;
   background: #e9f5ff;
   border-radius: 5px;


}

summary {
   cursor: pointer;
   font-weight: bold;
}

.space {
   letter-spacing: -1px;
}

.watsapp {
   position: fixed;
   height: 4.5vw;
   width: 4.5vw;
   color: aliceblue;
   padding: 10px 20px;
   border: none;
   border-radius: 50%;
   cursor: pointer;
   font-size: 26px;
   transition: transform 0.3s ease-in;
   background-color: rgb(77, 236, 91);
   text-align: right;
   right: 3%;
   bottom: 3%;
   margin-top: 30%;
   display: flex;
   align-items: center;
   justify-content: center;
   text-decoration: none;


}

.watsapp i {
   font-size: 2.5vw;

}


.watsapp:hover {
   background-color: rgb(74, 194, 84);
}

img {
   width: 100%;
   height: 40vw;
   margin-bottom: 3vw;
}

a {
   color: black;
   letter-spacing: normal;
}

ul {
   padding: 0 1.5vw;
}

h4{
   color:black;
   font-weight: 700;
}

.wiki{
    text-decoration: none;
}


@media screen and (max-width: 480px){
   .main{
      width: 100%;
   }
 .abc{
   display: flex;
   flex-direction: column;
   
 }
 .heading{
   font-size: 6vw;
   padding: 2vw 2vw;

 }
 button{
   margin: 2vw 0;
   padding: 1.5vw 4vw;
 }
 .subheading{
   font-size: 4.5vw;
   text-align: center;
   margin: 5vw 0;
 }
img{
   height: 40vh;
   margin-top: 2vw;

}
.watsapp{
   height: 15vw;
   width: 15vw;


}
.watsapp i {
   font-size: 10vw;
  
}
h2{
   font-size: 4.6vw;
  word-spacing: 0;
   text-align: justify;
}
h3{
   font-size: 5vw;
   letter-spacing: normal;
}
}