body{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin:0;background-color:#fff5f4;line-height:1.6; webkit-text-size-adjust:100%; font-weight: normal;}
main{display:block}
h1{font-size:24px}
h2{font-size: 2rem; font-weight: 700; background: linear-gradient(to right, #fcb4d5, #5a2d82); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
h3{font-size:18px}
h4{font-size:16px}
a{color:#403438;}
a:hover{color: #5a2d82;}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
.hero{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.hero img{object-fit:cover;top:0;left:0;z-index:1; width: 100%; height: 100%;}
.hero h1.logo{font-family:'Roboto',sans-serif;font-weight:800;font-size:3rem;color:#fff;position:relative;z-index:2;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}
.hero h2.tagline{font-size:1.5rem;color:#fff;position:relative;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}
.hero .tagline-container{position:absolute;top:50%;left:65%;transform:translate(-50%,-50%);background-color:rgba(151,100,124,0.5);padding:20px 40px;z-index:1;border-radius:10px}
.hero .tagline-container h1{color:white; font-size:36px}
.hero .tagline-container::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #fff;border-radius:10px;box-sizing:border-box;opacity:0;animation:drawAndFadeBorder 4s forwards}
.errorpage{height:100%; padding: 50px; text-align: center;}
.errorpage h1{font-size: 6rem; text-align: center; font-family:Georgia, 'Times New Roman', Times, serif;}
.btn {display: inline-block;   text-decoration: none;  font-weight: bold; margin-top: 30px; padding: 10px 20px;  border-radius: 5px; transition: background-color 0.3s ease;
}

@keyframes drawAndFadeBorder {
0%{width:0;height:0;opacity:1}
25%{width:100%;height:0;opacity:1}
50%{width:100%;height:100%;opacity:1}
75%{width:100%;height:100%;opacity:1}
100%{width:100%;height:100%;opacity:0}
}
.icon-residential{color:#59b500}
.icon-wine-glass{color:#f40073}
.icon-flask{color:#1990ec}
#spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}
#formResponse{margin-bottom:20px}
.position-relative{position:relative}
#submitButton .spinner-border{display:none}
.navbar-light .navbar-nav .nav-link{position:relative;color:#333;text-decoration:none;font-size:18px;margin-left:20px}
.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#5a0000}
.nav-link::after{content:'';position:absolute;left:0;bottom:-5px;width:0;height:2px;background-color:#5a0000;transition:width .3s ease}
.nav-link:hover::after{width:100%}
.row.mb-5 img{border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}
.badge{font-size:1rem;padding:.5rem .75rem}
.article h1{font-size: 30px; text-align: center; margin-bottom: 25px;}
.article .text-muted{font-size: 12px;}
.article-image{max-width:350px;height:auto;border-radius:8px}
.article-container{margin-bottom:30px;padding:15px 10px;border-bottom:1px solid #ddd}
.card-img-top{max-height: 250px;}
.custom-read-more{display:inline-block;font-size:14px;font-weight:600;color:#fff;background-color:#924d7b;padding:10px 20px;border-radius:25px;text-transform:uppercase;text-decoration:none;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 6px rgba(0,0,0,0.1)}
.custom-read-more:hover{background-color:#cc399b;transform:translateY(-3px);text-decoration:none;color:#fff}
.custom-read-more:active{transform:translateY(1px)}
.article-content{font-size:18px;line-height:1.8}
.social-buttons{display:flex;gap:15px;flex-wrap:wrap}
.social-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:5px 10px;font-size:16px;font-weight:700;border-radius:30px;text-decoration:none;color:#fff;transition:all .3s ease}
.social-btn i{font-size:18px}
.social-btn.facebook{background-color:#3b5998}
.social-btn.facebook:hover{background-color:#2d4373}
.social-btn.twitter{background-color:#1da1f2}
.social-btn.twitter:hover{background-color:#0d95e8}
.social-btn.linkedin{background-color:#0077b5}
.social-btn.linkedin:hover{background-color:#005983}
.section-title{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #ccc}
.section-content{margin-bottom:30px}
.section-title::before{content:"";display:block;width:100%;height:5px;background-color:#e98ac9;margin-bottom:10px}
.checkbox-group{display:flex;flex-wrap:wrap;gap:15px}
.checkbox-group label{margin-right:10px}
.input-field{width:100%;padding:8px;margin-top:5px;margin-bottom:10px;border-radius:4px;border:1px solid #ccc}
.submit-btn{background-color:#3498db;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;width:100%}
.submit-btn:hover{background-color:#2980b9}
.half-width{width:48%}
.btn-gradient{background:linear-gradient(90deg,#ff7e5f,#feb47b);color:#fff;border:none;border-radius:50px;padding:15px 30px;font-size:18px;font-weight:700;text-transform:uppercase;text-decoration:none;transition:all .3s ease-in-out}
.btn-gradient:hover{background:linear-gradient(90deg,#feb47b,#ff7e5f);color:#fff;transform:scale(1.05);box-shadow:0 4px 15px rgba(255,126,95,0.6)}
.button-icon{margin-right:10px;display:inline-block;vertical-align:middle}
.shadow{box-shadow:0 8px 20px rgba(0,0,0,0.2)}

@media (max-width: 768px) {
h1 { font-size:1.6rem;}
h2 {font-size: 1.2rem; }
p{font-size: 16px; font-weight: 400; line-height: 1.8;}
.address{padding:20px;margin-top:20px;background-color:#f8f9fa}
.hero .tagline-container{display: none;}
.hero .img-fluid{min-height: 200px;}
.row.mb-5 img{margin-bottom:20px}
.article-content { flex-direction: column !important; }
.article-content img { max-width: 100%; }
.half-width { width: 100%;}
}