/* GLOBAL */

html {
    font-size: 62.5%;
    overflow-x: hidden ;
    overflow-y: auto ;
}


body {
    background-color: black;
    font-family: "Helvetica Neue", helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    color: white;
    /* overflow: hidden; */
   
}

.form_body {
    display: flex;
    justify-content: center;



}






.form_body input {
    height: 65px;
    width: 450px;
    max-width: 100%;
    font-size: 1.6rem;
    border: 1px solid #8c8c8c;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    padding-left: 10px;
}

.form_body button {
    height: 100%;
    width: 250px;
    max-width: 100%;
    background-color: #F40612;
    color: white;
    font-size: 3rem;
    border: none;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}


/* HEADER */

#overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(4, 4, 4, 0.76) 0%, rgba(4, 4, 4, 0.76) 35%, rgba(4, 4, 4, 0.76) 100%);
    z-index: 0;
}

header {
    position: relative;
    background-image: url('../images/netflix-bkg-image.jpeg');
    padding-bottom: 120px;
    background-size: cover;

}

#header_Content {

    margin: 100px auto 0 auto;
    width: 700px;
    max-width: 100%;
    text-align: center;
    position: relative;
    z-index: 1;
}

#header_Content h1 {
    font-size: 4.8rem;
    margin-bottom: 15px;
}

#header_Content_Subtitle {
    font-size: 2.6rem;
    margin-top: 0px;
}




nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
    position: relative;
    z-index: 1;
}

#header_Nav_Logo {
    width: 150px;
    max-width: 100%;

}

#header_Nav_Actions select {
    font-size: 1.6rem;
    background-color: transparent;
    color: white;
    border: none;

}






#header_Nav_Actions {
    display: flex;
}


#header_Nav_Actions a {


    color: white;
    background-color: #E50914;
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 2px;
    border: 1px solid #E50914;
    position: relative;
    z-index: 1;
    display: block;

}

.select-container {
    border: 1px solid white;
    padding: 8px 4px 8px 2px;
    position: relative;
    margin-right: 20px;
    border-radius: 2px;
}

.select-container::before {
    display: inline-block;
    content: "";
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' class='bi bi-globe2' viewBox='0 0 16 16'><path d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855-.143.268-.276.56-.395.872.705.157 1.472.257 2.282.287V1.077zM4.249 3.539c.142-.384.304-.744.481-1.078a6.7 6.7 0 0 1 .597-.933A7.01 7.01 0 0 0 3.051 3.05c.362.184.763.349 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9.124 9.124 0 0 1-1.565-.667A6.964 6.964 0 0 0 1.018 7.5h2.49zm1.4-2.741a12.344 12.344 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332zM8.5 5.09V7.5h2.99a12.342 12.342 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.612 13.612 0 0 1 7.5 10.91V8.5H4.51zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741H8.5zm-3.282 3.696c.12.312.252.604.395.872.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a6.696 6.696 0 0 1-.598-.933 8.853 8.853 0 0 1-.481-1.079 8.38 8.38 0 0 0-1.198.49 7.01 7.01 0 0 0 2.276 1.522zm-1.383-2.964A13.36 13.36 0 0 1 3.508 8.5h-2.49a6.963 6.963 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667zm6.728 2.964a7.009 7.009 0 0 0 2.275-1.521 8.376 8.376 0 0 0-1.197-.49 8.853 8.853 0 0 1-.481 1.078 6.688 6.688 0 0 1-.597.933zM8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855.143-.268.276-.56.395-.872A12.63 12.63 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.963 6.963 0 0 0 14.982 8.5h-2.49a13.36 13.36 0 0 1-.437 3.008zM14.982 7.5a6.963 6.963 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008h2.49zM11.27 2.461c.177.334.339.694.482 1.078a8.368 8.368 0 0 0 1.196-.49 7.01 7.01 0 0 0-2.275-1.52c.218.283.418.597.597.932zm-.488 1.343a7.765 7.765 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z'/></svg>");
    background-repeat: no-repeat;

    height: 16px;
    width: 16px;
    background-color: white;
    border-radius: 100%;
    position: relative;
    top: 2px;
    left: 6.5px;



}

/* BODY */
body h2 {
    font-size: 4.8rem;
}


body p,
#body li,
#body h3 {
    font-size: 1.8rem;
}



/* BODY  BENEFITS*/

#benefits_container section {
    display: flex;
    border-top: 8px solid #222222;
    justify-content: center;
    padding: 50px 0px 50px 0px;

}

#benefits_container img {
    width: 600px;
    max-width: 100%;

}

#benefits_container section div {
    width: 589px;
    max-width: 100%;

}

#benefits_container section h2 {

    margin-bottom: 15px;
}

#benefits_container section p {
    /* font-size: 2.8rem ; */
    margin-top: 0px;
}


#netflix_section_1 img {
    height: 400px;
    width: 600px;
    max-width: 100%;


}

#netflix_section_2 img {
    width: 450px;
    max-width: 100%;
    height: 405px;
    padding-right: 400px;
}

#netflix_section_3 h2 {
    padding-top: 100px;
}

#netflix_section_4 img {
    height: 440px;
    width: 570px;
    max-width: 100%;
    margin-right: 30px;

}

#netflix_section_4 h2 {
    padding-top: 60px;
    padding-left: 20px;
}

#netflix_section_4 p {
    padding-left: 20px;
}

section p {
    font-size: 2.8rem;
}

/* BODY FAQ */

#faq_container {

    border-top: 8px solid #222;


}

#faq_container h2 {
    text-align: center;

    padding-top: 40px;
    padding-bottom: 35px;
}

#faq_container h3 {
    font-weight: normal;
}

#faq_container ul {
    width: 850px;
    max-width: 100%;
    margin: 0px auto 0px auto;
    padding-left: 0px;

}

#faq_container ul li {
    background-color: #303030;
    list-style: none;
    padding: auto 20px auto 20px;



}

.question {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 0 40px 0 40px;
    border-top: 8px solid black;
}

.question_body {
    padding: 20px 40px 20px 40px;
    border-top: 1px solid black;
    line-height: 150%;
}

.question i {
    font-size: 1.3em;
}

#header_Content_end {
    margin: 60px auto 0 auto;
    width: 700px;
    max-width: 100%;
    text-align: center;
    padding-bottom: 80px;
}

/* FOOTER */



footer a,
footer p {
    color: rgb(153, 153, 153);

}

footer a {
    text-decoration: none;

}

footer p {
    font-size: 1.3rem;
    margin-bottom: 30px;
}

footer ul {
    padding: 0;
    margin: 0;
}

footer li {
    font-size: 1.3rem;
    list-style: none
}

#footer_links {
    display: flex;
    justify-content: space-between;

}

#link_a {
    display: block;
    margin-bottom: 30px;
}

footer {
    border-top: 8px solid #222;
    padding: 60px 500px 0 450px;
    margin: 0 auto;
    line-height: 200%;


}

footer select {
    font-size: 1.6rem;
    background-color: transparent;
    color: rgb(153, 153, 153);
    border: 1px solid rgb(153, 153, 153);
    padding: 0px 16px;
    border-radius: 2px;
    margin-right: 30px;
    margin-top: 15px;


    border: none;
}

.select-container-2 {
    border: 1px solid white;


    position: relative;
    margin-right: 20px;
    border-radius: 2px;
    width: 166.5px;
    height: 0px;
    padding-bottom: 50px;
    margin-top: 30px;


}

.select-container-2::before {
    display: inline-block;
    content: "";
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' class='bi bi-globe2' viewBox='0 0 16 16'><path d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855-.143.268-.276.56-.395.872.705.157 1.472.257 2.282.287V1.077zM4.249 3.539c.142-.384.304-.744.481-1.078a6.7 6.7 0 0 1 .597-.933A7.01 7.01 0 0 0 3.051 3.05c.362.184.763.349 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9.124 9.124 0 0 1-1.565-.667A6.964 6.964 0 0 0 1.018 7.5h2.49zm1.4-2.741a12.344 12.344 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332zM8.5 5.09V7.5h2.99a12.342 12.342 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.612 13.612 0 0 1 7.5 10.91V8.5H4.51zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741H8.5zm-3.282 3.696c.12.312.252.604.395.872.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a6.696 6.696 0 0 1-.598-.933 8.853 8.853 0 0 1-.481-1.079 8.38 8.38 0 0 0-1.198.49 7.01 7.01 0 0 0 2.276 1.522zm-1.383-2.964A13.36 13.36 0 0 1 3.508 8.5h-2.49a6.963 6.963 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667zm6.728 2.964a7.009 7.009 0 0 0 2.275-1.521 8.376 8.376 0 0 0-1.197-.49 8.853 8.853 0 0 1-.481 1.078 6.688 6.688 0 0 1-.597.933zM8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855.143-.268.276-.56.395-.872A12.63 12.63 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.963 6.963 0 0 0 14.982 8.5h-2.49a13.36 13.36 0 0 1-.437 3.008zM14.982 7.5a6.963 6.963 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008h2.49zM11.27 2.461c.177.334.339.694.482 1.078a8.368 8.368 0 0 0 1.196-.49 7.01 7.01 0 0 0-2.275-1.52c.218.283.418.597.597.932zm-.488 1.343a7.765 7.765 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z'/></svg>");
    background-repeat: no-repeat;

    height: 16px;
    width: 16px;
    background-color: rgb(153, 153, 153);
    border-radius: 100%;
    position: relative;
    top: 2px;
    left: 16.5px;
}