masterdiv {
  width: 1200px;
   height: 1100px; 
   margin-left: auto; 
   margin-right: auto;
   direction:rtl ;

}


   .hp {
    border-radius: 5px;
    border: 0;
    border-radius: 5px;
    box-shadow: 1px 2px 5px #666;
    font-size:35px;
    background-color: green;
   text-align: center;
   font-family:'Arabic Typesetting';
   font-size:35px;

}
 
 .hp:hover {
    border: 0;
    box-shadow: 1px 2px 5px #999;
    background:  linear-gradient(35deg,#9999FF, #9999FF);
    color: rgb(255, 0, 102);
    padding: 5px;
    text-shadow: 0 -3px 3px #9999FF;
 }

 .btnht {
   display: inline-block;
   cursor: pointer;
   text-align: center;
   outline: 1px;
   color: #fff;
   background-color:darkcyan;
   border: none;
   border-radius: 10px;
   box-shadow: 0 7px #CCCCCC;
   font-family:'Arabic Typesetting';
   font-size:35px;
 }

  .btnht1 {
   display: inline-block;
   cursor: pointer;
   text-align: center;
   outline: 1px;
   color: #fff;
   background-color:darkcyan;
   border: none;
   border-radius: 10px;
   box-shadow: 0 7px #CCCCCC;
   font-family:'Arabic Typesetting';
   font-size:45px;
    padding-top: 20px;
    padding-bottom: 20px;
 }
 .support-btn {
      background-color: #064420; /* أخضر داكن */
      color: #ffffff; /* نص أبيض */
      border: none;
      border-radius: 50%; /* دائري */
      width:150px;
      height: 100px;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      cursor: pointer;
      transition: 0.3s;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    }

 .support-btn:hover {
      background-color: #0b6e3f; /* أخضر أفتح عند المرور */
      transform: scale(1.05);
    }
  .btnhtmas {
   /*/*display: inline-block;*/
   /*cursor: pointer;*/
         font-size: 45px;

   text-align: center;
   outline: 1px;
   /*color:black;*/
   /*background-color:darkcyan;*/
   border: none;
   border-radius: 10px;
   /*box-shadow: 0 7px #CCCCCC;*/
   font-family:'Arabic Typesetting';
   font-size:35px;*/
 }

 .hps {
    border-radius: 5px;
    border: 0;
    border-radius: 5px;
    box-shadow: 1px 2px 5px #F59527;
    font-size:35px;
    /*background-color:darkblue;*/
        /*background-color: cornflowerblue;*/
    color:aqua;
        /    text-shadow: 0 -3px 3px #9999FF;
box-shadow: 1px 2px 5px #999;*/

        text-align: center;
         font-family:'Arabic Typesetting';
   font-size:35px;

}
 
 .hps:hover {
    border: 0;
    box-shadow: 1px 2px 5px #999;
    background:  linear-gradient(35deg,#9999FF, #9999FF);
    color: #DDD;
    padding: 5px;
    text-shadow: 0 -3px 3px #9999FF;
 }
 .hpm {
    border-radius: 5px;
    border: 0;
    border-radius: 5px;
    box-shadow: 1px 2px 5px #2754F5;
    font-size:35px;
    /*background-color:darkblue;*/
        /*background-color: cornflowerblue;*/
    color:black;
        border-color:blue;

        text-align: center;
         font-family:'Arabic Typesetting';
   font-size:45px;
   font-style:initial;
font-weight:bolder;
}
 .hpm:hover {
    border: 0;
    color:blue;
    box-shadow: 1px 2px 5px #2754F5;
    background:  linear-gradient(35deg,#9999FF, #2754F5);
    color: black;
    padding: 5px;
    border-color:blue;
    text-shadow: 0 -3px 3px #2754F5;
 }
 .hpmenu {
    border-radius: 5px;
    border: 0;
    border-radius: 5px;
    box-shadow: 1px 2px 5px #2754F5;
    font-size:35px;
    /*background-color:darkblue;*/
        /*background-color: cornflowerblue;*/
    color:darkblue;

        text-align: center;
         font-family:'Arabic Typesetting';
   font-size:65px;
   font-style:initial;
font-weight:bolder;
}
 .hpmenu:hover
   {
    /*border: 0;
    color:blue;
    box-shadow: 1px 2px 5px #999;
    background:  linear-gradient(35deg,#9999FF, #9999FF);
    color: rgb(255, 0, 102);
    padding: 5px;
    text-shadow: 0 -3px 3px #9999FF;*/
 }

 .hpdef {
    border-radius: 5px;
    border: 0;
    border-radius: 5px;
    box-shadow: 1px 2px 5px #2754F5;
    font-size:35px;
    /*background-color: green;*/
        /*background-color: cornflowerblue;*/

        text-align: center;
         font-family:'Arabic Typesetting';
   font-size:35px;

}
.hpmtext {
    border-radius: 5px;
    border: 0;
    border-radius: 5px;
    box-shadow: 1px 2px 5px #2754F5;
    font-size:35px;
    /*background-color:darkblue;*/
        /*background-color: cornflowerblue;*/
    color:black;
    padding-right:20px;
        text-align: right;
         font-family:'Arabic Typesetting';
   font-size:45px;
   font-style:initial;
font-weight:bolder;
}
.hpmtextcenter {
    border-radius: 5px;
    border: 0;
    border-radius: 5px;
    box-shadow: 1px 2px 5px #2754F5;
    font-size:35px;
    /*background-color:darkblue;*/
        /*background-color: cornflowerblue;*/
    color:black;

        text-align: center;
         font-family:'Arabic Typesetting';
   font-size:45px;
   font-style:initial;
font-weight:bolder;
}
 .hpmtextcenter:hover {
    border: 0;
    color:blue;
    box-shadow: 1px 2px 5px #2754F5;
    background:  linear-gradient(35deg,#9999FF, #2754F5);
    color: black;
    padding: 5px;
    border-color:blue;
    text-shadow: 0 -3px 3px #2754F5;
 }
.hpmtextfoot {
    border-radius: 5px;
    border: 0;
    border-radius: 5px;
    box-shadow: 1px 2px 5px #2754F5;
    font-size:35px;
    /*background-color:darkblue;*/
        /*background-color: cornflowerblue;*/
    color:red;

        text-align: center;
         font-family:'Arabic Typesetting';
   font-size:45px;
   font-style:initial;
font-weight:bolder;
}
 .hpmtextfoot:hover {
    border: 0;
    color:blue;
    box-shadow: 1px 2px 5px #2754F5;
    background:  linear-gradient(35deg,#9999FF, #2754F5);
    color: red;
    padding: 5px;
    border-color:blue;
    text-shadow: 0 -3px 3px #2754F5;
 }
 .hpmtextmain {
    /*border-radius: 5px;
    border: 0;
    border-radius: 5px;*/
    /*box-shadow: 1px 2px 5px #2754F5;*/
    font-size:35px;
    /*background-color:darkblue;*/
        /*background-color: cornflowerblue;*/
    color:black;
    padding-right:20px;
        text-align:justify;
         font-family:'Arabic Typesetting';
   font-size:55px;
   font-style:initial;
font-weight:bolder;
}
  .hpmtans {
    /*border-radius: 5px;
    border: 0;
    border-radius: 5px;*/
    /*box-shadow: 1px 2px 5px #2754F5;*/
    font-size:35px;
    /*background-color:darkblue;*/
        /*background-color: cornflowerblue;*/
    color:black;
    padding-right:20px;
        text-align:right;
         font-family:'Arabic Typesetting';
   font-size:65px;
   font-style:initial;
font-weight:bolder;
}

  .gvbot {
    text-align: right;
   /*padding-right:15px;*/
   /*background-color:darkcyan;*/
   border: none;
   /*border-radius: 10px;*/
   /*box-shadow: 0 7px #CCCCCC;*/
   font-family:'Arabic Typesetting';
   font-size:65px;
   background-color:transparent;
   color:darkblue;
   font-weight:bolder;
   /*font-style:italic;*/
  text-decoration: none;
}
 .gvbot:hover
   {
    /*border: 0;
    color:blue;
    box-shadow: 1px 2px 5px #999;
    background:  linear-gradient(35deg,#9999FF, #9999FF);
    color: rgb(255, 0, 102);
    padding: 5px;*/
    text-shadow: 0 -3px 3px #9999FF;
 }