*{
    margin: 0;
    padding: 0;
    border: 0;
    font-family: Georgia, "Times New Roman", Times, serif;
}






.sub-li {
    /* css and hover for sub li */
    position: absolute;
    right: -129px;
    bottom: -96px;
    display: none;
    background-color: aqua;
}

.sec-1 {
    /* section 1 with navigation */

    background-color: white;
  
}

.navbar{
    font-family: Verdana, Geneva, sans-serif;
}


.sec-2 {
    /* sect-2 bg image and property */

    background-image: linear-gradient(#00000050, #00000050), url(./images/background\ image\ one.jpg);
    height: 80vh;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

.icon-1 {
    /* first icon css */

    font-size: 50px;
    color: black;

    text-align: center;


}

.icon-1:hover {
    /* first icon css */

    font-size: 50px;
    background-color: #e4e8ea;
    opacity: 0.5;

    transition: 0.5s;
    border-radius: 20px;


}

.sec-4 {
    /* section-4 bg image and css */

    background-image: url(./images/bg-img-night.jpg);
    height: 191px;
    width: 100%;
    background-repeat: no-repeat;
    object-fit: cover;
    margin-top: 30px;
    background-position: center;

}






.six-icon :hover {
    /* six icons css and hover  */


    color: black;


}

.Sec-6 {
    /* section -6 bg img and css */


    background-image: linear-gradient(#00000040, #00000040), url(./images/logos/background-04\ sec-6.jpg);
    color: white;
    width: 100%;
    padding-bottom: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;

}

.sec-7 {

    padding-bottom: 10px;

}

.sec-6-box-1 {
    /* section-6 box css */

    border: 1px solid white;

}

.sec-7-product-position {
    /* section 7 position css */
    position: relative;

}

.product-border {
    /* section 7 position css */
    width: 85%;
    position: absolute;
    bottom: -90px;
    left: 16px;
}

.product {
    margin-bottom: 120px;
    /* section 7 position css */
}

@media (min-width:768px) {

    /* section 7 media query */
    .product {
        margin-bottom: 0px;
    }

    .sec-7-product-position {
        position: relative;

    }

    .product-border {
        width: 85%;
        position: absolute;
        bottom: -90px;
        left: 9px;
    }
}

.sec-8 {
    /* section-8 css */

    background-image: linear-gradient(#00000060, #00000050), url(./images/logos/sect-8\ bg-com.jpg);
    width: 100%;
    height: 60vh;
    background-size: cover;
    background-repeat: no-repeat;
    object-fit: cover;
    background-position: center;
    color: white
  
}

.header-icon {
    /* header submit button */

    background-color: #353535;
    color: #00ADEF;


}

.sec-9 {
    /* section-9 css */

    background-color: #222222;
    color: #CBCBCB;
}

.header-text-color {
    /* section -9 color css */
    color: #00ADEF;
}

.header-submit-btn {
    /* header bubmit button */

    padding: 4px 25px;
    background-color: #00ADEF;
    border: 0px;
    color: white
}

.header-input {
    padding: 2px 40px;
    background-color: #353535;
    color: #FFFFFF;
    border: 0;
}

.button-design-1 {           /* section 2 button design css start*/
   

    padding: 10px 15px;
    background-color: #00ADEF;
    color: #FFFFFF;
}

.button-design-1:hover {

    background: transparent;
    border: 1px solid white;
    border-bottom: 0;
    transition: 0.4s;

}

.button-design-2 {

    padding: 10px 15px;
    background-color: #00ADEF;
    color: #FFFFFF;

}

.button-design-2:hover {

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

}

.button-design-3{

    padding: 10px 15px;
    background-color: #00ADEF;
    color: #FFFFFF;
}

.button-design-3:hover {

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

}

.button-design-4{

    padding: 10px 15px;
    background: transparent;
    color: #FFFFFF;
    border: 1px solid white;

}

.button-design-4:hover {

     background-color: #00ADEF;
     border: 0;
     transition: 0.4s;

}       

/* section 2 button design css end*/


.home-nav{
    color: #00ADEF;
}
.pages-nav:hover{
    color: #00ADEF;
}