/* homecontact */

.homecontactbanner{
    display: flex;
    background: #5852d69c;
    padding: 40px;
    /* border-top: 10px solid #21a8df; */
}

.infohomecontact{
    width: 60%;
    text-align: justify;
    padding-left: 60px;
    padding-right: 60px;
    color: white;
    
}
.infohomecontact h1{
    font-family: "Signika", sans-serif;
    text-align: left;
    color: white;
    
}
.infohomecontact h6{
    font-family: "Signika", sans-serif;
    color: white;
    
}

.home-button-contact{
    display: grid;
    justify-content: center;
    align-items: center;
    width: 40%;

}
.home-button-contact button{
    background: black;
    color: white;
    padding: 15px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 10px;
    transition: 1s ease-in;
   

}
.home-button-contact button:hover{
    background: #F46305;
    color: white;
    padding: 15px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 15px;
    border: none;

}

@media (max-width: 800px){
    .homecontactbanner{
        display: flex;
        flex-direction: column;

    }
    .infohomecontact{
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        

    }
    .infohomecontact h1{
        text-align: left;

    }
}












































.contactaddphoemail{
    display: flex;
    gap: 30px;
    margin-bottom: 40px;
}

.contactpage{
    /* background: url(../assets/background/shatter\ glass.jpg); */
    background: white;
    /* background-size: cover; */
    background-attachment: fixed;
}

.addresscont{
    width: 33.3%;
    
    padding: 20px;
    background: rgba(188, 172, 172, 0.25);
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 17px );
    -webkit-backdrop-filter: blur( 17px );
    border: 1px solid rgba( 255, 255, 255, 0.18 );
    display: grid;
    justify-content: center;
    align-items: center;
    text-align: center;
    

}
.emailcontact{
    width: 33.3%;
    
    padding: 20px;
    background: rgba(188, 172, 172, 0.25);
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 17px );
    -webkit-backdrop-filter: blur( 17px );
   
    border: 1px solid rgba( 255, 255, 255, 0.18 );
    display: grid;
    justify-content: center;
    align-items: center;
    text-align: center;

}
.phobecontact{
    width: 33.3%;
    
    padding: 20px;
    background: rgba(188, 172, 172, 0.25);
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 17px );
    -webkit-backdrop-filter: blur( 17px );
    
    border: 1px solid rgba( 255, 255, 255, 0.18 );
    display: grid;
    justify-content: center;
    align-items: center;
    text-align: center;

}


.form-container {
    width: 100%;
    margin: 50px auto;
    padding: 20px;
    border: 1px solid #ddd;
   
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    background: rgba(188, 172, 172, 0.25);
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 17px );
    -webkit-backdrop-filter: blur( 17px );
   
    
    
}
.form-title {
    text-align: center;
    margin-bottom: 20px;
    color: white;
}


.buttoncontact{
    /* margin: 40px; */
    margin-top: 30px;
    display: grid;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
}

.pagecontactformmap{
    display: flex;
    gap: 30px;
}
.contact-map{
    margin-top: 60px;
    width: 50%;
}
.pagecontactform{
    width: 50%;
}

@media (max-width: 800px){
    .contactaddphoemail{
        display: flex;
        flex-direction: column;
        gap: 30px;
        margin-bottom: 40px;
    }
    .addresscont{
        width: 100%;   
    }
    .emailcontact{
        width: 100%;
        
       
        
    
    }
    .phobecontact{
        width: 100%;
        
       
        
    
    }
    .pagecontactformmap{
        display: flex;
        flex-direction: column;
    }
    .contact-map{
        margin-top: 60px;
        width: 100%;
    }
    .pagecontactform{
        width: 100%;
    }
    

}