@charset "utf-8";
/* CSS Document */

/* =============================== Master CSS Start ====================================== */

.BodyMainContainer{background-color:#EAEAEA;  padding:30px; float:left;}
.MainContentBody{background-color:#FFFFFF; border-radius:5px; padding-bottom:20px; float:left;}
/*.MainBodyContent{margin-top:35px; margin-bottom:35px;}*/
.MainBodyContent{margin-top:35px;}
.MainBodyContent span img{width:30px; margin-top:10px; -webkit-transform:scaleX(-1); transform:scaleX(-1);}
.MainBodyheading{margin:10px auto;padding:0 15px;}
.MainBodyContainerContent{}
.SpanGreen {
    color: #548235;
}
.SpanRed {
    color: #ff0000;
}
.SpanBlue {
    color: #44546a;
}
.SpanBlue2 {
    color: #2f5597;
}
.SpanYellow {
    color: #ffd040;
}
.SpanBrown {
    color: #7f6000;
}
.SpanPurple {
    color: #7030a0;
}
.SpanGrey {
    color: #7f7f7f;
}
.SpanBold {
    font-weight: bold;
}

.borderBottom {
    border-bottom: 2px solid;
}
 .InnerPg8Bottom .col-md-3 a{margin: 0 !important;
    position: absolute;
    bottom: 0;
    left: 0;}.InnerPg8Bottom .col-md-3 {
    padding-bottom: 30px;
}.InnerPg8Bottom {
    display: flex;flex-wrap:wrap;
}

 .InnerPage5Body .container {
    display: flex;
    flex-wrap: wrap;
}
   
.InnerPage5Body .container>.col-md-6 {
    text-align: center;
}
.InnerPage5Body .container>.col-md-6 img {
    width: 100%;
    max-width: 300px;
}

a.ReadMore{padding:5px 10px; background-color:#e2f0d9; color:#000000;}

@media (min-width:611px) and (max-width:768px) {
 .BodyMainContainer{padding:20px;}
 .MainBodyheading{margin:0; text-align:center;}
}

@media (min-width:576px) and (max-width:610px) {
.BodyMainContainer{padding:12px;}
.MainBodyheading{margin:0;  text-align:center;}
.MainBodyheading h2{font-size:22px;}
.MainBodyContent span img {width:24px; margin-top:0;}
}

@media (min-width:501px) and (max-width:575px) {

.BodyMainContainer{padding:12px;}
.MainBodyheading {margin:0; text-align:center;}
.MainBodyheading h2{font-size:20px;}
.MainBodyContent span img {width:24px; margin-top:0;}
}
 
@media (min-width:421px) and (max-width:500px) {

.BodyMainContainer{padding:12px;}
.MainBodyheading {margin:0; text-align:center;}
.MainBodyheading h2{font-size:16px;}
.MainBodyContent span img {width:24px; margin-top:0;}
}

@media (min-width:401px) and (max-width:420px) {
.BodyMainContainer{padding:12px;}
.MainBodyheading {margin:0;text-align:center;}
.MainBodyheading h2{font-size:16px;}
.MainBodyContent span img {width:24px; margin-top:0;}
}


@media (min-width:360px) and (max-width:400px) {
.BodyMainContainer{padding:12px;}
.MainBodyheading {margin:0; text-align:center;}
.MainBodyheading h2{font-size:16px;}
.MainBodyContent span img {width:24px; margin-top:0;}
}


@media (max-width:359px){
.BodyMainContainer{padding:12px;}
.MainBodyheading {margin:0;  text-align:center;}
.MainBodyheading h2{font-size:16px;}
.MainBodyContent span img {width:24px; margin-top:0;}
}

@media (min-width: 576px) {
    .modal-size {
        /*max-width:566px;*/
        max-width: 795px;
    }

    .modal-header .custom-close {
        padding: 0;
        margin: 0;
    }

    .modal-img {
        max-width: 100%;
        object-fit: cover;
    }

    .modal-size {
        max-width: 300px;
    }

    .modal-desktopQuranDesign-size {
        max-width: 795px;
    }
}

@media (max-width:1366px) {
    .extr {
        font-size: 18px;
    }
}

@media (min-width:1024px) {
    .extr {
        font-size: 13px;
    }

    .ToolQuranicLibraryReadMore {
        margin-top: 130px !important;
    }

    .ToolsCommunicationTeacherReadMore {
        margin-top: 59px !important;
    }
}

@media (min-width:1280px) {
    .ToolQuranicLibraryReadMore {
        margin-top: 83px !important;
    }

    .ToolsCommunicationTeacherReadMore {
        margin-top: -13px !important;
    }
}

@media (min-width:1366px) {
    .ToolQuranicLibraryReadMore {
        margin-top: 85px !important;
    }

    .ToolsCommunicationTeacherReadMore {
        margin-top: 13px !important;
    }

    .TajweedToolReadMore {
           margin-top: 12px !important;
    }
}

@media (min-width:1440px) {
    .ToolQuranicLibraryReadMore {
        margin-top: 83px !important;
    }

    .ToolsCommunicationTeacherReadMore {
        margin-top: 11px !important;
    }

    .TajweedToolReadMore {
           margin-top: 36px !important;
    }
}

@media (min-width:1600px) {
    .ToolQuranicLibraryReadMore {
        margin-top: 60px !important;
    }

    .ToolsCommunicationTeacherReadMore {
        margin-top: -12px !important;
    }

    .TajweedToolReadMore {
           margin-top: 11px !important;
    }
}

@media (min-width:1680px) {
    .ToolQuranicLibraryReadMore {
        margin-top: 60px !important;
    }

    .ToolsCommunicationTeacherReadMore {
        margin-top: -12px !important;
    }

    .TajweedToolReadMore {
           margin-top: 36px !important;
    }
}

@media (min-width:1920px) {
    .ToolQuranicLibraryReadMore {
        margin-top: 59px !important;
    }

    .ToolsCommunicationTeacherReadMore {
        margin-top: 35px !important;
    }

    .TajweedToolReadMore {
           margin-top: 36px !important;
    }
}
  
/* =============================== Master CSS End ====================================== */

/* ============================================= Inner Page 1 Start ================================================ */

.InnerPageHeading{color:#c00000;  text-align:center;}
.InnerPageHeading h2{padding-bottom: 4px; border-bottom: 2px solid;display:inline-block;}
.InnerPage1Body{text-align:left;}
.InnerPage1Body .col-md-8, .InnerPage1Body .col-md-4{float:right;}
.InnerPage1Body .col-md-4 img{width:100%;}
.InnerPg1BodyBottom{float:right;}
.InnerPg1BodyBottom .col-md-4{float:right;}
.InnerPg1BodyBottom .col-md-4{text-align:center;}
.InnerPg1BodyBottom .col-md-4 a{color:#000000; font-weight:bold; padding-bottom: 4px;}
.InnerPg1BodyBottom .col-md-4 a img{max-width:90%;}
.InnerPg1BodyBottom .VideoTg{padding:3%;}
.InnerPg1FullImg{margin-top:20px; float:right;}
.InnerPg1FullImg img{width:100%;}
.InnerPg1Connecting{float:right; margin-top:20px;}
.InnerPg1Connecting .col-md-6, .InnerPg1Connecting .col-md-6{float:right;}
.InnerPg1Connecting .col-md-6 img{width:100%;}
.ConnectOpt{margin-top:10px; float:right;padding:0}
.ConnectOpt ul{padding:0 20px;}
.ConnectOpt .col-md-4{float:right;}
.ConnectOpt .col-md-4 img{width:50%;}
.InnerPg1Maplocation{float:right; margin-top:10px;}
.InnerPg1Maplocation .col-md-6, .InnerPg1Connecting .col-md-6{float:right;}
.InnerPg1Maplocation .col-md-6 img{width:100%;}

/* ============================================= Inner Page 1 End ================================================ */

/* ============================================= Inner Page 3 Start ================================================ */

.InnerPage3Body{text-align:left;}
.InnerPage3Body .container h4{margin-top:40px;}
.InnerPage3Body h5{margin-top:15px;}
.InnerPg3Bottom{float:right; margin-top:15px;}
.InnerPg3Bottom .col-md-2, .InnerPg3Bottom .col-md-7, .InnerPg3Bottom .col-md-3{float:right; text-align:left;}
.InnerPg3Bottom .col-md-2 img{width:100%;}
.InnerPg3Bottom .col-md-3 img{width:100%;}
.InnerPg3Bottom .col-md-6{float:right; text-align:center;}
/*.InnerPg3Bottom .col-md-6 a{font-weight:bold; color:#000000; text-decoration:underline;}*/
.InnerPg3Bottom .col-md-6 a{font-weight:bold; color:#000000;padding-bottom: 4px; border-bottom: 2px solid;}

/* ============================================= Inner Page 3 End ================================================ */

/* ============================================= Inner Page 4 Start ================================================ */

.InnerPage4Body{text-align:left;}
.InnerPage4Body .container h4{margin-top:28px;}
.InnerPage4Body h5{/*margin-top:40px;*/}
/*.InnerPage4Body .container p{font-weight:bold;}*/
.InnerPage4Body .container .col-md-6{float:right; /*margin-top:20px;*/}
.InnerPage4Body .container .col-md-6 h4{float:right;}
.InnerPage4Body .container .col-md-6 img{margin-top:10px; width:40%;}

/* ============================================= Inner Page 4 End ================================================ */

/* ============================================= Inner Page 5 Start ================================================ */

.InnerPage5Body{text-align:left;}
.InnerPage5Body .container h4{}
.InnerPage5Body h5{margin-top:40px;}
/*.InnerPage5Body .container .col-md-9, .InnerPage5Body .container .col-md-3{float:left;}*/
.InnerPage5Body .container .col-md-9, .InnerPage5Body .container .col-md-3{text-align:left;}
.InnerPage5Body .container .col-md-3 img{width:100%}
.InnerPage5Body .container .col-md-9 h3{margin-top:40px;}
.InnerPage5Body .container .col-md-12 img{width:100%}
.InnerPage5Body .container .col-md-12{text-align:center;}
.InnerPage5Body .container .col-md-12 a{color:#000000; font-weight:bold;}
/*.videoBtn{width:6% !important; margin-top:20px;}*/
.videoBtn{width:100%;text-align: center;max-width:330px;}

/* ============================================= Inner Page 5 End ================================================ */

/* ============================================= Inner Page 6 Start ================================================ */

.InnerPage6Body{text-align:left;}
.InnerPage6Body .container h4{}
.InnerPage6Body h5{margin-top:40px;}
.InnerPage6Body .container .col-md-9, .InnerPage6Body .container .col-md-3{float:left;}
.InnerPg6Bottom{float:left; /*margin-top:20px;*/}
.InnerPg6Bottom .col-md-9, .InnerPg6Bottom .col-md-3{float:right;}
/*.InnerPg6Bottom .col-md-9 h4 span{text-decoration:underline;}*/
.InnerPg6Bottom .col-md-9 h4 span{padding-bottom: 4px; border-bottom: 2px solid;}
.InnerPg6Bottom .col-md-3 img{width:65%;}

/* ============================================= Inner Page 6 End ================================================ */

/* ============================================= Inner Page 7 Start ================================================ */

.InnerPage7Body{text-align:left;}
.InnerPage7Body .container h4{}
.InnerPage7Body h5{margin-top:40px;}
.InnerPg7Bottom{float:right; margin-top:20px;}
.InnerPg7Bottom img{width:100%;}

.InnerPage7Body h7 span{padding-bottom: 4px; border-bottom: 1px solid;}

/* ============================================= Inner Page 7 End ================================================ */

/* ============================================= Inner Page 8 Start ================================================ */

.InnerPage8Body{text-align:left;}.InnerPage8Body img{max-width:100%}
.InnerPage8Body .container h4{}
.InnerPage8Body h4{margin-top:40px; text-align:center;}
.InnerPg8Bottom{float:left; margin-top:20px;}
.InnerPg8Bottom .col-md-4{float:left;}
/*.InnerPg8Bottom .col-md-4 h5 span{text-decoration:underline;}*/
.InnerPg8Bottom .col-md-4 h5 span{padding-bottom: 4px; border-bottom: 2px solid;}
.InnerPg8Bottom .col-md-3{float:left;}
/*.InnerPg8Bottom .col-md-3 a{float:left;}
.inner8Heading h2 span{text-decoration:underline;}*/
.InnerPg8Bottom .col-md-3 a{float:left; margin-top:11px; margin-left:40%;}
.inner8Heading h2 span{padding-bottom: 4px; border-bottom: 2px solid;line-height:25px}

.inner8Heading h3{text-align:center;}
.inner8Heading h2{text-align:center;}
.inner8Heading ul{text-align:left; padding-right:31%;}



/* ============================================= Page 8 Inner Page 1 Start ================================================ */

.Pg8Inner .col-md-4{float:right; text-align:center;}
.Pg8Inner .col-md-4 .col-md-6{float:right; text-align:center; margin-top:10px;}
.Pg8Inner .col-md-4 .col-md-6 img{width:38%;}
.Pg8Inner .col-md-4 .col-md-6 a{color:#000000; font-weight:bold; font-size:14px;}

/* ============================================= Page 8 Inner Page 1 End ================================================ */

/* ============================================= Page 8 Inner Page 2 Start ================================================ */

.Pg8Inner .col-md-4{float:left; text-align:center;}
.Pg8Inner .col-md-6{float:right; text-align:center; margin-top:10px;}
.Pg8Inner .col-md-6 .col-md-8, .Pg8Inner .col-md-6 .col-md-4{float:right;}
.Pg8Inner .col-md-6 .col-md-8, .Pg8Inner .col-md-6 .col-md-4 a{color:#000000; font-weight:bold; font-size:14px;display:block;}
.Pg8Inner .col-md-6 .col-md-4 img{margin-top:40px;}
.Pg8Inner .col-md-4 .col-md-6 img{width:90%;}
/*.Pg8Inner .col-md-4 .col-md-6 a{color:#000000; font-weight:bold; font-size:14px;}*/
.Pg8Inner .col-md-4 .col-md-6 a{color:#000000; font-weight:bold; font-size:13px; padding-bottom: 4px; border-bottom: 2px solid;}
.Pg8InnerBottom{float:right; margin-top:40px;}
.Pg8InnerBottom .col-md-4{float:right; text-align:center;}
.Pg8InnerBottom .col-md-4 img{width:100%;}
.Pg8InnerBottom .col-md-4 p{font-size:24px;}

.Pg8InnerBottom .col-md-8{float:right; text-align:center;}
.Pg8InnerBottom .col-md-8 img{width:100%;}


/* ============================================= Page 8 Inner Page 2 End ================================================ */

/* ============================================= Page 8 Inner Page 3 Start ================================================ */

.Pg8Inner .col-md-8{float:left;}
.Pg8Inner .col-md-8 img{width:100%;}
.Pg8Inner .col-md-4 img{margin-top:40px;max-width:100%;}
.Pg8Inner .col-md-4 a{color:#000000; font-weight:bold; font-size:14px;}
.Pg8a3Chart{float:right; text-align:center; margin-top:40px;}
.Pg8a3Chart .col-md-6{float:right;}
.Pg8a3Chart .col-md-6 img{width:100%;}
.Pg8a3Chart .col-md-6{text-align:left; margin-top:20px;}

/* ============================================= Page 8 Inner Page 3 End ================================================ */

/* ============================================= Page 8 Inner Page 4 Start ================================================ */

.Pg8Innera4 .col-md-8, .Pg8Innera4 .col-md-4{float:left;}
.Pg8Innera4 .col-md-8 h4{text-align:left;}
.Pg8Innera4 .col-md-4 img{width:70%;}
.Pg8a4InnerBottom{float:right; margin-top:40px;}
.Pg8a4InnerBottom .col-md-8{float:left;}
.Pg8a4InnerBottom .col-md-8 h4{float:left; margin-top:0;}
.Pg8a4InnerBottom .col-md-8 ul{float:right;}
.Pg8a4InnerBottom .col-md-4{float:right; text-align:center; margin-top:40px;}
.Pg8a4InnerBottom .col-md-4 a{color:#000000; font-weight:bold; font-size:14px;}
.Pg8a4InnerBottom h2{text-align:center;}
.Pg8a4InnerBottom2{float:right;}
.Pg8InnerConnecting .col-md-4{text-align:center;}
.Pg8a4InnerBottom2 img{width:100%; margin-top:40px;}
.Pg8a4InnerBottom3{float:right; margin-top:40px;}
.Pg8a4InnerBottom3 .col-md-6{float:right;}
.Pg8a4InnerBottom3 .col-md-6 .col-md-6{float:right; text-align:center; margin-top:40px;}
.Pg8a4InnerBottom3 .col-md-6 .col-md-6 a{color:#000000; font-weight:bold; font-size:14px;}

/* ============================================= Page 8 Inner Page 4 End ================================================ */

/* ============================================= Inner Page 8 End ================================================ */


/* ============================================= Inner Page 9 Start ================================================ */

.InnerPage9Body{text-align:left;}
.InnerPage9Body .container h4{}
.InnerPage9Body h5{margin-top:40px;}
.InnerPg9Bottom{float:right; margin-top:20px;}
.InnerPg9Bottom img{width:100%;}
/*.inner9Heading h2 span{text-decoration:underline;}*/
.inner9Heading h2 span{padding-bottom: 4px; border-bottom: 2px solid;line-height:25px}
.inner9Heading h3{text-align:center;}
.inner9Heading ul{text-align:right; padding-right:31%;}
img{max-width:100%}

/* ============================================= Page 9 Inner Page 1 Start ================================================ */

.Pg9Inner .col-md-6{float:left;}
.Pg9Inner .col-md-6 img{width:100%;}
.Pg9Inner .col-md-6 .col-md-6 {float:right; text-align:center; margin-top:60px;}
.Pg9Inner .col-md-6 .col-md-6 img{width:65%;}
.Pg9Inner .col-md-6 .col-md-6 a{color:#000000; font-weight:bold; font-size:14px;}
.Pg9a1InnerBottom{float:right; margin-top:40px;}
.Pg9a1InnerBottom .col-md-4{float:right;}
.Pg9a1InnerBottom .col-md-4 img{width:100%;}

/* ============================================= Page 9 Inner Page 1 End ================================================ */

/* ============================================= Page 9 Inner Page 2 Start ================================================ */

.Pg9Innera2 .col-md-3, .Pg9Innera2 .col-md-6{float:left;}
.Pg9Innera2 .col-md-3 img{width:100%;}
.Pg9Innera2 .col-md-3 .col-md-12{text-align:center;}
.Pg9Innera2 .col-md-3 .col-md-12 a{color:#000000; font-weight:bold; font-size:14px;}
.Pg9Innera2 .col-md-3 .col-md-12 img{width:90%;}
.Pg9Innera2 .col-md-3 .col-md-6 {float:right; text-align:center; margin-top:60px;}
.Pg9Innera2 .col-md-3 .col-md-6 img{width:25%;}
.Pg9Innera2 .col-md-3 .col-md-6 a{color:#000000; font-weight:bold; font-size:14px;}
.Pg9a1InnerBottom{float:right; margin-top:40px;}
.Pg9a1InnerBottom .col-md-4{float:right;}
.Pg9a1InnerBottom .col-md-4 img{width:100%;}

/* ============================================= Page 9 Inner Page 2 End ================================================ */

/* ============================================= Inner Page 9 End ================================================ */

/* ============================================= Inner Page 10 Start ================================================ */

.pg10Img{width: 14%; position: absolute; left: 50px; top: 32px;}

/* ============================================= Inner Page 10 End ================================================ */

/* ============================================= Inner Page 11 Start ================================================ */

.pg10Img{width: 14%; position: absolute; left: 50px; top: 32px;}


.InnerPage11Body{text-align:left;}
.InnerPage11Body .container h4{}
.InnerPage11Body h4{margin-top:40px; text-align:center;}
.InnerPg11Bottom{float:left; margin-top:20px;}
.InnerPg11Bottom .col-md-4{float:left;}
.InnerPg11Bottom .col-md-4 h5 span{padding-bottom: 4px; border-bottom: 2px solid;}
.InnerPg11Bottom .col-md-3{float:right;}
.InnerPg11Bottom .col-md-3 a{float:left; margin-top:11px; margin-left:40%;}
.inner11Heading h2 span{padding-bottom: 4px; border-bottom: 2px solid;}

.inner11Heading h3{text-align:center;}
.inner11Heading ul{text-align:left; padding-right:31%;}


/* ============================================= Inner Page 11 End ================================================ */

/* ============================================= Inner Page 12 Start ================================================ */

.InnerPage12{float:left;}
.InnerPage12 .col-md-6{float:left;  }
.Pg12Content{text-align:left;}
.InnerPage12 .col-md-6 img{}

/* ============================================= Inner Page 12 End ================================================ */