/* ======================================================
   Global Reset
   Remove default margin/padding and apply border-box
====================================================== */
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  text-decoration: none;
  box-sizing: border-box;
}

/* ======================================================
   Custom Scrollbar Styling (WebKit Browsers)
   Chrome, Edge, Safari
====================================================== */

/* Scrollbar Width */
::-webkit-scrollbar {
  width: 15px;
}

/* Scrollbar Track */
::-webkit-scrollbar-track {
  background: #800505;
}

/* Scrollbar Corner */
::-webkit-scrollbar-corner {
  background: SlateBlue;
}

/* Scrollbar Handle */
::-webkit-scrollbar-thumb {
  background: #FFC300;
}

/* Scrollbar Handle on Hover */
::-webkit-scrollbar-thumb:hover {
  background: #FFFFFF;
}

/* ======================================================
   Custom Fonts
====================================================== */

/* Aero Font */
@font-face {
  font-family: Aero;
  src: url('../fonts/Aero.ttf');
}

.font_Aero {
  font-family: Aero;
}

/* Aslam Font */
@font-face {
  font-family: Aslam;
  src: url('../fonts/BombayBlack.ttf');
}

.font_Aslam {
  font-family: Aslam;
}

/* ======================================================
   Body Styling
====================================================== */
body {
  margin-left: 0;
  margin-top: 0;
  margin-right: 0;
  background: url(../images/body.jpg);
  font-family: Aero;
}

/* ======================================================
   Text Utility Classes
====================================================== */
.style7 {
  color: #FFFFFF;
}

.style9 {
  color: #FFFFFF;
  font-size: 12px;
}

.style10 {
  font-weight: bold;
}

.style11 {
  font-weight: bold;
}

.style12 {
  color: #FBD536;
}

.style15 {
  font-size: 12px;
}

.style13 {
  font-size: 9px;
}

.style14 {
  font-size: 9;
}

/* ======================================================
   Layout Containers
====================================================== */
#dive {
  width: 915;
}

.div1 {
  width: 915px;
}

/* Main Site Wrapper */
#site-wrapper {
  width: 990px;
  margin: 0 auto;
  position: relative;
  display: block;
  transform-origin: top center;
  -webkit-transform-origin: top center;
}

/* ======================================================
   Button Styles
====================================================== */

/* Number Button */
.Button_Number {
  width: 80px;
  box-shadow: 1px 1px 2px 1px grey;
  background: #FFF5EB;
  border-radius: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

/* Title Button */
.Button_TITAL {
  width: auto;
  box-shadow: 1px 1px 2px 1px grey;
  background: ghostwhite;
  font-family: Aslam;
  color: red;
  border-radius: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

/* Link Button */
.Button_link {
  width: 230px;
  box-shadow: 1px 1px 2px 1px grey;
  background: #FFF5EB;
  border-radius: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

/* Button Style B */
.Button_B {
  width: 200px;
  height: 50px;
  background: #FFF5EB;
  box-shadow: 1px 1px 2px 1px grey;
  padding-top: 5px;
  padding-bottom: 0px;
  font-weight: bold;
  border-radius: 40px;
  color: #000000;
  font-family: Aslam;
  margin: 0px;
  margin-top: 4px;
  margin-bottom: 4px;
}

/* Button Style BB */
.Button_BB {
  width: 220px;
  height: 50px;
  font-size: 20px;
  background: #FFF5EB;
  box-shadow: 1px 1px 2px 1px grey;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: bold;
  border-radius: 40px;
  color: #000000;
  font-family: Aslam;
  margin: 0px;
  margin-top: 4px;
  margin-bottom: 4px;
}

/* ======================================================
   Table Style Blocks
====================================================== */

.table1 {
  width: 200px;
  height: 55px;
  background: #FFF5EB;
  box-shadow: 1px 1px 5px 1px grey;
  padding-top: 6px;
  margin: 2px;
  border-radius: 50px;
  text-shadow: 1px .5px 1px #9e9796;
  color: #511166;
}

.table2 {
  width: 470px;
  height: 55px;
  font-size: 30px;
  font-weight: normal;
  background: #FFF5EB;
  box-shadow: 1px 1px 5px 1px grey;
  padding-top: 8px;
  margin-right: 5px;
  border-radius: 50px;
  text-shadow: 1px .5px 1px #9e9796;
  color: #5A2961;
}

.table3 {
  width: 200px;
  height: 55px;
  background: #FFF5EB;
  box-shadow: 1px 1px 5px 1px grey;
  padding-top: 6px;
  margin: 0px;
  font-size: 30px;
  border-radius: 50px;
  text-shadow: 1px .5px 1px #9e9796;
  color: #511166;
}

/* ======================================================
   Typography Helpers
====================================================== */

.jild {
  color: #691002;
}

.shumara {
  color: #691002;
}

.font-size {
  font-size: 30px;
}

/* Special Urdu Heading */
.H_K {
  color: #086308;
  font-size: 30px;
  font-family: Jameel Noori Nastaleeq;
}

/* ======================================================
   Banner Style
====================================================== */
.banner {
  border: 8px solid #750909 !important;
  border-radius: 5px;
  box-shadow: 3px 3px 3px grey;
  padding: 0px;
}

/* ======================================================
   Anchor (Link) Styling
====================================================== */

a {
  font-size: 15px;
}

/* Default Link */
a:link {
  color: #6B0E0E;
  font-size: 25px;
  text-decoration: none;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Aero;
}

/* Visited Link */
a:visited {
  color: #045E0C;
  font-size: 25px;
  text-decoration: none;
}

/* Hover Effect */
a:hover {
  color: #000000;
  font-size: 27px;
  text-decoration: none;
}

/* Active Link */
a:active {
  color: #62075B;
  font-size: 25px;
  text-decoration: none;
}

/* Pointer Cursor for Links */
a:-webkit-any-link {
  cursor: pointer;
  text-decoration: none;
}

/* ======================================================
   Generic Button Style
====================================================== */
.btn {
  border: none;
  color: white;
  padding: 14px 28px;
  font-size: 19px;
  cursor: pointer;
}