@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=DM+Serif+Display:ital@0;1&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

@font-face {
  font-family: 'Satoshi';
  src: url('../fonts/Satoshi-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Satoshi Black';
  src: url('../fonts/Satoshi-Black.otf') format('opentype');
}
@font-face {
  font-family: 'Satoshi Bold';
  src: url('../fonts/Satoshi-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'Satoshi Light';
  src: url('../fonts/Satoshi-Light.otf') format('opentype');
}
@font-face {
  font-family: 'Satoshi Medium';
  src: url('../fonts/Satoshi-Medium.otf') format('opentype');
}




@media (min-width: 576px){
  .container, .container-sm {
      max-width: 540px;
  }
}
@media (min-width: 768px){
  .container, .container-md, .container-sm {
      max-width: 750px;
  }
}
@media (min-width: 992px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 970px;
  }
}
@media (min-width: 1080px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1030px;
  }
}
@media (min-width: 1100px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1100px;
  }
}
@media (min-width: 1200px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1200px;
  }
}
@media (min-width: 1400px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
       max-width: 1420px;
  }
}
@media (min-width: 1500px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1440px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1440px;
  }
}
@media only screen and (min-width: 1701px) and (max-width: 1800px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1440px;
  }
}
@media only screen and (min-width: 1801px) and (max-width: 1920px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
     max-width: 1440px;
  }
}
@media only screen and (min-width: 1921px) and (max-width: 2880px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1440px;
  } 
}
.bg-image {
  object-fit: cover;
}
.bg-image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.bg-image:not([class*=absolute]) {
  position: absolute;
}
section {
  padding: 80px  0;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
html {
  scroll-behavior: smooth;
}
html,body{
  overflow-x:hidden;
}
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* --------------------------------header---------------------------------- */
.logo-mo-div .cart-mo-top{
  display: none;
}
.nav-link{
    color: var(--brand-core-ink, #15332A);
    font-family: 'Satoshi';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%;
    position: relative;
    display: flex;
    padding: 8px 14px;
    align-items: center;
}
.logo-mo-div{
  display: flex;
}

.d-right-mo {
    display: flex;
    align-items: center;
    gap: 20px;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    border: 0px;
    background: url(../img/chevron.svg) no-repeat;
    background-size: contain;
    width: 9px;
    height: 5px;
}
.dropdown-toggle-cur .dropdown-toggle{
    display: flex;
    padding: 8px 14px;
    align-items: center;
    gap: 9px;
}
.count-cart{
    color: var(--brand-surface-paper, #FDFBF6);
    font-family: Satoshi;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    display: flex;
    width: 16px;
    height: 16px;
    min-width: 16px;
    border-radius: 999px;
    background: var(--brand-core-accent, #E8663B);
    padding: 0 4px;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
    right: 6px;

}
.dropdown-menu.show{
    display: flex;
    width: 184px;
    padding: 8px;
    flex-direction: column;
    gap: 2px;
    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;
}
.dropdown-item{
    display: flex;
    padding: 10px 12px;
    align-items: center;
    gap: 10px;
    align-self: self-start;
    border-radius: var(--radius-xs, 4px);
    background: var(--base-white, #FFF);
    color: var(--brand-core-ink, #15332A);
    font-family: Satoshi;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%;
    flex: 1 0 0;
}
.dropdown-item h6{
  margin-bottom: 0px;
}
.dropdown-menu li{
  display: flex;
}
.dropdown-item.active{
    display: flex;
    padding: 10px 12px;
    align-items: center;
    gap: 10px;
    align-self: self-start;
    border-radius: var(--radius-xs, 4px);
    background: var(--brand-surface-cream, #F4EEE2);
    color: var(--brand-core-ink, #15332A);
    font-family: Satoshi;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%;
    flex: 1 0 0;
}
.btn-login{
    border-radius: var(--radius-s, 8px);
    background: var(--brand-core-accent, #E8663B);
    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%;
}
.services-drop .dropdown-menu.show{
    display: flex;
    padding: 12px;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    border-radius: var(--radius-s, 8px);
    border: 1px solid var(--base-04, #E9E9E9);
    background: var(--base-white, #FFF);
    box-shadow: 0 8px 28px -6px rgba(20, 51, 41, 0.10);
}
.services-drop .nav-link{
  display: flex;
  padding: 8px 14px !important;
  align-items: center;
  gap: 9px;
}
.navbar .container{
    border-radius: 48px;
    background: var(--base-white, #FFF);
    display: flex;
    padding: 20px 36px;
    align-items: center;
    gap: 0px;
    max-width: 1221px;
}
.nav-item{
  position: relative;
}
.nav-item::after {
    content: "";
    position: absolute;
    background: rgba(21, 51, 42, 0.18);
    width: 1px;
    height: 34px;
    left: -28px;
    top: 0px;
    margin: auto;
    bottom: 0px;
}
.navbar{
    padding: 24px 0px;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav {
      flex-direction: row;
      gap: 56px;
  }
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        left: -40px;
        top: 44px;
    }
}
.navbar-expand-lg .navbar-nav .services-drop-1 .dropdown-menu  {
    position: absolute;
    left: -36px;
    top: 44px;
}
.navbar-expand-lg .navbar-nav .services-drop-2 .dropdown-menu  {
    position: absolute;
    left: -24px;
    top: 44px;
}
.dropdown-toggle.show::after {
    transform: rotate(180deg);
}
/* ------------------faqs-------------------------- */
.about-banner {
    background: url(../img/about-hero.png) no-repeat;
    background-position: center center;
    background-size: cover;
    height: 800px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-content h6{
    color: var(--brand-core-accent, #E8663B);
    font-family: Satoshi;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    margin: 0px;
}
.about-content h2{
    color: var(--brand-core-ink, #15332A);
    font-family: Fraunces;
    font-size: 56px;
    font-style: normal;
    font-weight: 600;
    line-height: 124%; /* 69.44px */
    letter-spacing: -0.56px;
    margin-bottom:0px;
}
.about-content p{
    color: var(--brand-text-body, #2E3A33);
    font-family: Satoshi;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 30.4px */
    margin-bottom: 0px;
}
.about-content .btn-light{
    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;
    padding: 18px 24px 18px 28px;
    align-items: center;
    gap: 10px;
    color: var(--brand-core-ink, #15332A);
    font-family: Satoshi;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    width: 152px;
    max-width: 100%;
}
.about-content .btn{
    float:none;
    margin: unset;
}
.about-content .btn-warp{
    display: flex;
    align-items: center;
    gap: 14px;
}
.about-content{
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 640px;
    max-width: 100%;
}
.we-content-main h3{
    color: var(--brand-core-ink, #15332A);
    text-align: center;
    font-family: Fraunces;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 128%;
    letter-spacing: -0.4px;
    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%; /* 27.2px */
}
.we-content-main{
    width: 602px;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 48px;
}
.what-we-needs{
    background: var(--brand-surface-paper, #FDFBF6);
    padding: 0px 0px 64px;
}
.what-we-needs img{
    margin-bottom: 64px;
}
.what-we-needs .card{
    border-radius: 16px;
    border: 1px solid #E6DEC9;
    background: var(--brand-surface-shell, #F6F2EA);
    display: flex;
    padding: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0px;
    flex: 1 0 0;
}
.icon-certified{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 24px;
}

.what-we-needs .card h4{
    color: var(--brand-core-ink, #15332A);
    font-family: Fraunces;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 128%;
    letter-spacing: -0.16px;
    margin-bottom: 8px;
}
.what-we-needs .card p{
    color: var(--brand-text-body, #2E3A33);
    font-family: Satoshi;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 27.2px */
    margin-bottom: 0px;
}
/* .what-we-needs::after {
    content: "";
    background: url(../img/paper-tear.png) no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    right: 0;
    top: -39px;
    left: 0;
    margin: auto;
    z-index: 1;
    height: 82px;
    width: 100%;
} */

.about-banner-01 p{
    color: var(--brand-tint-cream-80, rgba(244, 238, 226, 0.80));
    font-family: Satoshi;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin-bottom: 0px;
}
.about-banner-01 h5{
    color: var(--brand-surface-cream, #F4EEE2);
    font-family: Fraunces;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 128%;
    letter-spacing: -0.4px;
    margin-bottom: 14px;
}
.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%; /* 23.76px */
    letter-spacing: -0.09px;
    margin-bottom: 14px;
}
.about-banner-01 .card{
    padding: 48px 40px 48px 40px;
    background: transparent;
    border: 0px;
}
.about-div{
    position: relative;
}
.about-div::after{
    content: "";
    background: url(../img/paper-left.png) no-repeat;
    background-size: cover;
    background-position: center center;
    width: 286px;
    height: 186px;
    position: absolute;
    right: 7rem;
    bottom: 0rem;
    top: 0px;
    margin: auto;
    z-index: 1;
    
}
.col-border-1, .col-border-2, .col-border-5,.col-border-3,.col-border-4,.col-border-6{
    border: 1px solid var(--brand-tint-cream-10, rgba(244, 238, 226, 0.10));

}
.col-border-2{
    border-left: 0px;
    border-right: 0px;

}
.col-border-1{
    border-left:0px;
}
.col-border-3{
    border-right: 0px;
}
.about-banner-01 .col-12{
    padding: 0px 0px;
}
.about-banner-01 .card img{
    width: 120px;
    height: 120px;
    margin: auto;
    max-width: 100%;
}
.col-border-4{
    border-top: 0px;
    border-left: 0px;
}
.col-border-5{
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}
.col-border-6{
    border-top: 0px;
    border-right: 0px;
}
.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: 24px;
}
.col-labal-bg label{
    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;
}

.col-labal-bg .form-control{
    color: var(--brand-text-muted, #5C6E67);
    font-family: Satoshi;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding: 0px;
    border: 0px;
    background: transparent;
}
.col-labal-bg textarea{
    color: var(--brand-text-muted, #5C6E67);
    font-family: Satoshi;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding: 0px;
    border: 0px;
    background: transparent;
}
.col-labal-bg textarea:focus{
    outline: 0;
    box-shadow: none;

}
.form-check label{
    color: var(--brand-text-body, #2E3A33);
    font-family: Satoshi;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%;
}
.form-check a{
    color: var(--brand-text-body, #2E3A33);
    font-family: Satoshi;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 155%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.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;
}
.form-check-input:checked[type=checkbox]{
    background-image: none;
    border-color: #E8663B;
    position: relative;
    box-shadow: none;
}
.form-check-input:checked[type=checkbox]::after {
    content: "";
    background-image: url(../img/tick.svg);
    width: 10px;
    height: 10px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    top: 2px;
    z-index: 1;
    left: 2px;
}
.form-check{
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    align-self: stretch;
    margin-bottom: 16px;
}
.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%;
    border: 0px;
    margin: auto;
    float: right;
}
.about-from h6{
    color: var(--brand-core-accent, #E8663B);
    text-align: center;
    font-family: Satoshi;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.about-from h2{
    color: var(--brand-core-ink, #15332A);
    text-align: center;
    font-family: Fraunces;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 128%; /* 51.2px */
    letter-spacing: -0.4px;
    margin-bottom: 48px;
}
.about-from{
    padding: 80px 0px 0px;
}
.closing-img{
    margin-top: 80px;
}
.about-document .card-title{
    display: flex;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    border-radius: 18px;
    background: var(--brand-core-accent, #E8663B);
    color: #FFF;
    font-family: Satoshi;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    margin: auto;
    margin: 16px auto;
}
.about-document .card h6{
    color: var(--brand-core-ink, #15332A);
    text-align: center;
    font-family: Fraunces;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 31.2px */
    letter-spacing: -0.12px;
    margin-bottom: 8px;
}
.about-document .card 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%; /* 27.2px */
}
.about-document{
    background: url(../img/how-it-works.png) no-repeat;
    background-size: cover;
    background-position: center center;
}
.about-from-box{
    width: 820px;
    margin: auto;
    max-width: 100%;
}
.about-conten-dcoument h3{
    color: var(--brand-core-ink, #15332A);
    text-align: center;
    font-family: Fraunces;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 128%;
    letter-spacing: -0.4px;
    margin-bottom: 12px;
}
.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%;
}
.about-conten-dcoument{
    width: 646px;
    max-width: 100%;
    margin: auto;
    margin-bottom: 64px;
}
.about-document .card{
    background: transparent;
    border: 0px;
    width: 335px;
    max-width: 100%;
    margin: auto;
    text-align: center;
}
.about-document .card img{
    width: 120px;
    height: 80px;
    max-width: 100%;
    margin: auto;
    filter: drop-shadow(3px 14px 65px black);

}
.about-document::after {
    background: url(../img/dashed-connector.png) no-repeat;
    background-size: contain;
    content: "";
    width: 1300px;
    height: 71px;
    position: absolute;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 0px;
    bottom: -80px;
    transform: rotate(0deg);
    z-index: -1;
}
.form-check-input:checked {
    border-color: rgba(21, 51, 42, 0.16);
    border-radius: var(--radius-xs, 4px);
    border: 1px solid var(--brand-tint-ink-16, rgba(21, 51, 42, 0.16));
    background-color: var(--base-white, #FFF);
}
.col-labal-bg .form-control:focus{
    outline: 0;
    box-shadow: none;
}
.accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: none;
}
.faq-section{
  height: 560px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-content h6 {
    color: var(--brand-core-accent, #E8663B);
    text-align: center;
    font-family: 'Satoshi';
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.top-content h2{
  color: var(--brand-surface-cream, #F4EEE2);
  text-align: center;
  font-family: Fraunces;
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  line-height: 124%; /* 69.44px */
  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: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 30.4px */
  margin-bottom: 0px;
}
.top-content{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.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;
}
.accordion-item p{
  color: var(--brand-text-body, #2E3A33);
  font-family: 'Satoshi';
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 27.2px */
  margin-bottom: 0px;
}
.accordion{
    width: 1040px;
    margin: auto;
    max-width: 100%;
}
.accordion-item {
    padding: 28px 0px;
    border-left: 0px;
    border-right: 0px;
}
.accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    margin-bottom: 16px;
}
.accordion-item:first-of-type {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.accordion-item:last-of-type {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border: 0px;
}
.accordion-body, .accordion-button {
    padding: 0px 0px;
}

.accordion-button::after {
    flex-shrink: 0;
    content: "";
    background-image: url(../img/plus1.svg);
    background-repeat: no-repeat;
    background-size: cover;
    transition: none;
}
 .accordion-button::after {
    background-image: url(../img/minus1.svg);
}
.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;
}
.accordion-item {
    border: 0px;
    border-top: 1px solid rgba(21, 51, 42, 0.16) !important;
}
.faqs-content{
  padding: 80px 0px;
}
.about-banner-01{
    padding:112px 0px;
}
/* ---------------------footer--------------- */
.footer{
  background: url(../img/footer-bg.png) no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 104px 0px 48px;
}
.footer-menu-list h6{
    color: var(--brand-core-accent, #E8663B);
    font-family: 'Satoshi';
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.footer-link {
    display: flex;
    gap: 28px;
    width: 100%;
    max-width: 100%;
}
.footer-logo{
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.footer-logo img{
    display: flex;
    width: 180px;
    height: 28px;
    justify-content: center;
    align-items: center;
    gap: 6.996px;
    aspect-ratio: 45 / 7;
}
.follows h6{
    color: var(--brand-surface-cream, #F4EEE2);
    font-family: Satoshi;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 24px;
}
.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;
}
.follows-icon{
  display: flex;
  gap: 10px;
  margin-top: 8px;
}
.footer-menu-list{
  width: 100%;
}
.footer-link{
    display: flex;
    gap: 28px;
}
.footer-menu-list li a{
  color: var(--brand-tint-cream-80, rgba(244, 238, 226, 0.80));
  font-family: 'Satoshi';
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 27.2px */
  text-decoration: none;
}
.footer-menu-list ul{
   list-style: none;
   display: flex;
   gap: 14px;
   padding: 0px;
   margin-bottom: 0px;
   flex-direction: column;
}
.col-footer-two{
    border-top: 1px solid rgba(244, 238, 226, 0.16);
    margin-top: 64px;
    padding-top: 64px;
}
.footer-bottom img{
    float: right;
    width: 256px;
    height: 46px;
}
.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%;
    margin-bottom: 0px;
}
.footer-logo p{
  color: var(--brand-surface-cream, #F4EEE2);
  /* button / regular */
  font-family: Satoshi;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 23.8px */
}
.footer-bottom  p{
  color: rgba(244, 238, 226, 0.60);
  font-family: 'Satoshi';
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 23.8px */
}
@media screen and (min-width: 650px) and (max-width: 950px) {
    .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 0px 0px;
        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;
    }
    .header-is-active .logo-mo-div {
        background: var(--base-white, #000);
    }
    .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: fixed;
        bottom: 0px;
        border-radius: 32px 32px 0 0;
        background: var(--brand-surface-cream, #F4EEE2);
        height: 500px;
        width: 100%;
        overflow: hidden;
        padding: 0px 24px;
    }
    .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;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE and Edge */
    }

    .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;
    }
     .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 */
    }
    .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: 6px;
    }
    .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%;
    }
    .btn-ser-ser-box li{
        position: relative;
    }
    .btn-ser-ser-box li:first-child::after {
        content: "";
        background: #E8663B;
        width: 8px;
        height: 8px;
        position: absolute;
        left: 12px;
        top: 0px;
        bottom: 0px;
        margin: auto;
        border-radius: 100%;
    }
    .btn-ser-ser-box li:last-child::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%;
    }
}
@media screen and (min-width: 960px) and (max-width: 999px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        gap: 9px;
    }
    .nav-item::after {
      display: none;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1099px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        gap: 24px;
    }
    .nav-item::after {
      display: none;
    }
}
@media screen and (min-width: 1100px) and (max-width: 1199px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        gap: 37px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1299px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        gap: 40px;
    }
}