﻿@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;}
.MainBodyContent span img{width:30px; margin-top:10px; -webkit-transform:scaleX(-1); transform:scaleX(-1);}
.MainBodyheading{margin:10px 97px;}
.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;}
.mainLayout {padding:0;}


 a.ReadMore{padding:5px 10px; background-color:#e2f0d9; color:#000000;}

@media (min-width:611px) and (max-width:768px) {
 .BodyMainContainer{padding:20px;}
 .MainBodyheading{margin:0; width:611px; text-align:center;}
}

@media (min-width:576px) and (max-width:610px) {
.BodyMainContainer{padding:12px;}
.MainBodyheading{margin:0; width:500px; 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; width:500px; 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; width:340px; 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; width:339px; 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; width:288px; 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; width:100%; text-align:center;}
.MainBodyheading h2{font-size:16px;}
.MainBodyContent span img {width:24px; margin-top:0;}
}

 @media (max-width:1366px){
.extr{font-size:18px;}
 
}
 @media (max-width:1024px){
.extr{font-size:13px;}
    .InnerPage4Body .container .col-md-6 img {
        margin-top: 23px !important;
        width: 40%;
    }
.Pg8Inner .col-md-4 .col-md-6 a{color:#000000; font-weight:bold; font-size:8px !important; padding-bottom: 4px; border-bottom: 2px solid; white-space: nowrap;}
    .pg8-img1 {
        width: 256px;max-width:100%;
    }
    .pg8-img2 {
        width: 160px;
    }
    .pg8-img3 {
        width: 159px;
    }
}

/* =============================== Master CSS End ====================================== */

/* ============================================= Common End ================================================ */

.underLineH4{padding-bottom:4px; border-bottom: 2px solid;line-height:40px}
.underLineH5{padding-bottom:2px; border-bottom: 2px solid;line-height:40px;}

/* ============================================= Common 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:right;}
.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{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;}
.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:right;}
.InnerPage3Body .container h4{margin-top:15px;}
.InnerPage3Body h5{margin-top:15px;}
.InnerPg3Bottom{float:right; margin-top:0px;}
.InnerPg3Bottom .col-md-2, .InnerPg3Bottom .col-md-7, .InnerPg3Bottom .col-md-3{float:right; text-align:right;}
.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;padding-bottom: 4px; border-bottom: 2px solid;}


.col-md-12 .InnerPage3Body h5 span{padding-bottom: 4px; border-bottom: 2px solid;line-height:33px}
.InnerPg3Bottom .col-md-7 h5 span{padding-bottom: 4px; border-bottom: 2px solid;line-height:35px;}

/* ============================================= Inner Page 3 End ================================================ */

/* ============================================= Inner Page 4 Start ================================================ */

.InnerPage4Body{text-align:right;}
.InnerPage4Body .container h4{margin-top:0px;}
.InnerPage4Body h5{margin-top:40px;}
/*.InnerPage4Body .container p{font-weight:bold;}*/
.InnerPage4Body .container .col-md-6{float:right; margin-top:0px;}
.InnerPage4Body .container .col-md-6 h4{float:right;}
.InnerPage4Body .container .col-md-6 img{margin-top:10px; width:40%;}

.InnerPage4Body .col-md-6 h4 span{padding-bottom:4px; border-bottom: 2px solid;}

/* ============================================= Inner Page 4 End ================================================ */

/* ============================================= Inner Page 5 Start ================================================ */

.InnerPage5Body{text-align:right;}
.InnerPage5Body .container h4{}
.InnerPage5Body h5{margin-top:40px;}
.InnerPage5Body .container .col-md-9, .InnerPage5Body .container .col-md-3{float:right;}
.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:25% !important; margin-top:20px;}

/* ============================================= Inner Page 5 End ================================================ */

/* ============================================= Inner Page 6 Start ================================================ */

.InnerPage6Body{text-align:right;}
.InnerPage6Body .container h4{}
.InnerPage6Body h5{margin-top:40px;}
.InnerPage6Body .container .col-md-9, .InnerPage6Body .container .col-md-3{float:right;}
.InnerPg6Bottom{float:right; margin-top:0px;}
.InnerPg6Bottom .col-md-9, .InnerPg6Bottom .col-md-3{float:right;}
.InnerPg6Bottom .col-md-9 h4 span{padding-bottom: 2px; border-bottom: 2px solid;}
.InnerPg6Bottom .col-md-3 img{width:65%;}

/* ============================================= Inner Page 6 End ================================================ */

/* ============================================= Inner Page 7 Start ================================================ */

.InnerPage7Body{text-align:right;}
.InnerPage7Body .container h4{}
.InnerPage7Body h5{margin-top:40px;}
.InnerPg7Bottom{float:right; margin-top:20px;}
.InnerPg7Bottom img{width:100%;}

.col-md-12 .InnerPage7Body h7 span{padding-bottom:2px;border-bottom:1px solid;}
/* ============================================= Inner Page 7 End ================================================ */

/* ============================================= Inner Page 8 Start ================================================ */

.InnerPage8Body{text-align:right;}
.InnerPage8Body .container h4{}
.InnerPage8Body h4{margin-top:40px; text-align:center;line-height:40px;}
.InnerPg8Bottom{float:right; margin-top:20px;}
.InnerPg8Bottom .col-md-4{float:right;}
.InnerPg8Bottom .col-md-4 h5 span{padding-bottom: 4px; border-bottom: 2px solid;}
.InnerPg8Bottom .col-md-3{float:right;white-space:nowrap;}
.InnerPg8Bottom .col-md-3 a{float:left; margin-top:36px; margin-left:40%;}
.inner8Heading h2 span{padding-bottom: 1px; border-bottom: 2px solid;}
.inner8Heading h3{text-align:center;}
.inner8Heading ul{text-align:right; 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:right; text-align:center;}
.Pg8Inner .col-md-6{float:right; text-align:center; margin-top:10px;}
.Pg8InnerTajweed{margin-top:-30px !important;}
.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; white-space: nowrap;}
.Pg8Inner .col-md-6 .col-md-4 img{margin-top:40px;width:100%}
.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:13px; padding-bottom: 4px; border-bottom: 2px solid; white-space: nowrap;}
.pg8-img1{margin-bottom:5px;}
.Pg8InnerBottom{float:right; margin-top:40px;}.Pg8InnerBottom img{max-width:100%}
.Pg8InnerBottom .col-md-4{float:right; text-align:center;}
.Pg8InnerBottom .col-md-4 img, .MainBodyContainerContent img{width:100%;}
.Pg8InnerBottom .col-md-4 p{font-size:20px;}

.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:right;}
.Pg8Inner .col-md-8 img{width:100%;}
.Pg8Inner .col-md-4 img{margin-top:40px;width:65%;}
.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:right; margin-top:20px;}
.requirements-content{max-width:100%;}
.pg11-img {max-width:100%;}

/* ============================================= Page 8 Inner Page 3 End ================================================ */

/* ============================================= Page 8 Inner Page 4 Start ================================================ */

.Pg8Innera4 .col-md-8, .Pg8Innera4 .col-md-4{float:right;}
.Pg8Innera4 .col-md-8 h4{text-align:right;}
.Pg8Innera4 .col-md-4 img{width:70%;}
.Pg8a4InnerBottom{float:right; margin-top:40px;}
.Pg8a4InnerBottom .col-md-8{float:right;}
.Pg8a4InnerBottom .col-md-8 h4{float:right; 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:11px;white-space: nowrap;}
.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;}

.Pls_Cntr {padding-right:50px;}

/* ============================================= Page 8 Inner Page 4 End ================================================ */

/* ============================================= Inner Page 8 End ================================================ */


/* ============================================= Inner Page 9 Start ================================================ */

.InnerPage9Body{text-align:right;}
.InnerPage9Body .container h4{}
.InnerPage9Body h5{margin-top:40px;}
.InnerPg9Bottom{float:right; margin-top:20px;}
.InnerPg9Bottom img{width:100%;}
.inner9Heading h2 span{padding-bottom: 4px; border-bottom: 2px solid;}
.inner9Heading h3{text-align:center;}
.inner9Heading ul{text-align:right; padding-right:31%;}


/* ============================================= Page 9 Inner Page 1 Start ================================================ */

.Pg9Inner .col-md-6{float:right;}
.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:100%;}
.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%;}

.img-Default {
    transition: all .2s ease-in-out;
     z-index:-999999;
}
.img-Englarge:hover {
        position:relative;
        transform: scale(1.9);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        z-index:1;
}
@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;
    }
}


/* ============================================= Page 9 Inner Page 1 End ================================================ */

/* ============================================= Page 9 Inner Page 2 Start ================================================ */

.Pg9Innera2 .col-md-3, .Pg9Innera2 .col-md-6{float:right;}
.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:75%}
.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 ================================================ */



/* ============================================= Inner Page 10 End ================================================ */

/* ============================================= Inner Page 11 Start ================================================ */



/* ============================================= Inner Page 11 End ================================================ */

/* ============================================= Inner Page 12 Start ================================================ */

.InnerPage12{float:right;}
.InnerPage12 .col-md-6{float:right;  }
.Pg12Content{text-align:right;}
.InnerPage12 .col-md-6 img{}

/* ============================================= Inner Page 12 End ================================================ */

@media (max-width:1024px) {
    .FooterContentRight .social-head, .FooterContentRight .email-link, .FooterContentRight .contact-link, .FooterContentRight .footer-head{margin:0;position:static}
    .FooterNewsLetter .FooterContentRight ul{margin-bottom:15px}
    .FooterNewsLetter .FooterContentRight .social-head{margin:15px 0 0px}
    .FooterNewsLetter .FooterContentRight .social-head + div{margin:0px 0 0px;position:static !important;}
    .lnk-headPos{width:100%;float:left;text-align:right;margin-bottom:20px;}
    .add-sp{padding-right:15px !important;}
    .FooterContentRight{margin-top:10px;}
    .footer-head1{top:39px;}.FooterContentRight a i{padding:0 5px}
    .FooterInfo > div:first-child{float:left;width:100%;}
    .link-txt{white-space:normal !important;}
    }
@media (max-width:991px) and (min-width:601px){
    .footer-head{position:static}.footer-head1{top:30px;}
    .FooterInfo{margin-bottom:50px;}
    .FooterContent > div:nth-child(2), .FooterContent > div:nth-child(3) {
        width: 40%;
        max-width: 40%;
        flex: 0 0 40%;
        left: 0;
        margin-bottom: 40px
    }
    .FooterContent > div:nth-child(4), .FooterContent > div:nth-child(5){width:50%;max-width:50%;flex:0 0 50%}
    .FooterBottom{margin-top:55px}.study-links.link-head + div{float:left;width:100%;}.study-links.link-head + div+p+div{margin:0 !important;}
 .FooterNewsLetter .FooterContentRight .social-head + div{float:left;width:100%;}
}
@media (max-width:767px){
    .Pg8a4InnerBottom .col-md-4 .col-md-6 {float:left;width:100%;padding:0}
    .Pg8a4InnerBottom .col-md-4 {margin-top:0px !important;}
}
@media screen and (max-width:600px) and (min-width:300px) { 
    .contactInfo{right:0}.footer-head1, .footer-head{position:static;}
    .FooterContent > div:first-child{width:100%;max-width:100%;flex:0 0 100%}
    .FooterContent > div:nth-child(2), .FooterContent > div:nth-child(3){width:100%;max-width:100%;flex:0 0 100%;left:0;margin-bottom:40px}
    .FooterContent > div:nth-child(4), .FooterContent > div:nth-child(5){width:100%;max-width:100%;flex:0 0 100%;padding-top:0;right:0 !important;margin-bottom:30px}
 .FooterNewsLetter .FooterContentRight .social-head + div, .footer-head + div +div{position:static !important;float:left;width:100%;}.FooterBottom{margin-top:15px}
.study-links.link-head + div{float:left;width:100%;}.study-links.link-head + div+p+div{margin:0 !important;}.contactInfo b{width:100%;text-align:right;margin-bottom:20px;}
}
