/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
header#top .col.span_9 nav ul.sf-menu.sf-js-enabled.sf-arrows li { margin: 0px 10px !important; }
header#top .col.span_9 nav ul.sf-menu.sf-js-enabled.sf-arrows li a { font-size: 18px; font-weight: 600; line-height: 24px; font-family: organica !important; color: rgb(255, 255, 255) !important; }
#header-outer[data-lhe="default"] #top nav > ul > li > a:hover { color: rgb(255, 255, 255) !important; }
header#top .col.span_9 nav ul.sf-menu.sf-js-enabled.sf-arrows li a span { font-family: organica !important; }
ul.header-1 { margin: 0px; }
#header-outer[data-lhe="default"] #top nav > ul > li > a:hover, #header-outer[data-lhe="default"] #top nav .sf-menu > .sfHover:not(#social-in-menu) > a { color: rgb(255, 255, 255) !important; }
#page-header-bg h1 { font-family: "Pirata One"; font-size: 70px; font-weight: 300 !important; line-height: 75px !important; }
ul.header-1 li { width: 100%; display: inline-flex; font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: 1px; padding-right: 15px; flex-direction: row; align-content: stretch; align-items: center; top: -10px; position: relative; font-family: "pirata one" !important; color: rgb(35, 100, 53) !important; }
ul.header-1 li img { padding-right: 10px; }
ul.header-1 li strong { font-weight: 400; line-height: 30px; font-family: "pirata one" !important; color: rgb(0, 0, 0) !important; }
.header-2 { display: inline-flex; width: 100%; padding-top: 0px; }
.header-2 ul li { margin: 0px 10px 0px 0px !important; display: inline-flex !important; }
.header-2 h3 { font-weight: 400; line-height: 40px; font-size: 22px; padding-right: 10px; font-family: "pirata one" !important; color: rgb(0, 0, 0) !important; }
.header-2 ul { margin: 0px !important; }
header#top { position: relative; background: url("https://e81864.claudeassets.com/20230725205227im_/https://ghafooria.org/wp-content/uploads/2022/03/Mask-Group-1.png"); }
header#top::before { position: absolute; content: ""; background: linear-gradient(45deg, rgb(19, 45, 26), rgb(6, 57, 13), rgb(19, 45, 26)); width: 100%; height: 45px; bottom: 0px; }
nav.right-side { left: 0px; right: unset !important; }
nav.left-side { right: 0px !important; left: unset !important; }
#header-outer[data-lhe="default"] #top nav .sf-menu > .current-menu-item > a { color: rgb(255, 255, 255) !important; }
header#top .col.span_9 nav ul.sf-menu.sf-js-enabled.sf-arrows li .switcher.notranslate a { border: 0px; padding: 0px 0px 10px !important; }
header#top .col.span_9 nav ul.sf-menu.sf-js-enabled.sf-arrows li .switcher.notranslate a img { margin: 0px !important; }
.switcher .selected { background: transparent !important; }
header#top .col.span_9 nav ul.sf-menu.sf-js-enabled.sf-arrows li .switcher.notranslate a::after { display: none; }
header#top .col.span_9 nav ul.sf-menu.sf-js-enabled.sf-arrows li .switcher.notranslate a:hover { background: transparent !important; }
header#top .col.span_9 nav ul.sf-menu.sf-js-enabled.sf-arrows li .option a { color: rgb(0, 0, 0) !important; }
.banner h2 { font-family: Poppins, sans-serif; width: 70%; margin: auto; text-transform: uppercase; font-size: 85px !important; line-height: 98px !important; font-weight: 700 !important; }
.banner h2 strong { font-weight: 700; color: rgb(216, 170, 22); font-family: Poppins !important; }
.banner h2 span { color: rgb(35, 100, 53); }
.section-2 { position: relative; padding: 120px 0px !important; }
.section-2::before { position: absolute; content: ""; background: url("https://31e5da.claudeassets.com/20230725205227im_/https://ghafooria.org/wp-content/uploads/2022/03/Mask-Group-4.png") no-repeat; width: 67%; height: 95%; right: -18%; bottom: -2%; }
.section-2 h2 { font-size: 72px; line-height: 75px; color: rgb(41, 41, 41); font-weight: 400; padding-bottom: 40px; position: relative; width: fit-content; font-family: "pirata one" !important; }
.section-2 h2 strong { font-size: 82px; line-height: 75px; color: rgb(35, 100, 53); font-weight: 400; letter-spacing: 4px; font-family: "pirata one" !important; }
.section-2 h2::before { position: absolute; content: ""; background: url("https://9459ad.claudeassets.com/20230725205227im_/https://ghafooria.org/wp-content/uploads/2022/03/Group-215-1.png") no-repeat; width: 100%; height: 6px; bottom: 20px; left: 0px; }
.section-2 p { font-size: 18px; font-weight: 400; line-height: 30px; font-family: poppins; color: rgb(41, 41, 41); padding-bottom: 10px; }
.section-2 a.r-btnn { background: linear-gradient(45deg, rgb(33, 59, 39), rgb(35, 100, 53), rgb(33, 59, 39), rgb(35, 100, 53)) 0% 0% / 300% 100%; color: rgb(255, 255, 255); transition: all 0.5s ease 0s; box-shadow: rgb(34, 87, 49) 0px 4px 15px 0px; padding: 25px 50px !important; font-family: organica !important; }
.section-2 p:nth-child(3) { padding-bottom: 50px !important; }
.section-2 a.r-btnn:hover { background-position: 100% 0px; transition: all 0.4s ease-in-out 0s; }
.section-3 { padding: 110px 0px !important; }
.section-3 h2 { font-size: 72px; line-height: 75px; color: rgb(255, 255, 255); font-family: "Pirata One"; font-weight: 400; letter-spacing: 1px; }
.section-3 .daily-date { text-align: center; font-size: 30px; font-weight: 600; line-height: 55px; color: rgb(255, 255, 255); font-family: "Open Sans", sans-serif; }
.section-3 p { font-size: 30px; font-weight: 600; line-height: 75px; color: rgb(255, 255, 255); font-family: "Open Sans", sans-serif; }
.section-3 .sec-3-in { width: 15%; border: 1px solid rgb(255, 255, 255); height: 246px; transition: all 0.5s ease 0s; margin: auto !important; padding: 0px !important; }
.section-3 .sec-3-in h4 { font-size: 30px; line-height: 75px; font-weight: 700; color: rgb(255, 255, 255); font-family: "Open Sans"; background: rgba(255, 255, 255, 0.31); transition: all 0.5s ease 0s; }
.section-3 .sec-3-in h3 { font-size: 60px; line-height: 75px; color: rgb(255, 255, 255); font-family: "Pirata One"; font-weight: 300; display: flex; justify-content: center; padding-top: 30px; transition: all 0.5s ease 0s; }
.section-3 .sec-3-in:last-child h3 { color: rgb(216, 170, 22); }
.section-3 .sec-3-in:hover { background: rgb(255, 255, 255); border: 1px solid rgb(35, 100, 53); }
.section-3 .sec-3-in:hover h3 { color: rgb(35, 100, 53); }
.section-3 .sec-3-in:hover h4 { color: rgb(35, 100, 53); background: rgba(35, 100, 53, 0.51); }
.section-4 { padding: 100px 0px !important; }
.section-4 .sec-4-in { height: 600px; background: url("https://d4a33f.claudeassets.com/20230725205227im_/https://ghafooria.org/wp-content/uploads/2022/03/Group-211.png"); width: 31%; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease 0s; margin: auto !important; }
.section-4 .sec-4-in h3 { font-size: 50px; line-height: 55px; color: rgb(255, 255, 255); font-family: "Pirata One"; font-weight: 300; display: flex; justify-content: center; transition: all 0.5s ease 0s; }
.section-4 .sec-4-in:hover { background: url("https://3f580f.claudeassets.com/20230725205227im_/https://ghafooria.org/wp-content/uploads/2022/03/Group-209.png"); transform: skewY(-1deg); }
.section-5 { position: relative; padding: 100px 0px !important; }
.section-5 .sec-5-in { height: 780px; background: url("https://4bc4be.claudeassets.com/20230725205227im_/https://ghafooria.org/wp-content/uploads/2022/03/Group-188.png") 0% 0% / 100% 100% no-repeat; display: flex; align-items: center; padding-left: 10% !important; }
.section-5 .sec-5-in h2 { font-size: 72px; line-height: 75px; color: rgb(39, 39, 39); font-family: "Pirata One"; font-weight: 400; letter-spacing: 1px; padding-bottom: 30px; position: relative; width: fit-content; }
.section-5 .sec-5-in h2::before { position: absolute; content: ""; background: url("https://9459ad.claudeassets.com/20230725205227im_/https://ghafooria.org/wp-content/uploads/2022/03/Group-215-1.png") no-repeat; width: 100%; height: 6px; bottom: 10px; left: 0px; }
.section-5 .sec-5-in h4 { font-size: 30px; font-weight: 700; line-height: 55px; color: rgb(39, 39, 39); font-family: "Open Sans", sans-serif; letter-spacing: 2px; }
.section-5 .sec-5-in h3 { font-size: 92px; line-height: 94px; color: rgb(35, 100, 53); font-weight: 400; letter-spacing: 0px; font-family: "pirata one" !important; }
.section-5 .sec-5-in p { font-size: 18px; font-weight: 400; line-height: 24px; width: 61%; color: rgb(39, 39, 39); letter-spacing: 1px; padding-bottom: 20px !important; }
.section-5 .vip-btb ul li { display: inline; margin: 0px 20px 0px 0px !important; }
.section-5 .vip-btb ul li a.btnn-1 { background: linear-gradient(45deg, rgb(33, 59, 39), rgb(35, 100, 53), rgb(33, 59, 39), rgb(35, 100, 53)) 0% 0% / 300% 100%; color: rgb(255, 255, 255); box-shadow: rgb(34, 87, 49) 0px 4px 15px 0px; font-size: 20px; line-height: 39px; padding: 25px 80px !important; font-family: organica !important; transition: all 0.5s ease 0s !important; }
.section-5 .vip-btb ul { margin: 0px; }
.section-5 .vip-btb ul li a.btnn-1:hover { background-position: 100% 0px; transition: all 0.4s ease-in-out 0s; }
.section-5 .vip-btb ul li a.btnn-2 { background: linear-gradient(45deg, rgb(216, 170, 22), rgb(187, 157, 60), rgb(216, 170, 22), rgb(187, 157, 60)) 0% 0% / 300% 100%; color: rgb(255, 255, 255); box-shadow: rgb(34, 87, 49) 0px 4px 15px 0px; font-size: 20px; line-height: 39px; padding: 25px 80px !important; font-family: organica !important; transition: all 0.5s ease 0s !important; }
.section-5 .vip-btb ul li a.btnn-2:hover { background-position: 100% 0px; transition: all 0.4s ease-in-out 0s; }
.section-5::before { position: absolute; content: ""; background: url("/assets/ghafooria.org/wp-content/themes/salient-child/style-9c47eec16d.css"); }
.section-5 .row-bg.using-image { background-size: 50%; background-position: right top !important; }
.last-section { padding: 100px 0px !important; }
.last-section h2 { font-size: 72px; line-height: 75px; color: rgb(255, 255, 255); font-family: "Pirata One"; font-weight: 400; letter-spacing: 2px; padding-bottom: 30px; width: fit-content; margin-top: auto; margin-right: auto; margin-left: auto; position: relative; margin-bottom: 40px !important; }
.last-section h2::before { position: absolute; content: ""; background: url("https://05d548.claudeassets.com/20230725205227im_/https://ghafooria.org/wp-content/uploads/2022/03/Group-215-3.png") 0% 0% / 100% 100% no-repeat; width: 100%; height: 6px; bottom: 20px; left: 0px; }
.last-section img { width: 100%; border: 2px solid rgb(232, 177, 25); height: 400px !important; }
.last-section h3 { font-size: 29px; color: rgb(255, 255, 255); line-height: 41px; font-family: "Pirata One"; padding-top: 10px; }
.last-sec-in { width: 80%; margin: auto; }
.last-sec-btn a { background: linear-gradient(50deg, rgb(216, 170, 22), rgb(187, 157, 60), rgb(216, 170, 22), rgb(187, 157, 60)) 0% 0% / 300% 100%; color: rgb(255, 255, 255); box-shadow: rgb(34, 87, 49) 0px 4px 15px 0px; font-size: 20px; line-height: 39px; padding: 25px 80px !important; font-family: organica !important; transition: all 0.5s ease 0s !important; }
.last-sec-btn { padding-top: 30px; }
.last-sec-btn a:hover { background-position: 100% 0px; transition: all 0.4s ease-in-out 0s; }
div#footer-outer { background: url("https://c14ad7.claudeassets.com/20230725205227im_/https://ghafooria.org/wp-content/uploads/2022/03/Group-214.png"); }
div#footer-outer div#text-3 .textwidget { font-size: 17px; line-height: 30px; font-family: "Open Sans"; color: rgb(255, 255, 255); width: 90%; }
div#footer-outer .col.span_4:first-child { width: 42% !important; }
div#footer-outer .col.span_4 { width: 26%; }
#footer-outer .widget h4 { font-size: 50px; font-weight: 400; line-height: 75px; font-family: "Pirata One"; color: rgb(255, 255, 255); width: fit-content; position: relative; padding-bottom: 0px; margin-bottom: 40px; padding-top: 90px; }
#footer-outer .widget h4::before { position: absolute; content: ""; background: url("https://c002f0.claudeassets.com/20230725205227im_/https://ghafooria.org/wp-content/uploads/2022/03/Group-216-1.png") 0% 0% / 100% 100% no-repeat; width: 100%; height: 7px; bottom: -10px; }
ul#menu-header-menu-1 { column-count: 2; }
ul#menu-header-menu-1 li { margin: 0px 0px 10px !important; }
ul#menu-header-menu-1 li a { font-size: 18px; font-weight: 600; line-height: 30px; color: rgb(255, 255, 255) !important; font-family: "Open Sans" !important; }
div#footer-outer .menu-contact-us-container li { margin: 0px 0px 15px !important; }
div#footer-outer .menu-contact-us-container li a { font-size: 18px; font-weight: 600; line-height: 30px; color: rgb(255, 255, 255) !important; font-family: "Open Sans" !important; }
div#footer-outer .menu-contact-us-container li a i { color: rgb(232, 177, 25); width: 30px !important; }
div#footer-outer ul.footer-social li { display: inline-flex; margin: 0px 20px 0px 0px !important; }
#footer-outer #footer-widgets .row { border-bottom: 2px solid rgb(136, 136, 136); padding: 70px 0px !important; }
div#copyright { text-align: center; padding: 60px 0px !important; }
div#copyright .col.span_5 { width: 100%; }
#footer-outer #copyright p { font-size: 18px; color: rgb(255, 255, 255); }
div#footer-outer a:hover { color: rgb(232, 177, 25) !important; }
.section-6 { padding: 170px 0px !important; }
.sec-6-in { align-items: center; width: 32% !important; margin: auto !important; box-shadow: rgb(0, 0, 0) 0px 0px 20px -9px !important; transition: all 0.5s ease 0s !important; }
.sec-6-in h3.widgettitle { display: none; }
.sec-6-in h3.sr_it-playlist-title { text-align: center; width: 70%; margin: auto; background: url("https://6dc85e.claudeassets.com/20230725205227im_/https://ghafooria.org/wp-content/uploads/2022/03/Group-217-1.png"); font-weight: 400; font-family: "Pirata One"; color: rgb(255, 255, 255); position: relative; top: -80px; transition: all 0.5s ease 0s; padding: 70px 0px !important; font-size: 56px !important; }
.sec-6-in .srp_tracklist { width: 80%; margin-left: 30px !important; }
.sec-6-in ul li.sr-playlist-item.sr-playlist-item-flex { margin-bottom: 30px; border-bottom: 1px solid rgb(0, 0, 0); }
.sec-6-in .iron-audioplayer .playlist .track-number { padding-left: 40px; }
.sec-6-in span.number { font-size: 25px; line-height: 30px; font-weight: 500; }
.sec-6-in .tracklist-item-title { font-size: 20px; font-weight: 500; font-family: "Open Sans"; }
.sec-6-in span.track-number path { fill: rgb(255, 255, 255) !important; }
.sec-6-in .track-number svg { background: rgb(35, 97, 52); padding: 6px; border-radius: 20px; height: 30px !important; width: 30px !important; }
.section-6 .vip-more { padding-top: 0px; }
.section-6 .vip-more a { background: linear-gradient(45deg, rgb(33, 59, 39), rgb(35, 100, 53), rgb(33, 59, 39), rgb(35, 100, 53)) 0% 0% / 300% 100%; color: rgb(255, 255, 255); box-shadow: rgb(34, 87, 49) 0px 4px 15px 0px; font-size: 20px; line-height: 39px; position: relative; top: 20px; padding: 25px 80px !important; font-family: organica !important; transition: all 0.5s ease 0s !important; }
.section-6 .vip-more a:hover { background-position: 100% 0px; transition: all 0.4s ease-in-out 0s; }
.section-6 .sec-6-in:hover h3 { background: url("https://3de29c.claudeassets.com/20230725205227im_/https://ghafooria.org/wp-content/uploads/2022/03/Group-218.png"); }
.section-6 .sec-6-in:hover { box-shadow: rgb(34, 87, 49) 0px 4px 15px 0px !important; }
.section-6 .sec-6-in .track-number rect { fill: rgb(255, 255, 255); }
.sec-6-in h3 { text-align: center; width: 70%; margin-right: auto; margin-left: auto; background: url("https://6dc85e.claudeassets.com/20230725205227im_/https://ghafooria.org/wp-content/uploads/2022/03/Group-217-1.png"); font-weight: 400; font-family: "Pirata One"; color: rgb(255, 255, 255); position: relative; margin-top: -80px; transition: all 0.5s ease 0s; padding: 70px 0px !important; font-size: 56px !important; margin-bottom: 40px !important; }
.sec-6-in ul li { list-style: none; margin: 20px 0px; text-align: center; font-size: 18px; font-weight: 700; color: rgb(0, 0, 0); line-height: 30px; text-transform: uppercase; }
.sec-6-in audio { width: 90%; }
.sec-6-in ul { margin: 0px; }
.sec-6-in audio::-webkit-media-controls-panel { background: linear-gradient(45deg, rgb(191, 158, 54), rgb(212, 168, 27)); }
.tazkyanafs-page { padding: 100px 0px !important; }
.tazkyanafs-page h2 { color: rgb(41, 41, 41); font-size: 48px; font-weight: 400; line-height: 75px; font-family: "Pirata One"; position: relative; padding-bottom: 30px; }
.tazkyanafs-page p { font-size: 19px; font-weight: 600; line-height: 30px; font-family: "Open Sans"; color: rgb(41, 41, 41); }
.tazkyanafs-page h3 { font-size: 40px; line-height: 75px; font-family: "Pirata One"; color: rgb(41, 41, 41); font-weight: 500; position: relative; padding-bottom: 30px; width: fit-content; }
.tazkyanafs-page h2::before { position: absolute; content: ""; background: url("https://9459ad.claudeassets.com/20230725205227im_/https://ghafooria.org/wp-content/uploads/2022/03/Group-215-1.png") 0% 0% / 100% no-repeat; width: 100%; height: 6px; bottom: 20px; left: 0px; }
.tazkyanafs-sec-3 h2::before { background: url("https://6757f2.claudeassets.com/20230725205227im_/https://ghafooria.org/wp-content/uploads/2022/04/Group-213.png"); }
.tazkyanafs-sec-3 h2 { width: fit-content; margin: auto; }
.tazkyanafs-page h3::before { position: absolute; content: ""; background: url("https://b54eff.claudeassets.com/20230725205227im_/https://ghafooria.org/wp-content/uploads/2022/04/Group-214.png") no-repeat; width: 100%; height: 6px; bottom: 20px; left: 0px; }
.hazratjee-page { padding: 100px 0px !important; }
.hazratjee-page h2 { color: rgb(41, 41, 41); font-size: 48px; font-weight: 400; line-height: 75px; font-family: "Pirata One"; position: relative; padding-bottom: 30px; width: fit-content; }
.hazratjee-page h2::before { position: absolute; content: ""; background: url("https://79f1d0.claudeassets.com/20230725205227im_/https://ghafooria.org/wp-content/uploads/2022/04/Group-213-1.png") 0% 0% / 100% no-repeat; width: 100%; height: 6px; bottom: 20px; left: 0px; }
.hazratjee-page p { font-size: 19px; font-weight: 600; line-height: 30px; font-family: "Open Sans"; color: rgb(41, 41, 41); }
.khulafa-page { padding: 100px 0px !important; }
.khulafa-page .khulafa-sec-in { background: rgb(255, 255, 255); padding: 100px 0px 0px !important; box-shadow: rgb(0, 0, 0) 0px 0px 20px -9px !important; }
.khulafa-page tbody tr td { font-weight: 600; color: rgb(41, 41, 41); border-bottom: unset !important; border-right: 2px solid rgb(229, 229, 229) !important; padding-left: 20px !important; font-size: 19px !important; }
.khulafa-page tbody tr { background: rgb(255, 255, 255) !important; }
.khulafa-page thead tr:first-child { background: linear-gradient(45deg, rgb(33, 59, 39), rgb(35, 100, 53), rgb(33, 59, 39)) !important; }
.khulafa-page thead tr:first-child th {color: rgb(255, 255, 255);text-align: center;font-weight: 600;font-family: "Open Sans";height: 30px !important;font-size: 22px !important;padding-top: 30px !important;padding-bottom: 30px !IMPORTANT;}
.khulafa-page tbody tr td:nth-child(2) { width: 33% !important; }
.khulafa-page tbody tr td:nth-child(3) { width: 33% !important; }
.khulafa-page .khulafa-sec-in h2 { color: rgb(41, 41, 41); font-size: 48px; font-weight: 400; line-height: 75px; font-family: "Pirata One"; position: relative; padding-bottom: 30px; width: 51%; margin: auto; }
.khulafa-page .khulafa-sec-in h2::before { position: absolute; content: ""; background: url("https://6757f2.claudeassets.com/20230725205227im_/https://ghafooria.org/wp-content/uploads/2022/04/Group-213.png") 0% 0% / 100% no-repeat; width: 84%; height: 6px; bottom: 20px; left: 0px; right: 0px; margin: auto; }
.khulafa-page .row-bg.using-image { background-size: 100% 50%; }
.shajra-page { padding: 100px 0px !important; }
.shajra-page .shajra-sec-in { background: rgb(255, 255, 255); padding: 100px 90px !important; box-shadow: rgba(0, 0, 0, 0.82) 0px 0px 20px -6px !important; margin-bottom: 30px !important; }
div#fws_624cdd28632ea { }
.shajra-page .shajra-sec-in h2 { color: rgb(41, 41, 41); font-size: 48px; font-weight: 400; line-height: 66px; font-family: "Pirata One"; position: relative; padding-bottom: 30px; width: 45%; }
.shajra-page .shajra-sec-in h2::before { position: absolute; content: ""; background: url("https://9459ad.claudeassets.com/20230725205227im_/https://ghafooria.org/wp-content/uploads/2022/03/Group-215-1.png") 0% 0% / 100% no-repeat; width: 78%; height: 6px; bottom: 20px; left: 0px; }
.shajra-page .shajra-sec-in ul { margin: 0px; }
.shajra-page .shajra-sec-in ul li { list-style: none; margin-bottom: 30px; font-size: 19px; font-weight: 600; line-height: 32px; color: rgb(41, 41, 41); }
.gallery-page { padding: 140px 0px !important; }
.gallery-page .gallery-btn { padding-top: 50px; }
.gallery-page .gallery-btn a { background: linear-gradient(45deg, rgb(33, 59, 39), rgb(35, 100, 53), rgb(33, 59, 39), rgb(35, 100, 53)) 0% 0% / 300% 100%; color: rgb(255, 255, 255); transition: all 0.5s ease 0s; box-shadow: rgb(34, 87, 49) 0px 4px 15px 0px; font-size: 20px; line-height: 39px; padding: 25px 50px !important; font-family: organica !important; }
.gallery-page .gallery-btn a:hover { background-position: 100% 0px; transition: all 0.4s ease-in-out 0s; }
.bayan-page { padding: 100px 0px !important; }
.bayan-page ul.wpb_tabs_nav.ui-tabs-nav.clearfix { width: 90%; background: rgb(255, 255, 255); margin: auto; border: 1px solid rgb(210, 210, 210); padding: 20px 0px !important; }
.bayan-page ul.wpb_tabs_nav.ui-tabs-nav.clearfix::after { display: none; }
.bayan-page .tabbed[data-style*="material"][data-color-scheme="accent-color"] ul li .active-tab { background: unset; color: rgb(35, 100, 53) !important; }
.bayan-page ul.wpb_tabs_nav.ui-tabs-nav.clearfix li a { font-size: 38px; font-weight: 400; font-family: "Pirata One"; color: rgb(41, 41, 41); }
.bayan-page ul.wpb_tabs_nav.ui-tabs-nav.clearfix li { position: relative; margin: 0px 10px !important; }
.bayan-page ul.wpb_tabs_nav.ui-tabs-nav.clearfix li::after { position: absolute; content: "l"; font-size: 50px; right: -15px; color: rgb(41, 41, 41) !important; }
.bayan-page ul.wpb_tabs_nav.ui-tabs-nav.clearfix li:last-child::after { display: none; }
.bayan-page .bayan-sec-in { margin-top: 50px; background: rgb(255, 255, 255) !important; box-shadow: 0px 0px 10px -2px !important; padding: 100px 150px !important; }
.bayan-page .bayan-sec-in h2 { font-size: 72px; line-height: 75px; color: rgb(41, 41, 41); font-family: "Pirata One"; font-weight: 400; padding-bottom: 50px; width: fit-content; margin: auto; position: relative; }
.bayan-page .bayan-sec-in h2::before { position: absolute; content: ""; background: url("https://64bf15.claudeassets.com/20230725205227im_/https://ghafooria.org/wp-content/uploads/2022/04/Group-217.png") 0% 0% / 100% 100% no-repeat; width: 100%; height: 6px; bottom: 20px; left: 0px; }
.bayan-page thead tr:first-child { background: linear-gradient(45deg, rgb(33, 59, 39), rgb(35, 100, 53), rgb(33, 59, 39)) !important; }
.bayan-page thead tr th { color: rgb(255, 255, 255); font-weight: 600; font-family: "Open Sans"; border-right: 0px !important; height: 50px !important; font-size: 27px !important; padding-top: 25px !important; text-align: center !important; }
.bayan-page tbody tr td:nth-child(2) { width: 33% !important; }
.bayan-page tbody tr td:nth-child(3) { width: 33% !important; }
.bayan-page tbody tr td { font-weight: 600; color: rgb(41, 41, 41); font-family: "Open Sans"; padding: 20px !important; height: 40px !important; font-size: 19px !important; }
.bayan-page tbody tr td:last-child { font-weight: 700; text-align: center; }
.bayan-page tbody tr td:nth-child(2) { text-align: center; }
.books-page tbody tr td { font-weight: 600; color: rgb(41, 41, 41); text-align: center; border-top: unset !important; border-bottom: unset !important; border-left: unset !important; border-image: unset !important; border-right: 2px solid rgb(229, 229, 229) !important; padding-left: 20px !important; font-size: 24px !important; padding-bottom: 50px !important; height: 150px !important; padding-top: 30px !important; }
.books-page tbody tr td img { width: 100px !important; margin: 0px !important; }
.books-page { padding: 100px 0px !important; }
.books-page table thead tr { background: linear-gradient(45deg, rgb(33, 59, 39), rgb(35, 100, 53), rgb(33, 59, 39)) !important; }
.books-page table thead tr th {color: rgb(255, 255, 255);font-family: "Open Sans";height: 60px !important;font-size: 27px !important;text-align: center !important;padding-top: 35px !important;font-weight: 600 !important;}
.books-page table { border: 10px solid rgb(0, 0, 0) !important; }
.books-page tbody tr td:last-child a { background: linear-gradient(45deg, rgb(33, 59, 39), rgb(35, 100, 53), rgb(33, 59, 39), rgb(35, 100, 53)) 0% 0% / 300% 100%; color: rgb(255, 255, 255); box-shadow: rgb(34, 87, 49) 0px 4px 15px 0px; font-size: 20px; line-height: 39px; top: -10px; position: relative; padding: 25px 80px !important; font-family: organica !important; transition: all 0.5s ease 0s !important; }
.books-page tbody tr td:last-child a:hover { background-position: 100% 0px; transition: all 0.4s ease-in-out 0s; }
.popmake ul li b { font-weight: 500; font-size: 20px !important; font-family: Poppins !important; }
.popmake ul li { list-style: none; margin: 10px 0px !important; }
.popmake p { font-weight: 500; font-size: 20px !important; font-family: Poppins !important; }
.popmake p strong { font-weight: 500 !important; }
@media only screen and (max-width: 1580px) {
}
@media only screen and (max-width: 1444px) {
  header#top .col.span_9 nav ul.sf-menu.sf-js-enabled.sf-arrows li a { padding-left: 0px !important; }
  div#header-space { height: 303px !important; }
  .banner h2 { width: 80%; }
  .section-2 p { font-size: 16px; }
  .section-3 .sec-3-in h3 { font-size: 50px; }
  .section-3 .sec-3-in h4 { font-size: 25px; }
  .section-4 .sec-4-in h3 { font-size: 45px; }
  .section-5 .sec-5-in h4 { font-size: 25px; letter-spacing: 1px; }
  .sec-6-in h3.sr_it-playlist-title { margin: 0px 0px 0px 35px !important; }
  .sec-6-in .srp_tracklist { margin-left: 10px !important; }
  .section-6 .sec-6-in .vip-more a { }
}
@media only screen and (max-width: 1366px) {
  header#top .col.span_9 nav ul.sf-menu.sf-js-enabled.sf-arrows li a { font-size: 16px; }
  div#header-space { height: 214px !important; }
  .banner h2 { width: 90%; font-size: 75px !important; line-height: 88px !important; }
  .section-2 h2 { font-size: 67px; }
  .section-2 h2 strong { font-size: 75px; line-height: 70px; }
  .sec-6-in .srp_tracklist { width: 70%; margin-left: 20px !important; }
  .section-6 .sec-6-in .vip-more a { }
  .sec-6-in h3.sr_it-playlist-title { margin: 0px 0px 0px 18px !important; }
  .khulafa-page .khulafa-sec-in h2 { font-size: 40px; font-weight: 400; line-height: 55px; width: 75%; }
  .shajra-page .shajra-sec-in h2 { width: 100%; font-size: 40px; }
  .shajra-page .shajra-sec-in h2::before { width: 68%; }
  .shajra-page .shajra-sec-in ul li { font-size: 18px; }
  .books-page table thead tr th { color: rgb(255, 255, 255); height: 50px !important; font-size: 20px !important; }
  .books-page tbody tr td { font-size: 20px !important; padding-bottom: 20px !important; height: 120px !important; }
  .books-page tbody tr td:last-child a { top: -50px; padding: 20px 50px !important; }
}
@media only screen and (max-width: 1280px) {
  .sec-6-in .srp_tracklist { width: 65%; margin-left: 20px !important; }
  .sec-6-in .tracklist-item-title { font-size: 18px; }
  .sec-6-in span.number { font-size: 20px; }
  .section-6 .sec-6-in .vip-more a { }
  .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content h2 { font-size: 70px !important; line-height: 80px !important; }
  .section-2 h2 { font-size: 60px; padding-bottom: 20px; line-height: 65px; }
  .section-2 h2 strong { font-size: 65px; line-height: 60px; }
  .section-2 p { line-height: 25px; }
  .section-2 h2::before { bottom: 5px; }
  .section-2 p:nth-child(3) { padding-bottom: 40px !important; }
  .section-2 a.r-btnn { padding: 20px 40px !important; }
  .section-2 { padding: 70px 0px !important; }
  .section-2::before { right: -9%; bottom: -3%; }
  .section-3 { padding: 70px 0px !important; }
  .section-3 .sec-3-in { height: 225px; }
  .section-3 .sec-3-in h3 { padding-top: 30px; }
  .section-4 { padding: 70px 0px !important; }
  .section-4 .sec-4-in { height: 500px; }
  div#header-space { height: 210px !important; }
  .section-5 { padding: 60px 0px !important; }
  .section-5 .sec-5-in { height: 700px; padding-left: 8% !important; }
  .section-5 .sec-5-in h2 { font-size: 65px; padding-bottom: 20px; }
  .section-5 .sec-5-in h2::before { bottom: 0px; }
  .section-5 .sec-5-in h4 { font-size: 21px; }
  .section-5 .sec-5-in h3 { font-size: 80px; line-height: 80px; }
  .section-5 .sec-5-in p { width: 75%; }
  .section-5 .vip-btb ul li a.btnn-1 { padding: 20px 60px !important; }
  .section-5 .vip-btb ul li a.btnn-2 { padding: 20px 60px !important; }
  .sec-6-in h3.sr_it-playlist-title { width: 65%; top: -40px; padding: 50px 0px !important; }
  .sec-6-in { }
  .section-6 .sec-6-in .vip-more a { top: 0px; padding: 25px 50px !important; }
  .section-6 { padding: 100px 0px !important; }
  .last-section { padding: 70px 0px !important; }
  .last-section h2 { font-size: 60px; line-height: 65px; margin-bottom: 20px !important; }
  .last-section img { height: 350px !important; }
  div#footer-outer .col.span_4:first-child { width: 36% !important; }
  div#footer-outer .col.span_4 { width: 30%; }
  div#footer-outer div#text-2 .textwidget { width: 100%; }
  #footer-outer #footer-widgets .row { padding: 40px 0px !important; }
  div#copyright { padding: 30px 0px !important; }
}
@media only screen and (max-width: 1199px) {
  header#top .col.span_9 nav ul.sf-menu.sf-js-enabled.sf-arrows li a { font-size: 15px; padding-right: 0px !important; }
  .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content h2 { font-size: 65px !important; line-height: 70px !important; }
  .section-2 h2 { font-size: 55px; padding-bottom: 20px; line-height: 55px; }
  .section-2 h2 strong { font-size: 60px; }
  .section-2 p { line-height: 24px; font-size: 15px; }
  .section-2 p:nth-child(3) { padding-bottom: 30px !important; }
  .section-3 { padding: 30px 0px !important; }
  .section-3 h2 { font-size: 62px; line-height: 62px; }
  .section-3 .sec-3-in h3 { font-size: 40px; height: 100px; padding-top: 15px; }
  .section-3 .sec-3-in { height: 200px; }
  .section-3 .sec-3-in h4 { font-size: 20px; line-height: 60px; }
  .section-4 .sec-4-in { height: 400px; }
  .section-5 .sec-5-in { height: 600px; }
  .sec-6-in h3.sr_it-playlist-title { width: 60%; }
  .sec-6-in .tracklist-item-title { font-size: 17px; }
  .sec-6-in .srp_tracklist { width: 60%; }
  .section-6 .sec-6-in .vip-more a { top: 20px; }
  .last-sec-btn a { padding: 20px 60px !important; }
}
@media only screen and (max-width: 1024px) {
  li.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.current_page_item.menu-item-71 { display: none; }
  div#header-space { height: 170px !important; }
  .inner ul.header-1 { display: block !important; }
  ul.header-1 { display: none !important; }
  ul#menu-pic { display: none !important; }
  header#top::before { display: none; }
  nav.left-side { left: 0px !important; right: unset !important; }
  nav.right-side { left: unset; right: 0px !important; }
  .section-2 p { line-height: 20px; font-size: 12px; }
  .section-2 h2 { font-size: 50px; line-height: 50px; }
  .section-2 h2 strong { font-size: 55px; }
  .section-4 .sec-4-in h3 { font-size: 40px; }
  .section-5 .sec-5-in h2 { font-size: 55px; line-height: 55px; }
  .section-5 .sec-5-in h4 { line-height: 45px; }
  .section-5 .sec-5-in h3 { font-size: 70px; line-height: 70px; }
  .section-5 .sec-5-in p { width: 85%; }
  .sec-6-in h3 { width: 90%; padding: 50px 0px !important; font-size: 46px !important; }
  .section-6 .sec-6-in .vip-more a { font-size: 17px; padding: 20px 50px !important; }
  .tazkyanafs-page h2 { font-size: 30px; font-weight: 400; line-height: 45px; }
  .tazkyanafs-page p { font-size: 16px; font-weight: 600; line-height: 25px; }
  .hazratjee-page h2 { font-size: 38px; font-weight: 400; line-height: 55px; }
  .hazratjee-page p { font-size: 16px; line-height: 25px; }
  .khulafa-page tbody tr td { font-size: 15px !important; line-height: 20px !important; }
  .khulafa-page thead tr:first-child th { font-size: 18px !important; }
  .shajra-page .shajra-sec-in ul li { font-size: 16px; line-height: 28px; }
  .shajra-page .shajra-sec-in h2 { font-size: 35px; }
  .shajra-page .shajra-sec-in h2::before { width: 90%; }
  .bayan-page .bayan-sec-in { padding: 100px 50px !important; }
  .bayan-page thead tr th { font-size: 18px !important; height: 40px !important; padding-top: 20px !important; }
  .bayan-page tbody tr td { padding: 10px !important; height: 40px !important; font-size: 16px !important; }
  .bayan-page ul.wpb_tabs_nav.ui-tabs-nav.clearfix { width: 100%; }
  .bayan-page ul.wpb_tabs_nav.ui-tabs-nav.clearfix li a { font-size: 25px; }
  .bayan-page .bayan-sec-in h2 { font-size: 55px; line-height: 55px; }
}
@media only screen and (max-width: 999px) {
  div#header-space { height: 140px !important; }
  .inner ul.header-1 li { color: rgb(255, 255, 255) !important; }
  .inner li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-71 { display: none; }
  .nectar-slider-wrap[data-full-width="true"] .swiper-slide .content h2 { font-size: 50px !important; line-height: 60px !important; width: 100% !important; }
  .section-2 p { line-height: 24px; font-size: 14px; }
  .section-2 a.r-btnn { line-height: 90px; }
  .section-2 p:nth-child(3) { padding-bottom: 0px !important; }
  .section-3 .sec-3-in { margin-bottom: 20px !important; }
  .section-4 .sec-4-in { width: 100%; margin-bottom: 20px !important; }
  .section-5 .sec-5-in { padding-left: 10% !important; }
  .section-5 .sec-5-in p { width: 95%; }
  .section-5 .row-bg.using-image { background-size: 100%; }
  .sec-6-in {width: 90% !important;margin: auto auto 120px !important;}
  .sec-6-in .srp_tracklist { width: 100%; margin-left: 30px !important; }
  .sec-6-in h3.sr_it-playlist-title { width: 100%; margin-left: 40px !important; top: -40px !important; }
  .section-6 .sec-6-in .vip-more a { margin-right: -60px; top: -20px; }
  .section-6 {padding: 150px 0 30px 0px !important;}
  .last-section img { object-fit: contain; width: 61%; margin: auto !important; }
  #footer-outer .col.span_4 { width: 100% !important; text-align: center !important; }
  div#footer-outer .col.span_4:first-child { width: 100% !important; margin-bottom: 20px !important; }
  #footer-outer .widget h4 { padding-top: 20px; margin: auto auto 30px !important; }
  div#footer-outer .menu-contact-us-container li a { font-size: 16px; }
  #footer-outer #footer-widgets .row { padding: 30px 0px !important; }
  #copyright .col.span_5 { width: 100% !important; }
  .khulafa-page .khulafa-sec-in { overflow: hidden; padding: 70px 20px !important; }
  .khulafa-page div#example4_wrapper { overflow: scroll overlay; width: 100% !important; }
  .khulafa-page tbody tr td { padding: 5px !important; border-bottom: 2px solid rgba(0, 0, 0, 0.12) !important; font-size: 14px !important; }
  .shajra-page .shajra-sec-in { padding: 50px 20px !important; }
  .shajra-page .shajra-sec-in h2 { font-size: 30px; }
  .shajra-page .shajra-sec-in ul li { font-size: 14px; line-height: 24px; }
  .gallery-page { padding: 70px 0px !important; }
  .gallery-page img { width: 100%; }
  .bayan-page ul.wpb_tabs_nav.ui-tabs-nav.clearfix li { display: block; }
  .bayan-page ul.wpb_tabs_nav.ui-tabs-nav.clearfix li a { width: fit-content; margin: auto; text-align: center !important; }
  .bayan-page .bayan-sec-in { padding: 100px 10px !important; }
  .bayan-page tbody tr td { font-size: 15px !important; }
  .bayan-page thead tr th { font-size: 16px !important; line-height: 25px !important; }
  .books-page table { overflow: scroll overlay !important; }
  .books-page div#example3_wrapper { overflow: scroll overlay !important; }
  .books-page table thead tr th { font-size: 14px !important; }
  .books-page tbody tr td:last-child a { font-size: 15px; padding: 15px 20px !important; }
  .books-page tbody tr td { font-size: 16px !important; padding: 10px !important; }
	.sec-6-in h3 {
    margin-top: -65px;
}

.section-6 .sec-6-in .vip-more a {
    margin-right: 0 !important;
    top: 20px;
}
}
@media only screen and (max-width: 768px) {
  .sec-6-in h3.sr_it-playlist-title { top: -40px !important; }
  .section-6 { padding: 80px 0px 20px !important; }
  .sec-6-in ul li.sr-playlist-item.sr-playlist-item-flex { margin-bottom: 20px; }
  .section-6 .sec-6-in .vip-more a { margin-right: -100px; top: 0px; }
  .sec-6-in { margin: auto auto 100px !important; }
  .khulafa-page .khulafa-sec-in h2 { width: 100%; font-size: 37px; }
	.bayan-page div#example_wrapper {
    overflow: scroll overlay !important;
}

.bayan-page div#naatexample_wrapper {
    overflow: scroll overlay !important;
}

.bayan-page div#example1_wrapper {
    overflow: scroll overlay !important;
}

.bayan-page div#shortexample_wrapper {
    overflow: scroll overlay !important;
}

.bayan-page div#example2_wrapper {
    overflow: scroll overlay !important;
}
}
@media only screen and (max-width: 480px) {
  .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2 { font-size: 30px !important; line-height: 35px !important; }
  .banner h2 img { width: 50% !important; }
  .section-2 h2 { font-size: 45px; }
  .section-2 h2 strong { font-size: 50px; letter-spacing: 2px; }
  .section-2 { padding: 40px 0px !important; }
  .section-5 .sec-5-in h4 { font-size: 18px; letter-spacing: 0px; line-height: 30px; }
  .section-5 .sec-5-in h2 { font-size: 50px; line-height: 50px; }
  .section-5 .sec-5-in h3 { font-size: 65px; line-height: 65px; }
  .section-5 .sec-5-in p { font-size: 16px; }
  .section-5 .vip-btb ul li { display: block; margin: 0px 0px 50px !important; }
  .section-5 .row-bg.using-image { background-size: 100% 100%; }
  .sec-6-in h3.sr_it-playlist-title { width: 65%; }
  .sec-6-in .srp_tracklist { width: 70%; }
  .section-6 .sec-6-in .vip-more a { margin-right: 60px; }
  .last-section img { width: 87%; }
  .tazkyanafs-page p { font-size: 14px; font-weight: 600; line-height: 24px; }
  .hazratjee-page { padding: 60px 0px !important; }
  .hazratjee-page p { font-size: 14px; }
  #page-header-bg h1 { font-size: 40px !important; }
  .khulafa-page .khulafa-sec-in { padding: 70px 10px !important; }
  .khulafa-page .khulafa-sec-in h2 { font-size: 28px; line-height: 40px; }
  .khulafa-page div#example4_length { float: left; padding-top: 10px; padding-right: 70px; }
  .khulafa-page div#example4_length label { font-size: 12px !important; }
  .khulafa-page input[type="search"] { height: 30px; }
  .khulafa-page select { width: 45px !important; font-size: 10px !important; }
  .khulafa-page div#example4_filter label { font-size: 12px !important; }
  .shajra-page .shajra-sec-in h2 { line-height: 40px; }
  .shajra-page { padding: 50px 0px !important; }
  .bayan-page div#example_length { float: left; padding-top: 10px; }
  .bayan-page input[type="search"] { width: 100px !important; }
  .bayan-page div#example_filter { float: right; }
  .bayan-page thead tr th { font-size: 14px !important; line-height: 20px !important; }
  .bayan-page tbody tr td { line-height: 20px; font-size: 12px !important; }
  .books-page tbody tr td:last-child a { top: -10px; }
  .books-page table thead tr th { padding: 20px !important; }
  .books-page div#example3_length { float: left; padding-top: 8px; }
  .books-page input[type="search"] { width: 90px !important; }
  .books-page div#example3_filter { float: right; }
}
@media only screen and (max-width: 420px) {
  .nectar-slider-wrap[data-full-width="true"][data-fullscreen="false"] .swiper-slide .content h2 { font-size: 24px !important; line-height: 30px !important; }
  .banner h2 img { width: 80% !important; }
  .section-2 h2 strong { font-size: 45px; letter-spacing: 0px; }
  .section-2 h2 { font-size: 40px; line-height: 40px; }
  .section-3 h2 { font-size: 50px; line-height: 52px; }
  .section-5 .sec-5-in h2 { font-size: 40px; line-height: 40px; }
  .section-5 .sec-5-in h3 { font-size: 45px; line-height: 45px; }
  .section-5 .sec-5-in h4 { font-size: 15px; }
  .section-5 .sec-5-in p { font-size: 15px; }
  .sec-6-in h3.sr_it-playlist-title { width: 62%; margin-left: 20px !important; }
  .sec-6-in { width: 100% !important; }
  .sec-6-in .srp_tracklist { width: 58%; }
  .section-6 .sec-6-in .vip-more a { margin-right: 120px; }
  .last-section img { width: 100%; height: 310px !important; }
  .last-section h2 { font-size: 45px; line-height: 55px; }
  div#footer-outer div#text-2 .textwidget { font-size: 14px; line-height: 25px; }
}

/*
     FILE ARCHIVED ON 20:55:03 Jul 25, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:11:09 Sep 14, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.688
  exclusion.robots: 0.069
  exclusion.robots.policy: 0.053
  esindex: 0.01
  cdx.remote: 15.0
  LoadShardBlock: 67.532 (3)
  PetaboxLoader3.datanode: 91.017 (5)
  load_resource: 62.942
  PetaboxLoader3.resolve: 28.546
  loaddict: 23.181
*/