.ccpw_calculator .ccpw-Converter {
  background-color:rgb(248, 248, 248);
  color: var(--clr-font);
  padding: 1em 2em;
}



.ccpw_calculator .converter-form {
  display: flex;
  justify-content: center;
  margin-top: 1em;

}

.ccpw_calculator .converter-form .form-quantity,
.ccpw_calculator .converter-form .form-select {
  border: 1px solid #DDDDDD;
  padding: 0 1em;
}

.ccpw_calculator .form-quantity:focus,
.ccpw_calculator .form-select:focus {
  outline: none;
}

.ccpw_calculator .converter-form .form-quantity {
  border-radius: 10px;
  background-color: #ffffff;
  color: #495057;
  width: 150px;

}

.ccpw_calculator .form-select {
  width: 300px;

}


.ccpw_calculator .converter-form .btn-swap {
  background-color: #3384E4;
  cursor: pointer;
  border: none;
  color: white;
  border-radius: 10px;
  padding: .6em 1em;
  margin: 0 .4em;
  font-size: 1rem;
}



.ccpw_calculator .results {
  display: flex;
  justify-content: center;
  gap: 2em;
  margin-top: 1em;
  font-weight: 600;
}

.ccpw_calculator .converter-form > * {
  margin: 0px 5px;
}
.ccpw_calculator .converter-form .btn-swap {
  margin: 0;
  padding: 0.375rem 0.75rem;
  display: flex;
  align-self: center;
  align-items: center;
}
.ccpw_calculator .converter-form .btn-swap svg{
  height: 16px;
  width: 16px;
}
.ccpw_calculator .converter-form > [class^=" css-"]{
  width: 200px;
}
.ccpw_calculator .converter-form .form-quantity{
  border-radius: 4px;
  min-height: 50px;
  margin-bottom: 0px!important;
}
.ccpw_calculator .converter-form .form-quantity:focus{
border-color: #2684FF;
border-width: 2px;
}


.ccpw_vrtcl-calculator .converter-form{
    flex-direction: column;
    align-items: center;
  }

.ccpw_vrtcl-calculator .converter-form > * {
    margin: 5px 0px;
    }
 .ccpw_vrtcl-calculator .converter-form .form-quantity,.ccpw_calculator .converter-form > [class^=" css-"]{
   width: 100%;
  }
.ccpw_vrtcl-calculator .converter-form .form-quantity{
    padding: 0.5em;
  }
  .ccpw_vrtcl-calculator .converter-form .btn-swap{
    transform: rotate(90deg);
    padding: 0.75rem 0.375rem;
  }
  .ccpw_vrtcl-calculator .converter-form .btn-swap svg{
    height: 20px;
    width: 20px;
  }

@media screen and (max-width:767px) {
  .ccpw_calculator .converter-form{
    flex-direction: column;
    align-items: center;
  }
  .ccpw_calculator  .converter-form > * {
    margin: 5px 0px;
    }
  .ccpw_calculator .converter-form .form-quantity,.ccpw_calculator .converter-form > [class^=" css-"]{
   width: 100%;
  }
  .ccpw_calculator .converter-form .form-quantity{
    padding: 0.5em;
  }
  .ccpw_calculator .converter-form .btn-swap{
    transform: rotate(90deg);
    padding: 0.75rem 0.375rem;
  }
  .ccpw_calculator .converter-form .btn-swap svg{
    height: 20px;
    width: 20px;
  }
}