/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 25 2026 | 06:38:48 */
/* ============ FOOTER ============ */
.site-footer {
    position: relative;
    overflow: hidden;
    background: oklch(0.28 0.13 305);
    padding: 5rem 0 2.5rem;
    color: oklch(0.98 0.012 80);
}

.footer-blur {
    position: absolute;
    top: -8rem;
    left: 50%;
    transform: translateX(-50%);
    width: 800px;
    height: 400px;
    border-radius: 50%;
    opacity: .2;
    filter: blur(60px);
    background: oklch(0.58 0.22 348);
}

.footer-grid {
    display: grid;
    gap: 3rem;
    border-bottom: 1px solid color-mix(in srgb, oklch(0.98 0.012 80) 15%, transparent);
    padding-bottom: 3.5rem;
}
@media (max-width:767px) {
	body footer.site-footer.grain {
		padding-inline-end: 10px;
        padding-inline-start: 10px;
	}
}
@media(min-width:768px){
    .footer-grid {
        grid-template-columns: 5fr 3fr 4fr;
    }
}

.footer-logo-wrap {
    display: inline-flex;
    border-radius: 28px;
    background: color-mix(in srgb, oklch(0.98 0.012 80) 95%, transparent);
    padding: 1rem;
    box-shadow: 0 18px 40px -18px rgba(0,0,0,.45);
}

.footer-logo-wrap img {
    height: 6rem;
    width: auto;
    object-fit: contain;
}

@media(min-width:640px){
    .footer-logo-wrap img {
        height: 7rem;
    }
}

.footer-tag {
    margin-top: 1.5rem;
    max-width: 24rem;
    line-height: 1.7;
    color: color-mix(in srgb, oklch(0.98 0.012 80) 70%, transparent);
}

.footer-heading {
    margin-bottom: 1.25rem;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .22em;
    color: color-mix(in srgb, oklch(0.98 0.012 80) 50%, transparent);
}

.footer-list {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.footer-list a {
    font-size: .875rem;
    color: color-mix(in srgb, oklch(0.98 0.012 80) 85%, transparent);
    transition: color .3s;
}

.footer-list a:hover {
    color: oklch(0.58 0.22 348);
}

.footer-list li {
    font-size: .875rem;
    color: color-mix(in srgb, oklch(0.98 0.012 80) 70%, transparent);
    line-height: 1.7;
}

.footer-bottom {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-top: 2rem;
    font-size: .75rem;
    color: color-mix(in srgb, oklch(0.98 0.012 80) 55%, transparent);
}

@media(min-width:768px){
    .footer-bottom {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.footer-bottom .uppercase {
    text-transform: uppercase;
    letter-spacing: .2em;
}

ul.footer-list {
    padding-left: unset;
}

/*  Main CSS FILE
 */
@media (min-width:320px)
{
#lovable-root .ls-pool-content {
        align-items: flex-start !important;
        padding: 80px;
        justify-content: center;
        flex-direction: column;
    }
	}
@media (min-width: 768px) {
  .container-page {
    padding: 0 2.5rem;
  }
}
  .container-page {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 1.5rem;
  }
  .footer-grid {
    font-family:"Inter", system-ui, sans-serif !important; 
  }
  .footer-list li {
    list-style-type:none;
  }
/*   Lable Section */

/* ============ SECTION LABEL ============ */
.section-label{
  display:flex;
  align-items:baseline;
  gap:1rem
}

.section-label .num{
  font-family:"Fraunces", Georgia, serif;
  font-size:3rem;
  color:color-mix(in srgb, oklch(0.58 0.22 348) 80%, transparent);
  line-height:1
}

.section-label .lbl{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.28em;
  color:oklch(0.45 0.03 290)
}
/* 
Last Contact Us Section */


.contact-grid{margin-top:3rem;display:grid;gap:3rem}
@media(min-width:1024px){.contact-grid{grid-template-columns:5fr 7fr;gap:4rem}}

.contact h2{
    font-family:"Fraunces", Georgia, serif;
    font-size:clamp(2.25rem,5vw,3.75rem);
    color:oklch(0.28 0.13 305);
    line-height:1.05;
    text-wrap:balance
}

.contact-lead{
    margin-top:1.5rem;
    color:color-mix(in srgb,oklch(0.2 0.04 290) 75%,transparent);
    line-height:1.7;
    max-width:28rem
}

.contact-list{margin-top:2.5rem;display:flex;flex-direction:column;gap:1.25rem}

.contact-item{display:flex;align-items:flex-start;gap:1rem;transition:opacity .3s}

.icon-pill{
    flex-shrink:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:2.75rem;
    height:2.75rem;
    border-radius:.85rem;
    background:oklch(0.28 0.13 305);
    color:oklch(0.98 0.012 80);
    transition:background .3s
}

.contact-item:hover .icon-pill{background:oklch(0.58 0.22 348)}

.icon-pill svg{width:1rem;height:1rem}

.contact-item .label{
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.2em;
    color:oklch(0.45 0.03 290)
}

.contact-item .value{
    font-family:"Fraunces", Georgia, serif;
    font-size:1.25rem;
    color:oklch(0.28 0.13 305);
    line-height:1.3
}

.contact-item .value.address{
    font-size:1.125rem;
    line-height:1.4
}

.contact-form{
    border-radius:2rem;
    background:oklch(0.98 0.008 80);
    padding:2rem;
    border:1px solid oklch(0.9 0.012 80);
    box-shadow:0 10px 30px -10px rgba(0, 0, 0, 0.08)
}

@media(min-width:768px){.contact-form{padding:2.5rem}}

.form-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media(min-width:768px){.form-grid{grid-template-columns:repeat(2,1fr)}}

.form-grid .col-span-2{grid-column:1/-1}

.field-label{
    display:block;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.22em;
    color:oklch(0.45 0.03 290);
    margin-bottom:.5rem
}

.field-input,
.field-textarea{
    width:100%;
    border-radius:.85rem;
    border:1px solid oklch(0.92 0.01 80);
    background:oklch(0.98 0.008 80);
    padding:.85rem 1rem;
    font-size:.875rem;
    color:oklch(0.2 0.04 290);
    transition:all .2s;
    font-family:inherit
}

.field-input:focus,
.field-textarea:focus{
    outline:none;
    border-color:oklch(0.58 0.22 348);
    box-shadow:0 0 0 2px color-mix(in srgb,oklch(0.58 0.22 348) 50%,transparent)
}

.field-textarea{resize:none}

.submit-btn{
    margin-top:2rem;
    width:100%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    border-radius:9999px;
    background:oklch(0.28 0.13 305);
    padding:1rem 2rem;
    font-size:.875rem;
    font-weight:500;
    color:oklch(0.98 0.012 80);
    transition:background .3s
}

.submit-btn:hover{background:oklch(0.58 0.22 348)}

.submit-btn svg{transition:transform .3s}
.submit-btn:hover svg{transform:translateX(4px)}

.form-note{
    margin-top:1rem;
    text-align:center;
    font-size:.75rem;
    color:oklch(0.45 0.03 290);
}

@media (max-width: 782px) {
    body.admin-bar #lovable-root .ls-header {
        top: 0px !important;
    }

}

/* 
CoverUp the Entire Site */

#lovable-root .ls-pl-num {
  font-size:24px !important; 
  font-weight:600;
}
.ls-pl-icon {
  margin-bottom:16px; 
}
@media (max-width:767px) {
#lovable-root .ls-h2 em {
    font-style: italic;
    font-size: 26px;
    line-height: 30px;
    margin-top: 20px;
    display: block;
}
	}