@media only screen and (max-width: 600px) {
    .p-mo{
        padding: 0px 0px;
    }
    section{
        padding: 40px 0px;
    }
    html,body{
        overflow-x: hidden;
        width: 100%;
    }

   
}
@media only screen and (max-width: 600px) {
    .logo-mo-div .cart-mo-top {
        display: block;
    }
    .logo-mo-div #logo{
        display: flex;
        width: 160px;
        height: 25px;
        justify-content: center;
        align-items: center;
        gap: 6.219px;
        aspect-ratio: 32/5;
    }
    .header-is-active .navbar{
        padding: 0px;
        background: #000;
    }
    .header-is-active .navbar .container {
        background: #000;
    }
    .cart-dec{
        padding: 0px;
    }
    .navbar-collapse .cart-dec{
        display: none;
    }
    .header-is-active .logo-mo-div .cart-dec{
        visibility: hidden;
    }
    .navbar-toggler .navbar-toggler-icon{
        background: url(../img/hamburger-icon.svg) no-repeat;
        background-size: contain;
        background-position: center center;
        width: 24px;
        height: 24px;
        max-width: 100%;
    }
    .header-is-active .navbar-toggler-icon{
        background: url(../img/close.svg) no-repeat;
        background-size: contain;
        width: 14px;
        height: 14px;
        max-width: 100%;
    }
    .navbar-toggler{
        padding: 0px;
        max-width: 100%;
        border: 0px;
        border-radius: 100px;
        background: rgba(255, 255, 255, 0.20);
    }
    .header-is-active .navbar-toggler{
        padding: 8px;
        max-width: 100%;
        border: 0px;
        border-radius: 100px;
        background: rgba(255, 255, 255, 0.20);
        display: flex;
    }
    .cart-mo-top-btn{
        display: flex;
        align-items: center;
        gap: 16px;
        width: 64px;
        float: right;
        position: absolute;
        right: 20px;
    }
    .navbar .container {
        border-radius: 0px;
        background: transparent;
        display: flex;
        padding: 16px 24px 16px;
        align-items: center;
        gap: 0px;
        max-width: 100%;
    }
    .logo-mo-div {
        display: flex;
        padding: 16px 20px;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        border-radius: 100px;
        background: var(--base-white, #FFF);
        width: 100%;
        max-width: 100%;
        margin: auto;
        position: relative;
        transition:all .6s;
    }
    .header-is-active .logo-mo-div {
        background: var(--base-white, #000);
        padding: 0px 24px;
    }
    .navbar {
        padding: 0px 0px;
    }
    .navbar-nav{
        display: flex;
        flex-direction: row;
    }
    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        height: 0px;
        transition: height linear;
    }
    .navbar-collapse {
        position: unset; 
        bottom: 0px;
        border-radius: 32px 32px 0 0;
        background: var(--brand-surface-cream, #F4EEE2);
        height: 500px;
        width: 375px;
        overflow: hidden;
        padding: 0px 24px;
        width: 100%;
        margin-top: 86px;
    }
    .nav-item::after {
        display:none;
    }
    .navbar-nav{
        display: flex;
        padding: 20px 0px 20px 0px;
        flex-direction: row;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
        overflow: scroll;
        transition:all .6s;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE and Edge */
    }
    .header-is-active .navbar .container {
        border-radius: 0px;
        background: transparent;
        display: flex;
        padding: 24px 0px 16px;
        align-items: center;
        gap: 0px;
        max-width: 100%;
    }
    .dropdown-menu.show {
        display: flex;
        width: fit-content;
        padding: 0px;
        justify-content: space-between;
        flex-direction: row;
        gap: 4px;
        border-radius: var(--radius-s, 8px);
        border: 1px solid var(--brand-tint-ink-16, rgba(21, 51, 42, 0.16));
        background: var(--base-white, #FFF);
        border-radius: var(--radius-s, 8px);
        border: 1px solid var(--brand-tint-ink-16, rgba(21, 51, 42, 0.16));
        background: var(--base-white, #FFF);
    }
    #currency-change {
        left: 10px;
        margin-top: 8px;
        position: fixed;
        top: 29rem;
        right: 0px;
        z-index: 1;
        right: 0px;
        margin: auto 13px;
        padding: 0px 0px;
    }

    .navbar-nav::-webkit-scrollbar {
        display: none; /* Chrome, Safari */
    }
    .nav-link {
        display: flex;
        padding: 8px 14px;
        align-items: center;
        gap: 9px;
        color: var(--brand-core-ink, #15332A);
        font-family: Satoshi;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        display: flex;
        padding: 8px 16px !important;
        align-items: flex-start;
        white-space: nowrap;
    }
    .dropdown-toggle-cur .dropdown-toggle {
        display: flex;
        padding: 8px 14px;
        align-items: center;
        gap: 9px;
        border-radius: var(--radius-s, 8px);
        border: 1px solid var(--brand-tint-ink-16, rgba(21, 51, 42, 0.16));
        background: var(--base-white, #FFF);
        display: flex;
        height: 60px;
        padding: 12px 16px 12px 18px;
        align-items: center;
        gap: 10px;
    }
    .btn-login {
        border-radius: var(--radius-s, 8px);
        background:var(--brand-core-accent, #E8663B)url(../img/arrow-right.svg) no-repeat 92% 54%;
        display: flex;
        padding: 8px 18px;
        align-items: center;
        color: var(--brand-surface-paper, #FDFBF6);
        font-family: Satoshi;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%;
        display: flex;
        padding: 18px 24px 18px 28px;
        justify-content: space-between;
        align-items: center;
        flex: 1 0 0;
        width: 196px;
        max-width: 100%;
    }
    .d-right-mo {
        display: flex;
        align-items: center;
        gap: 20px;
        border-top: 1px solid rgba(21, 51, 42, 0.16);
        padding-top: 24px;
        margin-top: 20px;
    }
    .top-bar{
        width: 48px;
        height: 4px;
        border-radius: 100px;
        background: var(--brand-tint-ink-16, rgba(21, 51, 42, 0.16));
        margin: auto;
        margin-top: 12px;
    }
    .dropdown-menu h5{
        color: var(--brand-text-muted, #5C6E67);
        font-family: 'Satoshi';
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 16.8px */
        letter-spacing: 1.68px;
        text-transform: uppercase;
    }

    .dropdown-menu li {
        display: flex;
        flex-direction: column;
        border-radius: var(--radius-s, 8px);
        background: var(--base-white, #FFF);
        display: flex;
        padding: 12px;
        align-items: center;
        gap: 0px;
        align-self: stretch;
    }
    #currency-change li{
        padding: 7px;
    }
     .dropdown-menu p{
        color: var(--brand-text-muted, #5C6E67);
        font-family: Satoshi;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%; /* 21.7px */
        margin-bottom: 0px;
    }
    .dropdown-item {
        color: var(--brand-core-ink, #15332A);
        font-family: Satoshi;
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%; /* 27.2px */
        padding: 0px 0px;
    }
    .services-drop .dropdown-menu.show{
        background: transparent;
        box-shadow: none;
        border: 0px;
        width: 100%;
    }
    .dropdown-menu-ul{
        padding-left: 0px;
    }
    .navbar-nav-one{
        display: none;
    }


    .btn-ser-ser-box h5{
        color: var(--brand-text-muted, #5C6E67);
        font-family: 'Satoshi';
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%;
        letter-spacing: 1.68px;
        text-transform: uppercase;
        margin-bottom: 14px;
    }
    .btn-ser-ser-box p{
        color: var(--brand-text-muted, #5C6E67);
        font-family: 'Satoshi';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 155%; /* 21.7px */
        margin-bottom: 0px;
    }
    .btn-ser-ser-box h6{
        color: var(--brand-core-ink, #15332A);
        font-family: 'Satoshi';
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%; /* 27.2px */
        margin-bottom: 2px;
    }
    .btn-ser-ser-box ul{
        padding-left: 0px;
        list-style: none;
        margin-bottom: 0px;
        display: flex;
        flex-direction: column;
        gap: 14px;
    }
    .btn-ser-ser-box ul li{
        border-radius: var(--radius-s, 8px);
        background: var(--base-white, #FFF);
        display: flex;
        padding: 12px 12px 12px 36px;
        align-items: flex-start;
        gap: 2px;
        align-self: stretch;
        flex-direction: column;
        
    }
    .btn-ser-ser-box{
        display: none;
    }
    .btn-ser-ser-box.show{
        display: block;
    }
    .navbar-nav-two .nav-link.active{
        display: flex;
        padding: 8px 16px;
        align-items: flex-start;
        border-radius: 100px;
        background: var(--brand-core-accent, #E8663B);
        color: var(--base-white, #FFF);
        font-family: Satoshi;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        padding: 8px 16px !important;
    }
    .btn-ser-ser-box li{
        position: relative;
    }
    .btn-ser-ser-box li::after {
        content: "";
        background: rgba(21, 51, 42, 0.16);
        width: 8px;
        height: 8px;
        position: absolute;
        left: 12px;
        top: 0px;
        bottom: 0px;
        margin: auto;
        border-radius: 100%;
    }
    .btn-ser-ser-box li.active::after {
        content: "";
        background: #E8663B;
        width: 8px;
        height: 8px;
        position: absolute;
        left: 12px;
        top: 0px;
        bottom: 0px;
        margin: auto;
        border-radius: 100%;
    }
    
    
}
@media only screen and (max-width: 600px) {
    .faq-section .container{
        padding:0px 0px;
    }
    .about-banner {
        background: url(../img/about-hero.png) no-repeat;
        background-position: center center;
        background-size: cover;
        height: fit-content;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #F6EFE7;
        padding-bottom: 0px;
        padding-top: 6rem;
    }
    .about-banner-img{
        text-align: center;
    }
    .about-banner-img  img{
        height: 317px;
        width: 353px;
        margin: auto;
    }
    .top-content h2 {
        color: var(--brand-surface-cream, #F4EEE2);
        text-align: center;
        font-family: Fraunces;
        font-size: 34px;
        font-style: normal;
        font-weight: 600;
        line-height: 124%;
        letter-spacing: -0.56px;
        margin-bottom: 0px;
    }
    .top-content p {
        color: var(--brand-tint-cream-80, rgba(244, 238, 226, 0.80));
        text-align: center;
        font-family: 'Satoshi';
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        margin-bottom: 0px;
    }
    .faq-section {
        height: 355px;
        display: flex;
        justify-content: center;
        align-items: end;
    }
    .faqs-content {
        padding: 48px 24px 32px;
    }
    .about-content .btn {
        float: none;
        margin: unset;
        width: 100%;
        height: 60px;
    }
    .faqs-content  .container{
        padding: 0px 0px;
    }
    .accordion-button:not(.collapsed)::after {
        background-image: url(../img/minus.svg);
        transform: none;
        height: 2px;
        width: 20px;
        position: absolute;
        right: 0px;
    }
    .accordion-button::after {
        flex-shrink: 0;
        content: "";
        background-image: url(../img/plus.svg);
        background-repeat: no-repeat;
        background-size: cover;
        transition: none;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 0px;
    }
    .accordion-button {
        padding: 0px 32px 0px 0px !important;
    }
    .accordion-item:last-of-type {
        padding-bottom: 28px;
    }
    .faq-section {
        padding: 40px 24px;
    }
    .accordion-button {
        color: var(--brand-core-ink, #15332A) !important;
        font-family: Fraunces;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 132%;
        letter-spacing: -0.09px;
        padding: 28px 0px;
        color: var(--brand-core-ink, #15332A);
    }
    .accordion-button:not(.collapsed)::after {
        background-image: url("../img/minus1.svg");
        background-size: 16px;
        background-position: center;
        background-repeat: no-repeat;
        transform: none;
        width: 20px;
        height: 20px;
    }
    .accordion-button::after {
        background-image: url("../img/plus1.svg");
        background-size: 16px;
        background-position: center;
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
    }
}
@media only screen and (max-width: 600px) {
    .about-content {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 640px;
        max-width: 100%;
    }
    .about-content h2 {
        color: var(--brand-core-ink, #15332A);
        font-family: Fraunces;
        font-size: 34px;
        font-style: normal;
        font-weight: 600;
        line-height: 124%;
        letter-spacing: -0.34px;
        margin-bottom: 0px;
    }
    .about-content p {
        color: var(--brand-text-body, #2E3A33);
        font-family: Satoshi;
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        margin-bottom: 0px;
    }
    .about-content .btn-warp {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-direction: column;
    }
    .about-content .btn {
        float: none;
        margin: unset;
        padding: 18px 24px 18px 28px;
        text-align: center;
        justify-content: center;
        width: 100%;
    }
    .icon-certified {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 20px;
    }
    .about-banner .container{
        padding: 0px;
    }
    .about-banner .about-content{
        padding: 32px 24px 24px;
    }
    .we-content-main h3 {
        color: var(--brand-core-ink, #15332A);
        text-align: center;
        font-family: Fraunces;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 128%;
        letter-spacing: -0.28px;
        margin-bottom: 12px;
    }
    .we-content-main p {
        color: var(--brand-text-body, #2E3A33);
        text-align: center;
        font-family: Satoshi;
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
    }
    .what-we-needs {
        background: var(--brand-surface-paper, #FDFBF6);
        padding: 0px 0px 16px;
    }

    .what-we-needs .card {
        border-radius: 16px;
        border: 1px solid #E6DEC9;
        background: var(--brand-surface-shell, #F6F2EA);
        display: flex;
        padding: 24px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 0px;
        flex: 1 0 0;
        /* width: 279px; */
        margin-bottom: 16px;
    }
    .we-content-main {
        width: 602px;
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 32px;
    }
    .what-we-needs img {
        margin-bottom: 32px;
    }
    .what-we-needs .container{
        padding: 0px 24px;
    }
    .what-we-needs .card h4 {
        color: var(--brand-core-ink, #15332A);
        font-family: Fraunces;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 128%;
        letter-spacing: -0.16px;
        margin-bottom: 8px;
    }
    .about-banner-01 .container{
        padding: 0px 24px;
        overflow: hidden;
    }
    .about-banner-01{
        padding: 40px 0px;
    }
    .about-banner-01 .col-12 {
        flex: 0 0 auto;
        width: 92%;
        margin: auto;
    }
    .about-banner-01 .card {
        padding: 24px 0px 24px 0px;
        background: transparent;
        border: 0px;
    }
    .about-banner-01 h6 {
        color: var(--brand-surface-cream, #F4EEE2);
        font-family: Fraunces;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 132%;
        letter-spacing: -0.09px;
        margin-bottom: 12px;
    }
    .about-banner-01 h5 {
        color: var(--brand-surface-cream, #F4EEE2);
        font-family: Fraunces;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 128%;
        letter-spacing: -0.4px;
        margin-bottom: 12px;
    }
    .col-border-1, .col-border-2, .col-border-5, .col-border-3, .col-border-4, .col-border-6 {
        border-top: 1px solid var(--brand-tint-cream-10, rgba(244, 238, 226, 0.10));
        border-left: 0px;
        border-right: 0px;
        border-bottom: 0px;
    }
    .col-border-6 {
        border-bottom: 1px solid var(--brand-tint-cream-10, rgba(244, 238, 226, 0.10));
    }
    .about-div::after {
       content: "";
       display: none;
    }
    .about-document {
        background: url(../img/how-it-works-mo.png) no-repeat;
        background-size: cover;
        background-position: center center;
        padding: 40px 24px 8px;      
    }
    .about-document::after {
        display: none;
    }
    .about-conten-dcoument h3 {
        color: var(--brand-core-ink, #15332A);
        text-align: center;
        font-family: Fraunces;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 128%;
        letter-spacing: -0.28px;
        margin-bottom: 12px;
    }
    .about-document .container{
        padding: 0px 0px;
    }
    .about-conten-dcoument p {
        color: var(--brand-text-body, #2E3A33);
        text-align: center;
        font-family: Satoshi;
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        margin-bottom: 0px;
    }
    .about-conten-dcoument {
        width: 646px;
        max-width: 100%;
        margin: auto;
        margin-bottom: 32px;
    }
    .about-document .card-body {
        flex: 1 1 auto;
        padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
        color: var(--bs-card-color);
        padding: 0px;
    }
    .about-document .card{
        margin-bottom: 32px;
    }
    .about-from h2 {
        color: var(--brand-core-ink, #15332A);
        text-align: center;
        font-family: Fraunces;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 128%;
        letter-spacing: -0.28px;
        margin-bottom: 32px;
    }
    .col-labal-bg {
        flex: 1 0 0;
        display: flex;
        padding: 12px 20px 14px 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        align-self: stretch;
        border-radius: var(--radius-s, 8px);
        background: var(--brand-surface-cream, #F4EEE2);
        margin-bottom: 20px;
    }
    .about-from{
        padding: 40px 0px 0px;
    }
    .about-from-box{
        padding: 0px 24px;
    }
    .about-from .container{
        padding: 0px 0px;
    }
    .closing-img {
        margin-top: 40px;
    }
    .about-from-box .btn-orange {
        border-radius: var(--radius-s, 8px);
        background: var(--brand-core-accent, #E8663B);
        display: flex;
        padding: 18px 24px 18px 28px;
        align-items: center;
        gap: 10px;
        color: var(--base-white, #FFF);
        font-family: Satoshi;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        break-after: avoid;
        border: 0px;
        width: 100%;
        margin-top: 24px;
        text-align: center;
        justify-content: center;
    }
    
}
@media only screen and (max-width: 600px) {
    .footer {
        background: url(../img/footer-background-mo.png) no-repeat;
        background-size: cover;
        background-position: center center;
        padding: 56px 24px 32px;
    }
    .footer-link {
        display: flex;
        gap: 28px;
        flex-direction: column;
    }
    .col-footer-two {
        border-top: 1px solid rgba(244, 238, 226, 0.16);
        margin-top: 40px;
        padding-top: 40px;
    }
    .footer-bottom img {
        float: none;
        width: 256px;
        height: 46px;
    }
    .footer-link {
        display: flex;
        gap: 32px;
        flex-direction: column;
        margin-top: 40px;
    }
    .footer-bottom p {
        color: rgba(244, 238, 226, 0.60);
        font-family: 'Satoshi';
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        margin-bottom: 20px;
    }
    .footer-logo img {
        display: flex;
        width: 187px;
        height: 41px;
        justify-content: center;
        align-items: center;
        gap: 6.996px;
        aspect-ratio: 45 / 7;
    }
    .footer-logo p {
        color: rgba(244, 238, 226, 0.72);
        font-family: Satoshi;
        font-size: 17px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
    }
    .follows-icon img {
        display: flex;
        width: 34px;
        height: 34px;
        justify-content: center;
        align-items: center;
        border-radius: 6px;
        background: var(--brand-tint-cream-10, rgba(244, 238, 226, 0.10));
        padding: 0px 7px;
    }

}