:root, [data-bs-theme=light], [data-bs-theme=dark] {
    /* 
    Primary: #1c1c1c
    Secondary: #a7a7a8 
    BG: #f3f0eb
    */
    --bs-primary: #1c1c1c;
    --bs-primary-rgb: 28,28,28;
    --bs-primary-bg-subtle: color-mix(in sRGB, var(--bs-paper-bg) 84%, #1c1c1c);
    --bs-primary-border-subtle: rgba(28,28,28, 0.3);
    /* --bs-primary-contrast: #fff; */
    --bs-primary-contrast: #f3f0eb;
    --bs-body-bg: #f3f0eb;
  }
[data-semidark-menu=true], [data-bs-theme=dark] {
    --bs-paper-bg: #1c1c1c;
}  
.landing-footer {
    --bs-footer-bottom-bg: #1a1a1a !important;
}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal) .layout-page::before {
    backdrop-filter: initial;
    background: initial;
    mask: initial;
}
.menu .app-brand.demo {
    height: 100px;
}
.landing-hero .hero-animation-img .hero-dashboard-img img {
    max-width: 500px;
}
.cust_feature_main .features-icon img{filter: brightness(0%);}
/* .me-2 {
    filter: brightness(50%);
} */
.img-fluid_cust {
    max-width: 48%;
    height: auto;
    display: inline;
}

/* Full-page overlay */
.overlay-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(35 31 31 / 80%); /* semi-transparent background */
    z-index: 9999; /* above all elements */
    display: flex;
    align-items: center;
    justify-content: center;
}
/* Center the loader */
.loader-ring {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 60px;
    height: 60px;
    margin: -76px 0 0 -76px;
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #1a1a1a;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.h-full{
    height:642px;
    overflow-y: auto;
}
.pl-5{
    padding-left: 5px;
}
.min-width-25{
    min-width:25%;
}
.min-width-33{
    min-width:33%;
}
.min-width-50{
    min-width:50%;
}
.slim{
    border: 2px dashed;
    border-radius: 10px;
}
.slim-img{
    width: 50px;
    height: 50px;
    object-fit: contain;
}
.minicolors-theme-bootstrap .minicolors-swatch {
    top: 10px;
    left: 5px;
}    

.w-100{
    width:100%;
}
.t-right{
    float: right;
}
.str_txt_int{
    width: 20%;
    margin-top: -9px;
    margin-left: 5px;
    margin-right: 5px;
}

.data-img{
    margin:auto;
}

.data-form{
    background-color: #eee;
    padding: 15px;
}
.data-from-inner{
    background-color: #fff;
    border-radius: 20px;
    min-height: -webkit-fill-available;
}
.data-check-required{
    margin-left: auto; /* ensures right alignment */
    padding: 5px;
}
.list-group .list-group-item {
    border: 1px solid #e3e3e3;
    border-radius: 11px;
    margin-top: 10px;
    background: #eee;
}
.add_new_fields{
    color: #ffffff;
}
.h-750{
    height:750px;
}
.mt-350{
    margin-top:350px;
}
.overflow-x{
    overflow-x:auto;
}
.sm_img{
    height:60px;
}
.md_img{
    height:70px;
}
.lg_img{
    height:80px;
}
.xl_img{
    height:100px;
}
.word_wrap{
    word-wrap: break-word;
}
.w-55{
    width:55%
}
.form-check-privacy{
    background-color: #fafafa;
    padding: 10px;
    font-size: 18px;
    width: 100%;
}

.pp-header{
    background-color: #fafafa;
}
.btn-pp {
    border:0;
    background: #fafafa;
    margin-right: auto;
    float: inline-end;
}
.privacy-body{
    height: 560px;
    overflow: auto;
}
.f-16{
    font-size: 16px;
}
#privacy-policy-text{
    height: 550px;
    overflow: auto;
}
.data-cursor{
    cursor: pointer;
}
.flex-row{
    display: inline-flex;
}

.w-36{
    width: 36px;
} 
.h-36{
    height: 36px;
}
.text-xs{
    font-size: 12px;
}
.rounded-md{
    border: 2px solid #eee;
    padding: 15px 0px 0px 10px;
    border-radius: 10px;
}
.st{
    border-radius: 5px;
    border-color: #eee;
}
.relative{
    position: relative;
}
.h-150{
    height: 150px;
}
.h-575{
    height:575px;
}
.hide{
    display: none;
}
.show{
    display: block;
}
.b-details{
    border-radius: .375rem;
    box-shadow: var(--bs-box-shadow);
    background-color: #fff;
    padding-block: 1.25rem;
    padding-inline: 1.25rem;
}
.p10{
    padding: 10px;
}
.image-box a {
    position: relative;
    display: block;
    border: 2px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
}

/* selected border */
.image-box.selected a {
    border: 3px solid #e4e0dd;
}

/* checkmark */
.image-box .checkmark {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 26px;
    height: 26px;
    background: #e4e0dd;
    color: #1a1a1a;
    font-size: 16px;
    font-weight: bold;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
}

/* show tick */
.image-box.selected .checkmark {
    display: flex;
}

.stamp-btn {
    position: relative;
    background: #fff;
    border: 2px solid #ddd;
    border-radius: 10px;
    padding: 10px;
    cursor: pointer;
    transition: 0.2s;
}

.stamp-btn img {
    object-fit: contain;
}

/*.stamp-btn.active-stmp , .stamp-btn1.active-stmp-1 {
    border-color: #1a1a1a;
}*/

[class*="stamp-btn"].active-stmp,
[class*="stamp-btn"][class*="active-stmp"],
[class*="stamped-btn"][class*="active-stmped"] {
    border-color: #1a1a1a;
}


.checkmark {
    position: absolute;
    top: 2px;
    right: 2px;
    background: #1a1a1a;
    color: #e4e0dd;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    font-size: 10px;
    display: none;
    align-items: center;
    justify-content: center;
}

/*.stamp-btn.active-stmp .checkmark , .stamp-btn1.active-stmp-1 .checkmark {
    display: flex;
}*/

[class*="stamp-btn"][class*="active-stmp"] .checkmark,
[class*="stamped-btn"][class*="active-stmped"] .checkmark {
    display: flex;
}

.stripe-preview {
    position: relative;
    width: 340px;
    max-width: 340px;
    aspect-ratio: 1125/486;
    /*height: 160px;*/
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    padding: 15px 10px;
    box-sizing: border-box;
}

.stripe-row {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    gap: var(--stamp-gap)
}

.stripe-row:last-child {
    margin-bottom: 0;
}

.stripe-row {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

/* Row 1 – Linear */
.linear-row img {
    /*width: 36px;*/
}

/* Row 2+ – Zigzag */
.zigzag-row .stamp:nth-child(odd) {
    transform: translateY(-8px);
}

.zigzag-row .stamp:nth-child(even) {
    transform: translateY(8px);
}

.zigzag-row img {
    /*width: 36px;*/
}

.field-card { 
    display:none; 
    cursor: pointer;
}

.logo-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80px;
}

.pl-0{
    padding-left: 0px;
}
.pr-0{
    padding-right: 0px
}
.bootstrap-select {
    width:100%;
}

.fs-14{
    font-size:14px;
}

.footer-bg{
    background-color: #1c1c1c;
}

.landing-footer .footer-bottom {
    background-color: var(--bs-footer-bottom-bg);
}

.tab-custom{
    border: 1px solid #eeeeee;
    border-radius: 10px;
}
.mr-5{
    margin-right: 5px;
}
.input-range{
    width:100%;
    background: #1a1a1a;
}

/* Chrome, Edge, Safari */
.input-range::-webkit-slider-thumb {
    width:100%;
    background: #1a1a1a;
}

/* Firefox */
.input-range::-moz-range-thumb {
    width:100%;
    background: #1a1a1a;
}


@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from { bottom:-100px; opacity:0 } 
    to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
    from{ bottom:-100px; opacity:0 } 
    to{ bottom:0; opacity:1 }
}
.offcanvas-half {
  width: 50% !important;
}

.akar-icons--cake {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2'%3E%3Cpath stroke-linejoin='round' d='M3 13a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='m3 13l2.914 2.331c1.187.95 2.9.855 3.975-.22v0a2.985 2.985 0 0 1 4.222 0v0a2.985 2.985 0 0 0 3.975.22L21 13'/%3E%3Cpath stroke-linejoin='round' d='M12 6a2 2 0 0 1-2-2c0-.876.677-1.576 1.273-2.217L12 1l.727.783C13.323 2.424 14 3.124 14 4a2 2 0 0 1-2 2'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}


.ion--calendar-outline {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Crect width='416' height='384' x='48' y='80' fill='none' stroke='%23000' stroke-linejoin='round' stroke-width='32' rx='48'/%3E%3Ccircle cx='296' cy='232' r='24' fill='%23000'/%3E%3Ccircle cx='376' cy='232' r='24' fill='%23000'/%3E%3Ccircle cx='296' cy='312' r='24' fill='%23000'/%3E%3Ccircle cx='376' cy='312' r='24' fill='%23000'/%3E%3Ccircle cx='136' cy='312' r='24' fill='%23000'/%3E%3Ccircle cx='216' cy='312' r='24' fill='%23000'/%3E%3Ccircle cx='136' cy='392' r='24' fill='%23000'/%3E%3Ccircle cx='216' cy='392' r='24' fill='%23000'/%3E%3Ccircle cx='296' cy='392' r='24' fill='%23000'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M128 48v32m256-32v32'/%3E%3Cpath fill='none' stroke='%23000' stroke-linejoin='round' stroke-width='32' d='M464 160H48'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}


.lets-icons--clock-fill {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='2' d='M5.965 3.136a4 4 0 0 0-2.829 2.829m14.899-2.829a4 4 0 0 1 2.829 2.829'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M12 20a8 8 0 1 0 0-16a8 8 0 0 0 0 16m1-12a1 1 0 1 0-2 0v3.75c0 .69.56 1.25 1.25 1.25H15a1 1 0 1 0 0-2h-2z' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}


.fontisto--email {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m16.484 11.976l6.151-5.344v10.627zm-7.926.905l2.16 1.875c.339.288.781.462 1.264.462h.017h-.001h.014c.484 0 .926-.175 1.269-.465l-.003.002l2.16-1.875l6.566 5.639H1.995zM1.986 5.365h20.03l-9.621 8.356a.6.6 0 0 1-.38.132h-.014h.001h-.014a.6.6 0 0 1-.381-.133l.001.001zm-.621 1.266l6.15 5.344l-6.15 5.28zm21.6-2.441c-.24-.12-.522-.19-.821-.19H1.859a1.9 1.9 0 0 0-.835.197l.011-.005A1.86 1.86 0 0 0 0 5.855v12.172a1.86 1.86 0 0 0 1.858 1.858h20.283a1.86 1.86 0 0 0 1.858-1.858V5.855c0-.727-.419-1.357-1.029-1.66l-.011-.005z'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}

.proicons--phone {
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect width='12.5' height='18.5' x='5.75' y='2.75' rx='3'/%3E%3Cpath d='M11 17.75h2'/%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}

.flowbite--edit-outline {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14.304 4.844l2.852 2.852M7 7H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-4.5m2.409-9.91a2.017 2.017 0 0 1 0 2.853l-6.844 6.844L8 14l.713-3.565l6.844-6.844a2.015 2.015 0 0 1 2.852 0Z'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.mingcute--store-2-line {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='%23000' d='M18 2a3 3 0 0 1 3 3v13a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3zm-6 12h-1a1 1 0 0 0-1 1v4h3v-4a1 1 0 0 0-1-1m2.14-5.203A3.5 3.5 0 0 1 11.5 10a3.5 3.5 0 0 1-2.64-1.203A4 4 0 0 1 6 10a4 4 0 0 1-2-.535V18a1 1 0 0 0 1 1h3v-4a3 3 0 0 1 3-3h1a3 3 0 0 1 3 3v4h3a1 1 0 0 0 1-1V9.465A4 4 0 0 1 17 10c-1.12 0-2.133-.46-2.86-1.203M18 4H5a1 1 0 0 0-.993.883L4 5v1a2 2 0 0 0 3.995.15L8 6a1 1 0 0 1 1.993-.117L10 6v.5a1.5 1.5 0 0 0 2.993.144L13 6.5V6a1 1 0 1 1 2 0a2 2 0 0 0 3.995.15L19 6V5a1 1 0 0 0-.883-.993z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: currentColor;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

    -webkit-mask-position: center;
    mask-position: center;

    -webkit-mask-size: contain;
    mask-size: contain;

    vertical-align: middle;
}
.mytext{
    color: #1a1a1a;
}


/* Main input */
gmp-place-autocomplete::part(input) {
    background: #ffffff;
    color: #212529;

    height: 44px;
    line-height: 44px;

    border-radius: 6px;
    border: 1px solid #ced4da;

    padding-left: 42px;   /* SPACE FOR SEARCH ICON */
    padding-right: 14px;

    font-size: 15px;
    font-weight: 400;

    box-shadow: none;
}

/* Placeholder */
gmp-place-autocomplete::part(input)::placeholder {
    color: #6c757d;
    opacity: 1; /* IMPORTANT */
    margin-left:10px;
}

/* Focus */
gmp-place-autocomplete::part(input):focus {
    border-color: #0d6efd;
    outline: none;
    box-shadow: 0 0 0 2px rgba(13,110,253,.15);
}

.app-icon{border: 1px solid #ffffff;
    border-radius: 8px;
}