@import url('https://fonts.googleapis.com/css2?family=poppins:weght@300,500,700&display = swap');
*{
    box-sizing: border-box;
    padding : 0;
    margin : 0;
}
body{
    font-family: 'poppins',sans-serif;
}
.banner{
    min-height: 100vh;
    background : linear-gradient(rgba(0,0,0,0.5),rgba(201, 71, 71, 0.5)),url("pp/1-img.jpg")center/cover no-repeat;
    display :flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color:#fff;
    padding-bottom: 20px;
}
.card-container{
    display:grid;
    grid-template-columns: 420px 420px;
}
.card-img{
    background:url("pp/6-img.jpg")center/cover no-repeat;
}
.banner h1{
    padding-bottom: 50px;
font-size:50px;
    margin-bottom : 25px;
}
.card-content{
    background:#fff;
    height: 330px;
}
.card-content h3{
    text-align:center;
    color:#000;
    padding:25px 0 10px 0;
    font-size:26px;
    font-weight: 500;
}
.form-row{
    display: flex;
    width:90;
    margin:0 auto;
}
form select,form input{
    display:block;
    width:100%;
    margin:15px 12px;
    padding:5px;
    font-size:20px;
    font-family:'poppins',sans-serif;
    outline:none;
    border:none;
    border-bottom: 1px solid#eee;
    font-weight: 200;
}
form input[type = text],font input[type = number],
form input::placeholder,select{
    color:#9a9a9a;
}
form input[type = submit]{
    color:#fff;
    background:#f2745f;
    padding:12px 0;
    border-radius: 4px;
    cursor:pointer;
}
form input[type = submit]:hover{
    opacity:0.9;
}
.one{
 text-align:right;
position:absolute;
right:5px;
top:9px;
}

.one ul{
display:inline-flex;
list-style:none;
color:#ffffff
}
.one ul li{
width:100px;
margin:0px;
padding:3px;
FONT-SIZE:15PX;

}
.one ul li a{
text-decoration:none;
color:#000

}
.active,.one ul li:hover{
background:#fff;
border-radius:100px;
cursor:pointer;
height:20px;
width:110px;
}