body{

    /*background-image: url(../images/bubbles-new.png);*/
    background-color: white;
}
content{
    display: flex;
    padding:0;
    margin:0;
}
nav{
    background-color: black;
}
.navbar-toggler{
    background-color: white;
    color:white;
    
}

header img{
    height:50px;
    width:50px;

}
#navbarSupportedContent{
    padding-left:30px;

}
.nav-item{
    padding-left:20px;
}
#logo{
    font-size:18pt;
    font-weight: 600;
    font-family: verdana;
}

.form-header{
    font-weight: 800;
    margin-bottom: 0px;
    text-align: center;
}
.form-seperator-line{
    width: 100%;
    height: 2px;
    background-color: black;
    margin-top: 15px;
    margin-bottom: 15px;
}



#order-form{
    background:white;
    width:400px;
    margin-top: 40px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: auto;
    padding: 20px;
    border: 3px solid black;
    border-radius: 20px;

   
}
#order-form-submit-btn{
    margin-top: 20px;
    width: 100%;
    border-radius: 25px;
    align-self: center;
    background-color: black;
    border:0px;
    color: white;
}
#order-form-submit-btn:hover{
    background-color: #aae4e6;
    color:black;
}
.sf-radio{
    margin-bottom: 15px;
}
.form-control{
    width: 100%;
    margin-bottom: 20px;
    border-radius: 25px;
    background-color: #e9ecef;
    color:black;
    
}

#laundry-image{
    width:100%;
    margin-top: 50px;
    margin-left:auto;
    margin-right:auto;
    border-radius: 50px;
}
#service-order{
    width:100%;
    margin-top: 50px;
    margin-left:auto;
    margin-right:auto;
    padding: 20px;
    border: 3px solid black;
    border-radius: 20px;
}


.alert{
    margin-bottom: 0px;
}

#laundry-hero {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%) !important;
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%) !important;
}
#laundry-hero-container {
    position: relative;
    z-index: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
#laundry-hero-wrapper {
    position: relative;
}

#laundry-hero-text {
    position: absolute;
    bottom: 48%; 
    left: 20%;
    color: white;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.85);
}


#laundry-hero-text h1 {
    font-size: 75pt;
    font-weight: 800;
}
#laundry-hero-text p {
    font-size: 18pt;
    left:35%;
}

#exponent-link {
    margin-top: 40px;
    margin-right: 40px;
    margin-left: 40px;
    margin-bottom:50px;
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

#exponent-link img {
    width:100%;
    display: block;
    transition: transform 0.3s ease;
}

#exponent-link:hover img {
    transform: scale(1.05); /* subtle zoom on hover */
}

#exponent-link-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7));
    color: white;
    font-weight: 600;
    font-size: 1rem;
    opacity: 0;
    transition: opacity 0.3s ease;
}

#exponent-link:hover #exponent-link-overlay {
    opacity: 1; 
}