@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Expanded:wght@100;200;300;400;500;600;700;800;900&display=swap');
html, body{
    background-image: linear-gradient(to bottom right, #0a99d1, #054c7a);
    background-size: cover;
    font-family: "Encode Sans Expanded", sans-serif;
    color: #f0f8ff;
}
h1, h2, h3, h4, h5{
    font-weight: 700;
}
h1{
    font-size: 50px;
}
header{
    position: absolute;
    z-index: 1;
    width: 100%;
}
.modal-content{
    border-radius: 1rem;
}
.modal-content:hover{
    box-shadow: 2px 2px 2px black;
}
.btn{
    text-transform: uppercase;
    font-weight: 600;
}
.b1{
    background-color:#2b84be;
    box-shadow: 0px 4px #337095;
    font-size: 17px;
    width: fit-content !important;
    padding: 15px;
}
.b1:hover{
    background-color: #01538a80;
}
a, a:hover{
    color: #4bd7ec;
    font-weight: bold;
    text-decoration: none;
}
.banner{
    background-image: linear-gradient(180deg, #013b4a80 1%, #01344180 100%), url(../img/House-Back.jpg);
    height: 100vh;
    background-size: cover;
    color: #f0f8ff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bg-curves{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1061%26quot%3b)' fill='none'%3e%3cpath d='M 247%2c-25.798547610619252 C 426.8%2c-9.8 1098.8%2c22.2 1146%2c54.20145238938075 C 1193.2%2c86.2 508%2c102.2 483%2c134.20145238938073 C 458%2c166.2 1051.4%2c182.2 1021%2c214.20145238938073 C 990.6%2c246.2 328.8%2c262.2 331%2c294.20145238938073 C 333.2%2c326.2 996.6%2c342.2 1032%2c374.20145238938073 C 1067.4%2c406.2 534.4%2c422.2 508%2c454.20145238938073 C 481.6%2c486.2 947.2%2c502.2 900%2c534.2014523893807 C 852.8%2c566.2 193%2c609.04 272%2c614.2014523893807 C 351%2c619.36 1090.4%2c570.84 1295%2c560' stroke='rgba(10%2c 153%2c 209%2c 1)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1061'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-size: cover;
}
footer{
    border-top: 1px double #0a99d1;
    background-color: #0a99d1;
}
#modal-tnx, #tnx{
    display: none;
    text-align: center;
}
.modal-header{
    border: none;
}
.contact-bg{
    background-image:linear-gradient(180deg, #15181a52 1%, #15181a52 100%), url(../img/contact-bg.svg);
    background-size: cover;
}