.elementor-4647 .elementor-element.elementor-element-7db3cb6b:not(.elementor-motion-effects-element-type-background), .elementor-4647 .elementor-element.elementor-element-7db3cb6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://islamicscholar.alkawthar.edu.pk/wp-content/uploads/2024/07/header.jpg.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4647 .elementor-element.elementor-element-7db3cb6b > .elementor-background-overlay{background-color:#000000;opacity:0.4;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4647 .elementor-element.elementor-element-7db3cb6b > .elementor-container{min-height:70vh;}.elementor-4647 .elementor-element.elementor-element-7db3cb6b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-1px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-4647 .elementor-element.elementor-element-7ce61e6f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4647 .elementor-element.elementor-element-7ce61e6f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4647 .elementor-element.elementor-element-7ce61e6f.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-4647 .elementor-element.elementor-element-7ce61e6f > .elementor-element-populated{padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-4647 .elementor-element.elementor-element-4a74ad53{left:0px;}body.rtl .elementor-4647 .elementor-element.elementor-element-4a74ad53{right:0px;}.elementor-4647 .elementor-element.elementor-element-4a74ad53{top:0px;}.elementor-4647 .elementor-element.elementor-element-17482305{text-align:center;}.elementor-4647 .elementor-element.elementor-element-17482305 .elementor-heading-title{color:var( --e-global-color-7e737fe );font-family:"Renogare", Sans-serif;font-size:46px;font-weight:500;text-transform:uppercase;}.elementor-4647 .elementor-element.elementor-element-359c293{margin-top:40px;margin-bottom:40px;}.elementor-4647 .elementor-element.elementor-element-501dfae{--grid-row-gap:40px;--grid-column-gap:34px;}.elementor-4647 .elementor-element.elementor-element-501dfae .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-4647 .elementor-element.elementor-element-501dfae:after{content:"0.66";}.elementor-4647 .elementor-element.elementor-element-501dfae .elementor-post__thumbnail__link{width:100%;}.elementor-4647 .elementor-element.elementor-element-501dfae .elementor-post__meta-data span + span:before{content:"///";}.elementor-4647 .elementor-element.elementor-element-501dfae .elementor-post{border-style:solid;border-width:1px 1px 1px 1px;border-radius:14px;padding:12px 12px 12px 12px;border-color:#EBEBEB;}.elementor-4647 .elementor-element.elementor-element-501dfae .elementor-post:hover{box-shadow:0px 0px 17px 0px rgba(0, 0, 0, 0.22);}.elementor-4647 .elementor-element.elementor-element-501dfae.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-4647 .elementor-element.elementor-element-501dfae.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-4647 .elementor-element.elementor-element-501dfae.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-4647 .elementor-element.elementor-element-501dfae .elementor-post__title, .elementor-4647 .elementor-element.elementor-element-501dfae .elementor-post__title a{color:#2B2E83;}:root{--page-title-display:none;}@media(max-width:880px){.elementor-4647 .elementor-element.elementor-element-17482305 .elementor-heading-title{font-size:38px;}}@media(max-width:767px){.elementor-4647 .elementor-element.elementor-element-501dfae .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-4647 .elementor-element.elementor-element-501dfae:after{content:"0.5";}.elementor-4647 .elementor-element.elementor-element-501dfae .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for html, class: .elementor-element-4a74ad53 *//* Other styles */

/* Prevent scrolling when drawer is open */
.no-scroll {
    overflow: hidden;
}

/* Right-side navigation */
#right-side-nav {
    position: fixed;
    right: 0;
    top: 100px;
    transition: transform 0.1s ease;
    z-index: 10;
    max-width: 225px;
}

/* When the drawer is open, move the nav to the left */
#right-side-nav.move-left {
    transform: translateX(-300px);
    /* Move left by the same width as the drawer */
}

/* Drawer styling */
.drawer {
    position: fixed;
    top: 0;
    right: -300px;
    /* Initial position off-screen */
    width: 300px;
    height: 100%;
    background: #12135a;
    /* box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5); */
    transition: all 0.1s ease;
    z-index: 9;
}

.drawer.open {
    right: 0;
    /* When open, slide in */
}

.drawer-content {
    position: relative;
    padding: 20px;
    /* padding-top: 60px; */
}

/* Overlay styling */
.overlay {
    cursor: url(https://www.jhu.edu/assets/themes/machado/assets/images/cursor-close-x.f2ad4067.png), auto;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2B508AE6;
    /* background: rgba(0, 0, 0, 0.5); */
    /* Semi-transparent black */
    visibility: hidden;
    /* Hide by default */
    opacity: 0;
    /* Fully transparent */
    transition: opacity 0.3s ease;
    /* Smooth transition */
    z-index: 8;
    /* Behind the drawer but in front of the content */
}

.overlay.visible {
    visibility: visible;
    /* Show overlay */
    opacity: 1;
    /* Fully opaque */
}

/* Content section for scrolling */
.content-section {
    padding: 20px;
}

#menu-drawer,
#search-drawer {
    transition: all 0s ease;
    box-shadow: none;
}

.menu-btn {
    background-color: #2b2e81;
    color: #FFF;
    text-transform: uppercase;
    text-align: left;
    border: none;
    outline: none;
    font-weight: 500;
    font-size: 15px;
    font-family: "Renogare", Sans-serif;
    padding: 12px;
    margin-bottom: 10px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    gap: 16px;
    transform: translateX(0px);
    width: 225px;
    transition: all 0.1s ease-in-out;
    border-radius: 0;
}

.menu-btn:focus {
    outline: none;
    background-color: #2b2e81;

}
.menu-btn:hover {
    outline: none;
    background-color: #2b2e81;

}

.menu-btn.btn-white {
    /* background-color: #FF0000; */
    background-color: #FFF;
    color: #2b2e81;
}

.menu-btn img {
    height: 24px;
    width: 24px;
    object-fit: contain;
}

.menu-btn:hover {
    transition: all 0.2s ease-in-out;
    width: 240px;
    transform: translateX(-15px);
}

/* * Mobile Menu Toggle */

#mobile-menu-toggle {
    background: #2b2e81;
    width: 50px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    position: fixed;
    right: 0;
    top: 0;
    visibility: visible;
    transform: translateX(50px);
    transition: all 0.1s ease-in-out;

    cursor: pointer;
}

#mobile-menu-toggle i {
    color: #FFF;
    font-size: 28px;
}

.drawer-close-btn {
    background: #2b2e81;
    width: 50px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    /* position: fixed;
    right: 0;
    top: 0; */
    visibility: visible;
    right: 0;
    top: 0;
    cursor: pointer;
}

.drawer-close-btn i {
    color: #FFF;
    font-size: 28px;
}

.elementor-4647 .elementor-element.elementor-element-4a74ad53 button a{
    color: unset;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Renogare';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://islamicscholar.alkawthar.edu.pk/wp-content/uploads/2024/06/Renogare-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */