.elementor-1794 .elementor-element.elementor-element-1fcea72:not(.elementor-motion-effects-element-type-background), .elementor-1794 .elementor-element.elementor-element-1fcea72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://alkawthar.edu.pk/wp-content/uploads/2024/07/header.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1794 .elementor-element.elementor-element-1fcea72 > .elementor-background-overlay{background-color:#000000;opacity:0.4;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1794 .elementor-element.elementor-element-1fcea72 > .elementor-container{min-height:70vh;}.elementor-1794 .elementor-element.elementor-element-1fcea72{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-1794 .elementor-element.elementor-element-0daca7c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1794 .elementor-element.elementor-element-0daca7c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1794 .elementor-element.elementor-element-0daca7c.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1794 .elementor-element.elementor-element-0daca7c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1794 .elementor-element.elementor-element-fa6aebd{text-align:center;}.elementor-1794 .elementor-element.elementor-element-fa6aebd .elementor-heading-title{color:var( --e-global-color-7e737fe );font-family:"Renogare", Sans-serif;font-size:46px;font-weight:500;text-transform:uppercase;line-height:1.5;}body:not(.rtl) .elementor-1794 .elementor-element.elementor-element-986af0d{left:0px;}body.rtl .elementor-1794 .elementor-element.elementor-element-986af0d{right:0px;}.elementor-1794 .elementor-element.elementor-element-986af0d{top:0px;}.elementor-1794 .elementor-element.elementor-element-249d06f > .elementor-background-overlay{background-image:url("https://alkawthar.edu.pk/wp-content/uploads/2024/07/geometric-right.png");background-position:100% 75px;background-repeat:no-repeat;background-size:auto;opacity:0.5;}.elementor-1794 .elementor-element.elementor-element-249d06f > .elementor-container{max-width:1300px;}.elementor-1794 .elementor-element.elementor-element-249d06f{margin-top:0px;margin-bottom:0px;padding:40px 0px 40px 0px;z-index:0;}.elementor-1794 .elementor-element.elementor-element-4467ce4 > .elementor-element-populated{margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:10px 30px 10px 10px;}.elementor-1794 .elementor-element.elementor-global-1811{z-index:0;}.elementor-1794 .elementor-element.elementor-element-dfdaeaa > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1794 .elementor-element.elementor-element-dfdaeaa > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1794 .elementor-element.elementor-element-9741bc0{text-align:left;}.elementor-1794 .elementor-element.elementor-element-9741bc0 .elementor-heading-title{color:#2B2E83;font-family:"Renogare", Sans-serif;font-size:32px;font-weight:700;text-transform:uppercase;line-height:1.5;}.elementor-1794 .elementor-element.elementor-element-72c27e7 .elementor-heading-title{color:#404040;font-family:"PT Sans Caption", Sans-serif;font-size:15px;font-weight:300;line-height:1.5;}.elementor-1794 .elementor-element.elementor-element-54182c5 .elementor-heading-title{color:#2F3083;font-family:"PT Sans Caption", Sans-serif;font-size:15px;font-weight:700;line-height:1.5;}.elementor-1794 .elementor-element.elementor-element-e2a7408 .elementor-button{background-color:#2A2E83;font-family:"Renogare", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;line-height:1.2;fill:#FFFFFF;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:7px 14px 7px 14px;}.elementor-1794 .elementor-element.elementor-element-e2a7408 > .elementor-widget-container{margin:75px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1794 .elementor-element.elementor-element-e2a7408{z-index:1;}.elementor-1794 .elementor-element.elementor-element-e2a7408 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1794 .elementor-element.elementor-element-e2a7408 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-1794 .elementor-element.elementor-element-b36ed80{margin-top:-120px;margin-bottom:0px;}.elementor-1794 .elementor-element.elementor-element-8738d5f > .elementor-element-populated{padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1794 .elementor-element.elementor-element-249d06f > .elementor-background-overlay{background-position:100% 75px;}.elementor-1794 .elementor-element.elementor-element-e2a7408 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-1794 .elementor-element.elementor-element-b36ed80{margin-top:-100px;margin-bottom:0px;}}@media(max-width:880px){.elementor-1794 .elementor-element.elementor-element-fa6aebd .elementor-heading-title{font-size:38px;}.elementor-1794 .elementor-element.elementor-element-4467ce4 > .elementor-element-populated{padding:10px 10px 10px 10px;}.elementor-1794 .elementor-element.elementor-element-dfdaeaa > .elementor-element-populated{padding:30px 16px 30px 16px;}.elementor-1794 .elementor-element.elementor-element-9741bc0 .elementor-heading-title{font-size:28px;}.elementor-1794 .elementor-element.elementor-element-e2a7408 .elementor-button{font-size:15px;}}@media(max-width:767px){.elementor-1794 .elementor-element.elementor-element-249d06f > .elementor-background-overlay{background-position:3000% 0px;}.elementor-1794 .elementor-element.elementor-element-9741bc0 .elementor-heading-title{font-size:24px;}.elementor-1794 .elementor-element.elementor-element-e2a7408 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-1794 .elementor-element.elementor-element-b36ed80{margin-top:30px;margin-bottom:0px;}}@media(min-width:768px){.elementor-1794 .elementor-element.elementor-element-4467ce4{width:30%;}.elementor-1794 .elementor-element.elementor-element-dfdaeaa{width:70%;}}@media(max-width:880px) and (min-width:768px){.elementor-1794 .elementor-element.elementor-element-4467ce4{width:100%;}.elementor-1794 .elementor-element.elementor-element-dfdaeaa{width:100%;}}/* Start custom CSS for html, class: .elementor-element-986af0d *//* 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-1794 .elementor-element.elementor-element-986af0d button a{
    color: unset;
}/* End custom CSS */
/* Start custom CSS for global, class: .elementor-global-1811 */.elementor-1794 .elementor-element.elementor-global-1811 .menu{
    list-style-type: none;
    padding: 0;
    
}
.elementor-1794 .elementor-element.elementor-global-1811 .sub-menu{
    padding-left: 0;
    list-style-type: none;
    background-color: #FFF;
}


.elementor-1794 .elementor-element.elementor-global-1811 .menu > li:first-child{
    background: #2b2e83;
    border-left: 5px solid #6dcff6;
}

.elementor-1794 .elementor-element.elementor-global-1811 .menu > li:first-child a{
    color: #FFF;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    
}
.elementor-1794 .elementor-element.elementor-global-1811 .menu-item-has-children{
    background: #FFF !important;
    padding: 0 !important;
}
.elementor-1794 .elementor-element.elementor-global-1811 .menu-item-has-children  > a:first-of-type{
    width: 100%;
    background: #e6e6e6;
    display: block;
    padding: 5px 24px !important;
    margin-bottom: 3px;
    
}
.elementor-1794 .elementor-element.elementor-global-1811 .menu-item-has-children   .menu-item a{
    padding-left: 30px;
    
    
}
.elementor-1794 .elementor-element.elementor-global-1811 .menu-item-has-children   .menu-item a::before{
    content:"\e04c";
    font-family: 'simple-line-icons';

    /*content: "\f518";*/
    /*font-family: "Font Awesome 5 Free"; */
    font-weight: 900;
    padding-right: 10px;
    
    
}
.elementor-1794 .elementor-element.elementor-global-1811 .menu-item {
    background: #e6e6e6;
    /*padding: 5px 24px;*/
    color: #4d4d4d;
    margin-bottom: 3px !important;
}

.elementor-1794 .elementor-element.elementor-global-1811 .menu-item a{
    color: inherit;
    font-size: 16px;
    font-family: "PT Sans Caption", Sans-Serif;
}
.elementor-1794 .elementor-element.elementor-global-1811 .menu-item a{
    padding: 5px 24px;
    display: block;
    transition: all 0.3s ease-in-out;
}
.elementor-1794 .elementor-element.elementor-global-1811 .menu-item a:hover{
    background: #2e3284;
    color: #FFF;
    transition: all 0.3s ease-in-out;
}
.elementor-1794 .elementor-element.elementor-global-1811 .current-menu-item{
    background: #2e3284;
    color: #FFF;
}

.elementor-1794 .elementor-element.elementor-global-1811 .menu-item-has-children > a:first-of-type{
display: flex !important;
align-items: center;
justify-content: space-between;

    
}
.elementor-1794 .elementor-element.elementor-global-1811 .menu-item-has-children.current_page_item > a:first-of-type{
background: #2e3284 !important;

    
}
.elementor-1794 .elementor-element.elementor-global-1811 .elementor-sticky{
    z-index: 0;
}
/*.elementor-1794 .elementor-element.elementor-global-1811 .menu-item-has-children > a:first-of-type::after{
   content: "\f078";
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
}*//* 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 */