/* SparkleWash Pro Stylesheet */

body{font-family:sans-serif;margin:0;padding:0;color:#000;font-size:14px;line-height:1.6}
.container{max-width:1200px;padding:0 15px;margin:0 auto}
.row{display:flex;flex-wrap:wrap;margin:0 -15px}
.col-xl-12,.col-lg-12,.col-md-12,.col-sm-12,.col-xs-12{flex:0 0 100%;max-width:100%;padding:0 15px}
.col-xl-6,.col-lg-6,.col-md-6,.col-sm-6{flex:0 0 47%;max-width:50%;padding:0 15px}
.col-xl-4,.col-lg-4,.col-md-4{flex:0 0 30.333%;max-width:30.333%;padding:0 15px}
.col-xl-3,.col-lg-3,.col-md-3{flex:0 0 25%;max-width:25%;padding:0 15px}
.col-sm-4{flex:0 0 30.333%;max-width:30.333%;padding:0 15px}
.col-sm-3{flex:0 0 25%;max-width:25%;padding:0 15px}

/* Header Styles */
.header-container{background:#fff}
.header-banner{background:#f8f8f8;padding:10px 0}
.header-banner h4{font-size:13px;font-weight:normal;margin:0;color:#666}

/* Navigation */
.leo-megamenu{background:#fff}
.nav.navbar-nav{list-style:none;padding:0;margin:0;display:flex;justify-content:center}
.nav-item{margin:0}
.nav-link{display:block;padding:15px 15px;color:#000;text-decoration:none;transition:color 0.3s}
.nav-link:hover{color:#a0568c}
.nav-item.active .nav-link{color:#a0568c}

/* Logo */
.logo_block{padding:20px 0}
.logo{max-height:50px;width:auto}

/* Buttons */
.btn{display:inline-block;padding:15px 30px;text-decoration:none;border-radius:5px;transition:all 0.3s}
.btn-primary{background:#3498db;color:#fff}
.btn-primary:hover{background:#2980b9}
.btn-outline{border:2px solid #fff;color:#fff;background:transparent}
.btn-outline:hover{background:#fff;color:#a0568c}

/* Form Controls */
.form-control{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:3px;font-size:14px;transition:border-color 0.3s}
.form-control:focus{border-color:#a0568c;outline:none}

/* Footer */
.footer-container{background:#2c2c2c;color:#ccc}
.title_block{font-size:18px;margin-bottom:20px}

/* Back to top */
#back-top{position:fixed;bottom:30px;right:30px;display:none}
#back-top a{display:block;width:50px;height:50px;background:#a0568c;color:#fff;text-align:center;line-height:50px;border-radius:50%;font-size:20px;text-decoration:none}

/* Responsive */
@media (max-width:1199px){
  .col-lg-12{flex:0 0 100%;max-width:100%}
  .col-lg-6{flex:0 0 50%;max-width:50%}
  .col-lg-4{flex:0 0 30.333%;max-width:30.333%}
  .col-lg-3{flex:0 0 25%;max-width:25%}
}

@media (max-width:991px){
  .col-md-12{flex:0 0 100%;max-width:100%}
  .col-md-6{flex:0 0 50%;max-width:50%}
  .col-md-4{flex:0 0 50%;max-width:50%}
  .col-md-8{flex:0 0 66.666%;max-width:66.666%}
}

@media (max-width:767px){
  .col-sm-12{flex:0 0 100%;max-width:100%}
  .col-sm-6{flex:0 0 100%;max-width:100%}
  .col-sm-4{flex:0 0 100%;max-width:100%}
  .col-sm-3{flex:0 0 100%;max-width:100%}
  .col-md-4{flex:0 0 100%;max-width:100%}
  .col-md-12{flex:0 0 100%;max-width:100%}
  .hidden-sm-down{display:none}
  .hidden-sm-up{display:block!important}
  .nav.navbar-nav{flex-direction:column}
  .block-social{text-align:center!important;margin-top:15px}
  .header-banner h4{text-align:center!important}
}

@media (max-width:575px){
  .col-xs-12{flex:0 0 100%;max-width:100%}
  .hidden-xs-down{display:none}
}

@media (min-width:768px){
  .hidden-sm-up{display:none!important}
}

/* Utility Classes */
.ApRow{display:flex;flex-wrap:wrap}
.ApColumn{padding:15px}
.inner{width:100%}
.wrapper{width:100%}
.img-fluid{max-width:100%;height:auto}
.text-center{text-align:center}

/* Additional Styles */
h1,h2,h3,h4{font-weight:normal}
a{color:#a0568c;transition:color 0.3s}
a:hover{color:#7c4269}