*
#logo1 {height: 10vw;}

.container-fluid {background-color: greenyellow;}

.offcanvas-header {background-color:green;}

.offcanvas-body{background-color: green;

    text-align: right;

} 

.dropdown-menu {background-color: green;

text-align: right;

border: none;

color: white;


}





.dropdown-item:hover     { 

    background-color: green;

   
}



#screen1 {

    height: 100vh;
    
    background-color: rgb(233, 255, 233);

    text-align: center;

    

   

}

#hb1{

    color: green;

    font-size: 2.4vw;
    
}

#hb2{

    color: rgb(0, 165, 0);

  font-size:2.4vw;
    
}

#hb3{

    color: rgb(0, 201, 0);

  font-size: 1.6vw;
    
}

#mdr {

    height: 7vw;
    width: 7vw;
}

#pg1  {


font-size: 1.3vw;

}



#smallbox1 {background-color: green;  border-radius: 10%; margin-left: 3vw; margin-right: 3vw; height: 16vw; padding: 0.3vw; color: rgb(233, 255, 233); }




#screen2 {

    height: 75vh;

    margin-top: 1vw;
    
    background-color: rgb(233, 255, 233);

    text-align: center;

    

   

}

#hb4{

    color: green;

    font-size: 2.4vw;
    
}

#pg2  {


font-size: 1.3vw;

}

#hb5{

    color: green;

    font-size: 2.4vw;
    
}

#smallbox2 {display: flex;}

#sm
{height: 31.999999vw;
width: 31.999999vw;}

#pg3 {font-size: 1.3vw;
}

#mst {height: 31.99999vw;
width: 31.9999vw;
}

#screen3 {

    height: 75vh;

    margin-top: 1vw;
    
    background-color: rgb(233, 255, 233);

    text-align: center;

    

   

}

#hb6{

    color: green;

    font-size: 2.4vw;
    
}

#smallbox4 {background-color: orange;  border-radius: 10%; margin-left: 3vw; margin-right: 3vw; height: 16vw; padding: 0.3vw; color: rgb(233, 255, 233); }

#pg4 {font-size: 1.3vw;}

#hb7{

    
    color: rgb(233, 255, 233);

    font-size: 2.4vw;
    
}

#pg6 {font-size: 1.3vw;}

#screen4 {

    height: 75vh;

    margin-top: 1vw;
    
    background-color: rgb(233, 255, 233);

    text-align: center;

    

   

}

#hb8{

    color: green;

    font-size: 2.4vw;
    
}

#smallbox5 {background-color: green;  border-radius: 10%; margin-left: 3vw; margin-right: 3vw; height: 16vw; padding: 0.3vw; color: rgb(233, 255, 233); }

#pg7 {font-size: 1.3vw;}

#hb9{

    
    color: rgb(233, 255, 233);

    font-size: 2.4vw;
    
}

#pg7 {font-size: 1.3vw;}



#screen5 {

    height: 75vh;

    margin-top: 1vw;
    
    background-color: rgb(233, 255, 233);

    text-align: center;

    

   

}

#hb10{

    color: green;

    font-size: 2.4vw;
    
}

#smallbox6 {background-color: orange;  border-radius: 10%; margin-left: 3vw; margin-right: 3vw; height: 16vw; padding: 0.3vw; color: rgb(233, 255, 233); }

#pg9 {font-size: 1.3vw;}

#hb11{

    
    color: rgb(233, 255, 233);

    font-size: 2.4vw;
    
}

#pg10 {font-size: 1.3vw;}

#pg5-5 {font-size: 1.3vw;}



#screen6 {

    height: 75vh;

    margin-top: 1vw;
    
    background-color: rgb(233, 255, 233);

    text-align: center;

    

   

}

.hb-12-21 {color: green;

    font-size: 1vw;
    margin-left: 11vw;
    margin-right: 11vw;
}

#hb-12-21 {color: green;

    font-size: 2.4vw;}







#smallbox7 {display: flex;}

#khl1
{height: 31.999999vw;
width: 31.999999vw;}



#khl2 {height: 31.99999vw;
width: 31.9999vw;
}













#screen7 {

    height: 75vh;
    background-image: url("../imges/تخطيط\ 9898677978.png");
    background-size: cover;
     margin-top: 1vw;
    text-align: center;

}

#screen7-sh {

    height: 75vh;
    background-color: rgba(233, 255, 233,0.8);
     margin-top: 1vw;
    text-align: center;

}

#hb22{

    color: orange;

    font-size: 2.4vw;
    
}
#hb23{

    color:orange;

    font-size: 2.4vw;
    
}

#pg11 {font-size: 1.3vw;
color: green;
}

#pg12 {font-size: 1.3vw;
color: green;
}



#screen8 {

    height: 75vh;
    background-image: url("../imges/بناء\ خرساني\ 898960870678.png");
    background-size: cover;
     margin-top: 1vw;
    text-align: center;

}

#screen8-sh {

    height: 75vh;
    background-color: rgba(233, 255, 233,0.8);
     margin-top: 1vw;
    text-align: center;

}

#hb24{

    color: orange;

    font-size: 2.4vw;
    
}
#hb25{

    color:orange;

    font-size: 2.4vw;
    
}

#pg13 {font-size: 1.3vw;
color: green;
}

#pg14 {font-size: 1.3vw;
color: green;
}



#screen9 {

    height: 75vh;
    background-image: url("../imges/معاينة\ 23787765687968.png");
    background-size: cover;
     margin-top: 1vw;
    text-align: center;

}

#screen9-sh {

    height: 75vh;
    background-color: rgba(233, 255, 233,0.8);
     margin-top: 1vw;
    text-align: center;

}

#hb26{

    color: orange;

    font-size: 2.4vw;
    
}
#hb27{

    color:orange;

    font-size: 2.4vw;
    
}

#pg15 {font-size: 1.3vw;
color: green;
}

#pg16 {font-size: 1.3vw;
color: green;
}



#screen10 {

    height: 75vh;
    background-image: url("../imges/دهانات\ 289498765409.png");
    background-size: cover;
     margin-top: 1vw;
    text-align: center;

}

#screen10-sh {

    height: 75vh;
    background-color: rgba(233, 255, 233,0.8);
     margin-top: 1vw;
    text-align: center;

}

#hb28{

    color: orange;

    font-size: 2.4vw;
    
}
#hb29{

    color:orange;

    font-size: 2.4vw;
    
}

#pg17 {font-size: 1.3vw;
color: green;
}

#pg18 {font-size: 1.3vw;
color: green;
}


#screen11 {

    height: 75vh;
    background-image: url("../imges/خضره\ 23456789898.png");
    background-size: cover;
     margin-top: 1vw;
    text-align: center;

}

#screen11-sh {

    height: 75vh;
    background-color: rgba(233, 255, 233,0.8);
     margin-top: 1vw;
    text-align: center;

}

#hb30{

    color: orange;

    font-size: 2.4vw;
    
}
#hb31{

    color:orange;

    font-size: 2.4vw;
    
}

#pg19 {font-size: 1.3vw;
color: green;
}

#pg20 {font-size: 1.3vw;
color: green;
}


#hqjb
{
     height: 33vh;
     background-color: green;
      text-align: center;
}

#hb32
{

    color: rgb(0, 128, 126);

    font-size: 1.7vw;

   
   

   
}


#hqjbs {

    height: 10vw;
    width: 10vw;
    
}




#screen12 {

    height: 75vh;
    background-color: rgb(233, 255, 233);
     margin-top: 1vw;
    text-align: center;
    

}

#smallbox10 {
    display: flex;
    justify-content: center;
    height: 70vh;
}

#smj1 {


    height: 15vw;
    margin-top: 9vw; 
}

#smj2 {


    height: 15vw;
     margin-top: 9vw; 
    margin-left: 2vw;
}


#hb33
{

    color: green;

    font-size: 1.7vw;
    
   

   
}