* {
    padding: 0px;
    margin: 0px;
    border: 0;

}

.sec-1 {

    /* section 1 bg image with gradient */

    background-image: linear-gradient(#00000080, #00000080), url(./image/background-01.jpg);
    background-position: center;
    background-size: cover;
    height: 85vh;
    width: 100%;
    background-repeat: no-repeat;
    overflow-x: hidden;


}

.heading-one {

    /* main heading with font family */


    font-family: Georgia, "Times New Roman", Times, serif;
}

.btn1 {

    /* btn 1 and 2 css hover start */

    font-family: Georgia, "Times New Roman", Times, serif;
    background-color: #36D68C;
    border-color: #36D68C;
    border: 0;
}

.btn1:hover {

    background: transparent;
    border: white;
    border: 1px solid white;
    transition: 0.4s;
}

.btn2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    border: 1px solid white;
}

.btn2:hover {
    border: 0px;
    background-color: #36D68C;
    transition: 0.4s;
}

/* btn 1 and 2 css and hover end */


@media (max-width:320px) {

    /* mobile view mediaquery */

    .sec-1 {

        height: 80vh;
    }



}

.sec-4-h {

    /* this class we use multiple time in html for set font family and text color */

    font-family: Georgia, "Times New Roman", Times, serif;
    color: #474747;
}

.fig-bg-color {

    /* section 4 fig-figcaption caption bg-color  */

    background-color: #F7F7F7;

}

.sec-4-btn {

    /* section 4 btns  */

    padding: 15px;

    background-color: #36D68C;
    color: white;
}

.sec-4-btn:hover {

    padding: 15px;
    border: 1px solid black;
    background: transparent;
    color: black;
    transition: 0.4s;
}

.sec-5-btn {

    /* section 5 btns  */

    padding: 15px;

    background-color: #36D68C;
    color: white;
}

.sec-5-btn:hover {

    padding: 15px;
    border: 1px solid white;
    background: transparent;

    transition: 0.4s;
}


.sec-5 {

    /* section five with bg img btn and content start */

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

.Font-fam-for-all {

    font-family: Georgia, "Times New Roman", Times, serif;
    color: #474747;
}
.Font-fam-for-all-nocolor{
    font-family: Georgia, "Times New Roman", Times, serif;
}


.icons-sec-6 {

    /* section 6 icons css and hover */

    color: white;
    background-color: #36D68C;
}

.icons-sec-6:hover {
    background-color: white;
    border: 1px solid #36D68C;
    color: #36D68C;
    transition: 0.2s;
}



.sec-7{

    /* section-7 bg image */

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

.sec-7-text-color{

    /* sect-7 span tag text color */

    color: #36D68C;
}

.sec-8-btns{

    /* sec-8 read more btns and hover */

        color: #36D68C;
}

.sec-9{

    /* sec-9 bg img */

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

.last-icon{

    /* footer home icon */

    color: #36D68C;
}

.hr{

    /* hr for footer sec - 9 */

    color: white;
}



.last-text-color{

    /* sec - 9 text color */

    color: #36D68C;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.last-input{

    /* sec - 9 inputs css  */

   background: transparent;
   border: 2px solid  #36D68C;
   color: #F7F7F7;
   padding: 4px;
}

.last-submit-btn{

    /* sec - 9 css with hover */

    background-color: #36D68C;
   
}

.last-submit-btn:hover{

    border: 1px solid white;
    background:transparent;
    
    transition: 0.4s;
}