/* Root: variables colors */
/* Root: variables colors */
:root {
    --green-light-main-clr: rgba(159, 232, 112, 1);
    --green-dark-main-clr: rgba(22, 51, 0, 1);
    --green-light-main-hover-clr: rgb(152, 223, 108);
    --black-clr: #111111;
    --grey-clr: #808080;
    --white-clr: #ffffff;
    --input-clr: #2b2b2b;
    --red-clr: #ff4040;
    --model-light-clr: #f4f4f4;
    --model-light-shadow: #e7e7e7;
    --model-dark-clr: #161616;
    --paragraph-white-clr: #e2e2e2;
}

/* Root : variables sizes */
:root {
    --font-size-12: 12px;
    --font-size-10: 10px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-24: 24px;
    --font-size-32: 32px;
    --font-size-48: 48px;
    --font-size-64: 64px;
}

/* Root : borders */

:root {
    --border-radius-30: 30px;
}

/* Root : variable font */
:root {
    --main-font: "Epilogue", sans-serif;
}

/* Root : transation */
:root {
    --transition: all 0.3s ease-in-out;
    --transition-in: transform 0.3s ease-in; /* For scaling in */
    --transition-out: transform 0.5s ease-out; /* For scaling out */
}

@media screen and (min-width: 1400px) {
    .blog-block {
        width: 430px !important;
    }

    /* Benefits of buying */
    #Area-one .benefits-ui #bxGlassOne {
        top: 72px !important;
        right: 368px !important;
    }
    #Area-one .benefits-ui #bxGlassTwo {
        bottom: 129px !important;
        right: 481px !important;
    }

    #Area-one .benefits-ui #bxGlassThree {
        top: 148px !important;
        right: 148px !important;
    }

    #Area-one .benefits-ui #bxGlassFour {
        bottom: 82px !important;
        right: 191px !important;
    }

    /* About us */
    .fast-item {
        width: 416px !important;
    }

    /* Footer */
    footer .form-check label {
        width: 85% !important;
    }
}

@media screen and (min-width: 1200px) {
    .blog-block {
        width: 370px;
    }
}

@media screen and (max-width: 1199px) {
    .hero-section .hero-heading {
        font-size: var(--font-size-48) !important;
    }

    .how-to-wrapper {
        justify-content: center;
    }

    .how-to-buy .how-to-item {
        width: 312px !important;
    }
    /* Payment method ways */
    .blog-block {
        width: 310px;
    }

    .blog-block .blog-block-title {
        font-size: var(--font-size-18) !important;
    }

    /* Benefits of buying */
    .benefits-block .benefits-title {
        font-size: var(--font-size-32) !important;
    }

    #Area-one .benefits-ui #bxGlassTwo {
        right: 325px !important;
    }
    /* Payment methods ways */
    .payment-way-block {
        height: 460px !important;
    }

    .payment-way-block .payment-block-img img {
        width: 90px;
    }
    /* Home FAQ */
    .call-us-accordion {
        padding: 0 0 0 0 !important;
    }

    .call-us-faq {
        align-items: center !important;
    }

    .call-us-faq .call-us-faq-title {
        font-size: var(--font-size-24) !important;
    }

    .support-wrapper .s-w-title {
        font-size: var(--font-size-24) !important;
    }

    /* OTC styles responsive */
    .hero-section-otc {
        padding-top: 100px;
    }
    .hero-section-otc .hero-heading {
        font-size: var(--font-size-48) !important;
    }

    .trusted-regional-otc .section-title {
        width: 80% !important;
    }

    .call-to-action .call-title {
        font-size: var(--font-size-48) !important;
        line-height: 52px !important;
    }

    /* About section */
    .about-heading {
        width: 70% !important;
    }

    .a-hero-paragraph p {
        width: 100% !important;
    }

    .story-steps {
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: 1fr 1fr;
        row-gap: 20px !important;
    }

    .fast-item {
        width: 296px !important;
    }

    .fast-item:nth-child(2) .abstract-usdt {
        left: -28% !important;
    }

    /* Footer */
    footer .form-check label {
        width: 98% !important;
    }
}

@media screen and (max-width: 1024px) {
    #Area-five .benefits-wallet img {
        height: 369px !important;
    }
}

@media screen and (max-width: 991px) {
    /* Navbar + hero section mobile version */
    header {
        position: fixed;
        width: 100%;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        background-color: red;
    }

    header .container,
    header .container-md,
    header .container-sm {
        max-width: 100% !important;
    }

    .desktop-nav {
        display: none;
        padding: 18px 2rem;
    }

    .mobile-menu {
        display: block !important;
        background-color: var(--white-clr);
        z-index: -1;
    }

    .mobile-nav {
        display: flex !important;
    }

    .hero-section .contact-wave {
        margin: 0 auto;
    }

    .hero-section .hero-heading {
        text-align: center;
        line-height: 50px;
    }

    .hero-section p {
        text-align: center;
        width: 100% !important;
    }

    .widget-home .widget-body p {
        text-align: start !important;
    }

    .trustpilot-score {
        justify-content: center;
    }

    /* Hero section */
    .hero-section {
        padding-top: 100px;
    }

    /* How to buy */
    .how-to-wrapper {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    /* Partner swiper */
    .partner-swiper .swiper-slide {
        margin-right: 30px;
    }

    /* Api swiper */
    .crypto-block {
        width: 150px !important;
        height: 130px !important;
    }
    .crypto-block img {
        height: 30px !important;
    }

    /* Benefits of buying */
    .benefits-grid {
        flex-direction: column;
        grid-template:
            "Area Area Area Area"
            "Area-2 Area-2 Area-3 Area-3"
            "Area-4 Area-4 Area-5 Area-5" / 1fr 1fr 1fr 1fr !important;
        width: 100%;
        height: auto !important;
    }

    #Area-one .benefits-ui #bxGlassOne {
        top: 72px !important;
        right: 124px !important;
    }

    #Area-one .benefits-ui #bxGlassTwo {
        right: 142px !important;
    }

    #Area-one .benefits-ui #bxGlassFour {
        bottom: 67px !important;
        right: 34px !important;
    }

    #Area-five .benefits-wallet img {
        height: 343px !important;
    }

    /* FAQ home */
    .call-us .row {
        flex-direction: column-reverse;
    }

    /* Blog section */
    .blog-block {
        width: 350px;
    }

    /* Blog articles */
    .right-sign {
        display: none !important;
    }

    /* Payment methods ways */
    .payment-ways-row {
        flex-wrap: wrap;
    }

    .payment-way-block {
        width: 49% !important;
        height: 460px !important;
    }

    .payment-way-block .payment-block-img img {
        width: 90px;
    }

    /* Faq buy page */
    .call-us-accordion label {
        height: 90px !important;
    }

    /* About section */
    .about-heading {
        width: 100% !important;
    }

    .achievements-banner {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        padding: 30px 50px !important;
        height: auto !important;
        width: auto !important;
    }

    .partner-3d-img {
        height: 450px;
    }

    .about-hero {
        padding-top: 100px;
    }

    .title-tiny {
        width: 80% !important;
    }

    .story-steps {
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: 1fr 1fr;
        row-gap: 20px !important;
    }

    .fast-item:nth-child(2) {
        height: 480px !important;
    }

    .fast-item .fast-item-title {
        font-size: var(--font-size-20) !important;
    }

    .fast-item .fast-item-logo {
        font-size: var(--font-size-20);
    }

    .fast-item:nth-child(2) .abstract-usdt {
        top: 178px !important;
        width: 118px;
    }

    .fast-item:nth-child(2) .abstract-rate {
        top: 314px !important;
    }

    .fast-item:last-child .abstract-usdc {
        right: -15% !important;
        width: 63px;
    }

    .fast-secure .f-s-btn {
        top: 101px !important;
        right: -371px !important;
    }

    /* Help page */
    .search-section {
        padding-top: 150px;
    }

    .related-questions a span {
        width: 90%;
    }

    /* OTC Styles */
    .trusted-regional-otc .section-title {
        width: 100% !important;
    }

    .call-to-action .call-to-action-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .call-to-action p {
        width: 70% !important;
    }

    /* Policies */
    .terms-service-heading {
        padding-top: 120px;
    }

    .nav-terms .nav-item a {
        font-size: var(--font-size-14) !important;
    }

    .nav-terms .nav-item {
        padding: 10px 10px 15px !important;
    }

    /* Assist footer */
    .assist-footer .assist-btn {
        width: 200px !important;
    }

    .assist-footer .help-heading {
        font-size: var(--font-size-20) !important;
    }

    .assist-footer .open-time {
        font-size: var(--font-size-16) !important;
    }

    /* Footer */
    footer .form-check label {
        width: 80% !important;
    }
}

@media screen and (max-width: 767px) {
    /* Benefits of buying */
    .benefits-grid {
        display: flex !important;
        height: auto !important;
    }
    .benefits-block {
        height: 350px;
    }

    #Area-one {
        display: none !important;
    }

    #Area-five .benefits-wallet img {
        height: 343px !important;
    }
    /* Partner swiper */
    .partner-swiper .swiper-slide {
        margin-right: 40px;
    }
    /* Payment methods ways */
    .payment-way-block {
        width: 100% !important;
    }
    .payment-way-block .payment-block-img img {
        width: 140px;
    }
    /* What is section */
    .what-is .answers-flex {
        display: flex !important;
        flex-direction: column;
    }

    .what-is .answer-block {
        box-shadow: 5px 0px 0px 0 var(--model-light-shadow) !important;
    }

    /* Fast and secure */
    .fast-item,
    .fast-item:nth-child(2),
    .fast-item:last-child {
        width: 100% !important;
        height: 250px !important;
    }

    .fast-item .abstract-btc {
        position: absolute;
        bottom: 100px;
        left: -26px;
    }

    .fast-item:nth-child(2) .abstract-usdt {
        top: 196px !important;
        left: 140px !important;
        width: 118px;
    }

    .fast-item:nth-child(2) .abstract-rate {
        top: 117px !important;
        right: -13px !important;
    }

    .fast-item:last-child .abstract-usdc {
        right: 3% !important;
        top: 196px !important;
        transform: rotate(-50deg);
    }

    .fast-secure .f-s-btn {
        top: 327px !important;
        right: 288px !important;
    }

    /* Help page */
    .search-section .history-tags {
        width: 100% !important;
    }

    .collections .collection-item {
        padding: 20px !important;
    }

    .collection-item .collection-title {
        font-size: var(--font-size-20) !important;
    }

    .collection-item .collection-content p {
        font-size: var(--font-size-14) !important;
    }

    .collections .collection-path a {
        font-size: var(--font-size-14);
    }

    .links-switch {
        display: none !important;
    }

    .article-questions {
        padding: 30px !important;
    }

    /* OTC styles */
    .call-to-action .call-title {
        font-size: var(--font-size-32) !important;
        line-height: 42px !important;
    }

    /* About us */
    .achievements-banner {
        gap: 20px !important;
        padding: 30px 30px !important;
    }

    /* Assist Footer */
    .assist-footer .assist-btn {
        padding: 20px 10px !important;
    }

    /* Footer */
    footer .form-check label {
        width: 100% !important;
    }
}

@media screen and (max-width: 576px) {
    /* Hero section */
    .widget-home {
        margin-top: 1.5rem;
    }

    .trustpilot-score {
        flex-direction: column;
        align-items: center !important;
        gap: 20px;
    }

    .hero-btn {
        margin: 0 auto !important;
        width: 70% !important;
    }

    /* How to buy */
    .how-to-buy .how-to-item {
        width: 100% !important;
    }

    /* Benefits of buyng crypto */

    #Area-five .benefits-wallet img {
        height: 278px !important;
    }

    /* Partner swiper */
    .black-partner-slide-wrapper .row {
        width: 100%;
        margin: 0 auto;
    }
    .partner-swiper .swiper-slide {
        margin-right: 80px !important;
    }

    /* Api slider */
    .crypto-block {
        width: 150px !important;
        height: 130px !important;
    }

    .crypto-block img {
        height: 30px !important;
    }

    /* Feedback */
    .feedback .review-block {
        height: 140px !important;
        width: 245px !important;
    }

    .feedback-rate {
        height: 16px;
    }

    .feedback .review-block p {
        font-size: var(--font-size-12);
        line-height: 16px;
    }

    /* Reviews section */
    .feedback .trustpilot-score .trustpilot {
        font-size: var(--font-size-20) !important;
    }

    .trustpilot-stars img {
        height: 28px !important;
    }

    .policies-links a {
        text-decoration: underline;
    }

    /* Faq */
    .call-us-accordion input[type="radio"]:checked + label + .content {
        max-height: fit-content !important;
    }

    .about-heading {
        font-size: var(--font-size-32) !important;
        line-height: 42px !important;
        width: 100% !important;
    }

    .title-tiny {
        width: 100% !important;
    }

    .call-us-accordion label {
        height: 120px !important;
    }

    /* About section */
    .story-steps {
        grid-template-columns: 1fr !important;
    }

    .fast-item:nth-child(2) .abstract-rate {
        right: -8px !important;
    }

    .fast-secure .f-s-btn {
        top: 293px !important;
        right: 147px !important;
    }

    .achievements-banner {
        gap: 20px !important;
        padding: 20px 20px !important;
    }

    .achievement-item p {
        font-size: var(--font-size-14) !important;
    }

    section.achievements,
    section.our-trust-partner {
        padding-top: 0 !important;
    }

    /* Help style */
    .collections .collection-item {
        padding: 20px 30px !important;
    }

    /* Footer */
    footer {
        padding-top: 50px !important;
    }

    .news-letter {
        margin-bottom: 1rem;
    }
}

@media screen and (max-width: 425px) {
    .hero-section .hero-heading {
        line-height: 34px;
        font-size: var(--font-size-32) !important;
    }

    .section-title {
        font-size: var(--font-size-24) !important;
        line-height: 30px;
    }

    /* Benefits of buying */
    .benefits-block .benefits-title {
        font-size: var(--font-size-24) !important;
    }

    #Area-three .benefits-title {
        line-height: 30px !important;
    }

    .benefits-block {
        height: 320px !important ;
    }

    /* Blog article */
    .blog-article .a-blog-heading-title {
        font-size: var(--font-size-24) !important;
        line-height: 32px !important;
    }

    .article-blog-h1 {
        font-size: var(--font-size-20) !important;
        line-height: 24px !important;
    }

    .blog-article p {
        font-size: var(--font-size-14) !important;
    }

    /* Help style */
    .collections .collection-item {
        padding: 20px 30px !important;
    }

    /* Footer */
    footer .policies-links a::before {
        right: -50px !important;
    }
}