@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Rubik:wght@300;400;500&display=swap');

*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: Rubik,'Poppins',sans-serif;
scroll-behavior: smooth;
}

:root {
    --bg-color:#1f242d;
    --second-bg-color:#323946;
    --text-color:#fff;
    --main-color:#0ef;
}
li{
    list-style:none;
}
.container {
padding-inline: 9%;
overflow-x: hidden;
margin-inline: auto;
}
.btn {
display: inline-block;
padding: .8rem 1.2rem;
background: #6674cc;
border-radius: .6rem;
font-size: 1rem;
color: #fff;
font-weight: 400;
}

.flex {
display: flex;
}

.header-section{
background-image: url(https://cdn.thecodehelp.in/wkfvfci9gp9rkay9a0se_0ec1b8bb3f.png);
background-size: cover;
background-position: center center;
height: 60vh;
align-items: center;
}
.content-section {
flex-direction: column;
justify-content: center;
padding: 0 80px;
color: white;
font-weight: 700;
}
.content-section h1 {
font-size: 3rem;
}

/* take-info-section */
.take-info-section {
margin-top: -80px;
justify-content: center;
align-items: center;
}



.contact {
width: 70%;
background-color: #fff;
padding: 2rem;
margin-bottom: 70px;
border-radius: 5px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}



.contact h2 {
margin-bottom: 1rem;
text-align: center;
font-size: 2.3rem;
color: #000000;

}
.contact form {
max-width: 70rem;
text-align: center;
}
.contact form .input-box {
justify-content: center;
flex-wrap: wrap;
column-gap: 1rem;
}
.contact form .input-box input,
.contact form textarea {
width: 100%;
padding: .9rem;
font-size: .7rem;
margin-block: .7rem;
border: none;
/* background-color: whitesmoke */
border-bottom: 2px solid gray;
}
.contact form .input-box input,textarea,
.contact form textarea :hover {
outline: none;
}
.contact form textarea {
resize: none;  
}
.contact form .input-box input {
width: 47%;
}
input .btn{
border: none;
}
#submit-btn {
border: none;
}

.contact form .btn {
margin-top: 2rem;
}

.msg img{
width: 30px;
}
.content-upper-sec {
justify-content: space-around;
}