/*flags*/

.DropDown{
    width: 100%;
    margin: auto;
}
.MainDrop{
    width: 100%;
}

.Box{
    display: flex;
    justify-content: start;
}

.Space{
    padding: 7px 15px;
    background-color:white;
    border-radius: 5px 0px 0px 5px;
    border: 1px solid rgba(0,0,0,.2);
    color: black;
    cursor: pointer;
   
}

.svgflag{
    display: flex;
    justify-content: space-around;
  }
  
  .Space .icon1{
    margin-right: 9px;
  }
  .Space .icon2{
   
    bottom: 2px;
  }
  .Box input{
    padding: 7px;
    border: 1px solid rgba(0,0,0,.2);
    outline: none;
    background-color:white;
    border-left: none;
    width: 100%;
    border-radius: 0px 5px 5px 0px;
} 
.Boxes{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap:2px;
    margin-top: 20px;
    border-radius: 5px ;
    border: 1px solid rgba(0,0,0,.2);
    /* justify-content: space-around; */
    padding: 15px;
    
    background-color: white;
}
.Boxes .svgicon{
   
    padding: 15px;
    color: rgb(42,59,147);
    background-color:rgb(231, 231, 231);
    cursor: pointer;
    width: 15px;
    height: 15px;
    
}
.Boxes .svgicon:hover{
    background-color:rgb(185, 196, 245);
   
  }