*{margin: 0;
 padding: 0;
direction: rtl;}


.gridOne{
    max-width: 100%;
    margin: 0 auto;
    display: grid;
    grid-auto-rows: minmax(50px,auto);
    grid-column-gap: 0;
    grid-row-gap:0 ;
    justify-items: stretch;
    align-items: stretch;
    grid-template-columns: repeat(9 , 1fr);
    
    
}

.sectionSameCss{
    
   
     padding: 0;
}


.sectionOne{
    
    grid-column: 1/10;
    grid-row:1/2;
    background-color: rgb(24,53,82);
    
    
    
    
     
}
.sectionTwo{
    grid-column: 1/10;
    grid-row: 2/15  ;
    background-image: url("../img/man-5806012_19202.jpg");
    background-repeat: no-repeat;
    background-size: 100% 130% ;
    
    }

.sectionThree{
    grid-column: 1/10;
    grid-row: 16/26  ;
    background-color: rgb(250, 250, 250);

}
.sectionFour{
    grid-column: 1/10;
    grid-row: 25/35;
    background-color:rgba(24, 53, 82, 1) ;

}
.sectionFive{
    grid-column: 1/10;
    grid-row: 35/38;
    background-color: rgb(250, 250, 250);
}
.sectionSix{
    grid-column: 1/10;
    grid-row: 26/35;
    background-color: rgba(239, 239, 239, 1);

}
.sectionSeven{
    grid-column: 1/10;
    grid-row: 35/47;
    background-image: url("../img/justiceblue.jpg");
    background-size: 100% 140% ;
}
.sectionEight{
    grid-column: 1/10;
    grid-row: 58/60;
    background-color: rgba(24, 53, 82, 1);
    background-size: 100% 100% ;

}








.gridTwo{

    max-width: 100%;
    margin: -50px 0px 0px 0px;
    display: grid;
    grid-auto-rows: minmax(50px,auto);
    grid-column-gap: 0;
    grid-row-gap:0 ;
    justify-items: stretch;
    align-items: stretch;
    grid-template-columns: repeat(20 , 1fr);

}
.gridTwoCss{
    grid-auto-rows: minmax(75px,auto);}
.gridTwoSctionOne{
    grid-column: 1/20;
    background-color: rgba(250, 250, 250, 1);
    color: #e4b407;
    text-align: center;
    font-size: 30px;
    
}
.gridTwoSctionTwo{
    grid-column: 1/17;
    grid-row: 2/3;
   

}
.gridTwoSctionThree{
    grid-column: 6/7;
    grid-row: 2/5;
    
}
.gridTwoSctionFour{
    grid-column: 7/10;
    grid-row: 2/5;
    
}
.gridTwoSctionFive{
    grid-column: 1/6;
    grid-row: 5/8;
  
}
.gridTwoSctionSix{
    grid-column: 6/7;
    grid-row: 5/8;
    
}
.gridTwoSctionSeven{
    grid-column: 7/10;
    grid-row: 5/8;}
    
.gridTwoSctionEight{
    grid-column: 7/10;
    grid-row: 8/11;
    
}
.gridTwoSctionNine{
    grid-column: 6/7;
    grid-row: 8/11;
    
}
.gridTwoSctionTen{
    grid-column: 1/6;
    grid-row: 8/11;
    
}



/*gridThree*/

.gridThree{
    max-width: 100%;
    margin: -50px 0px 0px 0px;
    display: grid;
    grid-auto-rows: minmax(50px,auto);
    grid-column-gap: 0;
    grid-row-gap:0 ;
    justify-items: stretch;
    align-items: stretch;
    grid-template-columns: repeat(9 , 1fr);
}

.gridThreeSectionOne{
    grid-column: 1/10;
    grid-row: 1/2;
    
}
.gridThreeSectionTwo{
    grid-column: 1/4;
    grid-row: 2/4;
    
}
.gridThreeSectionThree{
    grid-column: 4/7;
    grid-row: 2/4;

}
.gridThreeSectionFour{
    grid-column: 7/10;
    grid-row: 2/4;

}
.gridThreeSectionFive{
    grid-column: 1/10;
    grid-row: 4/5;
    
}


/*gridfour*/

.gridFour{
    max-width: 100%;
    margin: -50px 0px 0px 0px;
    display: grid;
    grid-auto-rows: minmax(50px,auto);
    grid-column-gap: 0;
    grid-row-gap:0 ;
    justify-items: stretch;
    align-items: stretch;
    grid-template-columns: repeat(9 , 1fr);
}

.gridFourSectionOne{
    grid-column: 1/4;
    grid-row: 3/9;
    transition-duration: 0.3s;
 
}
.gridFourSectionTwo{
    grid-column: 4/7;
    grid-row: 3/9;
    transition-duration: 0.3s;

}
.gridFourSectionThree{
    grid-column: 7/10;
    grid-row: 3/9;
    transition-duration: 0.3s;
    
    
    
}

.gridFourSectionThree:hover , .gridFourSectionTwo:hover,.gridFourSectionOne:hover{

    
    margin-top: -10px;
}




/* grid5 */

.gridFive{
    max-width: 100%;
    margin: -50px 0px 0px 0px;
    display: grid;
    grid-auto-rows: minmax(50px,auto);
    grid-column-gap: 0;
    grid-row-gap:0 ;
    justify-items: stretch;
    align-items: stretch;
    grid-template-columns: repeat(9 , 1fr);

}

.gridFiveSctionZero{
    grid-column: 1/4;
    grid-row: 1/2;

    
   

}
.gridFiveSctionOne{
    grid-column: 4/7;
    grid-row: 1/2;
    
   

}
.gridFiveSctionTwo{
    grid-column: 7/10;
    grid-row: 1/2;
   

}
.gridFiveSctionThree{
    grid-column: 4/7;
    grid-row: 2/3;
    

}
.gridFiveSctionFour{
    grid-column: 7/10;
    grid-row: 2/3;
    
   

}
.gridFiveSctionFive{
    grid-column: 1/4;
    grid-row: 2/3;
    
   

}
.gridFiveSctionSix{
    
    grid-column: 4/7;
    grid-row: 3/4;
    
    }

.gridFiveSctionSeven{
    
    grid-column: 7/10;
    grid-row: 3/4;
     
    }   
    
    .gridFiveSctionFive p{
        
        
        margin: 10px 10px 0 0;
        
        }
    .gridFiveSctionFive a{
        color:black
    }

    .gridFiveSctionFive a:visited{color:black;
     text-decoration: none;}

 


    


    /*grid6*/

    .gridSix{
        max-width: 100%;
        margin: 0 auto;
        display: grid;
        grid-auto-rows: minmax(50px,auto);
        grid-column-gap: 0;
        grid-row-gap:0 ;
        justify-items: stretch;
        align-items: stretch;
        grid-template-columns: repeat(9 , 1fr);
        
    
    }

    .gridSixSctionZero
    {
        
        grid-column: 2/10;
        grid-row:2/3;
        text-align: center;
        }

        .gridSixSctionZero p
    {
        font-size: 20px;
        color: gold;
        
        text-align: center;
        }

    .gridSixSctionOne
    {
        
        grid-column: 2/10;
        text-align: center;
        grid-row:4/5
        }

    .gridSixSctionTwo{
        
        grid-column: 2/10;
        text-align: center;
        grid-row:5/6
        
        }

    .gridSixSctionThree{
        
        grid-column: 2/10;
        text-align: center;
        grid-row:6/7
       }

    .gridSixSctionFour{
        
        grid-column: 2/10;
        text-align: center;
        grid-row:7/8
        }

    .gridSixSctionFive{
        
        grid-column: 2/10;
        text-align: center;
        grid-row:8/9
        
        }
        

    .gridSixSctionSix{
        
        grid-column: 2/9;
        grid-row:10/11;
        text-align: center;
        }