/* ===========================
   GOOGLE SITE STYLE CLONE
=========================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    background:#0b0b0b;
    color:#ffffff;

    font-family:'Inter',sans-serif;

}

/* ===========================
HEADER
=========================== */

.hero{

    background: #f7f4ee !important;

    min-height:320px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-bottom:1px solid #ececec;

}

.hero-inner{

    width:100%;

    max-width:1400px;

    display:flex;

    justify-content:center;

    align-items:center;

}

.logo{

    width:360px;

    max-width:90%;

    height:auto;

}

/* ===========================
FORM SECTION
=========================== */

.register-section{

    background:#000000;

    padding:80px 20px 100px;

}

.container{

    width:100%;

    max-width:1150px;

    margin:auto;

}

.heading{

    font-family:'Cormorant Garamond',serif;

    font-size:56px;

    font-weight:500;

    text-align:center;

    margin-bottom:60px;

    color:#ffffff;

}

.form-box{

    width:100%;

    max-width:470px;

    margin:auto;

    background:#ffffff;

    border-radius:10px;

    overflow:hidden;

    padding:15px;

    box-shadow:0 15px 40px rgba(0,0,0,.35);

}

/* Pipedrive */

.pipedriveWebForms{

    width:100%;

}

/* ===========================
FOOTER
=========================== */

footer{

    background:#000;

    text-align:center;

    color:#888;

    font-size:13px;

    padding:30px 20px;

    border-top:1px solid rgba(255,255,255,.08);

}

/* ===========================
RESPONSIVE
=========================== */

@media(max-width:992px){

.heading{

font-size:46px;

}

.hero{

min-height:250px;

}

.logo{

width:280px;

}

}

@media(max-width:768px){

.hero{

min-height:190px;

}

.logo{

width:220px;

}

.heading{

font-size:36px;

margin-bottom:40px;

}

.register-section{

padding:50px 15px 70px;

}

.form-box{

padding:8px;

}

}

@media(max-width:480px){

.heading{

font-size:30px;

line-height:1.2;

}

.logo{

width:180px;

}

}