.elementor-2871 .elementor-element.elementor-element-40fd152{--display:flex;}/* Start custom CSS for html, class: .elementor-element-905d837 *//*body {*/
/*  font-family: figtree;*/
/*  margin: 0;*/
/*  padding: 20px;*/
/*  background-color: #f5f5f5;*/
/*}*/

.currency-card-sp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 400px;
  background-color: #ffffff;
  padding: 12px 16px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.currency-info {
  display: flex;
  flex-direction: column;
}

.currency-code {
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  font-family: figtree;
  line-height: 19px;
}

.currency-desc {
    font-family: figtree;
  font-size: 16px;
  line-height: 19px;
  font-weight: 300;
  color: #6C6C6C;
  width: 170px;
}

.currency-details-sp {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  background-color: #ffffff;
  padding: 0 16px;
  margin-top: 8px;
  margin-bottom: 20px;
  border-bottom: solid 1px #939292;
}

.currency-details-sp ul li {
  display: grid;
  grid-template-columns: 2fr 1fr; 
  padding: 4px 0;
}

.currency-details-sp ul li strong {
  grid-column: 1;
  text-align: left;
}

.currency-details-sp ul li {
  text-align: right;
}

.currency-details-sp ul {
  padding: 12px 0;
  margin: 0;
  list-style: none;
}

.currency-details-sp li {
  font-size: 16px;
  font-family: figtree;
  font-weight: 500;
  line-height: 19px;
  color: #000000;
  margin-bottom: 4px;
}

.currency-details-sp strong{
    color: #444444;
    font-family: figtree;
    font-size: 16px;
    line-height: 28px;
}

.arrow-icon-sp {
  transition: transform 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.arrow-icon.down-sp {
  transform: rotate(90deg);
}

p{
    font-family: figtree;
    color: #6C6C6C;
    font-size: 14px;
    line-height: 19px;
}


.pagination-wrapper-sp {
  display: flex;
  align-items: center;
  gap: 2px;
}

.pageNumbers-sp button{
      border-radius: 999px;
    width: 49px;
    height: 49px;
    border: 1px solid #BBBEC1;
    text-align: center;
    font-family: Inter;
    font-size: 22.4px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    color:#637381;
}
.prevBtn-sp svg, .nextBtn-sp svg{
     border-radius: 999px;
    width: 49px;
    height: 49px;
    border: 1px solid #BBBEC1;
}

button{
    border: none;
}
.pageNumbers-sp button:disabled{
      background: #272F3A; 
}
.pageNumbers-sp button:hover
{
    background: #272F3A;
}

.prevBtn-sp:hover svg circle, .nextBtn-sp:hover svg circle{
    fill: #272F3A; 
    stroke: #666;  
}

.prevBtn-sp:hover svg path, .nextBtn-sp:hover svg path {
        background: #272F3A; 
}
#pagination-controls{
        display: flex;
        justify-content: center;
        gap:10px;
}
.pageNumbers-sp {
        gap: 8px;
        display: flex;
        justify-content: center;
        flex-wrap: none;
        align-items: center;
}

.prevBtn-sp:active svg circle, .nextBtn-sp:active svg circle{
    fill: #272F3A; 
    stroke: #666; 
}
.prevBtn-sp:active svg path, .nextBtn-sp:active svg path{
          background: #272F3A; 
}


@media only screen and (max-width: 768px) { #pagination-controls {
    display: flex;
    justify-content: center;
    gap: 3px;
}
    .pageNumbers-sp button{
    width: 43.5364990234375px;
    height: 43.5364990234375px;
}
.prevBtn-sp svg, .nextBtn-sp svg{
    width: 43.5364990234375px;
    height: 43.5364990234375px;
}
}/* End custom CSS */