.btn{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.btn.btn-primary{
    background-color: #2752E7;
    color: #f8f9fa !important;
}


button,
a {
    all: unset;
    box-sizing: border-box;
    text-decoration: none;
    color: inherit ;
    cursor: pointer;
}

ul, li {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

p {
    font-family: "Open Sans", serif;
    margin: 0;
}

img {
    margin: 0;
}

input::placeholder {
    color: #9497A7;
}

.custom-font-f-inter {
    font-family: "Inter", sans-serif;
}

.custom-text-primary {
    color: var(--custom-color-primary);
}
.custom-text-secondary {
    color: var(--custom-color-secondary);
}
.custom-text-tertiary {
    color: var(--custom-color-tertiary);
}
.custom-text-quaternary {
    color: var(--custom-color-quaternary);
}
.custom-text-quinary {
    color: var(--custom-color-quinary);
}


.custom-bg-primary {
    background-color: var(--custom-color-primary);
}
.custom-bg-secondary {
    background-color: var(--custom-color-secondary);
}
.custom-bg-tertiary {
    background-color: var(--custom-color-tertiary);
}
.custom-bg-quaternary {
    background-color: var(--custom-color-quaternary);
}
.custom-bg-quinary {
    background-color: var(--custom-color-quinary);
}


.custom-hover-bg-secondary:hover {
    background-color: var(--custom-color-secondary);
    color: var(--custom-color-quaternary);
}
.custom-hover-bg-tertiary:hover {
    background-color: var(--custom-color-tertiary);
    color: var(--custom-color-quaternary);
}
.custom-hover-bg-quinary:hover {
    background-color: var(--custom-color-quinary);
    color: var(--custom-color-quaternary);
}


.custom-border-secondary {
    border: 1px solid var(--custom-color-secondary);
}


.custom-hover-border-secondary:hover {
    border: 1px solid var(--custom-color-secondary);
}
.custom-hover-border-tertiary:hover {
    border: 1px solid var(--custom-color-tertiary);
}
.custom-hover-border-quinary:hover {
    border: 1px solid var(--custom-color-quinary);
}


.custom-mt-38 {
    margin-top: 38px;
}
.custom-mt-56 {
    margin-top: 56px;
}


.custom-mb-128 {
    margin-bottom: 128px;
}


.custom-font-s-14 {
    font-size: 14px;
}
.custom-font-s-24 {
    font-size: 24px;
}
.custom-font-s-30 {
    font-size: 30px;
}
.custom-font-s-48 {
    font-size: 38px;
}
.custom-font-s-60 {
    font-size: 60px;
}


.custom-font-w-600 {
    font-weight: 600;
}
.custom-font-w-700 {
    font-weight: 700;
}


.custom-line-h-21 {
    line-height: 21px;
}
.custom-line-h-24 {
    line-height: 24px;
}
.custom-line-h-45 {
    line-height: 45px;
}
.custom-line-h-72 {
    line-height: 72px;
}


.custom-ch-10 {
    max-width: 12ch;
}
.custom-ch-85 {
    max-width: 85ch;
}


.crypto-exchange__send-method-list {
    display: none;
}
.crypto-exchange__receive-currency-list {
    display: none;
}

.worth__listItemCurrencyAmount{
    padding: 15px 0;
    text-align: center;
}

.questions__ul li{
    padding: 15px 0;
}

.exchange-container-form{
}

.exchange-container-form form{
    display: none!important;
}
.exchange-container-form.fiat-to-crypto .fiat-style{
    display: block!important;
}
.exchange-container-form.crypto-to-fiat .crypto-style{
    display: block!important;
}
.exchange-container-form.fiat-to-crypto .fiat-style.d-flex{
    display: flex!important;
}
.exchange-container-form.crypto-to-fiat .crypto-style.d-flex{
    display: flex!important;
}
.exchange-container-form .switch-actions .switch-form.active {
    color: var(--custom-color-quaternary);
    background-color: var(--custom-color-secondary);
}

.profile-menu .sub{
    padding: 0;
    margin: -6px 0px -6px 25px;
    color: #000;
}
.profile-menu .profile-inner-link{
    margin: 4px 0px 4px 35px;
    color: #000;
}

.static-block p{
    margin: 5px 0;
}

.exchange-form .dropdown-menu{
    right: -2px;
    top: -2px;
}

.fees-block {
    width: auto;
    margin-right: auto;
    margin-left: auto;
    max-width: 800px;
    min-width: 800px;
    position: relative;
    left: -75px;
}

.fees-block .crypto-exchange__details > div:nth-child(1) {
    margin-left: 0px;
}
.fees-block .crypto-exchange__details > div:nth-child(2) {
    margin-left: 132px;
}

.inner-page-context {
    padding: 50px 10px;
}

.auth-form {
    background: #2c3131;
    color: #9497a7;
    margin: 30px auto;
    border-radius: 10px;
    padding: 50px;
    line-height: 36px;
}

.main.home-context section {
    margin-top: 90px;
}

.layout-dashboard .select-currency-block, .layout-dashboard .calculator-buttons,
.layout-dashboard .fees-block, .layout-dashboard .fees-block{
    margin-right: 0px;
}
.layout-dashboard .fees-block {
    display: none;
}

.calculator-buttons{
    min-width: 215px;
    width: auto;
    height: 100%;
    margin-right: 0;
}


.worth__listItem{
    flex: 0 0 calc(230px); text-align:center;
}

.calculator {
    max-width: 1450px; margin: 0 auto; width: 100%; min-height: 610px;
}

.worth__ul {
    overflow-x: scroll;
    justify-content: center;
}

.dashboard-calc-container{
    max-width: 960px;
    text-align: center;
    padding: 0 60px;
}
@media screen and (max-width: 1530px) {
    .worth__ul {
        justify-content: left;
    }
}

@media screen and (max-width: 1200px) {
    .fees-block{display: none;}
    .worth__ul {
        justify-content: left;
    }
}

@media screen and (max-width: 768px) {
    .worth__ul {
        justify-content: left;
    }
    .dashboard-calc-container{
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: 0;
    }
    .footer .menu {
        flex: 1;
    }
    .fees-block, .calculator-buttons {
        margin-right: 0px;
    }
    .promo {
        padding-bottom: 0px;
    }
    .fees-block {
        display: none !important;
    }
    .exchange-form {
        margin-top: 10px;
    }
    .exchange-form .submit{
        margin-top: 30px;
    }
    .crypto-exchange__header {
        padding: 25px 0;
    }
    section.crypto-exchange{
        min-height: 550px;
        margin: 30px 0;
    }
    .promo section.crypto-exchange{
        min-height: 720px;
        margin: 30px 0;
    }
    .main.home-context section {
        margin-top: 50px;
    }

    .worth__listItem{
        flex: 1;
        text-align:center;
    }

    body.main .worth__listItem{
        flex: 0 0 calc(230px); text-align:center;
    }

    .fee-block-non-home{
        position: relative;
        top: 55px;
    }
    .worth__ul {
        overflow-x: auto;
    }
    body.main {
        overflow: hidden;
    }

    .spend-block .custom-font-s-30, .receive-block .custom-font-s-30 {
        font-size: 21px;
    }
}

.invalid-feedback{
    display: block;
}
.calculator-buttons{
    height: 100%;
}

.layout-dashboard .select-currency-block, .layout-dashboard .calculator-buttons{
    width: 100%;
    min-width: 100%;
}

a.primary-url{
    padding: 10px 0 0 0;
    color: var(--custom-color-quinary);
}

.exchange-form .dropdown-menu.active{
    display: flex!important;
}

.feature-section{
    max-width: 1240px;
}


.static-block ul {
    list-style-type: disc;
    list-style-position: inside;
}

.static-block ol {
    list-style-type: decimal;
    list-style-position: inside;
}
.static-block ul ul, .static-block ol ul {
    list-style-type: circle;
    list-style-position: inside;
    margin-left: 15px;
}
.static-block ol ol, .static-block ul ol {
    list-style-type: lower-latin;
    list-style-position: inside;
    margin-left: 15px;
}


.static-block {
    line-height: 29px;
}
.footerCoopyright{
    font-size: 13px;
    background: #485467;
    color: #fff;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 40px;
}

.footerCoopyright a{
    color: #fff;
}

.static-page-context ul li{
    padding-left: 14px;
}
.referral-page-context p{
    padding: 8px 0;
}

.contact-section {
    max-width: 500px;
    margin: 50px 0;
    padding: 40px;
    background: #f9fafb;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #333;
}

.contact-section .title {
    font-size: 32px;
    margin-bottom: 20px;
    color: #111;
}

.contact-block p {
    margin: 8px 0;
    line-height: 1.5;
}

.contact-block a {
    color: #007BFF;
    text-decoration: none;
}

.contact-block a:hover {
    text-decoration: underline;
}

.w100-p {
    width:  100%;
}

.driver__footer .btn{
    background: #fff;
    color: #007BFF;
    padding: 4px 10px;
    border-radius: 12px;
    font-weight: 600;
    font-size: 21px;
    text-align: center;
    justify-content: center;
    margin: 10px 0;
}

table a.text-primary {
    text-decoration: underline;
}

table a.text-primary:hover {
    text-decoration: none;
}