.mpopup {
   display: none;
    position: fixed;
    z-index:50;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.modal-content {
    position: relative;
    background-color: #fff;
   margin: auto;
    padding: 0;
    height:240px !important;
  /*   width:305px; */
  width:300px !important;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    border-radius: 0.3rem;
}
.modal-header {
    padding: 2px 12px;
    background-color: #7F28C4;;
    color: #333;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}
.modal-header h2{
    font-size: 1.25rem;
    margin-top: 14px;
    margin-bottom: 14px;
}
.modal-footer {
    padding: 1rem;
    background-color: #ffffff;
    font-family: 'Montserrat' !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 16px !important;
line-height: 20px !important;
text-align: center !important;
color: #707677 !important;
flex: none;
order: 0;
flex-grow: 1;
}

.close {
    color: #ffffff !important;
    float: right;
    font-size: 20px !important;
    font-weight: bold;
    margin-top:9px;
}
.close:hover, .close:focus {
    color: #fff !important;
    text-decoration: none;
    cursor: pointer;
}

.pop_style{
	bottom:-200px !important;
	left:215px;
	/* margin-left:700px; */
}
.center_style{
 text-align: center;
    color: #fff;
    font-size:18px;
   font-family: Montserrat !important;
   font-size: 20px;
   font-weight: 700 !important;
   line-height: 28px;
   letter-spacing: 0px;
   padding-top: 7px;
    padding-bottom: 7px;
   
    
}
.modelpopblurrBg{
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 12px;
gap: 10px;
width:215px;
height:18px;
background: #F6F9F9;
border-radius: 4px;
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;	
}
.currencystyle{
	font-size:20px !important;
}


.ucdcinput2{
    font-size: 20px !important;
    color: black !important;
   /*  margin-right: 15px !important; */
    width: 95px !important;
    height: 32px !important;
    margin-top: 2px !important;
    /* margin-left: 20px !important; */
    border: none !important;
}
.ucdcinput1{
    font-size: 20px !important;
    color: black !important;
       /*  margin-right: 20px !important; */
     /*   margin-left: 25px !important; */
    height: 35px !important;
   margin-top:2px !important;
   width:95px !important;
    height: 32px !important;
   border:none !important;
}
input:focus-visible{
	outline:none !important;
}
/* arrow  */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{
	-webkit-appearance:none !important;
	margin:0 !important;
}
.euro_body{
	flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}
.euro_body_content{
	display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float:right;
}
.euro_input_box{
	display: flex!important;
    flex-direction: column !important;
    align-items: center!important;
}
.euro_img_style{
	
	line-height: 1.7;
    position: absolute;
    margin-left: -125px !important;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    color: #181818;

}
.euro_text_style{
	font-size: 19px !important;
    margin-top: 7px !important;
    margin-right: 30px !important;
     color: #181818;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
}
.euro_swap{
	margin-right: 10px !important;
   /*  margin-left:2px !important; */
    height:15px !important;
    margin-top:1px !important;
    padding-right: 30px;
}
.hrk_body_context{
	display:inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
.hrk_symbol{
	margin-top: -29px !important;
    float: left !important;
    margin-right:55px !important;
    font-size: 20px !important;
    margin-left: -70px;
    font-family: Montserrat;
font-style: normal;
font-weight: 500;
font-size: 24px;
color: #181818;
}
.hrk_text{
	/* margin-top: -15px !important;  */
	margin-top:12px !important;
	margin-left:-30px !important;
    font-size: 17px !important;
    color: #181818;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
}

  .euro_style_icon{
	margin-right:5px !important;
	
	

}
.euroicon{
	height:50px;
	opacity: 0.3;
    position: fixed;
    margin: 1em;
    right:0;
    z-index: 998;
    bottom: 0;
  
}

.eurostyleimg{
    height: 50px !important;
    margin-top: 220 !important;
    margin-right: 300 !important;
    position:static !important;
}

.conv_rate{
   width: 90%;
    margin-left: 20px;
    float: left;
    
    text-align: center;
    background:#F6F9F9;
    font-size: 20px;
    align-content: center;

}
.curr_conv{
font-family: Montserrat;
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 16px;
text-align: center;
color: #707677;
flex: none;
order: 0;
flex-grow: 1;
margin-top:13px;
}
.euroimgafter{
    /* margin-right: -40px !important;
    margin-top: 56 !important;
    height: 60 !important; */
    margin-right: -3px !important;
    margin-top: 56px !important;
    height: 50px !important;
    float: right;
}
input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
::-webkit-input-placeholder { /* Edge */
  color:#000000;
}

:-moz-input-placeholder { /* Internet Explorer */
  color:#000000;
}