body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#Layer3
{
   background-color: #34797E;
   background-image: none;
   border-radius: 0px;
}
#Layer4
{
   background-color: #F8F9FA;
   background-image: none;
   border-radius: 0px;
}
#TextArt1
{
   border-width: 0;
   vertical-align: top;
}
#Button2
{
   box-sizing: border-box;
   line-height: 38px;
   text-decoration: none;
   vertical-align: top;
   border: 1px solid #0D6EFD;
   border-radius: 4px;
   background-color: #0D6EFD;
   background-image: none;
   color: #FFFFFF;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   font-size: 16px;
   padding: 1px 6px 1px 6px;
   text-align: center;
   -webkit-appearance: none;
   margin: 0;
}
#Button2:focus
{
   outline: 0;
}
#Layer1
{
   background-color: #F0F8FF;
   background-image: none;
   border-radius: 0px;
}
#wb_Icon2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#wb_Icon2 a
{
   text-decoration: none;
}
#wb_Icon2 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#Icon2
{
   height: 46px;
   width: 51px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#Icon2 i
{
   color: #FF0000;
   display: inline-block;
   font-size: 46px;
   line-height: 46px;
   vertical-align: middle;
}
#wb_Icon2:hover #Icon2 i
{
   color: #0D6EFD;
}
#wb_Icon1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 0;
   padding: 0;
   vertical-align: top;
}
#wb_Icon1 a
{
   text-decoration: none;
}
#wb_Icon1 a::after
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   pointer-events: auto;
   content: "";
}
#Icon1
{
   height: 47px;
   width: 57px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#Icon1 i
{
   color: #32CD32;
   display: inline-block;
   font-size: 47px;
   line-height: 47px;
   vertical-align: middle;
}
#wb_Icon1:hover #Icon1 i
{
   color: #0D6EFD;
}
#wb_Icon1
{
   position: absolute;
   left: 247px;
   top: 666px;
   width: 57px;
   height: 47px;
   text-align: center;
   z-index: 6;
}
#A1Html1
{
   position: absolute;
   left: 14px;
   top: 116px;
   width: 274px;
   height: 316px;
   z-index: 1;
}
#Button2
{
   position: absolute;
   left: 8px;
   top: 5px;
   width: 298px;
   height: 42px;
   z-index: 3;
}
#TextArt1
{
   width: 183px;
   height: 21px;
}
#Layer1
{
   position: absolute;
   text-align: left;
   left: 6px;
   top: 108px;
   width: 301px;
   height: 549px;
   z-index: 4;
}
#wb_Icon2
{
   position: absolute;
   left: 195px;
   top: 666px;
   width: 51px;
   height: 46px;
   text-align: center;
   z-index: 5;
}
#Layer3
{
   position: absolute;
   text-align: left;
   left: 8px;
   top: 6px;
   width: 312px;
   height: 728px;
   z-index: 9;
}
#wb_TextArt1
{
   position: absolute;
   left: 58px;
   top: 13px;
   width: 183px;
   height: 21px;
   z-index: 0;
}
#Layer4
{
   position: absolute;
   text-align: left;
   left: 8px;
   top: 52px;
   width: 298px;
   height: 46px;
   z-index: 2;
}
@media only screen and (min-width: 768px)
{
body
{
   background-color: #FFFFFF;
   background-image: url('images/1400%2dbcb_hero%2dl.jpg');
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
}
#Layer3
{
   left: 8px;
   top: 3px;
   width: 760px;
   height: 709px;
   visibility: visible;
   display: block;
}
#Layer4
{
   left: 7px;
   top: 51px;
   width: 740px;
   height: 46px;
   visibility: visible;
   display: block;
}
#wb_TextArt1
{
   left: 281px;
   top: 13px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Button2
{
   left: 8px;
   top: 5px;
   width: 739px;
   height: 43px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button2
{
   line-height: 39px;
}
#Layer1
{
   left: 7px;
   top: 104px;
   width: 740px;
   height: 533px;
   visibility: visible;
   display: block;
}
#wb_Icon2
{
   left: 636px;
   top: 648px;
   width: 51px;
   height: 46px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Icon2
{
   width: 51px;
   height: 46px;
}
#Icon2 i
{
   line-height: 46px;
   font-size: 46px;
   width: 45px;
}
#wb_Icon1
{
   left: 699px;
   top: 648px;
   width: 51px;
   height: 46px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Icon1
{
   width: 51px;
   height: 46px;
}
#Icon1 i
{
   line-height: 46px;
   font-size: 46px;
   width: 45px;
}
#A1Html1
{
   left: 126px;
   top: 51px;
   width: 424px;
   height: 348px;
   visibility: visible;
   display: inline;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px)
{
body
{
   background-color: #FFFFFF;
   background-image: url('images/1400%2dbcb_hero%2dl.jpg');
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
}
#Layer3
{
   left: 8px;
   top: 4px;
   width: 472px;
   height: 743px;
   visibility: visible;
   display: block;
}
#Layer4
{
   left: 8px;
   top: 62px;
   width: 454px;
   height: 42px;
   visibility: visible;
   display: block;
}
#wb_TextArt1
{
   left: 136px;
   top: 9px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Button2
{
   left: 9px;
   top: 8px;
   width: 453px;
   height: 43px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button2
{
   line-height: 39px;
}
#Layer1
{
   left: 7px;
   top: 109px;
   width: 457px;
   height: 574px;
   visibility: visible;
   display: block;
}
#wb_Icon2
{
   left: 337px;
   top: 692px;
   width: 49px;
   height: 43px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Icon2
{
   width: 49px;
   height: 43px;
}
#Icon2 i
{
   line-height: 43px;
   font-size: 43px;
   width: 42px;
}
#wb_Icon1
{
   left: 388px;
   top: 692px;
   width: 74px;
   height: 43px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Icon1
{
   width: 74px;
   height: 43px;
}
#Icon1 i
{
   line-height: 43px;
   font-size: 43px;
   width: 42px;
}
#A1Html1
{
   left: 17px;
   top: 172px;
   width: 424px;
   height: 348px;
   visibility: visible;
   display: inline;
}
}
@media only screen and (max-width: 479px)
{
body
{
   background-color: #FFFFFF;
   background-image: url('images/1400%2dbcb_hero%2dl.jpg');
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
}
#Layer3
{
   left: 8px;
   top: 6px;
   width: 312px;
   height: 779px;
   visibility: visible;
   display: block;
}
#Layer4
{
   left: 8px;
   top: 50px;
   width: 292px;
   height: 37px;
   visibility: visible;
   display: block;
}
#wb_TextArt1
{
   left: 58px;
   top: 7px;
   visibility: visible;
   display: inline;
   margin: 0;
}
#Button2
{
   left: 10px;
   top: 6px;
   width: 289px;
   height: 41px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 1px 6px 1px 6px;
}
#Button2
{
   line-height: 37px;
}
#Layer1
{
   left: 9px;
   top: 96px;
   width: 291px;
   height: 610px;
   visibility: visible;
   display: block;
}
#wb_Icon2
{
   left: 191px;
   top: 717px;
   width: 51px;
   height: 46px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Icon2
{
   width: 51px;
   height: 46px;
}
#Icon2 i
{
   line-height: 46px;
   font-size: 46px;
   width: 45px;
}
#wb_Icon1
{
   left: 252px;
   top: 717px;
   width: 51px;
   height: 46px;
   visibility: visible;
   display: inline;
   margin: 0;
   padding: 0;
}
#Icon1
{
   width: 51px;
   height: 46px;
}
#Icon1 i
{
   line-height: 46px;
   font-size: 46px;
   width: 45px;
}
#A1Html1
{
   left: 11px;
   top: 112px;
   width: 273px;
   height: 318px;
   visibility: visible;
   display: inline;
}
}
.contact-box{
width:100%;
height:100%;
box-sizing:border-box;
padding:20px;
font-family:tahoma, Arial;
line-height:1.8;
}

.fa{
direction:rtl;
text-align:right;
}

.en{
direction:ltr;
text-align:left;
}

.contact-links a{
display:block;
text-decoration:none;
color:#0a58ca;
margin:5px 0;
font-weight:bold;
}

.contact-links a:hover{
color:#d00000;
}

.exam-list{
margin-top:10px;
font-weight:bold;
}