/* google font link  */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600&family=Work+Sans:wght@400;500;600;700;800&display=swap');

*{
    padding: 0;
    margin: 0;
    outline: 0;
}

a{
    text-decoration: none;
}

li{
    list-style: none;
}

.container{
    width: 1140px;
    margin: 0 auto;
}

.description{
    color: #444343;
    margin: 25px 0 30px;
    font-family: 'Work Sans', sans-serif;
    line-height: 1.6;
}

.common-btn{
    color:#F15B22;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Work Sans', sans-serif;
    padding: 20px 35px;
    background-color: #fff;
    border: 0;
    border-radius: 5px;
}

/* header section styles */
header{
    background-image: url(../images/banners/banner2.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}

.banner{
    text-align: right;
    padding: 215px 0 165px;
}

.banner .banner-title{
    color: #151414;
    font-size: 65px;
    font-weight: 700;
    font-family: 'Work Sans', sans-serif;
}

.banner-btn{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Work Sans', sans-serif;
    background-color: #F15B22;
    padding: 20px 25px;
    border: 0;
    border-radius: 5px;
}

/* working-progress section styles */
.working-progress{
    display: flex;
    align-items: center;
    gap: 90px;
    margin: 130px 0;
}

.working-progress .font-image img{
    width: 100%;
}

.working-activity h3{
    color: #151414;
    font-size: 40px;
    font-weight: 700;
    font-family: 'Work Sans', sans-serif;
}
.work-list p{
    color: #444343;
    font-family: 'Work Sans', sans-serif;
    margin-bottom: 10px;
}

.work-list p .fa-check{
    color: #16D887;
    margin-right: 15px;
}

/* my-plans section styles */
.my-plan h2{
    color: #151414;
    font-size: 40px;
    font-weight: 700;
    font-family: 'Work Sans', sans-serif;   
    text-align: center;
    margin-bottom: 70px;
}

.plan-container{
    display: flex;
    gap: 50px;
    justify-content: space-around;
    text-align: center;
}

.plan-container .plan h3{
    color: #151414;
    font-size: 30px;
    font-weight: 700;
    font-family: 'Work Sans', sans-serif;   
    margin: 24px 0 16px;
}

.plan-container .plan p{
    color: #737272;
    font-size: 25px;
    font-weight: 500;
    font-family: 'Work Sans', sans-serif;
}

/* gradient-image section styles */
.gradient-image{
    background-image:url(../images/watch.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 130px 0;
}

.gradient-color{
    background: linear-gradient(to right ,rgb(236, 113, 12),
     rgba(0, 0, 0, 0));  
    padding: 60px 65px;
}

.gradient-image h1{
    color:#fff;
    font-size: 40px;
    font-weight: 700px;
    font-family: 'Work Sans', sans-serif;
    margin-bottom: 25px;
}

/* footer section styles */
footer{
    background-color: #151414;
}

.footer-container{
    display: flex;
    gap: 55px;
    justify-content: space-around;
    padding: 130px 0;
}


.footer-description h3{
    color: #F8F8F8;
    font-size: 45px;
    font-weight: 700;
    font-family: 'Work Sans', sans-serif;
}

.footer-description p.description{
    color: #fff;
}

.social-icons span{
    margin-right: 18px;
}

.fa-brands{
    font-size: 25px;
    padding: 7px 11px;
    background-color: #fff;
    border-radius: 40%;
}

.fa-facebook-f{
    color: #006AFF;
}

.fa-twitter{
    color: #1DA1F2;
}

.fa-youtube{
    color: #FF0000;
}

.footer-form form h4{
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    font-family: 'Work Sans', sans-serif;
    margin-bottom: 30px;
}

.footer-form form input[type="email"]{
    padding: 20px;
    margin-bottom: 15px;
    font-size: 18px;
    font-family: 'Work Sans', sans-serif;
    color: #F3F3F3;
    width: 100%;
    height: 64px;
    background-color: #151414;
    border: 1px solid #F3F3F3;
    border-radius: 5px;
}

.footer-form form input.common-btn{
    font-size: 20px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
}