.header {
     background-image: url("../img/movie2.jpg");
     background-size: cover;
     background-repeat: no-repeat;
     height: 100vh;
 }

 .arrow-icon  {
     width: 20px;
     height: 20px;
     position: fixed;
     bottom: 40px;
     right: 50px;
     background-color: blue;
     color: antiquewhite;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 20px;
     z-index:2 ;
     border-radius: 50%;
}
 .arrow-icon:hover{
    box-shadow: 2px 3px 10px red;
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

 .arrow-icon a {
     color: white;
     text-decoration: none;
     font-size: 24px;
 }

 .navbar {
     display: flex;
     justify-content: right;
     /* flex-direction: row-reverse ; */
     background-color: aqua;
     position: fixed;
     right: 0;
     /* row default */
 }

 .navbar a {
     color: white;
     margin-inline: 30px;
     font-size: 32px;
     text-decoration: none;
     padding: var(--padding);
 }

 .navbar a:hover {
     color: var(--main);
 }

 .header-icons {
     /* background-color: aliceblue; */
     display: flex;
     align-items: end;
     height: 500px;
 }

 .header-icons i {
     width: 40px;
     height: 40px;
     border-radius: 50%;
     color: black;
     border: 2px solid black;
     font-size: 24px;
     margin-inline: 20px;
     background-color: var(--light);
     padding: 5px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .header-icons i:hover {
     color: var(--main);
     cursor: pointer;
     border-color: var(--main);
     border-style: dashed;
     box-shadow: 9px 20px 50px var(--main);
     /*background-color: var(--secondary);
    */
     transition: all 0.5s ease-in-out;

 }


 .title {
     /* background-color: rgba(211, 211, 211, 0.5); */
     color: var(--main);
     padding: 5px;
     text-align: center;
     /* margin-top: 50px; */
     /* border: 1px solid black; */




 }

 .movies {
     display: flex;
     justify-content: space-around;
     /*  افقي*/
     align-items: center;
     /* عمودي */
     /* background-color: antiquewhite; */
     /* border: 2px solid black; */
     height: 100vh;

 }

 .child {
     width: 23%;
     height: 400px;
     /* margin-top:10px; */
     /* margin-inline: 10px; */

 }

 .child1 {
     background-color: rgba(128, 0, 0, 0.5);
     border-radius: 5px;
     text-align: center;
 }

 .child2 {
     background-color: blue;
 }

 .child3 {
     background-color: green;
 }

 .child4 {
     background-color: orange;
 }

 .about {
     display: flex;
     flex-direction: row-reverse;
     justify-content: space-around;
     align-items: center;
     background-image: url("../img/dotted.jpg");
     background-repeat: no-repeat;
     background-size: cover;
 }


 .about-img,
 .about-title {
     text-align: center;
 }