* {
    padding: 0;
    margin: 0;
    border: 0;
    font-family: "Ubuntu", sans-serif;
}

.sec-1 {

    /* section 1 bg img css */

    background-image: linear-gradient(#00000050, #00000050), url(./images/header.jpg);
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;


}

.navbar {

    /* navbar bg color */

    background-color: rgba(52, 58, 64, 0.2);
}

.yellow-word {

    /* all word in yello color css */

    color: #fad02c;
}

.nav-item-component {

    /* components word in navigation css */

    background-color: #fad02c;

    text-decoration: none;
    border-radius: 5px;
}

.sec-1-btn {

    /* section one btn download now */

    border: 1px solid white;
    background: transparent;
    border-radius: 5px;

}



.main-heading {

    /* main heading css */

    font-size: calc(35px + (60 - 35) * ((100vw - 300px)/ (1200 - 300)));
}

.sec-2 {

    /* sec - 2 css start */

    background-color: #eaf0fc;

}

.parent-1 {

    /* box shadow of sec - 2 */

    box-shadow: 0 3px 80px rgba(173, 181, 189, 0.3), 0 0 10px rgba(173, 181, 189, 0.3) !important;
    border-radius: 10px;
}



.text-color {

    /* text color of sec - 2 para */

    opacity: .8;
    color: #444;
}

.yellow-patti {

    /* yellow strip  */

    background-color: #fad02c;
    width: 20px;
    height: 50px;
}

.learn-more-btn {

    /* learn more btn */

    color: white;
    background: transparent;
    border: 2px solid #fad02c;
    padding: 10px 15px;
    border-radius: 5px;
}

.sec-4 {

    /* sec-4 bg color */

    background-color: #eaf0fc;
}

.sec-5 {

    /* section 5 bg image with gradient */

    background-image: linear-gradient(#00000090, #00000090), url(./images/bg-img-1.jpg);
    width: 100%;
    height: 80vh;
    background-size: cover;
    background-repeat: no-repeat;
    object-fit: cover;
    background-position: center;
}

.play-btn {

    /* play button css */

    color: #fad02c;
    opacity: 0.5;
    font-size: 100px;
}

.sec-6 {

    /* section 6 bg color */

    background-color: #eaf0fc;
}

.avatar-1 {

    /* section 7 avatar - 1 */

    border-radius: 50px;
    height: 100px;
    width: 100px;
    padding: 1px;
    border: 5px solid white;
 

}


@media (min-width: 320px) {

    /* tablet view media query  */

    .avatar-1 {

        left: 30%;

    }
}

@media (min-width: 768px) {

    /* tablet view media query  */

    .avatar-1 {

        left: 22%;

    }
}


@media (min-width: 992px) {

    /* tablet view media query  */

    .avatar-1 {

        left: 29%;

    }
}


















.block-1-box {

    /* box - 1 css sec - 7 */

    background-color: #eaf0fc;
    border-radius: 5px;

}


.sec-8 {

    /* section 8 bg img and css */

    background-image: url(./images/bg-img-2.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 50vh;
}

.input-1,
.input-2 {

    /* form input 1 and 2 css  */

    padding: 10px 45px;
}

.form-btn {

    /* form btn bg color css */

    background-color: #fad02c;
}

.sec-10{

    /* section 10 css */

    background-color: #eaf0fc;
}