/* for navbar */
        /* for navbar */
        #nav a:hover{
            /* background-color: rgb(175, 170, 170); */
            color: #0864B2;
        }
        #nav {
           position: sticky;
           top: 0;
            
            z-index: 2;
            /* opacity: 0.8; */
        }
        #products{
            background-color: rgb(175, 170, 170);
        }

            
        #secndfooter ul li a {
            color: #999999;
        }
        /* footer line for every page*/
        #companyInfor::after{
            /* margin-top: 20px; */
            margin-bottom: 25px;
            padding: 0;
            display: block;
            content: "";
            width: 100%;
            height: 2px;
            background-color: rgb(138, 133, 133);
        }
        /* for every section */
        .section{
            margin-bottom:170px;
        }
        /* for homepage */
        /* ----for position and padding of about  */
        /* 974 768 */
        @media screen and (max-width:991px) and (min-width:768px){
            #aboutus2{
                padding-top: 200px ;
            }
            .section{
                margin-bottom:100px;
                /* background-color: yellow; */
            }
        }
        @media only screen and (max-width:767px){
            .section{
                margin-bottom: 70px;
                /* border: 2px solid green;    */
            }
        }
        .hover:hover{
            transform: scale(1.02);
            
        } 
        
        .clientfeedback::before{
            content:"";
            display: block;
            width:100%;
            height: 2px;
            background-color: rgb(138, 133, 133);

            margin-top:20px;
            margin-bottom:20px ;

        }
        /* footer line for every page*/
        #companyInfor::after{
            /* margin-top: 20px; */
            margin-bottom: 25px;
            padding: 0;
            display: block;
            content: "";
            width: 100%;
            height: 2px;
            background-color: rgb(138, 133, 133);
        }
        #secndfooter li::before{
            
        }

        /* -----------------------------------------------all pge photo--------------------------------------------------------- */
    .first_block{
        position:relative;
        height: 300px;
        
    }
    .eveypagephoto::before{
        content:"";

        background-image: url('back.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;

        height: 100%;
        width: 100%;


        position: absolute;
        right: 0;
        left: 0;

        z-index: -1;
        opacity: 0.8;
    }
    

    @media only screen and (width:820px) and (height:1180px), (width:768px) and (height:1024px), (width:912px) and (height:1368px){
        .first_block{
            height: 350px;
        }
        .text{
            margin-bottom: 0;
        }
    }
    @media only screen and (width:280px) and (height:653px){
        .first_block{
            height: 300px;
        }
        .text{
            margin-bottom: 0;
        }
    }
    @media only screen and (min-height:1000px){
        .first_block{
           
            height: 350px;
            
        }
    }

        
        /* ----------------------------FOOTER DOSLOGO FOR SMALLSCREEN----------------------------------- */