/*------------This is for font Call ----------------- */
@font-face {
    font-family:"SakalBharati";
    font-style:normal;
    font-weight:normal;
    src : url("../Fonts/SakalBharati.ttf");
}
                           

                            /*------------This is for body 
Call----------------- */
body {
font-family:"SakalBharati";
font-size:100%;
line-height:150%;
padding:2%;
text-align:justify;
}
                            /*------------This is for Heading 
Call----------------- */


h1
{
color:#001827;
font-size:1.5em;
padding:10px;
}
h2
{
color:#00ACEF;
font-size:1.4em;
padding:10px;
}
h3
{
color:#00ACEF;
font-size:1.3em;
padding:10px;
}
h4
{
color:#00aeef;
font-size:1.2em;
padding:10px;
}
h5
{
color:#00aeef;
font-size:1.1em;
padding:10px;
}
h6
{
color:#00aeef;
font-size:1 em;
padding:10px;
}

                            /*------------This is for Boxes 
Call----------------- */

.box1
{
border:2px solid #bbbbbb ;
padding:15px;
border-radius:15px;
background:#D0D1D3;

}
.box2
{
border:2px solid #00ACEF;
color:#000000;
padding:15px;
border-radius:15px;
background:#C6EAFB;
}
.box3
{
border:2px solid #bbbbbb;
color:#727E6D;
padding:15px;
border-radius:15px;
background:#00ACEF;
}
.brown
{
border:2px solid #D3D3D3;
padding:15px;
border-radius:15px;
background: #D3D3D3
}


                             /*------------This is for Caption 
Call----------------- */
.caption{
font-style: italic;
font-size: 0.83em;
color: #4D4D4D;
text-align:center;
}
                             /*------------This is for Image 
Call----------------- */
.image{
text-align:center;
}

img {
max-width:100%;
}

p.resize img, .resize img

{
position:relative;
top:10px;
}

/*------------This is for TABLE Call----------------- */
table
{
width:100%;
border:2px solid #000;
border-collapse:collapse;

}
td
{
padding:10px;
border:2px solid #000;
border-collapse:collapse;
background:#F7B4F6;
}


                             /*------------This is for Cover Page 
Call----------------- */
div.layout
{
  text-align: center;
}
.img_wid
{
margin-left: auto;
    margin-right: auto;
display: block;
width:80%;
}
.bold
{
font-weight:bold;
}
div.chapter_pos
{
  text-align: center;
  width: 96%;
  position:absolute;
top:60%;
font-weight:bold;
font-size:28px;
color:#fff;
}
div.chapter_pos div
{
background:#1CA656;
padding:10px;
width:50%;
margin:auto;
opacity:0.9;
}
div.chapter_pos div span
{
font-size:0.7em;
color:#aeaeae;
font-weight:normal;
}

.cover_img_small
{
width:50%;
}


                               /*------------This is for QR code 
Call----------------- */
.clear                                                      
{
clear:both;
}

img.right-img
{
text-align: right;
display:inline-block;
float:right;
width:177px;
}
 /*------------
Written By Mohd Salman
----------------- */