button{ 
text-align: center; 
margin-top: 4px; 
margin-bottom: 4px; 
margin-right: 7px; 
margin-left: 7px; 
}
.button-a{ 
font-family: 'Patrick Hand', cursive; 
color: #fff; 
text-align: center; 
border-radius: 2rem; 
cursor: pointer; 
background-color:#478195; 
border: none;   
transition: all 0.5s;
font-size: 18px; 
padding: 7px; 
width: 132px; 
} 
.button-a span { 
cursor: pointer; 
display: inline-block; 
position: relative; 
transition: 0.5s; 
} 
.button-a span:after
{ 
content: '»'; 
position: absolute; 
opacity: 0; 
top: 0; 
right: -20px; 
transition: 0.5s; 
} 
.button-a:hover span{ 
padding-right: 25px; 
} 
.button-a:hover { 
-ms-transform: scale(1.03); 
-webkit-transform: scale(1.03); 
transform: scale(1.03); 
} .button-a:hover span:after { 
opacity: 1; 
right: 0; 
}
@media screen and (max-width: 500px) { 
.button-a { 
font-size: 15px; 
padding: 5.83px; 
width: 112px; 
} 
}
.button-b{
font-family: 'Patrick Hand', cursive; 
color: #fff; 
text-align: center; 
border-radius: 2rem; 
cursor: pointer; 
background-color:#576a70; 
border: none;   
transition: all 0.5s;
font-size: 18px; 
padding: 7px; 
width: 147px; 
} 
.button-b:hover{ 
background-color: #878e98; 
-ms-transform: scale(1.03); 
-webkit-transform: scale(1.03); 
transform: scale(1.03); 
}
@media screen and (max-width: 500px) { 
.button-b { 
font-size: 15px; 
padding: 5.83px; 
width: 122.5px; 
} 
}
.btnz{ 
background-color: #6D3C93; 
color: #fff; 
padding: 7px; 
border: none; 
border-radius: 2rem; 
text-decoration: none; 
font-family: 'Patrick Hand', cursive; 
text-align: center; 
display: inline-block; 
font-size: 18px; 
cursor: pointer; 
transition: all 0.5s; 
} 
.btnz:hover{ 
background-color: #874CB5; 
-ms-transform: scale(1.03); 
-webkit-transform: scale(1.03); 
transform: scale(1.03); 
}
@media screen and (max-width: 500px) { 
.btnz { 
font-size: 15px; 
padding: 5.83px; 
} 
} 
.about{
text-align: center; 
padding-left: 20%; 
padding-right: 20%; 
} 
@media screen and (max-width: 1250px){ 
.about{ 
padding-left: 18%; 
padding-right: 18%; 
} 
} 
@media screen and (max-width: 1000px){ 
.about{ 
padding-left: 16%; 
padding-right: 16%; 
} 
} 
@media screen and (max-width: 850px){ 
.about{ 
padding-left: 14%; 
padding-right: 14%; 
} 
} 
@media screen and (max-width: 700px) 
{ 
.about{ 
padding-left: 12%; 
padding-right: 12%; 
} 
}
@media screen and (max-width: 500px) 
{ 
.about{ 
padding-left: 10%; 
padding-right: 10%; 
} 
}
.title{ 
font-size: 300%; 
font-family: 'Jolly Lodger', cursive; 
display: block; 
padding: 8%; 
margin: 0; 
} 
@media screen and (max-width: 1000px) { 
.title { 
font-size: 280%; 
} 
} 
@media screen and (max-width: 850px) 
{ 
.title{ 
font-size: 260%; 
} 
} 
@media screen and (max-width: 650px) { 
.title { 
font-size: 240%; 
} 
}
.description{ 
font-size: 150%; 
font-family: 'Atma', cursive; 
padding-top: 0px; 
padding-bottom: 0px; 
margin: 0; 
} 
@media screen and (max-width: 1000px) 
{ 
.description { 
font-size: 140%; 
} 
} 
@media screen and (max-width: 850px) { 
.description { 
font-size: 130%; 
} 
} 
@media screen and (max-width: 700px) { 
.description { 
font-size: 120%; 
} 
} 
@media screen and (max-width: 500px) { 
.description { 
font-size: 110%; 
} 
} 
.sep{ 
margin-top: 50px; 
margin-botton: 50px; 
}
.edpage{
background-color: #050c12;
margin: 0;
padding: 0;
justify-content: center;
text-align: center;
color: #fff;
}
.edpage a{
color: #fff;
text-decoration: none;
}
.edpage a:hover{
text-decoration: underline;
}
.mdpage{
background-color: #011629;
margin: 0;
padding: 0;
justify-content: center;
text-align: center;
}


.cbox{
    display: flex;
    max-width: 43%;
    margin: 20px auto;
    padding: 20px;
    background-image: url("https://nirab.info.np/img/tuc.PNG");
    border-radius: 20px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  }
   @media screen and (max-width: 600px) {
  .cbox {
    max-width: 95%;
  }
}
   @media screen and (max-width: 1000px) {
  .cbox {
    max-width: 64%;
  }
}
   .content {
    flex: 1;
    padding: 10px;
  }
   @media screen and (max-width: 600px) {
  .content {
    padding: 1px;
  }
}
  
  .image-container {
    flex: 1;
    text-align: center;
  }
  
  .image-container img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin-top: 8%;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    border: 1px solid black;
  }
  @media screen and (max-width: 800px) {
  .image-container {
    display: none;
  }
}
   .cboxh1 {
    font-size: 24px;
    margin-bottom: 10px;
    font-family: Arial, sans-serif; -webkit-user-select: none; -ms-user-select: none; user-select: none;
  }
  
  .cboxp {
    font-size: 16px;
    line-height: 1.6;
    font-family: Arial, sans-serif; -webkit-user-select: none; -ms-user-select: none; user-select: none;
  }
  
  .bordered-container {
    border: 2px solid black;
    padding: 5px;
    margin: 5px;
    border-radius: 20px;
    background-color: #fff;
    color: #000;
  }
   @media screen and (max-width: 600px) {
  .bordered-coontainer {
    margin: 2px;
    padding: 2px;
  }
}
  .btkf{
background-color: #111184; 
color: #fff; 
font-family: Arial, sans-serif; font-size: 18px; -webkit-user-select: none; -ms-user-select: none; user-select: none;
height: 22px;
padding: 7px; 
margin-top: 3px;
border: 1px solid black; 
border-radius: 2rem; 
text-decoration: none; 
text-align: center; 
display: inline-block; 
cursor: pointer; 
transition: all 0.5s; 
}