a.cp-table-cell, .cp-table-cell a {
    text-decoration: none;
}
.uppercase_text{
    text-transform: uppercase;
}
#cp-converter-comparison .cp-table-cell{
    text-transform: uppercase;
}
#linguidetranslator{
    display: none
}
.cp-grid.forminputs {
    padding: 0;

}

#cryptoconverter label {
    display: block;
}



.cp-grid.form-secondary {
    padding: 0;
    grid-template-columns: 1fr 1fr;
}

.submitblock {
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

#converter-switcher {
    padding: 20px;
    text-align: center;
    align-items: flex-end;
    display: flex;
    justify-content: center;
}
#cryptoconverter input, #cryptoconverter select {
    border: 1px solid #E5E7EB;
    background: white;
    border-radius: 8px;
    padding: 12px 18px;
    width: 100%;
}
#convertersubmitbtn {


    font-size: 16px;

    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    padding: 12px 32px 12px 16px !important;
    height: auto;
    border-radius: 32px !important;
    border: 1.5px solid var(--black, #23272E);
    background: var(--black);
    color: white;

}
#convertersubmitbtn .cp-button-text{
    color: black;
}
#convertersubmitbtn:hover{
    background:  black;

}

#convertersubmitbtn:hover .cp-button-text{
    color: white;
}

.select2-container .select2-selection--single {
    height: unset;
    padding: 10px 16px;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: #FFF;
}

#cryptoconverter label {
    margin-bottom: 8px;
    line-height: 1;
}
#conversion-summary strong {
    color: #23272E;
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    display: block;
    margin-bottom: 10px;
}


.cp-data-table .cp-row > div{
    padding: 8px 16px;
}
.cp-data-table .cp-table-header > div{
    display: block;
    font-weight: bold;
}
.cp-data-table strong{
    display: block;
}
.cp-table-cell {
    display: flex;
    flex-direction: column;
    padding: 8px 16px;
    row-gap: 8px;
}
.cp-data-table .cp-table-header .cp-table-cell {
    padding: 16px 25px;
    text-align: left;
    font-weight: bold;
    background: #F3F3F3;
    border-radius: 12px;
}

.cp-grid-2 .cp-table-row, .cp-grid-2 .cp-table-header{
    grid-template-columns: 1fr 1fr;
    display: grid;
    column-gap: 32px;
}
.cp-grid.form-secondary {

    position: relative;

}
div#converter-form {
    z-index: 2;
    position: relative;
}
span.swapicon {
    content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_691_10349)'%3E%3Cpath d='M2.66667 6H11.3333L10.2667 6.8C10.1966 6.85253 10.1376 6.91834 10.093 6.99367C10.0484 7.06901 10.0191 7.15239 10.0067 7.23906C9.99432 7.32572 9.99913 7.41398 10.0209 7.49879C10.0426 7.5836 10.0808 7.6633 10.1333 7.73334C10.1954 7.81613 10.276 7.88334 10.3685 7.92962C10.4611 7.97591 10.5632 8 10.6667 8C10.8109 8 10.9513 7.95322 11.0667 7.86667L13.7333 5.86667C13.8149 5.80445 13.881 5.72426 13.9264 5.63234C13.9719 5.54041 13.9956 5.43923 13.9956 5.33667C13.9956 5.23411 13.9719 5.13293 13.9264 5.041C13.881 4.94908 13.8149 4.86889 13.7333 4.80667L11.16 2.80667C11.0203 2.69793 10.8432 2.64913 10.6675 2.67101C10.4918 2.69289 10.3321 2.78366 10.2233 2.92334C10.1146 3.06302 10.0658 3.24017 10.0877 3.41583C10.1096 3.59149 10.2003 3.75127 10.34 3.86L11.3867 4.66667H2.66667C2.48986 4.66667 2.32029 4.73691 2.19526 4.86193C2.07024 4.98696 2 5.15653 2 5.33334C2 5.51015 2.07024 5.67972 2.19526 5.80474C2.32029 5.92977 2.48986 6 2.66667 6Z' fill='%2323272E'/%3E%3Cpath d='M13.3328 10.6668H4.66617L5.73283 9.86675C5.87428 9.76066 5.9678 9.60273 5.9928 9.4277C6.0178 9.25266 5.97225 9.07487 5.86617 8.93342C5.76008 8.79197 5.60215 8.69846 5.42711 8.67345C5.25208 8.64845 5.07428 8.694 4.93283 8.80008L2.26617 10.8001C2.18463 10.8623 2.11855 10.9425 2.07306 11.0344C2.02757 11.1263 2.00391 11.2275 2.00391 11.3301C2.00391 11.4326 2.02757 11.5338 2.07306 11.6258C2.11855 11.7177 2.18463 11.7979 2.26617 11.8601L4.8395 13.8601C4.95587 13.9504 5.09887 13.9996 5.24617 14.0001C5.34798 13.9998 5.44838 13.9763 5.53968 13.9312C5.63097 13.8861 5.71073 13.8208 5.77283 13.7401C5.88109 13.6011 5.92994 13.4249 5.90871 13.25C5.88747 13.0752 5.79788 12.9158 5.6595 12.8068L4.61283 12.0001H13.3328C13.5096 12.0001 13.6792 11.9298 13.8042 11.8048C13.9293 11.6798 13.9995 11.5102 13.9995 11.3334C13.9995 11.1566 13.9293 10.987 13.8042 10.862C13.6792 10.737 13.5096 10.6668 13.3328 10.6668Z' fill='%2323272E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_691_10349'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    height: 16px;
    width: 16px;
    line-height: 1;
}

.history-item {
    display: flex;
    justify-content: space-between;
}

.history-items-list {
    display: flex;
    flex-direction: column;
    row-gap: 18px;
    width: 70%;
}
#conversion-summary{
    margin-top: -20px;
    margin-bottom: 25px;
}
.cp-grid.cp-grid-6 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 32px;
}
#converter-block section{
    padding: 20px 0;
}

.section-heading{
    font-family: var(--e-global-typography-e9e82d2-font-family), Sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #1F1F1F;
    padding-bottom: 18px;
    margin-bottom: 32px;
}
#converter-faq-block {
    background: #F3F3F3;
}

.faq-items {
    display: grid;
    gap: 10px;
}
.faq-items .faq-item{
    border-bottom: 1px solid #1F1F1F;
    padding-bottom: 24px;
}
.faq-items .faq-item h3{
    font-family: "Space Mono";
    font-size: 24px;
    text-transform: uppercase;
}
@media only screen and (max-width: 767px){
    #converter-switcher{
        display: block;
    }
}
@media only screen and (min-width: 768px){

    .cp-grid.forminputs {

        grid-template-columns: 1fr 2fr;
    }
    .currencyblock {
        display: grid;
        grid-template-columns: 1fr 70px 1fr;
    }
    #conversion-summary {
        margin-top: -80px;
        margin-bottom: 70px;
    }
    #cp-converter-comparison .cp-row {
        display: flex;
        gap: 50px;
    }
    #cp-converter-comparison .cp-row .cp-col{
        flex: 1 1 50%;
    }
    #converter-block section{
        padding: 45px 0;
    }


}


/* new */
#converter-block #cp-converter-control {
    display: grid;

    gap: 32px;
}
#cryptoconverter .forminputs {
    display: grid;

    gap: 16px;
}

.fromblock {
    flex: 1;
}

#converter-switcher {
    flex: 0 0 40px;
}

.toblock {
    flex: 1;
}
#cryptoconverter .select2-container{
    width: 100% !important;
}
#converter-left {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
#cryptoconverter {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.cp-table-header .cp-table-cell{
    border-radius: 12px;
    background: #F3F3F3;
    padding: 16px 25px;
    font-weight: bold;

}

.cp-top-prices-header.cp-table-header , .cp-table-data .cp-table-row{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}



.cptp-name {
    display: flex;
    flex-direction: row;
    gap: 16px;
}
.cp-icon svg {
    width: 40px;
    height: auto !important;
}
.cp-name-details {
    display: flex;
    flex-direction: column;
}

.cp-name {
    font-weight: bold;
}
.section-wrapper{
    padding: 30px 16px;
}
@media only screen and (min-width: 1025px){

    #converter-block .section-wrapper{
        max-width: 1360px;
        margin: 0 auto;

    }
    .section-wrapper{
        padding: 30px 30px;
    }
    #converter-block #cp-converter-control {
        display: grid;
        grid-template-columns: 3fr 1fr;
        gap: 32px;
    }
    #cryptoconverter .forminputs {

        grid-template-columns: 1fr 2fr;
        gap: 32px;
    }

}

@media only screen and (max-width: 1024px){
    #cp-converter-historical-data .section-wrapper .cp-table-wrapper, #cp-converter-top-prices .section-wrapper .cp-table-wrapper{
        max-width: 100%;
        overflow-x: scroll;
    }

}
@media only screen and (max-width: 767px){
    #cp-top-prices .cp-table-cell , #cp-converter-historical-data .cp-table-cell{
        min-width: 200px;
    }
}
