@media screen and (max-width: 430px){

body{ overflow-x: hidden;}

.telephon{
	display: none;
}


.contact{
  
  width:99.99%;
  height: auto;
  background: rgba(214, 78, 82,0.4);
 display: flex;
 justify-content: space-evenly;
 margin-bottom:8px;



}



.footer{
  
  width: 99.99%;
  height: auto;
  background:rgb(183, 192, 202);

}





.fild,.fild1{
	background: rgba(163, 57, 59,0.2);
	color: white;

}



.fild::placeholder,
.fild1::placeholder {
  color: white;       /* এখানে যেকোনো রঙ দিতে পারেন */
  opacity: 1;


/* Vendor prefix গুলোও রাখুন যাতে সব ব্রাউজারে কাজ করে */
.fild::-webkit-input-placeholder,
.fild1::-webkit-input-placeholder {
    color: white;
 opacity: 1;
}

.fild::-moz-placeholder,
.fild1::-moz-placeholder {
 color: white;
  opacity: 1;
}

.fild:-ms-input-placeholder,
.fild1:-ms-input-placeholder {
 color: white;
  opacity: 1;
}

.fild::-ms-input-placeholder,
.fild1::-ms-input-placeholder {
  color: white;
  opacity: 1;
}








}



@media screen and (max-width:430px) {

body{ overflow-x: hidden;}


  .template{
    width: 96%;
    height: auto;
  
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

  }

.introduce{
width: 96%;
margin-top: 5px;
text-align: center;


}

.myintroduce{


  width: 96%;

}

.sidecolor{
  display: none;
}







.container {
      position: relative;
      width: 96%;
      height: 300px;
      
      display: flex;
      justify-content: center;



   
     
      
    }

    /* Main circle image */
    .circle {
      display: none;
      width: 290px;
      height: 290px;
      border-radius: 50%;
      overflow: hidden;
      
      position: absolute;
     
      background:red;
  
         }

    .circle img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }










.head1{
  width: 96%;
  display: flex;
 font-size: 13px;
}


.container7{ 

  width:96%;
  height: auto;
  display: flex; 
  flex-direction: column;
 
 margin-bottom: 30px;

  justify-content: center;
  align-items: center;
   font-family: "Jost", sans-serif; 
   }



.line{

  width:3px;
  height: 100px;
  background:red;
  margin-top: 20px;
  margin-bottom: 20px;

   

}





.service{
 
display: none;

  width: 96%;
  height:auto;
  display: flex;
  flex-direction: column;
 
  align-items: center;

  gap: 40px;

margin-bottom:30px; }







.what{ 
display: none;
  width: 96%; 
  font-size: 18px;
background: or;
 font-family: "Jost", sans-serif;
 text-align: center;


}




.boxredius{
  display: none;
  position: relative;

  background:red;  
  width: 250px;
  height: 246px;
  
  border-radius: 63% 37% 25% 72% / 38% 48% 48% 62%;
}  


.boxredius img{

width: 300px;
  height: 256px;
}





.sticker{position: absolute;
   font-family: "Jost", sans-serif;

  background:white;
  display: flex;
  justify-content: center;
  align-items: center;
 color: black;
 box-shadow: 1px 2px 15px rgb(242, 0, 13);
 border: 1px solid white;
 width:110px;
 height: 30px;
 border-radius: 20px;
 font-size: 11px;
 font-weight: bold; 
}  


.sticker:nth-child(3){bottom:0px;
  left: 124%;
  transform:translateX(-290%);

  background: red;
  color: white;
  
}




.sticker:nth-child(5){bottom:0px;
  left:0%;
  transform: translatex(-260%) translateY(-20%);
  display: none;


}




.container6{

width:96%;

height: auto;

display: flex;
flex-direction: column;



gap: 100px;

}


.circle-container {
  display: none;

   font-family: "Jost", sans-serif;
  
      position: relative;
      max-width: 300px;
      height: 340px;
      border-radius: 50% ;
     margin-top: 20px;
      background: rd;
      border: 2px dotted red;
      margin-bottom: 50px;
     
      
    }


 .item {
      position: absolute;
      width: 60px;
      height: 60px;
      background: white;

      borer: 2px inset ; 
      border-color: red;
      box-shadow: 1px 1px 10px red;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      
           color: black;
      cursor: pointer;
    }



.minicontainer1{display: none;}
.minicontainer0{
   font-family: "Jost", sans-serif;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  
justify-content:space-around;
width: 96%;
height: auto;
padding-left: 30px;
padding-top: 10px;
box-sizing: border-box;
background-size:cover;

border-radius: 10px; 
border: 0px dotted red;
box-shadow:0px 0px 0px red;

border-radius: 10px 10px; 

background: white;
color: black;

}


.minicontainer1:hover{ box-shadow:0px 3px 6px red; }





.creatives{
  display: block;
}




.box4{
  width: 96%;
  height: auto;
}





.form{
  width: 99.99%;
  height: auto;
}

.fild{

  width: 95%;
  height: 40px;
}
.fild1{

  width: 95%;
  height: 40px;
}


  
}