﻿
.darabicKfont
{
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
 }
 
 .darabicKfontBold
{
    font-size: 12px;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
    font-weight: bold;
 }     
body
{
 margin:0px;    
 background-color: #ffffff;   
  
    }     
  
  .ImgScl
  {
    width: 100%;
    height: auto;
  }


.TEXT_BOX_FIELD {
    /*border*/
    /*border-radius: 8px;*/
    padding: 0px 10px 0px 5px;
    border-style: solid;
    border-color: #40bfb6;
    border-width: 1.5px;
    /**/
    background: #ffffff;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
    color: #000000;
    font-size: 25px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 0px;
    direction: rtl;
    /*background-color:transparent;*/
    width: 605px;
    height: 80px;
}

.DropDown_BOX_FIELD {
    /*border*/
    border-radius: 20px;
    padding: 0px 10px 0px 5px;
    border-style: solid;
    border-color: #40bfb6;
    border-width: 1px;
    /**/
    background: #ffffff;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
    color: #000000;
    font-size: 25px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 0px;
    direction: rtl;
    /*background-color:transparent;*/
    width: 605px;
    height: 80px;
}



::-webkit-input-placeholder { /* Edge */
  color: #000000;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000000;
}

::placeholder {
  color: #000000;
}


   
.requiredText   
 {
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
     color: #ff0000;
     font-size:15px;
 } 
 
 .message_error
 {
	font-size: 10px;
	font-weight:bold;
    color: #000000;     
     } 
     
 .ContactMsgSentName
 {
    direction:rtl;
    color:#f26f00;
    font-weight:bold; 
    line-height: 30px;
    font-size: 18px;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
}

 .ContactMsgSentText
 {
    direction:rtl;
    color:#000000;
    font-weight:bold; 
    line-height: 30px;
    font-size: 18px;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
}   

.redirectText
{
    line-height: 30px;
    font-size: 17px;
    font-family: 'Droid Arabic Kufi', Arial, David, Tahoma;
    color: #000000;
    font-weight: bold;
    }
    
.redirectTextTimer
 {
   line-height: 30px;
   font-size: 17px;
   font-family: 'Droid Arabic Kufi', Arial, David, Tahoma; 
   color: #f26f00;
   font-weight: bold;
    }



#mainPage1 {
    position: relative;
    width: 800px;
    height: 1536px;
    background-image: url('../Images/groupmentor1_2.jpg');
    background-repeat: no-repeat
}
    
  #fnameField {
        position: absolute;
        bottom: 463px;
        left: 96px;
     width:605px;
     height:80px;
    }


    #lnameField {
        position: absolute;
        bottom: 373px;
        left: 96px;
     width:605px;
     height:80px;
    }

    #phoneField {
        position: absolute;
        bottom: 283px;
        left: 96px;
     width:605px;
     height:80px;
    }

    #emailField {
        position: absolute;
        bottom: 193px;
        left: 96px;
     width:605px;
     height:80px;
    }

    #schoolField {
        position: absolute;
        bottom: 177px;
        left: 150px;
     width:588px;
     height:88px;
    }

    #cityField {
        position: absolute;
        bottom: 173px;
        left: 150px;
     width:588px;
     height:88px;
    }

    #DepField {
        position: absolute;
        bottom: 209px;
        left: 150px;
     width:588px;
     height:88px;
    }


#Button_div {
    position: absolute;
    bottom: 120px;
    left: 313px;
    width: 176px;
    height: 49px;
}

#regLink
{position:absolute;  top:1070px; 
left:228px; 
height:38px; 
width: 345px; 
cursor:pointer;
}

#mainPage2 {
    position: relative;
    width: 800px;
    height: 521px;
    background-image: url('../Images/groupmentor2_2.jpg');
    background-repeat: no-repeat
}

#messageBox
{position:absolute; width:720px; 
height:118px; 
top: 346px; 
left: 42px;
}

.sendImageUrl {
    width: 176px;
    height: 49px;
    background-image: url('../Images/groupmentor_reg.png');
    background-repeat: no-repeat;
    border: 0px;
    cursor: pointer;
    background-color: transparent;
}
  

#webLink
{position:absolute;    bottom:15px; 
left:219px; 
height:21px; 
width: 123px; 
cursor:pointer; right: 458px;
}  
   
#qsmMailLink
{position:absolute;   bottom:15px; 
left:107px; 
height:23px; 
width: 26px; 
cursor:pointer; right: 667px;
}

#certMailLink
{position:absolute;   bottom:41px; 
left:100px; 
height:21px; 
width: 195px; 
cursor:pointer; right: 505px;
}

#facebook
{position:absolute;   bottom:14px; 
left:147px; 
height:22px; 
width: 23px; 
cursor:pointer; right: 630px;
}

#instagram
{position:absolute;   bottom:14px; 
left:184px; 
height:21px; 
width: 21px; 
cursor:pointer; right: 595px;
}


#GoToReg    
{position:absolute;  top:47px; 
left:111px; 
height:229px; 
width: 599px; 
cursor:pointer;
}

#whatsapp
{position:absolute;    bottom:42px; 
left:348px; 
height:23px; 
width: 157px; 
cursor:pointer; right: 295px;
}

#Callme
{position:absolute;    bottom:43px; 
left:570px; 
height:21px; 
width: 159px; 
cursor:pointer; right: 71px;
}



/*open for mobile*/
@media only screen and (max-width: 630px)
{

    #waze
{position:absolute;   bottom:15px; 
left:68px; 
height:21px; 
width: 23px; 
cursor:pointer; right: 709px;
}


}
/*end for mobile*/
