@charset "utf-8";html{overflow-x:hidden}
html{--link-color:#389DF0;--main-bg:#FBF8F1;--main-text:#333;--primary-color:#0A314D;--secondary-color:#023960;--country-bg:url("../../imgs/1447/blue-countrybg.svg");--icon-color:#FFF;--crown-img:url("../../imgs/1447/Taj.png");--divider-color:#FFF;--card-background:#FFFFFF;--miqaat-divider:url("../images/miqaatdivider.svg");--email:url("../images/blue-mail.svg");--sms:url("../images/blue-sms.svg");--whatsapp:url("../images/blue-wahtsapp.svg");--qrcode:url("../images/blue-qrcode.svg");--card-gradiant:linear-gradient(0deg,#F2F2F2 0%,#F8F8F8 50.5%,#FFFFFF 100%);--golden-color:#EABD13;}
html[data-theme=blue]{--link-color:#389DF0;--main-bg:#FBF8F1;--main-text:#333;--primary-color:#0A314D;--secondary-color:#023960;--country-bg:url("../../imgs/1447/blue-countrybg.svg");--icon-color:#FFF;--crown-img:url("../../imgs/1447/Taj.png");--divider-color:#FFF;--card-background:#FFFFFF;--miqaat-divider:url("../images/miqaatdivider.svg");--email:url("../images/blue-mail.svg");--sms:url("../images/blue-sms.svg");--whatsapp:url("../images/blue-wahtsapp.svg");--qrcode:url("../images/blue-qrcode.svg");--card-gradiant:linear-gradient(0deg,#F2F2F2 0%,#F8F8F8 50.5%,#FFFFFF 100%)}
html[data-theme=blue][data-mode=dark]{--link-color:#389DF0;--main-bg:#02090e;--main-text:#fff;--primary-color:#0A314D;--secondary-color:#023960;--country-bg:url("../../imgs/1447/white-countrybg.svg");--icon-color:#fff;--crown-img:url("../../imgs/1447/Taj.png");--divider-color:#000;--card-background:#050F14;--miqaat-divider:url("../images/miqaatdividerDark.svg");--email:url("../images/white-mail.svg");--sms:url("../images/white-sms.svg");--whatsapp:url("../images/white-whatsapp.svg");--qrcode:url("../images/white-qrcode.svg");--card-gradiant:linear-gradient(0deg,#222222 0%,#232325 50.5%,#242628 100%)}
html[data-theme=purple]{--link-color:#cc61a8;--main-bg:#FBF8F1;--main-text:#333;--primary-color:#552645;--secondary-color:#5E304F;--icon-color:#FFF;--divider-color:#FFF;--crown-img:url("../../imgs/1447/Taj.png");--country-bg:url("../../imgs/1447/purple-countrybg.svg");--card-background:#FFFFFF;--card-gradiant:linear-gradient(0deg,#F2F2F2 0%,#F8F8F8 50.5%,#FFFFFF 100%);--card-stroke-border-color:#DDDDDD;--miqaat-divider:url("../images/miqaatdivider.svg");--email:url("../images/purple-mail.svg");--sms:url("../images/purple-sms.svg");--whatsapp:url("../images/purple-whatsapp.svg");--qrcode:url("../images/purple-qrcode.svg")}
html[data-theme=purple][data-mode=dark]{--link-color:#cc61a8;--main-bg:#121B20;--main-text:#fff;--primary-color:#210919;--secondary-color:#300C24;--country-bg:url("../../imgs/1447/white-countrybg.svg");--icon-color:#fff;--crown-img:url("../../imgs/1447/Taj.png");--divider-color:#000;--card-background:#050F14;--card-gradiant:linear-gradient(0deg,#222222 0%,#232325 50.5%,#242628 100%);--card-stroke-border-color:#333741;--miqaat-divider:url("../images/miqaatdividerDark.svg");--email:url("../images/white-mail.svg");--sms:url("../images/white-sms.svg");--whatsapp:url("../images/white-whatsapp.svg");--qrcode:url("../images/white-qrcode.svg")}
html[data-theme=gray]{--link-color:#516F7E;--main-bg:#FBF8F1;--main-text:#333;--primary-color:#516F7E;--secondary-color:#81aabf;--icon-color:#FFF;--divider-color:#FFF;--card-background:#FFF;--crown-img:url("../../imgs/1447/Taj.png");--country-bg:url("../../imgs/1447/gray-countrybg.svg");--miqaat-divider:url("../images/miqaatdivider.svg");--email:url("../images/gray-mail.svg");--sms:url("../images/gray-sms.svg");--whatsapp:url("../images/gray-whatsapp.svg");--qrcode:url("../images/gray-qrcode.svg");--card-gradiant:linear-gradient(0deg,#F2F2F2 0%,#F8F8F8 50.5%,#FFFFFF 100%)}
html[data-theme=gray][data-mode=dark]{--link-color:#76a4bb;--main-bg:#11171a;--main-text:#fff;--primary-color:#516F7E;--secondary-color:#81aabf;--country-bg:url("../../imgs/1447/white-countrybg.svg");--icon-color:#fff;--miqaat-divider:url("../images/miqaatdividerDark.svg");--card-background:#050F14;--crown-img:url("../../imgs/1447/Taj.png");--email:url("../images/white-mail.svg");--sms:url("../images/white-sms.svg");--whatsapp:url("../images/white-whatsapp.svg");--qrcode:url("../images/white-qrcode.svg");--divider-color:#000;--card-gradiant:linear-gradient(0deg,#222222 0%,#232325 50.5%,#242628 100%)}
@font-face{font-family:'Coronet';src:url('../../jscommon/fonts/Coronet.eot');src:url('../../jscommon/fonts/Coronet.eot?#iefix') format('embedded-opentype'),url('../../jscommon/fonts/Coronet.woff') format('woff'),url('../../jscommon/fonts/Coronet.ttf') format('truetype'),url('../../jscommon/fonts/Coronet.svg#Coronet-webfont') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'lisan-ud-dawat';src:url('../../jscommon/fonts/alfatemiver5-webfont.eot');src:url('../../jscommon/fonts/alfatemiver5-webfont.eot?#iefix') format('embedded-opentype'),url('../../jscommon/fonts/alfatemiver5-webfont.woff') format('woff'),url('../../jscommon/fonts/alfatemiver5-webfont.ttf') format('truetype'),url('../../jscommon/fonts/alfatemiver5-webfont.svg#alfatemiver5-webfont') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'AL-FATEMI-Lisaan-ud-Dawat';src:url('../../jscommon/fonts/AL-FATEMI-Lisaan-ud-Dawat.eot');src:url('../../jscommon/fonts/AL-FATEMI-Lisaan-ud-Dawat.eot?#iefix') format('embedded-opentype'),url('../../jscommon/fonts/AL-FATEMI-Lisaan-ud-Dawat.woff') format('woff'),url('../../jscommon/fonts/AL-FATEMI-Lisaan-ud-Dawat.ttf') format('truetype'),url('../../jscommon/fonts/AL-FATEMI-Lisaan-ud-Dawat.svg#AL-FATEMI-Lisaan-ud-Dawat-webfont') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'AL-KANZ';src:url('../../jscommon/fonts/AL-KANZ.eot');src:url('../../jscommon/fonts/AL-KANZ.eot?#iefix') format('embedded-opentype'),url('../../jscommon/fonts/AL-KANZ.woff') format('woff'),url('../../jscommon/fonts/AL-KANZ.ttf') format('truetype'),url('../../jscommon/fonts/AL-KANZ.svg#Coronet-webfont') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'Conv_Precious';src:url('../../jscommon/fonts/Precious.eot');src:url('../../jscommon/fonts/Precious.woff') format('woff'),url('../../jscommon/fonts/Precious.ttf') format('truetype'),url('../../jscommon/fonts/Precious.svg') format('svg');font-weight:normal;font-style:normal}
*{margin:0px;padding:0px;border:none;font-weight:normal;text-decoration:none}
i.material-icons:before{display:none}
i.material-icons:after{letter-spacing:normal}
i{vertical-align:middle!important}
.clear{clear:both;margin:0;padding:0}
.center{text-align:center !important}
.right{text-align:right !important}
.left{text-align:left !important}
*:disabled,*:disabled:hover{background:#CCC;color:#878787;border:1px solid #878787}
h1,.h1,h2,.h2,h3,.h3{margin-top:0px;margin-bottom:10px}
label{display:inline !important;margin-left:2px;font-weight:normal}
input[type="file"]{display:inherit !important}
button,input,optgroup,select,textarea{color:#000}
.input-group{border-spacing:0px !important}
.input-group input:first-child,.input-group-addon:first-child,.input-group-btn:first-child > .btn,.input-group-btn:first-child > .btn-group > .btn,.input-group-btn:first-child > .dropdown-toggle,.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child > .btn-group:not(:last-child) > .btn{border-bottom-right-radius:0;border-top-right-radius:0}
.ui-accordion .ui-accordion-header{margin-top:5px !important;font-family:'Source Sans Pro',arial}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{background:none !important;border:solid 1px #0e4653 !important;border-radius:5px;text-align:center;font-weight:normal !important;color:#3C5A05 !important}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{background:#0e4653 !important;color:white !important}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:none !important;background:#0e4653 !important;color:white !important}
.ui-widget-content{background:#f4f9fb !important;border:solid 1px #0e4653 !important;color:inherit;font-family:'Source Sans Pro',arial}
.ui-menu{border:solid 1px #ccc !important;background-color:#fff !important;width:300px !important;right:0px !important}
.ui-menu-item{border-bottom:solid 1px #ccc;font-family:'Source Sans Pro',Arial;font-size:13px;cursor:pointer;color:inherit;padding:2px !important}
.ui-widget-header,.ui-datepicker-header{border:solid 1px #0e4653 !important;background-color:#0e4653 !important;background:#0e4653 !important}
.ui-state-default:hover{background:#0e4653 !important;border:solid 1px #0e4653 !important;color:#fff !important}
.ui-state-hover{background:#f4f9fb !important;border:none !important}
.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{height:-webkit-fill-available !important}
.ui-widget-header .ui-state-focus{color:white !important}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{color:white !important}
html,body{max-width:100%}
html{box-sizing:border-box;font-size:14px}
.main-navbar{margin-bottom:-10px;border:0;background:#0e4653}
.container-menu{padding-bottom:0;background:#0e4653}
.container_border{height:35px;border:none;z-index:1}
.nav > li > a{padding:7px 15px;color:#0e4653}
.nav > .menu-item > a:hover{background-color:#fff0d1;border-radius:5px}
.nav > .menu-item > a:focus{background-color:none}
.nav > li:hover{color:#0e4653}
.menu-left > p{display:none}
.icon{color:#fff}
.whatsapp-icon{width:5px}
.icon-menu{margin-right:5px;color:#0e4653;font-weight:600;font-size:20px}
.icon-menu-down{cursor:pointer}
.menu-toggle-icon{background-color:#0e4653;margin-top:5px;margin-right:5px}
.menu-toggle-icon > span > i{border-color:#fff;color:#fff;border:1px solid white;border-radius:5px;font-size:30px}
.nav-toggle{background-color:none;margin-top:0}
.menu-logo img{margin:5px 5px 5px 10px;width:50px;height:auto}
.menu-logo-lg{display:none}
.menu-header{display:flex;justify-content:space-between;align-items:center}
.header-text{color:#fff;text-align:left;font-size:12px;margin-left:10px}
.menu a{padding-top:5px;padding-bottom:5px}
.menu>ul>li>a{padding:5px 10px}
.dropdown-menu{background-color:#bfe7ef}
.dropdown-menu .divider{background-color:#0e4653;margin:0}
.dropdown-menu> li > a{color:#0e4653}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background-color:#bfe7ef}
.menu-item a{color:#0e4653;vertical-align:middle;padding:0}
.menu-item:last-child{border-bottom:none}
.profile-info__contact_detail{color:#70706c}
.profile-photo-menu{width:45px;height:45px;margin-right:10px;margin-left:10px}
.profile-info__personal{margin-top:10px;margin-bottom:10px;border-bottom:2px solid #000;padding:0}
.profile-info__personal img{margin-bottom:10px}
.profile-info__personal p{font-size:21px;direction:rtl;color:#0e4653;text-align:center}
.profile-info__contact{border-bottom:2px solid #000}
.hof-name{margin-bottom:10px}
.profile-info__user-settings{margin-bottom:10px;display:flex;margin-top:5px;justify-content:space-evenly}
.profile-info__user-settings > .text-large{padding-top:0}
.profile-info__user-settings a{color:#fff;background-color:#0e4653;width:100%;height:40px;border-radius:5px;margin-right:10px;text-align:center;padding:10px;word-wrap:break-word}
.profile-info__user-settings .btn-extra_padding{padding:0 10px}
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#bfe7ef;color:#0e4653;border-radius:5px}
.profile-main{display:flex;align-items:center;margin-top:10px;cursor:pointer}
#profile-navbar,#menu-navbar,.profile-info{background-color:#fff}
.profile-info__contact_detail img{margin-left:-2px;width:25px;height:25px;margin-right:4px}
#profile-menu-lg{padding:10px;margin-left:125px;margin-top:-15px;background-color:#fff}
#date-text-lg{display:none}
.profile-image-small{margin-top:-14px;width:50px;height:52px}
.caret#profile-box-connector{position:absolute;top:-10px;left:23px;text-align:right;border-top-width:0;border-bottom:4px solid #FFF;height:10px;width:10px;z-index:100}
.navbar-right a.btnactive{padding-top:5px;padding-bottom:5px;color:#dfb636}
.navbar-toggle{border:none;background-color:#0e4653;margin-top:16px}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{border:none;background-color:#f4d79b}
.navbar-default .navbar-toggle .icon-bar{background-color:#caa456}
.navbar-default .navbar-toggle:hover > .icon-bar,.navbar-default .navbar-toggle:focus > .icon-bar{background-color:#dfb636}
.dropdown-menu>li>a.nav-list-link{display:flex}
.nav-list-link .nav-list-link-name{flex:5}
.nav-list-link .nav-list-link-glyph{flex:0.1}
.img-lg{display:block}
.carousel-cell{width:100%;text-align:center;overflow:hidden;height:100%}
.hero-slider{height:150px}
.hero-slider .flickity-prev-next-button{display:none}
.hero-slider .flickity-page-dots{bottom:72px}
.hero-slider .flickity-page-dots .dot{width:12px;height:12px;opacity:1;background:#b2b2b2;border:0 solid gray;border-radius:50%}
.hero-slider .flickity-page-dots .dot.is-selected{background:#0e4653;border:0 solid #0e4653}
.motif-central-withBanner{margin-top:-75px}
.motif-central-withoutBanner{margin-top:10px}
.date-image-small{background-color:#fff;border-radius:50%;width:39px;padding:3px}
.caret#date-box-connector{position:absolute;top:-10px;right:28px;text-align:right;border-top-width:0;border-bottom:4px solid #FFF;height:10px;width:10px;z-index:100}
.menu-search-textbox{border:solid 1px #0e4653;border-radius:50%;width:40px;height:40px;padding:5px;padding-left:35px;margin-top:10px;background:rgba(255,255,255,1) url(../../imgs/1443/Search.png) no-repeat left 5px center !important;-webkit-transition:width ease .5s;-o-transition:width ease .5s;transition:width ease .5s}
.menu-search-textbox:hover,.menu-search-textbox:active,.menu-search-textbox:focus{width:300px;border-radius:5px}
#Header1_divITSSearch{position:relative}
.divbethakcontainer{padding-right:15px;padding-left:15px;margin-left:auto;margin-right:auto}
.bethakbox{position:relative;bottom:300px;float:left;margin-bottom:-220px !important;max-width:300px;padding:3px !important;margin-left:-32px !important}
.static-box{margin-left:-30px;margin-right:-30px}
.boxspecial{margin-left:0px;margin-right:0px}
.bethakboxright{position:relative;bottom:300px;float:right;margin-bottom:-300px !important;max-width:320px;padding:3px !important}
.border-left[class*='border-left'],.border-left-xs,.border-left-sm,.border-left-md,.border-left-lg{border-color:#c0a169}
.table-container * div{display:table-cell}
.small-font{font-size:0.9em}
.marquee{font-size:1.5em;color:#dfb636}
#rasme-saifee-status{display:inline-block;margin:auto}
.rasme-saifee-status-button{margin-left:10px;margin-right:10px;float:left}
.status-table{margin:5px;border:#caa456 thin solid;border-radius:3px;display:table}
.status-table-row{margin:5px;display:table-row;margin:auto}
.status-table-row div{display:table-cell;padding:5px}
.status-table-row-header{font-weight:800}
.status-table-first-row-header{border-top-left-radius:3px}
.status-table-last-row-header{border-bottom-left-radius:3px}
.its-table{display:table;border-spacing:5px}
.its-table-title{font-weight:800;font-size:1.5em}
.its-table-row{display:table-row}
.its-table-cell{display:table-cell}
.its-table-header-column{background-color:#f5dba5;color:#dfb636;padding:5px;border-radius:5px}
.stepsHeader:hover{background-color:#FCF9F2}
#uctrlSubMenu_BoxStart1{background-color:#0e4653}
.navbar-safar > h3{padding-top:15px}
#uctrlSubMenu_BoxStart1 #SubMenu > .navbar-left{margin-top:3px;margin-left:20px}
#uctrlSubMenu_BoxStart1 #SubMenu > .navbar-left > li > a{color:#fff}
#uctrlSubMenu_BoxStart1 > #SubMenu > .navbar-right > li > h3{color:#bfe7ef}
#uctrlSubMenu_BoxStart1 > #SubMenu > .navbar-left > ul{margin-top:7px}
#uctrlSubMenu_BoxStart1 > #SubMenu > .navbar-left > li > #menu100{background-color:#bfe7ef}
#uctrlSubMenu_BoxStart1 > #SubMenu > .navbar-left > li > #menu100 > li > a{color:#0e4653}
#uctrlSubMenu_BoxStart1 > #SubMenu > .navbar-left > li > #menu100 > li > a:hover,#uctrlSubMenu_BoxStart1 > #SubMenu > .navbar-left > li > #menu100 > li > a:focus{background-color:#0e4653;color:#fff}
#uctrlSubMenu_BoxStart1 > #SubMenu > .navbar-left > li > #menu100 > .divider{background-color:#0e4653}
#uctrlSubMenu_BoxStart1 > #SubMenu > .navbar-left > li > a:focus{color:#0e4653}
.date-img{margin:5px;width:45px;height:45px;margin-top:15px}
.date-header{display:flex;margin-left:10px;margin-top:0;cursor:pointer}
.date-text{padding:0;margin:15px}
.date-header img{margin-top:10px;height:50px}
.date-text > p{margin-bottom:0;margin-top:3px}
.container-date{background:#51828d}
.container-date > .navbar-collapse{padding:0}
.calendar-info{display:flex;justify-content:space-between;align-items:center}
.date-text{display:flex;flex-direction:column;color:#fff;font-size:12px;text-align:left}
.event-info{background-color:#FFF;color:#A49898;display:flex;border:none}
.event-icon{color:#0e4653;font-size:30px}
.event-info h4{border-bottom:none;color:#0e4653;font-family:'Source Sans Pro',Arial}
.event-info img{margin:5px 0 0 20px;width:40px;height:40px}
.event-info > .event-text{margin-top:10px;margin-left:15px}
.event-info > .event-text > p{margin-bottom:0;padding:3px}
.collapse-date{margin-top:7px}
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#bfe7ef;color:#0e4653;border-radius:5px}
.date-text__container > .date-text > p{margin-bottom:5px}
.event-info > .event-text > h4{font-size:14px}
.modal-custom{background-color:#fff0d1;border-radius:5px;margin:auto;max-height:75%;max-width:75%}
.modal-custom .modal-header{border-bottom:thin #b87204 solid;text-align:center}
.modal-custom .close{font-size:30px;color:#b87204}
.modal-custom .modal-body{font-size:20px}
.modal-custom .modal-body a{color:#b87204}
.modal-custom .modal-body a:hover{color:#7e4d00;text-decoration:none}
.modal-custom .modal-body div{height:40px;padding:5px;border-bottom:thin solid #f4d79b}
.modal-custom .modal-body div:hover{background-color:#f4d79b}
.headerSearch{position:absolute;margin-left:-80px;margin-top:27px}
.calendar{position:relative;width:320px;background:#fff;text-align:center;border-radius:8px;overflow:hidden;height:100px;margin-top:2px;margin-right:34px}
.calendar .day{font-size:13px;font-weight:400;color:#61A0B1;text-align:center;margin:0}
.calendar .date{line-height:1em;font-size:30px;font-weight:800;padding:2px 0;color:#0e4653;height:30px;text-align:center;margin:0}
.calendar .year{font-size:13px;font-weight:400;color:#61A0B1;text-align:center;margin:0}
.calendar #hDay{font-size:13px;margin-top:-5px}
.calendar #hYear{font-size:15px}
.calendar #hNumber{font-size:24px;color:#0e4653;font-weight:800;line-height:1em;margin-top:-10px}
#hYear{font-size:13px;color:#61a0b1}
#calendarHeader{display:flex;align-items:center;background:#FCF9F2;padding:10px 5px;height:17px;border-bottom:1px solid #000;height:30px}
#calendarHeader h4{text-transform:uppercase;color:#0e4653;word-wrap:break-word;font-size:13px;padding-bottom:0px;font-family:'Source Sans Pro',Arial;text-align:center}
#calendarHeader #hMonth{font-size:10px;margin-top:-10px}
#calendarHeader .flexItem1{width:70px}
#calendarHeader .flexItem2{width:170px}
#calendarHeader .flexItem3{width:80px}
#headerTime .material-icons{vertical-align:middle;margin-right:3px;font-size:16px;margin-bottom:2px}
#calendarBody{display:flex;align-items:center}
#calendarBody p{margin:0;text-align:left}
#hijriDateCal{display:flex;flex-direction:column}
#hijriDateCal .material-icons{font-size:14px;color:#023845;cursor:pointer;position:absolute;top:56px;margin-right:68px;background-color:#FCF9F2;border:SOLID 1PX #CCC;border-radius:3px;padding:2px}
#bodyEvents .calAudioIcon{font-size:24px;color:#61A0B1;cursor:pointer;position:absolute;top:76px;left:220px}
#calAudioMob{display:block}
#hijriDateCal .material-icons:hover,#bodyEvents span:last-child:hover{color:#0e4653}
#hijriDateCal span{align-self:flex-end}
#calendarBody .flexItem1{width:70px}
#calendarBody .flexItem2{width:170px}
#calendarBody .flexItem3{width:80px}
#calendarBody .flexItem1,#calendarBody .flexItem3{display:flex;flex-direction:column;align-items:center}
#bodyEvents{height:60px}
.vl{border-left:1px solid #000;height:45px}
.eventCal{display:flex;align-items:center;flex-wrap:wrap;justify-content:center}
.calendarEventText{font-size:9px;margin-right:-13px;margin-bottom:-15px;margin-top:-11px;margin-left:18px;text-align:left}
.calendarEventIcon{font-size:12px;margin-right:2px;margin-left:3px;vertical-align:middle;margin-top:-4px}
.calEvents{color:#f0a62b}
.calMiqaat{color:#776a6a}
.calSharaf{color:#77c25d}
.calBirthday{color:#fd8ab2}
.calWaras{color:#a688f0}
.calWafat{color:#696969}
.calShaadi{color:#663399}
.calNikah{color:#ff4c4c}
.calMeeting{color:#75c3f8}
.calReminder{color:#f8802f}
.calTodo{color:#f1c232}
.calPEvents{color:#75c3f8}
.calAddEvents{color:#0e4653}
.event-icon{display:flex;font-size:30px;vertical-align:middle;position:relative;align-items:center;justify-content:center;width:40px;height:35px;border-radius:50%;border:none;outline:none;background:transparent;cursor:pointer}
.icon-button{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;color:#f0a62b;background:transparent;border:none;outline:none;border-radius:50%}
.icon-button:hover{cursor:pointer}
.icon-button:active{background:#cccccc}
.icon-button__badge{position:absolute;top:-3px;right:0px;width:18px;height:18px;background:red;color:#ffffff;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:12px}
#Header1_noEvent{color:#0e4653;display:flex;justify-content:center;vertical-align:middle;margin-top:-4px}
.calendarEventIcon{font-size:18px;margin-top:18px}
.nocalendarEventText{font-size:12px;font-weight:700;margin-top:10px}
/* photos 
Actual Size w295 x h354 
w295	x	h354	for original		formula (w295 x h354)
w147.5	x	h177	for MHP				formula (w295 x h354 / 2)
w98.3	x	h118	for small			formula (w295 x h354 / 3)
w73.7	x	h88.5	for datagrid big	formula (w295 x h354 / 4)
w59		x	h70.8	for datagrid small	formula (w295 x h354 / 5)*/
.img-centered{margin:auto;border-radius:5px}
.img-remove-border-radius{border-radius:0}
img{border:none}
.loading{background-size:auto;border-radius:5px}
.photo-original,.photo-mhp,.photo-small,.photo-dg-big,.photo-dg-small,.photo-dg-tiny,.photo-dg-tinyX,.loading{border:none;background-size:auto;border-radius:5px}
.photo-original{width:295px;height:354px}
.photo-mhp{width:147px;height:177px}
.photo-small{width:98px;height:118px}
.photo-dg-big{width:73px;height:88px}
.photo-dg-small{width:59px;height:70px}
.photo-dg-tiny{width:50px;height:60px}
.photo-dg-tinyX{width:38px;height:45px}
a:hover,a:focus{color:#2a6496;text-decoration:none}
.dropdown-menu > li > a[target="_blank"]:hover:after{content:"\e89e";font-family:'Material Icons';font-weight:normal;font-style:normal;display:inline-block;text-decoration:none;margin-top:-2px;vertical-align:middle;padding-left:5px;font-size:14px}
i{vertical-align:middle !important}
a{text-decoration:none}
.mhp-icon{font-size:55px;color:#0e4653;cursor:pointer;border-radius:5px;transition:all 1s ease-in}
.mhp-icon:hover{background-color:#fff;border:1px solid #0e4653}
.icon-proudBadge{margin-top:-120px;margin-right:10px}
h1{margin:0px;font-size:20px;color:#b98027;font-family:Alice;text-transform:uppercase;letter-spacing:2px}
h2{margin:0px;font-size:18px;color:#b98027;font-family:Alice}
h3{margin:0px;font-size:16px;color:#0e4653;font-family:Alice}
h4{margin:0px;font-size:14px;color:#0e4653;font-family:Alice;border-bottom:solid 1px #eee;padding-bottom:5px}
h3.miqaat{color:#0e4653;margin:0px !important;font-size:18px;font-family:Alice;padding-top:5px}
.text-miqaat{text-align:center}
div.box{padding-bottom:15px;background-color:#ffffff;overflow:auto;border-radius:21px;transition:transform 420ms cubic-bezier(.165,.84,.44,1)}
div.boxalert{padding:10px;padding-bottom:15px;margin-bottom:27px;overflow:auto;background-color:#fff;border-top:1px solid #c50409;border-bottom:1px solid #c50409;border-right:1px solid #c50409;border-left:10px solid #c50409;border-radius:15px;transition:transform 420ms cubic-bezier(.165,.84,.44,1)}
div.box:hover,div.boxalert:hover{box-shadow:0 15px 30px rgba(0,0,0,.3);transition:all .7s ease-out}
div.familytree{padding:5px;border:solid 1px #fff;min-height:200px}
div.familytree:hover{box-shadow:0 15px 30px rgba(0,0,0,.5);border:solid 1px #F2E5A5;border-radius:5px;background-color:#FAF6E2;transition:all .7s ease-out}
.motif-central-withBanner,.motif-central-withoutBanner{background:url(../../imgs/1447/motif-gold.png) repeat-x;background-size:32px;margin-bottom:10px}
.motif-central{background:url(../../imgs/1443/Motif_Central.png) repeat-x;margin:10px 0px;background-size:21px;width:100%}
.motif-central:after,.motif-central:before{padding:10px}
.motif_header{height:22px;background:url(../../imgs/1443/Motif_Header.png) repeat-x center #0e4653;border:none;z-index:1}
.motif_footer{height:22px;background:url(../../imgs/1443/Motif_Footer.png) repeat-x center #0e4653;border:none;z-index:1}
.darkHR{border-top:1px solid #B48638;clear:both}
.lightHR{clear:both}
.HRMargin{margin-top:10px !important;margin-bottom:2px !important}
.lblMsg,.lblmsg,.dgPager,caption{font-weight:bold;color:red;text-align:center}
.borderright{border-right:#b07c30 1px dashed}
.icon12{font-size:12px !important}
.icon16{font-size:16px !important}
.icon20{font-size:20px !important}
.icon24{font-size:24px !important}
.icon30{font-size:30px !important}
.icon36{font-size:36px !important}
.icon53{font-size:53px !important}
.icon72{font-size:72px !important}
.icon128{font-size:128px !important}
.icon172{font-size:172px !important}
.icon200{font-size:200px !important}
.icon256{font-size:256px !important}
.iconlight{color:#bfe7ef}
.icondark{color:#0e4653}
#video_vaccine{width:370px;height:200px}
.img_homebudget{margin-top:10px;margin-right:30px}
.icon_homebudget{margin-top:10px;margin-left:-120px}
table.tbl{border-collapse:separate;border-spacing:5px;line-height:30px;width:100%;font-family:"Plus Jakarta Sans",sans-serif}
table.tbl td{text-align:left;padding:5px;border:solid 1px #DDDDDD;border-radius:3px}
table.tbl td.bg,.bg{background-color:#FCF9F2;color:#1F2A37;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:12px}
table.tblhover td{text-align:left;padding:5px;border-bottom:#b07c30 1px dashed}
td.border,table.border{border:solid 1px #dfb636;border-radius:5px;transition:all 0.5s ease}
td.border:hover,table.border:hover{-moz-box-shadow:#000 0px 2px 10px;box-shadow:#000 0px 2px 10px}
.tblHead{border:1px solid rgb(245,219,165);background-color:rgb(245,219,165);color:rgb(138,41,0);border-radius:5px;padding:5px;margin:2px}
.tblContent{border-radius:5px;border:1px solid rgb(245,219,165);padding:5px;margin:2px}
.txtSearch{padding:10px !important;margin-bottom:2px;width:353px;height:43px !important;font-size:20px;padding-left:40px !important;background:rgba(255,255,255,1) url(../../imgs/1443/Search.png) no-repeat left 5px center !important;margin-left:-7px !important}
input.text,input.textbox,input[type='text'],input[type='password'],input[type='number'],input[type='date'],input[type='email'],input[type='color'],textarea,.textbox{padding:6px 12px;margin-bottom:2px;height:38px;width:353px;border: solid 1px var(--secondary-color);border-radius:5px}
input.text:focus,input.textbox:focus,input[type='text']:focus,input[type='password']:focus,input[type='number']:focus,input[type='date']:focus,input[type='email']:focus,input[type='color']:focus,textarea:focus,.textbox:focus{background:#fff;border:solid 1px var(--secondary-color);box-shadow:#ccc 0 2px 10px}
input.text:hover,input.textbox:hover,input[type='text']:hover,input[type='password']:hover,input[type='number']:hover,input[type='date']:hover,input[type='email']:hover,input[type='color']:hover,textarea:hover,.textbox:hover{background:#fff;border:solid 1px var(--secondary-color)}
textarea{width:353px;height:110px}
input[readonly],input[disabled],textarea[disabled],input[readonly]:hover,input[disabled]:hover,textarea[disabled]:hover{background:#CCC;color:#878787;border:1px solid #878787}
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}
input[type=number]{-moz-appearance:textfield}
select,.cmb,select[multiple],select[size]{padding:2px 12px;margin-bottom:2px;height:36px;width:353px;background-color:#f8f8f8;border:solid 1px #FCF9F2;border-radius:5px;cursor:pointer}
select:focus,.cmb:focus{background:#fff;border:solid 1px #0e4653;box-shadow:#ccc 0 2px 10px}
select:hover,.cmb:hover{background:#fff;border:solid 1px #0e4653}
.txtlarge,.ddllarge{width:240px !important;text-align:center;text-align-last:center}
.txtmedium,.ddlmedium{width:120px !important;text-align:center;text-align-last:center}
.txtsmall,.ddlsmall{width:110px !important;text-align:center;text-align-last:center}
.txttiny,.ddltiny{width:50px !important;text-align:center;text-align-last:center;padding:6px !important}
.btnactive,.btn-primary,a.btnactive:link,a:link.lnkbtn,a:visited.lnkbtn{display:inline-block;text-align:center;max-width:400px;width:200px;height:40px;margin:2px;padding:0px;padding-top:4px;cursor:pointer;color:#ffffff;background-color:var(--primary-color) !important;border-radius:8px;border:2px solid var(--secondary-color) !important;font-size:15px;vertical-align:initial;transition:all .5s ease-in;line-height:inherit}
.btnactive:hover,.btn-primary:hover,.btn:hover,a:link.lnkbtn:hover,a.btnactive:hover{background-color:var(--primary-color);border-color:var(--primary-color) !important;color:white !important}
a:link.lnkbtn{height:30px}
.btn,.btn-secondary{display:inline-block;max-width:400px;width:200px;height:40px;margin:2px;padding:0px;padding-top:4px;cursor:pointer;color:#fff;background-color:var(--secondary-color);border-radius:8px;border:2px solid var(--secondary-color);font-size:15px;vertical-align:initial;transition:all .5s ease-in;line-height:inherit}
.btn:hover,.btn-secondary:hover{color:#ffffff !important;background-color:var(--primary-color) !important;border:solid 1px var(--primary-color)}
.btnsymbol{text-decoration:none;padding:5px;height:34px;width:27px;border-radius:5px;background-color:#f5dba5;border:solid 1px #dfb636 !important;color:#dfb636;font:16px arial;vertical-align:top;text-align:center;transition:all 1s ease-in;border-top-right-radius:5px !important;border-bottom-right-radius:5px !important}
a.clickhere{display:inline-block;position:absolute;right:0px;cursor:pointer;padding:7px;text-decoration:none;color:#bfe7ef;background-color:#0e4653;border-radius:15px;font-size:11px;margin-right:15px}
a.clickhere:hover{background-color:#bfe7ef;border:1px solid #0e4653;color:#0e4653}
.floatright{display:inline-block;position:absolute;right:20px;cursor:pointer;text-decoration:none}
video{min-width:300px}
.width50{width:50px !important}
.width75{width:75px !important}
.width100{width:100px !important}
.width120{width:120px !important}
.width130{width:130px !important}
.width150{width:150px !important}
.width180{width:180px !important}
.width200{width:200px !important}
.width250{width:250px !important}
.width300{width:300px !important}
.rotate90{transform:rotate(90deg)}
.rotate120{transform:rotate(120deg)}
.maroon{color:#c50409 !important}
.dark{color:#333 !important}
.white{color:#fff !important}
.golden{color:#D9B310 !important}
.red{color:#e90f14 !important}
.light-red{color:#f77 !important}
.blue{color:#328CC1 !important}
.light-blue{color:#93cbf9 !important}
.green{color:#118a19 !important}
.light-green{color:#b0d877 !important}
.yellow{color:#FFFF00 !important}
.orange{color:#ff892a !important}
.light-orange{color:#fcac6f !important}
.purple{color:#a069c3 !important}
.pink{color:#c6699f !important}
.brown{color:brown !important}
.grey{color:#777 !important}
.light-grey{color:#bbb !important}
.pad5{padding-left:5px;padding-right:5px}
.pad8{padding-top:8px;padding-bottom:8px}
.pad10{padding:10px}
.padTop10{padding-top:10px}
.radius5{border-radius:5px}
.lblejid,.ITSID,.itsid{font-size:24px;letter-spacing:1px;color:#0e4653;font-family:Alice}
.reqd,.reqdvalidator{color:red;font-weight:bold}
.privacytext{padding:10px;border-top:#c50409 1px dashed;border-bottom:#c50409 1px dashed}
.lowborder{border-bottom:#ccc 1px dashed;height:24px}
.divborder{display:inline-block;border:solid 1px #eee;border-radius:5px;padding:10px;margin:5px;width:100%}
.divborder1{display:inline-block;border:solid 1px #eee;border-radius:5px;padding:5px;margin:0px}
.cmbAr{padding:3px;direction:rtl;font:18px/18px 'AL-KANZ','lisan-ud-dawat','AL-FATEMI-Lisaan-ud-Dawat','Al-Fatemi(lisaan-ud-Dawat)',arial,serif !important;color:#333;background:#fff;border:#dadad8 1px solid;width:300px;height:30px;text-align:right}
.textAr{font:18px/18px 'AL-KANZ','lisan-ud-dawat','AL-FATEMI-Lisaan-ud-Dawat','Al-Fatemi(lisaan-ud-Dawat)',arial,serif !important;text-align:center;direction:rtl}
.textArCenter{font:18px/18px 'AL-KANZ','lisan-ud-dawat','AL-FATEMI-Lisaan-ud-Dawat','Al-Fatemi(lisaan-ud-Dawat)',arial,serif !important;text-align:center;direction:rtl;line-height:40px}
.textAr12{font:12px/10px 'AL-KANZ','lisan-ud-dawat','AL-FATEMI-Lisaan-ud-Dawat','Al-Fatemi(lisaan-ud-Dawat)',arial,serif !important;text-align:center;direction:rtl}
.textAr18{font:18px/10px 'AL-KANZ','lisan-ud-dawat','AL-FATEMI-Lisaan-ud-Dawat','Al-Fatemi(lisaan-ud-Dawat)',arial,serif !important;text-align:center;direction:rtl}
.textAr24{font:24px/24px 'AL-KANZ','lisan-ud-dawat','AL-FATEMI-Lisaan-ud-Dawat','Al-Fatemi(lisaan-ud-Dawat)',arial,serif !important;text-align:right;direction:rtl}
.textAr36{font:36px/20px 'AL-KANZ','lisan-ud-dawat','AL-FATEMI-Lisaan-ud-Dawat','Al-Fatemi(lisaan-ud-Dawat)',arial,serif !important;text-align:right;direction:rtl}
.textArALKANZ{font:18px/18px 'AL-KANZ','lisan-ud-dawat','AL-FATEMI-Lisaan-ud-Dawat','Al-Fatemi(lisaan-ud-Dawat)',arial,serif !important;text-align:right;direction:rtl}
.textArALKANZ24{font:24px/24px 'AL-KANZ','lisan-ud-dawat','AL-FATEMI-Lisaan-ud-Dawat','Al-Fatemi(lisaan-ud-Dawat)',arial,serif !important;text-align:right;direction:rtl}
.textCoronet{font-family:'Coronet',arial,serif}
.textblue{color:blue}
.textred{color:#c50409 !important}
.textgreen{color:green !important}
.textyellow{color:#ffff00}
.textbold{font-weight:bold}
.textsmall{font-size:.9em;color:#666}
.textsmallright{font-size:12px;float:right;margin:3px;color:#666}
.textPrecious{font-family:'Conv_Precious',arial,serif}
.text28{font-size:28px !important;font-family:Alice,"Open Sans",Helvetica,Arial,sans-serif !important;line-height:initial}
.text48{font-size:48px !important;font-family:Alice,"Open Sans",Helvetica,Arial,sans-serif !important;line-height:initial}
.text53{font-size:53px !important;font-family:Alice,"Open Sans",Helvetica,Arial,sans-serif !important;line-height:initial}
.text72{font-size:72px !important;font-family:Alice,"Open Sans",Helvetica,Arial,sans-serif !important;line-height:initial}
.text130{font-size:130px !important;font-family:Alice,"Open Sans",Helvetica,Arial,sans-serif !important;line-height:initial}
.warninggreen{font-weight:bold;color:green;text-align:center;letter-spacing:1px}
.warningred,.warningred:hover{display:block;margin:10px;padding:2px;background:red;font-size:20px;font-weight:bold;color:#fff;text-align:center;letter-spacing:1px;border-radius:5px}
.dg{width:100%;margin:5px 0 10px 0;border:solid 1px #DDDDDD;border-collapse:separate;border-spacing:5px;border-radius:5px}
.dg td{border:solid 1px #DDDDDD;padding:3px;border-radius:3px}
.dg th,.dgHeader td,.dgFooter td,.header{background:#FCF9F2;padding:3px;border:solid 1px #DDDDDD;color:#1F2A37;text-align:center;letter-spacing:2px;border-radius:5px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:12px}
tr.dgItem:hover td,tr.dgAlt:hover td{background:#f4f9fb;color:#0e4653;border-radius:5px}
tr.dgPager td{border:none}
tr.dgPager td table tr td{border:dashed 1px #DDDDDD;padding:0px 5px 0px 5px}
tr.dgPager td table tr td:hover{background:#f4f9fb;display:block;cursor:pointer}
.dgItem,.dgAlt,.dgEdit,.dgSelect{text-align:left}
.dgItemCenter,.dgAltCenter,.dgEditCenter,.dgSelectCenter{text-align:center}
.dgSelect{background:#abcfd7;text-align:inherit}
thead tr .dgHeader:after{content:"sort_by_alpha";font-family:'Material Icons';font-size:15px;color:#0bd5cf;vertical-align:middle;cursor:pointer;border-radius:2px;padding:2px;display:inline-block;clear:both;display:inline-block;float:right;margin-top:-22px;padding-right:5px;letter-spacing:normal}
thead tr .headerSortUp:after{content:"sort";font-family:'Material Icons';font-size:15px;color:#0bd5cf;vertical-align:middle;cursor:pointer;transform:rotate(180deg);letter-spacing:normal;display:inline-block}
thead tr .headerSortDown:after{content:"sort";font-family:'Material Icons';font-size:15px;color:#0bd5cf;vertical-align:middle;cursor:pointer;letter-spacing:normal;display:inline-block}
div.tablesorter-header-inner div.checkbox span.its-checkbox:after,.dgHeader th div.checkbox span.its-checkbox:after{color:#fee6b2 !important}
.dgHeader .sorter-false:after{content:""}
.oneLogin_logo{width:100%}
.oneLogin-container{display:flex;flex-wrap:wrap;justify-content:center;margin-top:-15px;padding-top:10px}
.btn-oneLogin{margin:10px}
.wrapper_oneLogin{width:120px;height:165px;border:1px solid #ccc;background:#fff;margin:auto;position:relative;overflow:hidden;border-radius:10px 10px 10px 10px;box-shadow:0;transform:scale(0.95);transition:box-shadow 0.5s,transform 0.5s}
.wrapper_oneLogin:hover{transform:scale(1);box-shadow:5px 20px 30px rgba(0,0,0,0.2)}
.wrapper_oneLogin .container_oneLogin{width:100%;height:100%}
.wrapper_oneLogin .container_oneLogin .top_oneLogin{height:50%;width:100%}
.wrapper_oneLogin .container_oneLogin .top_oneLogin img{height:auto;width:45%;padding-top:20px}
.wrapper_oneLogin .container_oneLogin .bottom{width:100%;height:50%;transition:transform 0.5s}
.wrapper_oneLogin .container_oneLogin .bottom h1{margin:0;padding:0;font-size:11px !important;cursor:pointer}
.wrapper_oneLogin .container_oneLogin .bottom p{margin:0;padding:0;font-size:10px}
.wrapper_oneLogin .container_oneLogin .bottom .left{height:100%;width:100%;background:#f4f4f4;position:relative}
.wrapper_oneLogin .container_oneLogin .bottom .left .details{padding:5px 5px 2px 5px;width:100%;height:80%;text-align:center;align-items:center}
.wrapper_oneLogin .container_oneLogin .bottom .left .details a{margin-bottom:2px;width:100%}
.wrapper_oneLogin .container_oneLogin .bottom .left .details_umoor{padding:0 5px;height:20%}
.wrapper_oneLogin .container_oneLogin .bottom .left .details_umoor p{margin-top:1.5px;margin-bottom:5px;text-align:center}
.wrapper_oneLogin .container_oneLogin .bottom .left .favOneLogin{width:20%;height:auto;background:#F1C232;transition:background 0.5s}
.wrapper_oneLogin .container_oneLogin .bottom .left .favOneLogin i{font-size:24px;position:absolute;left:-96px;top:-78px;color:#F1C232;cursor:pointer;transition:transform 0.5s}
.wrapper_oneLogin .inside{z-index:10;background:#0e4653;width:130px;height:125px;position:absolute;top:-85px;right:-85px;border-radius:0px 0px 200px 200px;transition:all 0.5s,border-radius 2s,top 1s;overflow:hidden}
.wrapper_oneLogin .inside .icon-info{position:absolute;right:90px;top:87px;color:#bfe7ef;opacity:1}
.wrapper_oneLogin .inside .icon-info i{font-size:18px}
.wrapper_oneLogin .inside:hover{width:100%;right:0;top:0;border-radius:0;height:80%}
.wrapper_oneLogin .inside:hover .icon-info{opacity:0;right:15px;top:15px}
.wrapper_oneLogin .inside:hover .contents{opacity:1;transform:scale(1);transform:translateY(0)}
.wrapper_oneLogin .inside .contents{padding:5%;opacity:0;transform:scale(0.5);transform:translateY(-200%);transition:opacity 0.2s,transform 0.8s}
.wrapper_oneLogin .inside .contents p{font-size:9px;color:white;text-align:left;width:100%}
.wrapper_oneLogin .icon-star{z-index:9;background:#0e4653;width:127px;height:125px;position:absolute;top:-85px;left:-85px;border-radius:0px 0px 200px 200px}
.wrapper_oneLogin .icon-star i{font-size:18px;position:absolute;right:19px;top:89px;cursor:pointer;color:#bfe7ef;z-index:9}
.diniyah{background:#379b15;color:#fff}
.taalimiyah{background:#74cfe5;color:#0e4653}
.maaliyah{background:#b58a2d;color:#fff}
.mawaridBashariyah{background:#fc8505}
.daakhliyah{background:#893f9b;color:#fff}
.amlaak{background:#568ecc;color:#fff}
.iqtesadiyah{background:#094f89;color:#fff}
.qaza{background:#ac1c30;color:#fff}
.fmb{background:#613205;color:#fff}
.khaarejiyah{background:#f3bec8}
.marafiqBurhaniyah{background:#f9f717}
.sehat{background:#b3ed70;color:#0e4653}
.radio{display:inline-block;white-space:pre-line;margin:0px !important;padding:0px !important;vertical-align:middle;padding-right:8px !important}
.its-radio{position:relative;display:inline-block;white-space:pre-wrap;vertical-align:middle;padding-right:3px}
.its-radio:after{content:"radio_button_unchecked";font-family:'Material Icons';font-size:32px;color:#0e4653;vertical-align:middle;letter-spacing:normal;display:inline-block}
.its-radio.selected:after{content:"radio_button_checked";color:#dfb636}
.its-radio:hover:after{color:#dfb636}
.its-radio input[type="radio"]{margin-left:10px;margin-top:17px;position:absolute;z-index:2;cursor:pointer;outline:none;opacity:0}
.checkbox{display:inline-block;white-space:pre-line;margin:0px !important;padding:0px !important;vertical-align:middle;min-width:30px}
.its-checkbox{position:relative;display:inline-block;white-space:pre-wrap;vertical-align:middle;padding:3px}
.its-checkbox:after{content:"check_box_outline_blank";font-family:'Material Icons';font-size:32px;color:#dfb636;vertical-align:middle;letter-spacing:normal;display:inline-block}
.its-checkbox.selected:after{content:"check_box";color:#dfb636}
.its-checkbox:hover:after{color:#dfb636}
.its-checkbox input[type="checkbox"]{margin-left:5px;margin-top:11px;position:absolute;cursor:pointer;outline:none;opacity:0;z-index:2;appearance:none;-webkit-appearance:none;width:23px;height:23px}
span.multiselect-native-select{position:relative}
span.multiselect-native-select select{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px -1px -1px -3px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;left:50%;top:30px}
.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0;background-color:rgb(247,247,247);width:353px;text-align:left}
.multiselect-container .input-group{margin:5px !important}
.multiselect-container > li{padding:0}
.multiselect-container > li > a.multiselect-all label{font-weight:700}
.multiselect-container > li.multiselect-group{background-color:#62A8D1}
.multiselect-container > li.multiselect-group label{margin:0 !important;padding:3px 10px 3px 10px !important;height:100%;font-weight:700;color:#fff}
.multiselect-container > li.multiselect-group-clickable label{cursor:pointer}
.multiselect-container > li > a{padding:0;line-height:30px;border-bottom:solid 1px #ccc}
.multiselect-container > li > a > label{margin:0 !important;height:100%;cursor:pointer !important;font-weight:400}
.multiselect-container > li > a > label.radio,.multiselect-container > li > a > label.checkbox{margin:0px 0px 0px 10px !important}
.multiselect-container > li > a > label > input[type=checkbox]{margin:8px 10px 5px 10px !important}
.btn-group > .btn-group:nth-child(2) > .multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}
.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px !important}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}
ul.multiselect-container.dropdown-menu li a label{font-size:15px}
#purr-container{position:fixed;top:100px;right:5px;z-index:1072}
.notice{position:relative;width:353px;min-height:100px;background:rgba(255,255,255,0.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.1);border-radius:16px;transition:all 1s;margin:10px}
.notice:hover{background:#000}
.notice .icon{float:left;font-size:75px;padding:1px 5px 1px 5px}
.notice .close{position:absolute;top:10px;right:10px;display:inline-block;color:#fff}
.notice .close:after{content:"close";font-family:'Material Icons';display:inline-block;font-size:20px;vertical-align:middle;cursor:pointer}
.notice .close:hover{color:#e90f14;font-size:22px;text-shadow:none}
.notice-body{min-height:50px;padding:10px 10px 20px 10px;color:#f9f9f9 !important}
.notice h3{margin:0;font-size:1.6em;color:#fff;text-align:left;border:none;font-family:Alice}
.notice p{margin:0px;color:#000 }
.notice:hover .notice-body p {color:#fff !important}
.notice .info{color:#FFFF00}
.notice .done{color:#0fe91e}
.notice .error{color:#e90f14}
.its-info,.its-success,.its-warning,.its-error{display:flex; padding:10px 20px;margin:20px 0px;border-radius:10px;text-align:center}
.its-info:before,.its-success:before,.its-warning:before,.its-error:before{font-family:'Material Icons';font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;font-size:18px;margin-right:.7em;text-align:center;font-variant:normal;text-transform:none;line-height:20px;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:bottom}
.its-info:before{content:"\e88e"}
.its-success:before{content:'\e876'}
.its-warning:before{content:'\e002'}
.its-error:before{content:'\e000'}
.its-info{color:#00529B;background-color:#BDE5F8}
.its-success{color:#4F8A10;background-color:#DFF2BF}
.its-warning{color:#9F6000;background-color:#FEEFB3}
.its-error{color:#D8000C;background-color:#FFD2D2}
#back-to-top{position:fixed;bottom:40px;right:20px;cursor:pointer;z-index:10;font-size:32px}
.icon-container-square{background:var(--secondary-color);opacity:1;width:40px;height:40px;border-radius:15%;display:inline-flex;justify-content:center;align-items:center;color:#fff}
#back-to-top:hover{background:#000;opacity:0.7}

/*ITS CSS NEW CONTROLS UI //v1.7.2 08/OCT/2025 - Abdulqadir*/
input.itscss,textarea.itscss,.itscssSpanbox,.itscssSelectbox{position:relative;min-width:100%;max-width:100%;min-height:65px;height:auto;padding:15px 30px 15px 65px !important;border:1px solid #DDDDDD !important;border-radius:8px !important;text-align:center;font-size:16px !important;align-items:center;display:flex;justify-content:center;z-index:0}
input.itscss,textarea.itscss{background-color:transparent;font-size:16px !important}
input.itscss:hover,textarea.itscss:hover{background-color:white !important}
select.itscss{width:94% !important;margin-top:10px !important;background-color:transparent !important;border:none!important;font-size:16px !important;text-align:left;z-index:3;transition:0.5s}
.itscssPlaceholder{position:absolute;top:22px;left:72px;font-size:13px;color:grey;transition:0.5s;letter-spacing:2px;z-index:2;font-family:'Source Sans Pro',Arial !important;direction:ltr !important}
.itscssInputbox{position:relative;width:auto;margin-top:30px;height:auto}
.itscssSelectbox{padding:0px 10px 0px 40px !important;margin-top:30px}
.itscssSelectbox select{margin-top:0 !important;margin-bottom:0 !important;height:60px}
.itscssSelectbox select:focus{box-shadow:none !important}
.itscssLabel{position:absolute;top:-12px;left:25px !important;padding:5px 20px !important;color:#1F2A37;font-size:12px;border:0.2px solid #DDDDDD;border-radius:8px;z-index:4;background-color:#FCF9F2;opacity:1 !important}
.itscssControlicon{position:absolute;left:36px;top:50% !important;transform:translateY(-50%);color:var(--primary-color);z-index:4}
.itscssReqd{position:absolute;top:50% !important;transform:translateY(-50%);left:18px;font-size:12px !important;color:red;cursor:pointer;z-index:4}
.itscssInfo{position:absolute;top:50% !important;transform:translateY(-50%);right:15px;font-size:15px !important;cursor:pointer;z-index:4}
.itscssCounter{position:absolute;bottom:-15px;right:5px;font-size:11px;color:#0e4653;font-family:'Source Sans Pro',Arial !important}
.itscssSpanbox .itscssControlicon{top:50% !important;transform:translateY(-50%)}
.itscssInputbox .itscssControlicon{top:19px !important;transform:none !important}
span div.itscss{margin-top:15px}
.itscssInputbox .reqdvalidator,.itscssSpanbox .reqdvalidator{position:absolute;top:22px;right:5%;font-family:'Source Sans Pro',Arial !important;font-size:14px}
.itscssSelectbox .reqdvalidator{position:absolute;top:22px;right:10%;font-family:'Source Sans Pro',Arial !important;font-size:14px;z-index:4}
.itscssSelectbox .itscssPlaceholder{opacity:0}
.tooltip{z-index:1073 !important}
.itscss::placeholder{color:transparent}
.itscssSpanbox:first-child{max-width:100%;word-wrap:break-word}
.itscssSpanbox .btnactive{min-width:fit-content !important;max-width:100% !important}
.divGroups{position:absolute;top:auto;z-index:4;right:25px}
.itscssInputbox .divGroups{top:13px !important}
.itscss{margin-top:0px}
div > .itscss ~ .itscss{margin-top:20px;margin-bottom:10px}
span > .itscss{margin-top:30px}
.groupParent{text-align:center}
.itscssSelectbox .select2-selection{border:none !important;text-align:left;height:60px !important;padding-top:15px}
.itscssSelectbox .select2-container{width:95% !important;z-index:3}
.select2-selection__arrow{top:16px !important}
.pad10{padding:15px 10px 15px 10px !important}
.itscssSelectbox .multiselect-container{z-index:1072 !important;width:97% !important;position:inherit;float:inline-end !important}
.itscssSelectbox .cmb{width:95%;height:60px}
.itscssSelectbox .caret{float:right;margin-top:10px}
.itscss .cmb{background-color:transparent !important;border:none !important}
.itscss .multiselect-native-select,.itscss .btn-group{width:100% !important}
.Multiselect select{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px -1px -1px -3px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}
.Multiselect .dropdown-menu{float:inline-end !important}
.Multiselect .multiselect-selected-text{display:inline-block;height:fit-content;float:left}
.itscss input[type="file"]{opacity:0;z-index:4 !important}
.itscss .filename{position:absolute}
.itscssUploadBox{padding-top:0 !important;padding-bottom:0 !important}
.itscssUploadBox input{height:60px !important;cursor:pointer}
.itscss .select2-selection__rendered{color:#000 !important;padding-left:20px !important}
.pad10  .select2-selection__rendered{padding-left:10px !important}
td .itscssSelectbox{padding:2px 2px 2px 2px !important;height:40px !important;min-height:30px !important;background-color:white}
td .itscssSelectbox .select2-selection{height:20px !important;padding-top:0px !important}
td .select2-selection__clear{display:none !important}
td .select2-selection__arrow{top:-2px !important}
td .select2-selection__rendered{line-height:20px !important}
.itscss.bg{border:none!important;padding:0px 0px 0px 0px !important;min-height:45px !important;margin-bottom:10px}
.divGroups{word-break:break-all}
.itscss.nomargin{margin-top:0px !important}
.itscss-col .itscss{margin-bottom:20px !important}
.itscss-col select.itscss{margin-bottom:0px !important;padding:0px 0px !important;margin-left:20px}
.md-margin{margin-top:10px !important}
.itscssSelectbox.pad10{padding:0 10px 0 10px !important}
.itscssInputbox.pad10{padding:0 !important}
.itscssInputbox.pad10 input{padding:0 10px 0 10px !important}
.itscssInputbox.pad10 textarea{padding:10px 10px 10px 10px !important}
.itscssRadio{padding-top:10px !important;padding-bottom:0px !important}
.itscss .itscssInputbox input,.itscss .itscssSpanbox,.itscss .itscssSelectbox{border:1px solid #eee !important}
.Critical{background-color:red;color:white;border-radius:5px;display:inline-block;padding:5px}
.itscssSelectbox .select2-selection__clear{display:none}
.itscssSelectbox .select2-container--default .select2-selection--single .select2-selection__arrow{height:4px !important}
.select2-container{max-width:353px}
.select2-container .select2-selection--single{height:38px !important;padding:6px 12px !important}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:38px !important}
.select2-selection__rendered{color:black !important}
.select2-selection{background-color:#f8f8f8 !important;border:1px solid #FCF9F2 !important}
.itscssSelectbox .select2-selection{background-color:#fff !important}
.itscssSelectbox .select2-container{max-width:100%}
.itscssSelectbox .multiselect-container > li.multiselect-all > a > label.checkbox{margin-left:0px !important}
.itscssSelectbox .multiselect-container > li > a > label.checkbox{margin-left:25px !important}
.itscssSelectbox .multiselect-container .caret{float:none;margin-top:0px}
.itscssInputbox.pad10 .itscssPlaceholder:not(.itscssLabel){left:34px !important}
.itscssUploadBox.pad10 .itscssPlaceholder:not(.itscssLabel){left:34px !important}
.ddltime{font-size:12px;height:30px;width:50px;text-align:center;padding:0 !important}
.itscss.disabled,.itscssSelectbox.disabled .select2-selection{background-color:#ccc !important;color:#878787 !important;border:1px solid #878787;cursor:not-allowed}
.itscss.in-table{min-height:45px;padding:8px 5px 5px 5px !important}
.in-table .itscssLabel{padding:3px 8px !important;left:12px !important}
.in-table.itscss-col{margin-bottom:5px !important}
.itscss-col .itscss.in-table{margin-bottom:5px !important}
.in-table .itscssCounter{bottom:-4px !important}
.in-table.itscssInputbox  .itscssLabel{top:-6px !important}
.footerloading{display:none;z-index:9999;position:fixed;padding:0px;top:5px;left:57%;transform:translate(-50%,0);margin-left:-115px !important;transition:all 0.5s ease-in-out 1s}
.footerloadingbox{cursor:pointer;margin:0px;padding:10px;text-align:center;width:230px;background:#fff;color:#c50409;border:1px solid #eee;line-height:30px;border-radius:5px;font-family:Alice}
.footerloadingbox img{width:32px;float:left}
.boxloader{position:relative;padding:0px;top:10px;left:40%;transition:all 0.5s ease-in-out 1s}
.boxloadercontent{cursor:pointer;margin:0px;padding:10px;text-align:center;width:230px;background:#fff;color:#c50409;border:1px solid #eee;line-height:30px;border-radius:5px;font-family:Alice}
.boxloadercontent img{width:32px;float:left}
.grid{display:grid}
.footer_box{width:100%;height:auto;background:#0e4653 !important;font-family:'Source Sans Pro',Arial;padding:0 !important}
.footer_container{padding:0 10px}
.footer_box a{text-decoration:none;color:#fff;transition:transform 0.3s}
.footer_box a:hover{color:#bfe7ef;transition:color 0.3s}
.footer_section{border-bottom:1px solid #bfe7ef;padding-top:20px}
.footer_section .collapsible__content{font-size:1.1rem}
.footer_brand{text-align:center;margin:2rem auto}
.footer_brand img{width:65%}
.footer_copyright{text-align:center;font-size:1rem;color:#fff;opacity:0.8;margin:auto;margin-bottom:5px;margin-top:10px}
.footer_copyright{display:block}
.footer_list{list-style:none;padding-left:0}
.footer_list li{margin-bottom:2px;margin-top:2px}
.footer_app{display:flex;justify-content:center;flex-direction:row;width:100%;margin:0}
.footer_icons{display:flex;flex-direction:row}
.footer_app_child{margin:10px 10px 20px 10px}
.footer_app_child img{cursor:pointer}
.download_header{display:flex;flex-direction:column}
.download_header .collapsible__header{display:none}
.icon-footer{margin-right:10px;color:#fff;font-size:20px}
.icon-container{background:#4e6c72;opacity:0.5;width:30px;height:30px;border-radius:100%;display:inline-flex;justify-content:center;align-items:center}
.collapsible__header{display:flex;justify-content:space-between;vertical-align:middle;cursor:pointer}
.collapsible_heading{font-size:1.3rem;margin-top:0;color:#bfe7ef;margin-bottom:1.5rem;font-family:Alice}
.collapsible__chevron{transform:rotate(-90deg);transition:transform 0.3s;margin-right:0.5rem;font-size:30px !important;color:#fff;cursor:pointer}
.collapsible--expanded .collapsible__chevron{transform:rotate(0)}
.collapsible__content{max-height:0;opacity:0;overflow:hidden;transition:all 0.3s}
.collapsible--expanded .collapsible__content{max-height:100vh;opacity:1}
.highslide-maincontent{display:none}
.alertBox .highslide-header .highslide-close{display:none}
.alertBox .highslide-header .highslide-move{display:none}
.page-header{margin:0 0 12px;border-bottom:1px dotted #e2e2e2;padding-bottom:16px;padding-top:7px}
.page-header h1{padding:0;margin:0 0px;font-size:24px;font-weight:lighter}
.page-header h1 small{margin:0 6px;font-size:14px;font-weight:400;color:#8089a0}
/*Visible Property & meaning
.visible-lg = Large Desktop & HD Screen (Large)
.visible-md = Desktop (Medium)
.visible-sm = Tablets (Small)
.visible-ml = Mobile Large
.visible-ms = Mobile Small
.visible-mxs = Mobile Extra Small*/
	
.visible-mxs,.visible-ms,.visible-ml{display:none !important}
.indicator{padding:5px;color:#fff;text-align:center;border-radius:5px;position:fixed;top:124px;left:40%;width:20%;z-index:9}
@media (max-width:320px){.indicator{background-color:red}
.indicator:after{content:" Mobile- Very Small (less than 320px) "}
th.visible-mxs,td.visible-mxs{display:table-cell !important}
.visible-mxs{display:block !important}
h1{font-size:16px}
h2{font-size:18px}
h3{font-size:16px}
h4{font-size:14px}
h3.miqaat{font-size:20px}
.topbar{text-align:center;padding-left:5px}
.btnactive,btn-primary,.btn,.btn-secondary{width:95% !important}
input.text,input.textbox,input[type='text'],input[type='password'],textarea,.textbox{width:95%}
textarea{width:95%;height:100px}
.cmb,select{width:95%}
.multiselect-container{width:95%}
.txtlarge,.ddllarge{width:110px !important}
.txtsmall,.ddlsmall{width:110px !important}
h3.miqaat{background:none;padding-left:0px}
.text-miqaat{text-align:center !important}
.divOneLoginBox{width:45%}
.OneLoginHoverEffect .overlay{width:70%;height:70%;left:15px;top:-91px}
.OneLoginHoverEffect h2{font-size:12px;margin:35px 3px}
.itscssControlicon{display:none}
select.itscss{width:100% !important}
.itscssSelectbox{padding-left:20px !important}
input.groupParent{padding-left:20px !important}
}@media only screen and (max-width:600px){.its-info,.its-success,.its-warning,.its-error{padding:10px 10px}
textarea.itscss{min-height:90px}
select.itscss{width:90%;margin-left:-10px}
input.itscss,textarea.itscss,.itscssSpanbox{padding-right:24px;padding-left:50px}
.itscssSelectbox{padding-right:5px !important}
.itscssInputbox .reqdvalidator{position:absolute;top:22px;right:11%}
.itscssSelectbox .reqdvalidator{right:13% !important}
.itscssPlaceholder{left:20%}
.itscssControlicon{left:7.5%}
.divGroups{right:5px;text-align:right;width:50%}
.divGroups .btnactive{width:100px !important}
input.groupParent{padding-left:60px;text-align:left !important;padding-right:50% !important}
span.groupParent{text-align:left !important}
select.groupParent{text-align:left !important}
div.groupParent{text-align:left !important}
.groupParent .select2-selection__rendered{text-align:left !important}
.pad10{padding:15px 10px 15px 10px !important}
.itscssSelectbox .cmb{width:90% !important}
.itscssSelectbox .caret{display:none}
.itscssInfo{display:none}
.itscssInputbox .itscssControlicon,.itscssSelectbox .itscssControlicon,.itscssSpanbox .itscssControlicon{font-size:20px}
.itscssInputbox .reqdvalidator{text-align:right}
.row .col-md-6{padding-left:15px !important;padding-right:15px !important}
.pad10{padding:15px 10px 15px 10px !important}
.itscssInputbox .divGroups{font-size:10px !important;line-height:10px !important;top:50% !important;transform:translateY(-50%)}
.itscss.bg{text-align:center;margin-bottom:20px !important}
.itscss .material-icons{font-size:20px !important}
.material-icons.itscssReqd{left:3.5%;font-size:10px !important}
.itscss.col-md-6{min-width:100% !important;margin-left:0px;margin-right:0px}
.itscss.nomargin{margin-top:20px !important}
.col-md-6.itscssSelectbox{padding:0px 5px 0px 50px !important}
.col-md-6.itscssInputbox{padding:0px !important}
.col-md-6.itscssSpanbox{padding-top:15px !important;padding-right:30px !important;padding-bottom:15px !important;padding-left:50px !important}
.sm-margin{margin-top:20px !important}
.col-md-1.itscss-col,.col-md-2.itscss-col,.col-md-3.itscss-col,.col-md-4.itscss-col,.col-md-5.itscss-col,.col-md-6.itscss-col,.col-md-7.itscss-col,.col-md-8.itscss-col,.col-md-9.itscss-col,.col-md-10.itscss-col,.col-md-11.itscss-col,.col-md-12.itscss-col{padding:0px !important}
.dg.tbl-responsive{border:none !important}
.tbl-responsive tr{flex-direction:column;margin-bottom:20px}
.tbl-responsive td{display:block;text-align:center;width:100% !important}
.tbl-responsive td input,.tbl-responsive td select{width:100% !important}
.tbl-responsive td input,.tbl-responsive td .select2{width:100% !important}
.tbl-responsive td:first-child{font-weight:bold !important;background-color:#FCF9F2}
.tbl-responsive td:nth-child(2){margin-bottom:5px}
.tbl-responsive th.visible-xs,.tbl-responsive td.visible-xs{display:block !important}
.itscss .select2-selection__rendered{padding-left:0px !important}
}@media (max-width:767px){nav.navbar-default{min-height:94px}
.navbar-header .navbar-brand{z-index:1;top:0px}
.navbar-header .navbar-brand > img{width:74px}
.navbar-default .navbar-collapse{background-color:#fff0d1;max-height:480px}
.navbar-default .navbar-nav{margin-left:0px;margin-right:0px}
.navbar-default .navbar-right{margin-top:0px}
.navbar-default .navbar-nav>li>a{color:#862000}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#862000;color:#fff}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{margin-right:0px;background-color:#862000;color:#fff}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{text-decoration:none;color:#b87204;padding-top:5px;padding-bottom:5px;margin-top:-1px;margin-bottom:-1px}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{background:#f4d79b;color:#7e4d00;outline:none}
.navbar-collapse{max-height:100%}
.dropdown-menu .divider{background-color:#0e4653;width:95%;margin-left:auto;margin-right:auto;margin-top:0px;margin-bottom:0px}
#profile-info-small h4{color:#b87204}
#profile-info-small img{border:2px #fff solid}
#profile-info-small #profile-img{float:left;z-index:1}
.bethakbox{position:relative;bottom:145px;left:10px;width:100%;max-width:100%;background-color:rgba(0,0,0,0.40)!important;border:none!important;padding:10px !important;border-radius:5px}
.bethakbox a.btnactive{color:#fff;background-color:rgba(0,0,0,0);max-width:100%;border:solid 1px #fff;border-radius:5px}
.bethakbox a.btnactive:hover{color:#fff !important;background-color:rgba(0,0,0,1)!important}
#divbethakcontainer{padding-left:0px;padding-right:0px}
#uctrlSubMenu_BoxStart1 #SubMenu > .navbar-left{margin-top:0px;margin-left:0px}
.navbar-safar{display:flex;justify-content:space-between}
.navbar-safar > h3{padding-top:25px}
#uctrlSubMenu_BoxStart1 > .navbar-header > .navbar-toggle{border:1px solid white;background-color:#0e4653}
#uctrlSubMenu_BoxStart1 > #SubMenu > .navbar-right > li > h3{color:#0e4653}
#uctrlSubMenu_BoxStart1 > #SubMenu{background-color:#bfe7ef;border-radius:8px}
#SubMenu .dropdown-menu > li > a{color:#f5f5f5}
#uctrlSubMenu_BoxStart1 > #SubMenu > .navbar-left > li > a:focus{color:#0e4653}
}@media (max-width:1200px){.img_homebudget{margin-top:0px;margin-right:20px}
.icon_homebudget{margin-top:0px;margin-left:1px}
}@media (max-width:1400px){#video_vaccine{width:270px;height:200px}
}@media only screen and (min-device-width:320px) and (max-device-width:1024px){.tooltip{display:none !important}
}@media (min-width:321px) and (max-width:480px){.indicator{background-color:Lime}
.indicator:after{content:" Mobile-Small (321px to 480px) "}
th.visible-ms,td.visible-ms{display:table-cell !important}
.visible-ms{display:block !important}
h1{font-size:18px}
h2{font-size:16px}
h3{font-size:14px}
h4{font-size:12px}
h3.miqaat{font-size:16px}
.topbar{text-align:center;padding-left:5px}
.btnactive,.btn-primary,.btn,.btn-secondary{width:95% !important}
input.text,input.textbox,input[type='text'],input[type='password'],textarea,.textbox{width:95%}
textarea{width:95%;height:100px}
.cmb,select{width:95%}
.multiselect-container{width:95%}
.txtlarge,.ddllarge{width:150px !important}
.txtsmall,.ddlsmall{width:150px !important}
h3.miqaat{background:none;padding-left:0px}
.text-miqaat{text-align:center !important}
.divOneLoginBox{width:29%}
.OneLoginHoverEffect .overlay{width:70%;height:70%;left:15px;top:-91px}
.OneLoginHoverEffect h2{font-size:12px;margin:35px 3px}
.border-left-xs{border-left-width:thin;border-left-style:solid}
.rasme-saifee-status-button{margin-left:5px;margin-right:5px}
.rasme-saifee-status-button .btnactive{padding:2px}
.hero-slider .flickity-page-dots{bottom:70px}
.motif-central-withBanner{margin-top:-75px}
.date-img{margin:5px;width:45px;height:45px;margin-top:14px}
}@media only screen and (min-device-width:320px) and (max-device-width:768px){.topLine{display:block;border-top:1px solid #fff;margin:0 0 5px 0}
.calendar{margin-left:auto;margin-right:auto;margin-bottom:15px;width:95%}
.calendar .date{font-size:24px}
#hijriDate .material-icons{top:190px}
#bodyEvents .calAudioIcon{left:193px}
.calendar .day,.calendar .year{font-size:11px}
#calendarHeader,#calendarBody{justify-content:space-between}
#calAudioMob{display:block}
.calAudioIcon{display:none}
.flexItem2{display:flex;justify-content:center;align-items:center}
#hijriDateCal .material-icons{font-size:14px;color:#023845;cursor:pointer;position:absolute;top:56px;margin-right:78px;background-color:#FCF9F2;border:SOLID 1PX #CCC;border-radius:3px;padding:2px}
}@media (min-width:481px) and (max-width:768px){.indicator{background:blue}
.indicator:after{content:" Mobile-Large (481px to 768px) "}
th.visible-ml,td.visible-ml{display:table-cell !important}
.visible-ml{display:block !important}
.topbar{text-align:center;padding-left:5px}
.text-miqaat{text-align:left}
.divOneLoginBox{width:22%}
.OneLoginHoverEffect .overlay{width:70%;height:70%;left:21px;top:-104px}
.OneLoginHoverEffect h2{font-size:12px;margin:35px 3px}
.border-left-xs{border-left-width:thin;border-left-style:solid}
.hero-slider .flickity-page-dots{bottom:70px}
.motif-central-withBanner{margin-top:-45px}
}@media screen and (max-width:768px){.menu-search-textbox{margin-top:-140px;margin-left:6px;margin-bottom:5px}
#spnSearchResult_Menu{top:210px;right:20px}
}@media (min-width:769px) and (max-width:992px){.indicator{background:green}
.indicator:after{content:" Tablets (769px to 992px)"}
.text-miqaat{text-align:left}
.divOneLoginBox{width:18%}
.OneLoginHoverEffect .overlay{width:70%;height:70%;left:22px;top:-108px}
.OneLoginHoverEffect h2{font-size:12px;margin:35px 3px}
.menu-search-textbox{top:116px;right:20px;position:absolute}
#spnSearchResult_Menu{top:130px;right:80px}
.border-left-sm{border-left:thin solid;border-color:inherit}
.sbar{margin-left:8px;margin-right:8px}
.sbar > div:nth-child(odd){margin-left:-8px;margin-right:8px}
.sbar > div:nth-child(even){margin-left:8px;margin-right:-8px}
.container{width:97%}
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:0px}
.calAudioIcon{display:none}
#calAudioMob{display:block}
#calendarBody .flexItem2{width:110px;display:flex;justify-content:center;align-items:center}
}@media only screen and (min-device-width:769px) and (max-device-width:1200px){.calendar{margin-left:auto;margin-right:auto}
#calendarBody{justify-content:space-between}
.calAudioIcon{display:none}
#calAudioMob{display:block}
.flexItem2{display:flex;justify-content:center;align-items:center}
#hijriDateCal .material-icons{font-size:14px;color:#023845;cursor:pointer;position:absolute;top:56px;margin-right:153px;background-color:#FCF9F2;border:SOLID 1PX #CCC;border-radius:3px;padding:2px}
}@media (min-width:993px) and (max-width:1199px){.indicator{background:orange}
.indicator:after{content:" Desktop (993px to 1199px)"}
.text-miqaat{text-align:left}
.divOneLoginBox{width:15%}
.OneLoginHoverEffect .overlay{width:70%;height:70%;left:22px;top:-108px}
.OneLoginHoverEffect h2{font-size:12px;margin:35px 3px}
.border-left-md{border-left-width:thin;border-left-style:solid}
.container{width:97%}
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:0px}
.nav > li > a{font-size:14px;padding:5px}
.nav > li > a > .material-icons{font-size:18px}
.menu-logo-lg img{margin-right:20px}
.img-lg{height:100%}
.hero-slider .flickity-page-dots{bottom:65px}
.motif-central-withBanner{margin-top:-30px}
.profile-photo-menu-lg > a > img{margin-right:5px;margin-left:15px}
.date-text__container img{width:53px;height:53px;margin-right:40px}
#profile-menu-date{margin-right:55px;margin-top:5px}
#profile-menu-lg{margin-left:128px}
.hero-slider{height:340px}
.hero-slider .flickity-prev-next-button{display:block;width:50px;height:50px;background:#000;opacity:0.2}
.hero-slider .flickity-prev-next-button:hover{background:#000;opacity:0.7}
.hero-slider .flickity-prev-next-button .arrow{fill:white}
.calendar{margin-right:20px}
}@media (min-width:1200px) and (max-width:1499px){.indicator{background:purple}
.indicator:after{content:" Desktop-Large (1200px to 1499px)"}
.text-miqaat{text-align:left}
.divOneLoginBox{width:15%}
.container{width:98%}
}@media only screen and (min-width:320px){.btnactive,.btn,a.btnactive:link,a:link.lnkbtn,a:visited.lnkbtn{height:42px}
}@media screen and (min-width:375px){.btnactive,.btn,a.btnactive:link,a:link.lnkbtn,a:visited.lnkbtn{padding-top:6px;height:42px}
}@media screen and (min-width:425px){.mhp-icon{font-size:70px}
}@media (min-width:430px){.profile-info__user-settings .btn-extra_padding{padding:10px}
.profile-info__user-settings > .text-large{padding-top:10px}
}@media (min-width:769px){.hero-slider{margin-top:10px}
.hero-slider .flickity-page-dots{bottom:15px}
.hero-slider .flickity-page-dots .dot{width:14px;height:14px;opacity:1;background:#b2b2b2;border:0 solid gray;border-radius:50%}
.hero-slider .flickity-prev-next-button{display:block;width:50px;height:50px;background:#000;opacity:0.2}
.hero-slider .flickity-prev-next-button:hover{background:#000;opacity:0.7}
.hero-slider .flickity-prev-next-button .arrow{fill:white}
.motif-central-withBanner{margin-top:5px}
.motif-central-withoutBanner{margin-top:20px}
.menu-header{display:none}
.profile-info,.container-date{display:none}
.menu-left > p{display:block;line-height:1}
.navbar-nav > li >a{padding-bottom:5px}
.container-menu{display:flex;align-content:center}
#profile-navbar,#menu-navbar{background-color:#0e4653;margin-top:22px;padding-left:5px}
.menu-logo-lg{display:inline-flex}
.profile-photo-menu-lg > a > img{margin-right:-10px;margin-top:25px;width:45px;height:47px;margin-left:20px}
#menu-navbar{padding:0;margin-top:27px;flex-grow:1}
.menu-left{display:flex;flex-direction:column;color:#fff;margin-top:22px}
.menu-left > p{padding-left:8px;margin-bottom:0}
.nav > li > a > .material-icons{font-size:16px;margin-top:-4px}
.nav > li > a{color:#fff;font-size:12px;padding:3px;text-transform:uppercase;vertical-align:middle}
.header-text{font-size:14px}
.profile-info-lg{display:block}
.navbar-nav>li>.dropdown-menu{color:#0e4653;border-radius:8px}
.dropdown-menu> li > a{color:#0e4653;padding:7px 10px}
.caret{margin-top:-4px}
.date-text__container{box-shadow:none;margin-right:18px}
.date-text__container img{width:50px;height:47px;margin-top:20px}
.date-text__container > .date-text{display:none}
.navbar-nav.navbar-right:last-child{margin-right:0}
#profile-menu-date{margin-right:17px;margin-top:5px;padding:5px;background-color:#fff;width:250px}
.event-info > .event-text > p{color:#6b6b6b;opacity:0.6;margin-bottom:0;font-size:12px}
.event-info > .event-text > h4{font-size:12px;color:#0e4653;opacity:1}
.icon-menu{color:#fff}
.menu-item{border-bottom:none;margin:0}
.date-header{background:#fff;width:200px;height:100px}
.profile-info__personal{display:block}
.profile-info__contact{border-bottom:none}
.profile-info__contact_detail i{color:#0e4653;font-weight:600}
.date-menu{margin-top:10px}
#date-text-lg > p{margin-bottom:1px;font-size:12px;color:#6b6b6b;opacity:0.6;letter-spacing:0.3px;padding-left:5px;display:block}
.menu-item li:hover{background:#0e4653}
.dropdown-menu>li>a:hover{background:#0e4653;color:#fff;border-radius:0}
.drop_profile_date{padding:5px}
.date-menu{display:flex;flex-direction:row}
#profile-menu-lg{margin-left:128px;margin-top:-20px;padding:10px;border-radius:8px}
.profile-info__personal p{font-size:18px;direction:rtl;color:#0e4653;text-align:center}
.profile-info-lg > .profile-info__contact{display:flex}
.profile-info-lg > profile-info__contact{font-size:12px}
.profile-info-lg > .profile-info__contact > .profile-info__contact_detail{font-size:12px;width:240px}
.profile-info-lg > .profile-info__contact > .profile-info__user-settings > a{font-size:14px;width:150px;padding-top:9px}
.profile-info__user-settings{display:flex;flex-direction:column}
.event-info img{margin:5px 0 0 5px;width:30px;height:30px}
#date-text-lg{display:block}
}@media (min-width:993px){#txtMediaLibrarySearch,#txtOneLoginSearch{margin-left:-110px}
}@media screen and (min-width:1024px){.footer_box{bottom:0}
.footer_container{padding:0}
.collapsible_heading{font-size:1.2rem}
.footer_copyright{font-size:1rem}
.footer__sections{grid-template-columns:230px 1fr 1fr 1fr 250px}
.footer_section{border:0;margin-right:20px}
.footer_box .collapsible__chevron{display:none}
.footer_box .collapsible__content{max-height:100%;opacity:1;font-size:1rem}
.collapsible__content{display:block}
.footer_brand{order:-1;margin-top:30px;width:200px}
.footer_brand img{width:55%}
.footer_copyright{display:inline;grid-column-start:1;grid-column-end:6}
.goog-te-combo{width:100px}
.icon-footer{margin-right:10px !important;color:#fff;font-size:18px}
.download_header{width:200px}
.download_header .collapsible__header{display:block;margin-left:auto;margin-right:auto;padding-top:20px}
.download_header h2{margin-bottom:1.5rem;margin-left:auto;margin-right:auto}
.mhp-icon{font-size:60px}
}@media screen and (min-width:1200px){#spnSearchResult_Menu{top:25px;right:10px}
}@media (min-width:1200px){.img-lg{height:100%}
.hero-slider{height:284px}
.border-left-lg{border-left-width:thin;border-left-style:solid}
.topbar{margin-right:calc(50% - 585px)}
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:0px}
.hero-slider .flickity-page-dots{bottom:55px}
.motif-central-withBanner{margin-top:-35px}
}@media (min-width:1440px){.img-lg{height:100%}
.hero-slider{margin-top:10px;height:274px}
.hero-slider .flickity-page-dots{bottom:5px}
.hero-slider .flickity-page-dots .dot{width:14px;height:14px}
.motif-central-withBanner{margin-top:15px}
.menu-left > p{padding-left:10px;margin-bottom:0}
.nav > li > a{color:#fff;font-size:14px;padding:5px;text-transform:uppercase;vertical-align:middle;margin-right:10px}
.navbar-nav.navbar-right:last-child{margin-right:0}
.date-text__container{display:flex;margin-right:35px}
.date-text__container > .date-text{display:block}
#date-text-lg > p{display:none}
.date-text__container img{width:52px;height:52px;margin-top:12px;margin-left:-8px;margin-right:10px}
#profile-menu-date{padding:5px;min-width:300px;background-color:#fff;margin-right:50px;margin-top:-15px;border-radius:8px}
.footer_box .collapsible__content{font-size:1.1rem}
}@media (min-width:1500px){.indicator{background:brown}
.indicator:after{content:" Desktop - HD Screen (greater than 1500px)"}
.text-miqaat{text-align:left}
.divOneLoginBox{width:15%}
.container{width:98%}
}@media (min-width:1850px){.img-lg{height:100%}
.hero-slider{margin-top:10px;height:340px}
.hero-slider .flickity-page-dots{bottom:5px}
.hero-slider .flickity-page-dots .dot{width:14px;height:14px}
.motif-central-withBanner{margin-top:15px}
.menu-left > p{padding-left:10px;margin-bottom:0}
.nav > li > a{color:#fff;font-size:14px;padding:5px;text-transform:uppercase;vertical-align:middle;margin-right:10px}
.navbar-nav.navbar-right:last-child{margin-right:0}
.date-text__container{display:flex;margin-right:35px}
.date-text__container > .date-text{display:block}
#date-text-lg > p{display:none}
.date-text__container img{width:52px;height:52px;margin-top:12px;margin-left:-8px;margin-right:10px}
#profile-menu-date{padding:5px;min-width:300px;background-color:#fff;margin-right:50px;margin-top:-15px;border-radius:8px}
}.its-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;animation:spin 2s infinite linear}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(-359deg);transform:rotate(-359deg)}
}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}
100%{-moz-transform:rotate(-359deg);transform:rotate(-359deg)}
}@keyframes spin{0%{transform:rotate(0deg)}
100%{transform:rotate(-359deg)}
}@keyframes colorChange{0%{color:#0e4653}
25%{color:#b98027}
50%{color:#0e4653}
100%{color:#c50409}
}.spin-colorChange{animation:spin 2s infinite linear,colorChange 2s infinite linear}
.its-bell{-webkit-animation:bell 2s 5 ease 2s;-webkit-transform-origin:50% 0;-moz-animation:bell 2s 5 ease 2s;-moz-transform-origin:50% 0;animation:bell 2s 5 ease 2s;transform-origin:50% 0}
@-webkit-keyframes bell{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}
2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}
6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}
8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}
10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}
12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}
14%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}
16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}
18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}
20%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}@-moz-keyframes bell{0%{-moz-transform:rotate(-15deg);transform:rotate(-15deg)}
2%{-moz-transform:rotate(15deg);transform:rotate(15deg)}
4%{-moz-transform:rotate(-18deg);transform:rotate(-18deg)}
6%{-moz-transform:rotate(18deg);transform:rotate(18deg)}
8%{-moz-transform:rotate(-22deg);transform:rotate(-22deg)}
10%{-moz-transform:rotate(22deg);transform:rotate(22deg)}
12%{-moz-transform:rotate(-18deg);transform:rotate(-18deg)}
14%{-moz-transform:rotate(18deg);transform:rotate(18deg)}
16%{-moz-transform:rotate(-12deg);transform:rotate(-12deg)}
18%{-moz-transform:rotate(12deg);transform:rotate(12deg)}
20%{-moz-transform:rotate(0deg);transform:rotate(0deg)}
}@keyframes bell{0%{transform:rotate(-15deg)}
2%{transform:rotate(15deg)}
4%{transform:rotate(-18deg)}
6%{transform:rotate(18deg)}
8%{transform:rotate(-22deg)}
10%{transform:rotate(22deg)}
12%{transform:rotate(-18deg)}
14%{transform:rotate(18deg)}
16%{transform:rotate(-12deg)}
18%{transform:rotate(12deg)}
20%{transform:rotate(0deg)}
}.its-fadein{-webkit-animation:fadein 1s;-moz-animation:fadein 1s;animation:fadein 1s}
@-webkit-keyframes fadein{from{opacity:0}
to{opacity:1}
}@-moz-keyframes fadein{from{opacity:0}
to{opacity:1}
}@keyframes fadein{from{opacity:0}
to{opacity:1}
}.its-fadeout{-webkit-animation:fadeout 1s;-moz-animation:fadeout 1s;animation:fadeout 1s}
@-webkit-keyframes fadeout{from{opacity:1}
to{opacity:0}
}@-moz-keyframes fadeout{from{opacity:1}
to{opacity:0}
}@keyframes fadeout{from{opacity:1}
to{opacity:0}
}.its-blinker{-webkit-animation-name:blinker;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blinker;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blinker;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}
.its-blinker-slow{-webkit-animation-name:blinker;-webkit-animation-duration:3s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-moz-animation-name:blinker;-moz-animation-duration:3s;-moz-animation-timing-function:ease-in-out;-moz-animation-iteration-count:infinite;animation-name:blinker;animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.its-blinker-slow-3{-webkit-animation-name:blinker;-webkit-animation-duration:3s;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:3;-moz-animation-name:blinker;-moz-animation-duration:3s;-moz-animation-timing-function:ease-in-out;-moz-animation-iteration-count:3;animation-name:blinker;animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:3}
@-webkit-keyframes blinker{0%{opacity:1.0}
50%{opacity:0.0}
100%{opacity:1.0}
}@-moz-keyframes blinker{0%{opacity:1.0}
50%{opacity:0.0}
100%{opacity:1.0}
}@keyframes blinker{0%{opacity:1.0}
50%{opacity:0.0}
100%{opacity:1.0}
}body{background-color:var(--main-bg);color:var(--main-text)}
ol{list-style:auto !important}
.show-on-mobile{display:none !important}
@media (max-width:700px){.hide-on-mobile{display:none !important}
.show-on-mobile{display:block !important}
}.colorCodeTesting{width:100%;padding:20px !important;display:flex;background-color:var(--primary-color)}
#header{position:fixed;top:0;width:100%;z-index:999;left:0}
#header .header_box{max-height:100px;min-height:100px}
#innerContent{margin-top:100px}
@media (max-width:768px){#innerContent{margin-top:70px}
}::-webkit-scrollbar{width:8px !important}
::-webkit-scrollbar-track{background:#E4E4E4 !important}
::-webkit-scrollbar-thumb{background:var(--primary-color) !important}
::-webkit-scrollbar-thumb:hover{background:#000 !important}
html{scrollbar-width:thin;scrollbar-color:var(--primary-color) #E4E4E4}
html.hydrated.translated-rtl{direction:rtl}
.translated-rtl body{font-family:"AlKanz",sans-serif !important;font-size:1.4em !important}
.translated-rtl body h1{font-family:"AlKanz",sans-serif !important;font-size:1.5em !important}
.translated-rtl body h2{font-family:"AlKanz",sans-serif !important;font-size:1em !important}
.translated-rtl body h3{font-family:"AlKanz",sans-serif !important;font-size:1em !important}
.translated-rtl body h4{font-family:"AlKanz",sans-serif !important;font-size:1em !important}
.translated-rtl body h5{font-family:"AlKanz",sans-serif !important;font-size:1em !important}
.translated-rtl body h6{font-family:"AlKanz",sans-serif !important;font-size:1em !important}
.translated-rtl body p{font-family:"AlKanz",sans-serif !important;font-size:0.6em !important}
.translated-rtl #header{top:40px !important}
.translated-rtl #innerContent{margin-top:100px}
.custom-checkbox-box{width:18px;height:18px;border:2px solid var(--primary-color);border-radius:4px;background:#fff;display:inline-block;position:relative;transition:border-color 0.2s,background 0.2s}
.form-check-input[type=checkbox]:checked + .custom-checkbox-box{background:var(--primary-color);border-color:var(--primary-color)}
.custom-checkbox-box:after{content:"";position:absolute;display:none;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.form-check-input[type=checkbox]:checked + .custom-checkbox-box:after{display:block}
.mobile-menu-abs-footer{position:absolute;left:0;bottom:0;width:100%;background:var(--primary-color);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:0.7rem 1.1rem 0.7rem 1.1rem;z-index:10;font-size:10px;box-shadow:0 2px 12px rgba(0,0,0,0.08)}
.medium{font-weight:500}
.mobile-menu-abs-footer .footer-col{display:flex;align-items:center;gap:0.5rem}
.mobile-menu-abs-footer .footer-icon{color:#fff;font-size:10px;opacity:0.85}
.mobile-menu-abs-footer .footer-date-badge{background:var(--secondary-color);color:white;font-weight:700;border-radius:6px;padding:0.1rem 0.7rem;font-size:10px;margin-right:0.2rem}
.menu-icon-yellow{color:var(--golden-color)}
.mobile-menu-abs-footer .footer-date-label{color:#fff;font-size:14px;font-weight:400}
.mobile-menu-abs-footer .footer-divider{width:100%;height:1px;background:rgba(255,255,255,0.18);margin:0.5rem 0px;border-radius:2px}
.mobile-menu-abs-footer .footer-hijri-label{color:#fff;font-size:14px;font-weight:400;margin:0 0.3rem;text-align:right;font-family:"AlKanz",sans-serif}
.mobile-menu-abs-footer .footer-hijri-badge{background:var(--secondary-color);color:white;font-weight:700;border-radius:6px;padding:0.1rem 0.7rem;font-size:10px;margin-left:0.2rem}
.mobile-menu-list .mobile-menu-link-row{padding:17px 0px;border-bottom:1px solid #10476f}
.mobile-menu-list li{position:relative}
.mobile-menu-list li .mobile-menu-link-row{display:flex;align-items:center;width:100%;gap:0.5rem}
.mobile-menu-list li .mobile-menu-link-row.menu-palette{border-bottom:0px;padding-bottom:0px}
.mobile-menu-list li .submenu-toggle{background:none;border:none;color:#fff;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;transition:color 0.2s;margin-left:auto;padding:0 0.2rem}
.mobile-menu-list li .submenu-toggle:hover{color:var(--golden-color)}
.mobile-menu-list li .mobile-submenu{display:none;flex-direction:column;margin:0.3rem 0 0 0.3rem;padding:0.5rem 0.5rem 0.5rem 0.7rem;border-radius:0;gap:10px}
.mobile-menu-list li .mobile-submenu a{font-size:1rem;color:#1F2A37 !important;padding:0.3rem 0}
.mobile-menu-list li .mobile-submenu a:hover{color:var(--golden-color)}
.mobile-menu-list li .mobile-submenu a span{display:flex;gap:5px;align-items:center}
.mobile-menu-list li .mobile-submenu .all-admin-links{MARGIN-TOP:12px}
.mobile-menu-list li .mobile-submenu .all-admin-title{color:var(--golden-color);text-transform:uppercase;font-size:18px;line-height:18px;margin-top:24px !important;margin-bottom:8px !important}
.mobile-menu-list li .mobile-submenu .all-admin-desc{color:black;margin-bottom:12px}
.mobile-menu-list li .mobile-submenu .all-admin-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 24px;gap:10px;color:white !important;background:var(--primary-color);border:1.5px solid var(--secondary-color);border-radius:6px}
.mobile-menu-list li.open > .mobile-submenu{display:flex}
.mobile-menu-list li:last-child .mobile-menu-link-row{border-bottom:none}
.mobile-menu{position:absolute;top:70px;left:0;width:100%;background:#FCF9F2;color:#fff;z-index:10000000000000000000000000000000;transform:translateX(-100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:2px 0 8px rgba(0,0,0,0.15);display:flex;flex-direction:column}
.mobile-menu span.menu-label{color:var(--primary-color)}
.mobile-menu .menu-icon-parent{color:var(--primary-color)}
.mobile-menu .menu-icon-yellow{color:var(--golden-color) !important}
.mobile-menu.open{transform:translateX(0);overflow:scroll; height:80vh}
.mobile-menu .mobile-menu-header{display:flex;justify-content:flex-end;padding:1rem}
.mobile-menu .close-mobile-menu{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer}
.mobile-menu .mobile-menu-list{list-style:none;padding:0 1rem;margin:0;overflow:scroll;padding-bottom:10px}
.mobile-menu .mobile-menu-list li a{color:#fff;text-decoration:none;font-size:1.1rem;display:flex;justify-content:space-between;align-items:center;gap:0.7rem;transition:color 0.2s}
.mobile-menu .mobile-menu-list li a:hover{color:var(--golden-color)}
#mobileMenuBackdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.3);z-index:1999;display:none}
#mobileMenuBackdrop.active{display:block}
.material-symbols-outlined{font-family:"Material Icons"}
.top-header{background:#fff !important;color:#fff !important}
#header,.header-logo-nav-wrapper,.logo-stack,.top-header,.navbar{background:var(--primary-color) !important}
.h1{font-size:32px;line-height:42px;font-family:"Averia Serif Libre",serif}
.bold{font-weight:bold}
.random-section .card{background:var(--main-bg) !important;color:var(--main-text) !important;transition:background 0.3s,color 0.3s}
#randomActionBtn.active-random{background:var(--main-text) !important;color:var(--main-bg) !important;border-color:var(--main-text) !important;box-shadow:0 0 0 0.2rem rgba(0,0,0,0.08)}
*{margin:0;padding:0;box-sizing:border-box}
.container{max-width:1753px}
.navbar .nav-item .nav-link:hover{background:transparent}
.homepage{padding-top:100px}
@media (max-width: 700px) {.homepage{padding-top:160px}}
.homepage .top-header{background:#2d3748;color:black;padding:8px 0;font-size:13px;border-bottom:1px solid rgba(255,255,255,0.1)}
.homepage .top-header .top-header-left .material-icons,.homepage .top-header .top-header-right .material-icons{font-size:16px;vertical-align:middle}
.homepage .top-header .time-display,.homepage .top-header .language-selector,.homepage .top-header .location-info{display:flex;align-items:center;color:rgba(255,255,255,0.9)}
.homepage .top-header .notifications,.homepage .top-header .user-info{position:relative;cursor:pointer}
.homepage .top-header .notifications .material-icons,.homepage .top-header .user-info .material-icons{font-size:18px}
.homepage .top-header .notifications .notification-badge,.homepage .top-header .user-info .notification-badge{position:absolute;top:-8px;right:-8px;background:#e53e3e;color:white;border-radius:50%;width:18px;height:18px;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:bold}
.homepage .top-header .user-menu{display:flex;align-items:center;cursor:pointer}
.homepage .top-header .user-menu .user-id{font-weight:500}
.homepage .top-header .user-menu .user-avatar{width:24px;height:24px}
.homepage .top-header .user-menu .user-avatar img{width:100%;height:100%;object-fit:cover}
.homepage .top-header .user-menu .material-icons{font-size:16px;color:rgba(255,255,255,0.7)}
.homepage .main-header{background:var(--primary-color);padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.1)}
.homepage .main-header .logo-container .main-logo{height:40px;width:auto}
.homepage .main-header .main-navigation .nav-menu{list-style:none;gap:8px}
.homepage .main-header .main-navigation .nav-menu .nav-item .nav-link{display:flex;align-items:center;padding:8px 16px;color:black;text-decoration:none;border-radius:6px;transition:all 0.2s ease;font-size:14px;text-transform:unset !important;font-weight:500}
.homepage .main-header .main-navigation .nav-menu .nav-item .nav-link .material-icons{font-size:18px}
.homepage .main-header .main-navigation .nav-menu .nav-item .nav-link:hover{background:rgba(255,255,255,0.1);color:#ffffff}
.homepage .main-header .main-navigation .nav-menu .nav-item .nav-link.active{background:#4a90e2;color:#ffffff}
.homepage .main-header .main-navigation .nav-menu .nav-item .nav-link span{white-space:nowrap}
.homepage .main-header .main-navigation .nav-menu .nav-item a{text-transform:none !important}
.homepage .main-header .header-controls button{background:none;border:none;color:black;padding:8px;border-radius:6px;cursor:pointer;transition:all 0.2s ease}
.homepage .main-header .header-controls button .material-icons{font-size:20px}
.homepage .main-header .header-controls button:hover{background:rgba(255,255,255,0.1);color:#ffffff}
.homepage .main-header .header-controls .theme-toggle:focus,.homepage .main-header .header-controls .search-toggle:focus,.homepage .main-header .header-controls .menu-toggle:focus{outline:none;box-shadow:0 0 0 2px rgba(255,255,255,0.2)}
.homepage .main-content{padding:24px 0;min-height:calc(100vh - 120px)}
.homepage .main-content h1{color:#2d3748;font-family:"Averia Serif Libre",serif;margin-bottom:16px}
.homepage .main-content p{color:#4a5568;font-size:16px}
.navbar .nav-item a{display:flex;gap:8px;align-items:center;text-transform:none !important}
.navbar .nav-item .nav-link{padding:0px}
.navbar .navbar-nav{display:flex;gap:10px}
.position-relative{position:relative}
.custom-logo-stack{background:var(--main-bg);width:57.18px;position:relative;margin-right:20px;z-index:2}
.logo-img{height:90px;width:auto;margin-top:0px !important;margin-bottom:auto !important;display:block}
.flex-grow-1{min-width:0}
.top-header{background:var(--main-bg);color:var(--main-text);border-bottom:1px solid var(--primary-color)}
.header-divider{height:28px;width:2px;background:var(--secondary-color);display:inline-block;margin:0 10px;border-radius:2px}
.header-time,.calendar-date,.header-hijri{font-size:14px !important;line-height:18px !important;display:flex;gap:10px;align-items:center}
.header-time{gap:10px}
.calendar-date .date-badge{background:rgba(255,255,255,0.08);font-weight:600;font-size:22px;padding:6px 0.5rem;font-family:"Plus Jakarta Sans",sans-serif;border-radius:0.375rem}
.date-badge{background:rgba(255,255,255,0.08);font-weight:600;font-size:22px}
.badge-notification{font-size:10px}
.notification-container{cursor:pointer}
.notification-container .notification-icon{transition:color 0.3s ease}
.notification-container:hover .notification-icon{color:#ffffff !important}
.notification-container:hover .notification-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.notification-dropdown{position:absolute;top:100%;right:0;width:300px;background:#ffffff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.12);border:1px solid rgba(0,0,0,0.08);z-index:9999999;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;margin-top:8px}
.notification-dropdown::before{content:"";position:absolute;top:-6px;right:20px;width:12px;height:12px;background:#ffffff;border-left:1px solid rgba(0,0,0,0.08);border-top:1px solid rgba(0,0,0,0.08);transform:rotate(45deg)}
.notification-dropdown .notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}
.notification-dropdown .notification-header h6{margin:0;font-size:16px;font-weight:600;color:var(--primary-color)}
.notification-dropdown .notification-header .notification-count{background:#e53e3e;color:white;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500}
.notification-dropdown .notification-list{max-height:300px;overflow-y:auto}
.notification-dropdown .notification-list .notification-item{display:flex;align-items:flex-start;padding:16px 20px;border-bottom:1px solid #f8f8f8;transition:background-color 0.2s ease;cursor:pointer}
.notification-dropdown .notification-list .notification-item:hover{background-color:#f8f9fa}
.notification-dropdown .notification-list .notification-item.unread{background-color:#f0f8ff}
.notification-dropdown .notification-list .notification-item.unread .notification-status{background:#e53e3e}
.notification-dropdown .notification-list .notification-item.unread .notification-title{font-weight:600}
.notification-dropdown .notification-list .notification-item .notification-icon-wrapper{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#f0f8ff;display:flex;align-items:center;justify-content:center;margin-right:12px}
.notification-dropdown .notification-list .notification-item .notification-icon-wrapper .material-icons{font-size:20px;color:var(--primary-color)}
.notification-dropdown .notification-list .notification-item .notification-content{flex:1;min-width:0}
.notification-dropdown .notification-list .notification-item .notification-content .notification-title{font-size:14px;font-weight:500;color:var(--primary-color);margin-bottom:4px;line-height:1.3}
.notification-dropdown .notification-list .notification-item .notification-content .notification-message{font-size:13px;color:#666;line-height:1.4;margin-bottom:4px}
.notification-dropdown .notification-list .notification-item .notification-content .notification-time{font-size:11px;color:#999}
.notification-dropdown .notification-list .notification-item .notification-status{width:8px;height:8px;border-radius:50%;background:transparent;margin-left:8px;flex-shrink:0}
.notification-dropdown .notification-footer{padding:12px 20px;border-top:1px solid #f0f0f0;text-align:center}
.notification-dropdown .notification-footer .view-all-notifications{color:var(--primary-color);text-decoration:none;font-size:13px;font-weight:500;transition:color 0.2s ease}
.notification-dropdown .notification-footer .view-all-notifications:hover{color:#e53e3e}
.user-avatar{height:36px;width:36px}
.custom-navbar{background:var(--main-bg);color:var(--main-text)}
.toggle-btn{width:38px;height:20px;border-radius:50px;background-color:var(--primary-color);display:flex;align-items:center;padding:3px;gap:4px;cursor:pointer;transition:background-color 0.4s}
.toggle-btn .sunnyIcon{transform:scale(0.7);transition:0.3s all ease}
.toggle-btn.modeActive .purple-cirle{left:48% !important;transition:0.3s all ease}
.toggle-btn.modeActive .moonIcon{transform:scale(0.7);transition:0.3s all ease}
.toggle-btn.modeActive .sunnyIcon{transform:scale(1);transition:0.3s all ease}
.toggle-btn.active{background-color:#ffffff}
.toggle-btn.active .toggle-circle{transform:translateX(35px)}
span.purple-cirle{border:1.5px solid white;width:20px;height:20px;border-radius:100px}
#gridHomepage{padding-top:20px;padding-bottom:20px}
#gridHomepage .pattern-img{position:absolute}

.countryTitle{position:relative;padding:0px 35px;max-height:44px;height:44px;cursor:pointer;z-index:0}
.countryTitle:before{display:none; content:"Huzurala TUS current Qiyam Shareef";position:absolute;top:-100%;padding:5px 10px;background:black;border-radius:10px;color:white;z-index:999999;transition:0.3s all ease;opacity:0;left:50%;transform:translateX(-50%);width:max-content}
.countryTitle:hover:before{opacity:1; display:block;}
.countryTitle:hover:after{opacity:1; display:block;}
.countryTitle::after{display:none; content:"";border-top:10px solid #000;border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;top:-14px;left:50%;transform:translateX(-50%);transition:0.3s all ease;opacity:0}
.countryTitle .countryInner{display:flex;gap:10px;align-items:center; height:44px; background-color: var(--primary-color); z-index:10}
.countryTitle .countryInner .countryText{color:var(--golden-color);font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:14px;line-height:20px;letter-spacing:0;letter-spacing:0.12em}
.countryTitle .countryInner .material-icons{color:var(--icon-color);font-size:14px}
.countryTitle .countryInner .crown-img{width:21px;height:21px;background-size:cover;background-image:var(--crown-img)}
.countryTitle .countryInner svg{fill:var(--divider-color)}

.countryTitle .leftCountryBorder {
  width: 25.53px;
  max-height: 44px;
  height: 44px;
}
.countryTitle .leftCountryBorder span {
  color: var(--primary-color);
  transform: rotate(180deg);
  font-size: 76px;
  position: absolute;
  top: -16px;
  left: 0px;
}
.countryTitle .rightCountryBorder {
  width: 25.53px;
  max-height: 44px;
  height: 44px;
}
.countryTitle .rightCountryBorder span {
  color: var(--primary-color);
  font-size: 76px;
  position: absolute;
  top: -16px;
  right: 0px;
}

.imageCardGrid{grid-template-columns:repeat(3,1fr)}
.card{background:var(--card-gradiant);padding:10px !important;border-radius:16px;border:1px solid var(--card-stroke-border-color);margin:0 10px 20px 10px !important;display:flex;flex-direction:column;justify-content:center}
.card:hover{box-shadow:none !important}
.card .card-header{border-top-left-radius:8px;border-top-right-radius:8px;padding:10px 24px;position:relative;background:linear-gradient(91.29deg,var(--primary-color) 0%,var(--secondary-color) 103.44%);height:65px;display:flex;align-items:center;margin-bottom:10px}
.card .card-header .card-title{color:var(--golden-color);margin:0;text-transform:uppercase;font-family:"Averia Serif Libre",serif;font-weight:700}
.card .card-header img{position:absolute;right:0;pointer-events:none}
.card .card-body{background-color:var(--card-background);overflow-y:auto;padding:12px 24px 10px 24px;border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.card .card-body .generateOTP .otp-text{font-size:14px;line-height:24px;padding:10px;border-radius:6px;border:2px solid var(--secondary-color);background:linear-gradient(91.29deg,var(--primary-color) 0%,var(--secondary-color) 103.44%);color:#ffffff}
.card .card-body .generateOTP .otp-select{color:var(--main-text);font-size:14px;display:flex;gap:16px}
.row > .card.box {flex-shrink: unset;}
.row > div > .row.card {margin-left: 0 !important;margin-right: 0 !important;}
@media (max-width:768px){.card .card-body .generateOTP .otp-select{flex-direction:column !important}
}.card .card-body .generateOTP .otp-select .otp-label{font-family:"Plus Jakarta Sans",sans-serif;font-weight:700;font-size:14px;line-height:24px;letter-spacing:0;color:var(--main-text);white-space:nowrap}
.card .card-body .generateOTP .otp-select .otp-checkbox{grid-template-columns:repeat(4,1fr);justify-content:space-between}
.card .card-body .generateOTP .otp-select .otp-checkbox .otp-checkbox-box{display:flex;align-items:center;gap:5px;justify-content:end}
@media (max-width:768px){.card .card-body .generateOTP .otp-select .otp-checkbox .otp-checkbox-box{justify-content:center}
}.card .card-body .generateOTP .otp-select .otp-checkbox .otp-checkbox-box label{width:20px;height:20px;background-size:cover;display:flex !important}
.card .card-body .generateOTP .otp-select .otp-checkbox .otp-checkbox-box label.otp-email{background-image:var(--email)}
.card .card-body .generateOTP .otp-select .otp-checkbox .otp-checkbox-box label.otp-sms{background-image:var(--sms)}
.card .card-body .generateOTP .otp-select .otp-checkbox .otp-checkbox-box label.otp-whatsapp{background-image:var(--whatsapp)}
.card .card-body .generateOTP .otp-select .otp-checkbox .otp-checkbox-box label.otp-qrcode{background-image:var(--qrcode)}
.card .card-footer{padding:12.5px 0px;background-color:var(--card-background);border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.card .card-footer a{background-color:var(--primary-color) !important;padding:9.5px 31px !important;color:white;width:auto !important;border-radius:8px;border:2px solid var(--secondary-color)}
.card .card-footer a:hover{background-color:var(--primary-color) !important;border-color:var(--primary-color);color:white !important}
p{color:var(--main-text)}
.miqaatRegistration .miqaatLists .miqaatDivider{margin:13px 0px;width:100%;height:20px;background:var(--miqaat-divider);background-size:contain;background-repeat:no-repeat}
.miqaatRegistration .miqaatLists .miqaatTitle{font-size:18px;line-height:24px;color:var(--main-text);margin-bottom:8px}
.miqaatRegistration .miqaatLists .miqaatDate{font-size:12px;color:#f04438}
.miqaatRegistration .miqaatLists .miqaatDate.availableEvent{color:#38b87c}
.dataUpdateDrive{gap:13px}
.dataUpdateDrive p{font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:24px;letter-spacing:0}
footer{background-color:var(--primary-color)}
footer .topFooter{padding-top:53px;padding-bottom:53px}
footer .topFooter h1{color:var(--golden-color);letter-spacing:0px !important}
@media (max-width:768px){footer .topFooter h1{font-size:20px;line-height:1.3}.animate-icon{font-size:28px !important}}
footer .topFooter .col-logo{width:250px}
footer .topFooter .col-contactus{width:312px;padding:34px 30px;background-color:var(--secondary-color);border-radius:16px}
footer .topFooter .col-contactus a{display:flex;align-items:center;justify-content:space-between;width:100%;background: linear-gradient(var(--primary-color),#ccc) bottom center / 0% 1px no-repeat;transition: background-size .3s ease;}
footer .topFooter .col-contactus a:hover {transform: scale(1.05);background-size: 100% 1px;transition: 0.3s all ease}
footer .topFooter .col-help{padding:34px 30px;width:312px;background-color:var(--secondary-color);border-radius:16px}
footer .topFooter .col-help a{display:flex;align-items:center;justify-content:space-between;width:100%;background: linear-gradient(var(--primary-color),#ccc) bottom center / 0% 1px no-repeat;transition: background-size .3s ease;}
footer .topFooter .col-help a:hover {transform: scale(1.05);background-size: 100% 1px;transition: 0.3s all ease}
footer .topFooter .col-policies{width:312px;padding:34px 30px;background-color:var(--secondary-color);border-radius:16px}
footer .topFooter .col-policies a{display:flex;align-items:center;justify-content:space-between;width:100%;background: linear-gradient(var(--primary-color),#ccc) bottom center / 0% 1px no-repeat;transition: background-size .3s ease;}
footer .topFooter .col-policies a:hover{transform: scale(1.05);background-size: 100% 1px;transition: 0.3s all ease}
footer .topFooter .social-icons{margin-top:42px;font-family:"Averia Serif Libre",serif}
footer .topFooter .social-icons .socialLogos{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}
footer .columns-row{padding-top:52.5px;border-top:1px solid var(--secondary-color);margin-top:24px}
footer .footerBottom{background:var(--secondary-color);padding:12px 0px;color:white}
footer .footerBottom .footerBottomLink{display:flex;align-items:center;gap:10px}
footer .footerBottom .footerBottomLink a{text-decoration:underline;color:white}
footer .footerBottom .footerBottomLanguage{display:flex;align-items:center;gap:10px}
footer .footerBottom .container{display:flex;justify-content:space-between;align-items:center}
.nav > li > a > .material-icons{margin-top:0px !important}
.loginITS{border:1px solid var(--primary-color) !important}
.loginMiqaat{border:1px solid #C6C1B9 !important}
.otp-select .form-check-input{width:18px;height:18px;border:2px solid var(--primary-color);border-radius:4px;margin-right:6px;box-shadow:none;background-color:#fff;transition:border-color 0.2s,background-color 0.2s;position:relative;appearance:none;-webkit-appearance:none;outline:none;vertical-align:middle;cursor:pointer}
.otp-select .form-check-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 0.12rem var(--primary-color)}
.otp-select .form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color)}
.otp-select .form-check-input:checked::after{content:"";display:block;position:absolute;left:4px;top:1px;width:6px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.otp-select .form-check-input:not(:checked)::after{content:"";display:none}
.otp-select .form-check-label{margin-bottom:0;margin-right:8px;display:flex;align-items:center;cursor:pointer}
.custom-carousel-arrow .carousel-control-prev-icon,.custom-carousel-arrow .carousel-control-next-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,0.5));border-radius:50%;width:2.5rem;height:2.5rem;background-size:60% 60%}
.custom-carousel-arrow{width:3rem;height:3rem;top:50%;transform:translateY(-50%)}
.custom-carousel-arrow:focus{outline:none;box-shadow:0 0 0 0.2rem rgba(255,255,255,0.5)}
.custom-carousel-indicators [data-bs-target]{width:5px;height:5px;border-radius:50%;border:2px solid white;margin:0 6px;background:transparent;transition:background 0.2s,border 0.2s}
.carousel-indicators{margin-bottom:0.5rem}
.custom-carousel-indicators .active{background:white;border-color:white}
.profile-verified-wrapper{position:relative;display:inline-block}
.profile-verified-img{border:4px solid #2ecc71;box-sizing:border-box}
.profile-not-verified-img{border:4px solid #EF5350;box-sizing:border-box}
.verified-badge{position:absolute;bottom:-6px;right:-10px;display:flex;align-items:center;justify-content:center;background:transparent;z-index:2}
div#mainCarousel{height:auto;margin-top:100px}
.profileDiv{cursor:pointer;display:flex;align-items:center;gap:10px;position:relative;z-index:4}
.profileDiv .profilePopup{display:none;padding:24px;background:#fcf9f2;position:absolute;right:-20px;width:288px;top:140%;z-index:9999;color:#1f2a37;border-bottom-left-radius:24px;border-bottom-right-radius:24px;box-shadow:0px 16px 32px rgba(31,42,55,0.12)}
.profileDiv .profilePopup .nameArabic{font-size:20px;line-height:24px;text-align:right;font-family:"AlKanz",sans-serif}
.profileDiv .profilePopup .nameEnglish{font-size:14px;font-weight:600}
.profileDiv .profilePopup .myBadges{margin-top:20px}
.profileDiv .profilePopup .myBadges p{font-size:14px;line-height:24px;color:var(--primary-color)}
.profileDiv .profilePopup .myBadges .myBadgesLogo{direction:ltr !important;padding-bottom:8px;border-bottom:1px solid var(--primary-color)}
.profileDiv .profilePopup .myBadges .myBadgesLogo .slick-slide{margin:0 6px}
.profileDiv .profilePopup .myBadges .myBadgesLogo .slick-list{margin:0 -6px}
.profileDiv .profilePopup .myBadges .myBadgesLogo .slick-slide img{width:100%}
.profileDiv .profilePopup .profileNavigation{display:flex;flex-direction:column;gap:20px;margin-top:20px}
.profileDiv .profilePopup .profileNavigation a{display:flex;align-items:center;justify-content:space-between;color:#1f2a37;line-height:24px;font-size:14px;font-weight:600}
.profileDiv .profilePopup .profileNavigation a .material-icons{color:var(--golden-color) !important}
.profileDiv .profilePopup .profileNavigation a span{display:flex;gap:10px;align-items:center}
.profileDiv .profilePopup:before{content:"";position:absolute;top:-60px;width:100%;height:100px;left:0}
.profileDiv .profilePopup:after{content:"";border-bottom:10px solid #fcf9f2;border-left:10px solid transparent;border-right:10px solid transparent;position:absolute;top:-10px;right:28px}
.dropdown-menu{top:45px !important;border:0px;background-color:transparent !important;padding:0px}
.dropdown-menu .dropdown-menu-inner{background:#fcf9f2 !important;box-shadow:0px 16px 32px rgba(31,42,55,0.12);border-radius:0px 0px 24px 24px !important;padding:32px 40px;margin:0 !important}
.dropdown-menu .megaMenuLinks{display:flex;flex-direction:column;gap:30px}
.dropdown-menu .megaMenuLinks a{display:flex;align-items:center;justify-content:space-between;color:#1f2a37;font-size:14px}
.dropdown-menu .megaMenuLinks a{display:flex;align-items:center;justify-content:space-between;color:#1f2a37;font-size:14px;background: linear-gradient(var(--primary-color),#ccc) bottom center / 0% 1px no-repeat;transition: background-size .3s ease;}
.dropdown-menu .megaMenuLinks a:hover {transform: scale(1.05);background-size: 100% 1px;transition: 0.3s all ease}
.dropdown-menu .megaMenuLinks a span{display:flex;align-items:center;gap:10px}
.dropdown-menu .megaMenuLinks a .material-icons{color:var(--golden-color) !important}
.dropdown-menu .megaMenuCTA{display:flex;flex-direction:column;gap:12px}
.dropdown-menu .megaMenuCTA p{color:var(--primary-color) !important;}
.dropdown-menu .megaMenuCTA h4{color:var(--golden-color) !important;font-size:20px;line-height:20px;text-transform:uppercase;border:0px;font-family:"Averia Serif Libre",serif;display:flex;gap:12px;align-items:center}
.dropdown-menu .megaMenuCTA .megaMenuCTABtn{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 24px;gap:10px;width:132px;color:white !important;height:35px;background:var(--primary-color);border:1.5px solid var(--secondary-color);border-radius:6px}
.dropdown-menu:before{content:"";position:absolute;top:0;left:-100%;width:1000%;height:100vh;z-index:-1;backdrop-filter:blur(10px);opacity:0;transition:0.3s all ease}
.dropdown-menu.show::before{opacity:1 !important;transition:0.3s all ease}
.header_mobile{display:none}
section#slider{position:relative}
#footerAccordion{display:none}
@media (max-width:768px){.hide-for-mobile{display:none}
.header_box{display:none !important}
#gridHomepage{padding-top:20px;padding-bottom:20px}
.header_mobile{padding:10px 16px;display:block;background:var(--primary-color)}
.header_mobile .header_mobile_inner{display:flex;grid-template-columns:repeat(3,1fr);align-items:center;justify-content:space-between}
.header_mobile .header_mobile_bottom{display:flex;align-items:center;justify-content:space-between;color:white}
.header_mobile .header_mobile_bottom .header_mobile_date_time{display:flex;align-items:center;justify-content:space-between;color:white;width:100%;margin-top:8px;padding-top:5px;padding-bottom:5px;border-top:1px solid var(--secondary-color)}
.header_mobile .header_mobile_bottom .header_mobile_date_time .header_mobile_date{border-right:1px solid var(--secondary-color);width:65%;display:flex;flex-direction:column;align-items:center}
.header_mobile .header_mobile_bottom .header_mobile_date_time .header_mobile_date .header_mobile_arabic_date{padding-top:10px}
.header_mobile .header_mobile_bottom .header_mobile_date_time .header_mobile_date .header_mobile_english_date{padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid var(--secondary-color)}
.header_mobile .header_mobile_bottom .header_mobile_date_time .mobile_header_time{margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid var(--secondary-color);display:flex;justify-content:center}
.header_mobile_time{width:35%;padding-left:15px}
.header_mobile_time .header_mobile_notification_icon{display:flex;justify-content:center}
.header_mobile_time .header_mobile_notification_icon .event-icon{font-size:25px;height:20px}
.header_mobile_time .header_mobile_notification_icon .icon-button__badge.its-bell{right:10px;width:12px;height:12px}
.header_mobile .header_mobile_bottom .header_mobile_date_time .mobile_header_notification_icons_inner{margin-top:10px}
.header_mobile .hamburger_mobile_search{display:flex;align-items:center;gap:12px;width:40%}
.header_mobile .hamburger_mobile_search .search_mobile span{color:white}
.header_mobile .logo_mobile{display:flex;justify-content:center;width:20%}
.header_mobile .profile_mobile{width:40%;display:flex;justify-content:end}
.header_mobile .profile_mobile .profile-avator{display:flex;align-items:center;color:white;gap:3px}
.header_mobile .profile_mobile .profileDiv{gap:3px}
.nav-icon{width:25px;height:18px;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;cursor:pointer}
.nav-icon span{display:block;position:absolute;height:2px;width:100%;background:#ffffff;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;-o-transition:0.25s ease-in-out;transition:0.25s ease-in-out}
.nav-icon span:nth-child(1){top:0px}
.nav-icon span:nth-child(2),.nav-icon span:nth-child(3){top:8px}
.nav-icon span:nth-child(4){top:16px}
.nav-icon.open span:nth-child(1){top:18px;width:0%;left:50%}
.nav-icon.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.nav-icon.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-icon.open span:nth-child(4){top:18px;width:0%;left:50%}
.card .card-body{max-height:unset !important}
.card .card-body::-webkit-scrollbar{width:10px}
.card .card-body::-webkit-scrollbar-track{background:#000}
.card .card-body::-webkit-scrollbar-thumb{background:#888}
.card .card-body::-webkit-scrollbar-thumb:hover{background:#555}
.imageCardGrid{grid-template-columns:repeat(1,1fr)}
footer .topFooter{padding-left:20px;padding-right:20px}
footer .columns-row{gap:20px !important;display:block !important}
footer .col-contactus{width:100% !important;padding:20px !important}
footer .col-help{width:100% !important;padding:20px !important}
footer .col-policies{width:100% !important;padding:20px !important}
footer .col-logo{margin:0 auto !important}
.footerBottom{background:#061d2d;padding:12px 0px;color:white}
.footerBottom .footerBottomLink{display:flex;flex-wrap:wrap;justify-content:center}
.footerBottom .footerBottomLink a{text-decoration:underline;color:white}
.footerBottom .footerBottomLanguage{display:flex;align-items:center;gap:10px}
.footerBottom .container{gap:20px;display:flex;flex-direction:column-reverse}
.logo-section img{height:100px}
div#footerAccordion{display:flex;flex-direction:column;gap:24px;padding:20px}
.accordion-item{background:var(--secondary-color);padding:24px;border:0px;border-radius:12px !important}
.accordion-item .accordion-body{padding:0px;margin-top:10px}
.accordion-header{display:flex;align-items:center;gap:10px;justify-content:space-between}
.accordion-header div{display:flex;gap:10px;align-items:center}
.accordion-header span{margin:0px !important}
.accordion-header h5{margin:0px !important}
}.tasks-container{cursor:pointer}
.tasks-container .tasks-icon{transition:color 0.3s ease}
.tasks-container:hover .tasks-icon{color:#ffffff !important}
.tasks-container:hover .tasks-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.tasks-dropdown{position:absolute;top:100%;right:0;width:350px;background:#ffffff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.12);border:1px solid rgba(0,0,0,0.08);z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;margin-top:8px}
.tasks-dropdown::before{content:"";position:absolute;top:-6px;right:20px;width:12px;height:12px;background:#ffffff;border-left:1px solid rgba(0,0,0,0.08);border-top:1px solid rgba(0,0,0,0.08);transform:rotate(45deg)}
.tasks-dropdown .tasks-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0}
.tasks-dropdown .tasks-header h6{margin:0;font-size:16px;font-weight:600;color:var(--primary-color)}
.tasks-dropdown .tasks-header .tasks-count{background:#44EEBB;color:var(--primary-color);padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500}
.tasks-dropdown .tasks-list{max-height:400px;overflow-y:auto;padding:0}
.tasks-dropdown .tasks-list .task-item{border-bottom:1px solid #f0f0f0;transition:background-color 0.2s ease}
.tasks-dropdown .tasks-list .task-item:hover{background-color:#f8f9fa}
.tasks-dropdown .tasks-list .task-item:last-child{border-bottom:none}
.tasks-dropdown .tasks-list .task-item .task-header{display:flex;align-items:center;padding:12px 20px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-bottom:1px solid #e9ecef}
.tasks-dropdown .tasks-list .task-item .task-header .task-header-bg{width:24px;height:24px;margin-right:8px}
.tasks-dropdown .tasks-list .task-item .task-header .task-title{margin:0;font-size:14px;font-weight:600;color:var(--primary-color)}
.tasks-dropdown .tasks-list .task-item .task-content{padding:16px 20px}
.tasks-dropdown .tasks-list .task-item .task-content .miqaat-item{margin-bottom:12px}
.tasks-dropdown .tasks-list .task-item .task-content .miqaat-item:last-child{margin-bottom:0}
.tasks-dropdown .tasks-list .task-item .task-content .miqaat-item .miqaat-title{font-size:13px;font-weight:500;color:var(--primary-color);text-align:center;margin-bottom:6px;line-height:1.3}
.tasks-dropdown .tasks-list .task-item .task-content .miqaat-item .miqaat-date{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;color:#666}
.tasks-dropdown .tasks-list .task-item .task-content .miqaat-item .miqaat-date.available{color:var(--golden-color);font-weight:500}
.tasks-dropdown .tasks-list .task-item .task-content .miqaat-item .miqaat-date .material-symbols-outlined{font-size:14px;color:var(--golden-color)}
.tasks-dropdown .tasks-list .task-item .task-content .miqaat-divider{margin:12px 0;text-align:center}
.tasks-dropdown .tasks-list .task-item .task-content .miqaat-divider img{width:100%;height:auto}
.tasks-dropdown .tasks-list .task-item .task-content .data-update-content,.tasks-dropdown .tasks-list .task-item .task-content .newsletter-content{text-align:center}
.tasks-dropdown .tasks-list .task-item .task-content .data-update-content img,.tasks-dropdown .tasks-list .task-item .task-content .newsletter-content img{width:60px;height:60px;margin-bottom:12px}
.tasks-dropdown .tasks-list .task-item .task-content .data-update-content p,.tasks-dropdown .tasks-list .task-item .task-content .newsletter-content p{font-size:12px;color:#666;line-height:1.4;margin:0}
.tasks-dropdown .tasks-list .task-item .task-footer{padding:12px 20px;text-align:center;border-top:1px solid #f0f0f0}
.tasks-dropdown .tasks-list .task-item .task-footer .task-action-btn{background:var(--primary-color);color:white;padding:8px 20px;border-radius:6px;text-decoration:none;font-size:12px;font-weight:500;transition:background-color 0.2s ease}
.tasks-dropdown .tasks-list .task-item .task-footer .task-action-btn:hover{background:#10476f;color:white}
.tasks-dropdown .tasks-footer{padding:12px 20px;border-top:1px solid #f0f0f0;text-align:center}
.tasks-dropdown .tasks-footer .view-all-tasks{color:var(--primary-color);text-decoration:none;font-size:13px;font-weight:500;transition:color 0.2s ease}
.tasks-dropdown .tasks-footer .view-all-tasks:hover{color:#44EEBB}
.search-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#FCF9F2;backdrop-filter:blur(10px);z-index:9999;opacity:0;visibility:hidden;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}
.search-overlay.active{opacity:1;visibility:visible}
.search-overlay .search-overlay-content{position:relative;width:100%;max-width:600px;padding:0 20px}
.search-overlay .search-input-container{position:relative;display:flex;align-items:center}
.search-overlay .search-input{flex:1;padding:20px 24px;border:none;outline:none;font-size:18px;background:transparent;color:var(--primary-color);padding-bottom:40px;border-bottom:1px solid black}
.search-overlay .search-input::placeholder{color:#999;font-weight:400}
.search-overlay .search-input:focus{outline:none;border:0px !important;background-color:transparent !important;border-bottom:1px solid black !important;box-shadow:none !important;border-radius:0px !important}
.search-overlay .search-button{background:var(--primary-color);color:white;border:none;padding:16px 20px;border-radius:50px;margin:8px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}
.search-overlay .search-button:hover{background:#10476f;transform:scale(1.05)}
.search-overlay .search-button .material-symbols-outlined{font-size:24px}
.search-overlay .search-close-btn{position:absolute;top:-60px;right:0;background:none;border:none;color:var(--primary-color);font-size:32px;cursor:pointer;padding:8px;border-radius:50%;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}
.search-overlay .search-close-btn:hover{background:rgba(10,49,77,0.1);transform:scale(1.1)}
.search-overlay .search-close-btn .material-symbols-outlined{font-size:28px}
.search-icon{cursor:pointer;transition:all 0.3s ease}
.search-icon:hover{transform:scale(1.1)}
.search-icon .material-symbols-outlined{transition:color 0.3s ease}
.search-icon:hover .material-symbols-outlined{color:#44EEBB !important}
.palette-dropdown{cursor:pointer}
.palette-dropdown-menu{padding-top:14px;position:absolute;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1;right:0px}
.palette-dropdown-menu .palette-dropdown-inner{background:white;padding:13px 12px;display:flex;gap:24px}
.palette-dropdown-menu .palette-dropdown-inner #themeToggleDesktop{position:relative}
.palette-dropdown-menu .palette-dropdown-inner #themeToggleDesktop .purple-cirle{position:absolute;left:0}
.palette-dropdown-menu .color-swatch{width:24px;height:24px;border-radius:100px;position:relative;cursor:pointer}
.palette-dropdown-menu .color-swatch[data-color=purple]{background:#773561}
.palette-dropdown-menu .color-swatch[data-color=blue]{background:#0A314D}
.palette-dropdown-menu .color-swatch[data-color=gray]{background:#516F7E}
.palette-dropdown-menu .color-swatch:after{content:"";position:absolute;top:50%;left:50%;width:20px;border-radius:100%;height:20px;border:2px solid white;transform:translate(-50%,-50%)}
.mobile-palette{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:10px}
.mobile-palette .color-swatch{width:24px;height:24px;border-radius:100px;position:relative;cursor:pointer}
.mobile-palette .color-swatch[data-color=purple]{background:#773561}
.mobile-palette .color-swatch[data-color=blue]{background:#0A314D}
.mobile-palette .color-swatch[data-color=gray]{background:#516F7E}
.mobile-palette .color-swatch:after{content:"";position:absolute;top:50%;left:50%;width:20px;border-radius:100%;height:20px;border:2px solid white;transform:translate(-50%,-50%)}
.menu-palette{display:flex;align-items:center;justify-content:space-between}
.menu-palette div{display:flex;gap:0.5rem;align-items:center}
.mobile_time{color:white}
.mobile_time span{display:flex;flex-wrap:nowrap;color:white;font-size:12px;gap:3px;white-space:nowrap}
.mobile_time .material-icons{font-size:16px}
div#backtotop{bottom:50px;position:fixed;right:30px;background:var(--primary-color);border-radius:100px;cursor:pointer;display:none}
div#backtotop.active{display:block !important}
.form-check-input{opacity:0 !important}
@media screen and (max-width:768px){.active-on-menu-open{display:none !important}
.mobileMenuOpen .active-on-menu-open{display:flex !important}
.mobileMenuOpen .hide-on-menu-open{display:none !important}
}#oneClickLogin{margin-bottom:53px}
#oneClickLogin .oneClickLoginContainerBox{padding:10px;background:var(--card-background);border:1px solid #DDDDDD;border-radius:16px;overflow-x:hidden}
#oneClickLogin .oneClickLoginContainerBox .card-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:22.5px 24px;gap:10px;background:linear-gradient(91.29deg,var(--primary-color) 0%,var(--secondary-color) 103.44%);border-radius:8px 8px 0px 0px;font-family:"Averia Serif Libre",serif}
#oneClickLogin .oneClickLoginContainerBox .card-header h2{margin:0;font-size:20px;line-height:1;font-weight:bold;color:var(--golden-color);font-family:"Averia Serif Libre",serif}
#oneClickLogin .oneClickLoginContainerBox .card-body{padding:24px;background:var(--card-background)}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginSearchBox{padding:24px;border-radius:8px;background:#FCF9F2;border:1px solid #DDDDDD}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginSearchBox p{margin:0;font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:18px;line-height:26px;letter-spacing:0;color:#1F2A37;width:50%}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginSearchBox .oneClickLoginSearchInput{width:40%;position:relative}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginSearchBox .oneClickLoginSearchInput input{width:100%;border:1px solid var(--secondary-color);background-color:white}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginSearchBox .oneClickLoginSearchInput button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background-color:transparent}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginSearchBox .oneClickLoginSearchInput button span{color:var(--golden-color);font-size:24px}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginTabs{margin-top:40px;gap:16px}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginTabs .oneClickLoginTab a{padding:6px 12px;border:1px solid #DDDDDD;font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:16px;line-height:26px;letter-spacing:0;color:var(--main-text);border-radius:4px;transition:0.3s all ease}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginTabs .oneClickLoginTab a:hover{background-color:rgba(0,60,102,0.1529411765);border-color:var(--main-text)}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginTabs .oneClickLoginTab.active a{background-color:rgba(0,60,102,0.1529411765);border-color:var(--main-text)}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginBox{margin-top:40px;padding:10px;background:linear-gradient(0deg,#f2f2f2 0%,#f8f8f8 50.5%,#ffffff 100%);border:1px solid #DDDDDD;border-radius:16px}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginBox .oneClickLoginBoxInner{position:relative;min-height:311px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #DDDDDD;overflow:hidden;border-radius:8px}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginBox .oneClickLoginBoxInner .oneClickLoginBoxImage{position:absolute;left:50%;bottom:24px;transform:translateX(-50%)}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginBox .oneClickLoginOverlay{position:absolute;height:100%;width:100%;top:0;z-index:9;left:0}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginBox .oneClickLoginBoxDescription{z-index:99999}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginBox .oneClickLoginBoxDescription p{margin:0;color:white;font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:16px;line-height:26px;letter-spacing:0;z-index:12}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginBox .oneClickLoginBoxTitleIconCategory{z-index:99999}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginBox .oneClickLoginBoxTitleIconCategory .oneClickLoginBoxTitleIcon{display:flex;justify-content:space-between}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginBox .oneClickLoginBoxTitleIconCategory .oneClickLoginBoxTitleIcon h2{font-family:"Averia Serif Libre",serif;font-weight:700;font-size:20px;line-height:20px;letter-spacing:0;color:var(--golden-color);text-transform:uppercase}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginBox .oneClickLoginBoxTitleIconCategory .oneClickLoginBoxTitleIcon.favorite-not-active .favorite{display:none}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginBox .oneClickLoginBoxTitleIconCategory .oneClickLoginBoxTitleIcon.favorite-not-active .not-favorite{display:block}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginBox .oneClickLoginBoxTitleIconCategory .oneClickLoginBoxTitleIcon.favorite-active .favorite{display:block}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginBox .oneClickLoginBoxTitleIconCategory .oneClickLoginBoxTitleIcon.favorite-active .not-favorite{display:none}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginBox .oneClickLoginBoxTitleIconCategory .oneClickLoginBoxCategory{margin-top:12px}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginBox .oneClickLoginBoxTitleIconCategory .oneClickLoginBoxCategory span{padding:4px 8px;color:var(--secondary-color);font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0;border:1px solid var(--secondary-color);border-radius:4px}
#oneClickLogin .oneClickLoginContainerBox .card-footer{padding:12.5px;display:flex;align-items:center;justify-content:center;background-color:white;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border:0px !important}
#oneClickLogin .oneClickLoginContainerBox .card-footer .oneclickloginPagination{gap:16px;margin-bottom:12px}
#oneClickLogin .oneClickLoginContainerBox .card-footer .oneclickloginPagination .oneclickloginPaginationDots{display:flex;align-items:center;justify-content:center;height:40px;min-width:40px;padding:12px;border:1px solid #DDDDDD;color:var(--secondary-color);border-radius:4px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:14px;line-height:20px;letter-spacing:0}
#oneClickLogin .oneClickLoginContainerBox .card-footer .oneclickloginPagination .oneclickloginPaginationItem{display:flex;align-items:center;gap:4px;padding:12px;border:1px solid #DDDDDD;color:var(--secondary-color);border-radius:4px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:14px;line-height:20px;letter-spacing:0;height:40px;min-width:40px;justify-content:center;transition:0.3s all ease}
#oneClickLogin .oneClickLoginContainerBox .card-footer .oneclickloginPagination .oneclickloginPaginationItem span{font-size:16px}
#oneClickLogin .oneClickLoginContainerBox .card-footer .oneclickloginPagination .oneclickloginPaginationItem.active{background-color:var(--primary-color);color:white}
#oneClickLogin .oneClickLoginContainerBox .card-footer .oneclickloginPagination .oneclickloginPaginationItem:hover{background-color:var(--primary-color);color:white}
@media screen and (max-width:700px){#oneClickLogin .oneClickLoginContainerBox{padding:0px}
#oneClickLogin .oneClickLoginContainerBox .card-body{padding:12px !important}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginSearchBox{padding:12px;gap:16px;flex-direction:column}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginSearchBox p{width:100%}
#oneClickLogin .oneClickLoginContainerBox .card-body .oneClickLoginSearchBox .oneClickLoginSearchInput{width:100%}
#oneClickLogin .custom-dropdown{position:relative;width:100%;max-width:303px;margin:24px auto 0px auto;font-family:"Plus Jakarta Sans",sans-serif}
#oneClickLogin .custom-dropdown .custom-dropdown-toggle{width:100%;background:#eaf6ff;border:1.5px solid var(--secondary-color);border-radius:8px;padding:4px 12px;font-size:16px;color:var(--secondary-color);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:border-color 0.2s;box-shadow:0 4px 16px 0 rgba(0,0,0,0.07)}
#oneClickLogin .custom-dropdown .custom-dropdown-toggle:focus{outline:none;border-color:var(--primary-color)}
#oneClickLogin .custom-dropdown .custom-dropdown-arrow{font-size:22px;color:var(--secondary-color);margin-left:8px}
#oneClickLogin .custom-dropdown .custom-dropdown-menu{position:absolute;top:110%;left:0;width:100%;background:#fff;border:1.5px solid var(--secondary-color);border-radius:12px;box-shadow:0 8px 32px 0 rgba(0,0,0,0.13);z-index:1000;padding:8px 0;margin:0;list-style:none;display:none;max-height:260px;overflow-y:auto}
#oneClickLogin .custom-dropdown .custom-dropdown-menu li{padding:12px 24px;font-size:17px;color:var(--secondary-color);font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:24px;letter-spacing:0;cursor:pointer;border-radius:6px;transition:background 0.18s,color 0.18s}
#oneClickLogin .custom-dropdown .custom-dropdown-menu li:hover{background:#eaf6ff;color:var(--primary-color)}
#oneClickLogin .custom-dropdown .custom-dropdown-menu li.active{background:#eaf6ff;color:var(--primary-color)}
#oneClickLogin .custom-dropdown.open .custom-dropdown-menu{display:block;z-index:99999999999 !important}
#oneClickLogin .custom-dropdown.open .custom-dropdown-toggle{border-bottom-left-radius:0;border-bottom-right-radius:0}
}#personalDetails .badgeContainerBox{padding:10px;background:var(--card-gradiant);border:1px solid #DDDDDD;border-radius:16px;overflow-x:hidden}
#personalDetails .badgeContainerBox .card-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:22.5px 24px;gap:10px;background:linear-gradient(91.29deg,var(--primary-color) 0%,var(--secondary-color) 103.44%);border-radius:8px 8px 0px 0px;font-family:"Averia Serif Libre",serif}
#personalDetails .badgeContainerBox .card-header h2{margin:0;font-size:20px;line-height:1;font-weight:bold;color:var(--golden-color);font-family:"Averia Serif Libre",serif}
#personalDetails .badgeContainerBox .card-header a{display:flex}
#personalDetails .badgeContainerBox .card-header span{font-size:24px;color:var(--golden-color);width:24px}
#personalDetails .badgeContainerBox .card-body{padding:24px;background:var(--card-background);border-radius:0px 0px 8px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center}
#personalDetails .badgeContainerBox .card-body .badgeImage{width:100%;max-width:175px;text-align:center}
#personalDetails .badgeContainerBox .card-body .badgeProgress{display:flex;justify-content:space-between;width:100%;margin-top:46px}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox{display:flex;flex-direction:column;align-items:center;position:relative}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox:before{content:"";position:absolute;width:24px;height:24px;top:-30px;border-radius:100px;border-width:2px;border-style:solid}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox::after{content:"";position:absolute;width:64px;height:2px;top:-18px;left:57px;z-index:999}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox.noBadge{color:#F04438}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox.noBadge .progressTitle{background:rgba(240,68,56,0.08)}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox.noBadge::before{background:#F04438}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox.noBadge::after{background:#CE8946}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox.bronzeBadge{color:#CE8946}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox.bronzeBadge .progressTitle{background:rgba(206,137,70,0.08)}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox.bronzeBadge::before{background:#CE8946}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox.bronzeBadge::after{background:#BBC1CA}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox.silverBadge{color:#BBC1CA}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox.silverBadge .progressTitle{background:rgba(209,213,219,0.2)}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox.silverBadge:before{background:#BBC1CA}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox.silverBadge::after{background:#FFCB3C}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox.goldBadge{color:#FFCB3C}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox.goldBadge .progressTitle{background:rgba(255,203,60,0.2)}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox.goldBadge:before{background:#FFCB3C}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox .progressPercentage{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:12px;line-height:22px;letter-spacing:0}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox .progressTitle{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:12px;line-height:22px;letter-spacing:0;min-width:74px;text-align:center;border-radius:4px}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox.NotCompleted:before{border-color:#F04438;background:transparent}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox.bronzeNotCompleted:before{border-color:#CE8946;background:transparent}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox.silverNotCompleted:before{border-color:#BBC1CA;background:transparent}
#personalDetails .badgeContainerBox .card-body .badgeProgress .progressBox.goldNotCompleted:before{border-color:#FFCB3C;background:transparent}
#personalDetails .familyMembersBox{padding:10px;background:var(--card-gradiant);border:1px solid #DDDDDD;border-radius:16px;overflow-x:hidden}
#personalDetails .familyMembersBox .card-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:22.5px 24px;gap:10px;background:linear-gradient(91.29deg,var(--primary-color) 0%,var(--secondary-color) 103.44%);border-radius:8px 8px 0px 0px;font-family:"Averia Serif Libre",serif}
#personalDetails .familyMembersBox .card-header h2{margin:0;font-size:20px;line-height:1;font-weight:bold;color:var(--golden-color);font-family:"Averia Serif Libre",serif}
#personalDetails .familyMembersBox .card-header p{margin:0;font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:18px;line-height:26px;letter-spacing:0;color:#FFFFFF;width:40%;text-align:right}
#personalDetails .familyMembersBox .card-body{padding:24px;background:var(--card-background);border-radius:0px 0px 8px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center}
#personalDetails .familyMembersBox .card-body .familyCheckBox{display:flex;padding:16px;border:1px solid #DDDDDD;border-radius:8px;background-color:#FCF9F2;align-items:center;gap:8px;color:#1F2A37}
#personalDetails .familyMembersBox .card-body .familyCheckBox input{margin-bottom:8px}
#personalDetails .familyMembersBox .card-body .familyCheckBox label{font-family:"Plus Jakarta Sans",sans-serif;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0}
#personalDetails .familyMembersBox .card-body .familyCheckBox p{margin:0;font-family:"Plus Jakarta Sans",sans-serif;font-weight:400;font-size:14px;line-height:20px;letter-spacing:0}
#personalDetails .familyMembersBox .card-body .familyData{padding:16px;border:1px solid #DDDDDD;border-radius:8px}
#personalDetails .familyMembersBox .card-body .familyData .familyDataRow .familyDataTr{padding:5px 12px;background:#FCF9F2;border:1px solid #DDDDDD;border-radius:6px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:12px;line-height:22px;letter-spacing:0;color:#1F2A37}
#personalDetails .familyMembersBox .card-body .familyData .familyDataRow .familyDataTd{padding:16px;border:1px solid #DDDDDD;border-radius:6px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0;color:var(--main-text)}
#personalDetails .familyMembersBox .card-body .familyData .familyDataRow .s-no{width:42px}
#personalDetails .familyMembersBox .card-body .familyData .familyDataRow .actions{width:130px}
#personalDetails .familyMembersBox .card-body .familyData .familyDataRow .actions.familyDataTd{display:flex;flex-direction:column;justify-content:center;gap:16px}
#personalDetails .familyMembersBox .card-body .familyData .familyDataRow .details{width:240px}
#personalDetails .familyMembersBox .card-body .familyData .familyDataRow .details.familyDataTd{display:flex;align-items:center;gap:12px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0}
#personalDetails .familyMembersBox .card-body .familyData .familyDataRow .details .detailsDetail{display:flex;flex-direction:column;gap:4px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0}
#personalDetails .familyMembersBox .card-body .familyData .familyDataRow .details .detailsDetail b{margin-right:5px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0;color:var(--main-text)}
#personalDetails .familyMembersBox .card-body .familyData .familyDataRow .details .detailsDetail a{color:var(--link-color);font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0}
#personalDetails .familyMembersBox .card-body .familyData .familyDataRow .p-status{width:117px}
#personalDetails .familyMembersBox .card-body .familyData .familyDataRow .p-status .p-status-data{display:flex;align-items:center;gap:8px;justify-content:space-between;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:14px;line-height:20px;letter-spacing:0}
#personalDetails .familyMembersBox .card-body .familyData .familyDataRow .p-status .p-status-photo{display:flex;align-items:center;gap:8px;justify-content:space-between;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:14px;line-height:20px;letter-spacing:0}
#personalDetails .familyMembersBox .card-body .familyData .familyDataRow .p-status .p-status-its{display:flex;align-items:center;gap:8px;justify-content:space-between;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:14px;line-height:20px;letter-spacing:0}
#personalDetails .familyMembersBox .card-body .familyData .familyDataRow .full-name{width:194px}
#personalDetails .familyMembersBox .card-body .familyData .familyDataRow .proud-badges{width:480px;justify-content:center;gap:24px}
#personalDetails .familyMembersBox .card-body .familyData .familyDataRow .proud-badges .badgeImage{display:flex;flex-direction:column;align-items:center;gap:4px}
#personalDetails .familyMembersBox .card-body .familyData .familyDataRow .proud-badges .badgeImage img{max-width:60px}
#personalDetails .familyMembersBox .card-body .familyData .familyDataRow .action-btn{padding:2px 8px;border:1px solid var(--golden-color);border-radius:6px;color:var(--golden-color);background:rgba(234,189,19,0.1);font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:12px;line-height:22px;letter-spacing:0;transition:1s all ease}
#personalDetails .familyMembersBox .card-body .familyData .familyDataRow .action-btn:hover{background:var(--golden-color);color:#FFFFFF;cursor:pointer}
#personalDetails .familyMembersBox .card-body .familyData .familyDataRow .action-btn:hover img{filter:brightness(0) invert(1)}
#personalDetails .familyMembersBox .card-body .familyData .familyDataRow .action-btn:hover span{color:#FFFFFF !important}
#personalDetails .familyMembersBox .card-body .familyData .nameArabic{font-family:"AlKanz",sans-serif;font-size:14px;letter-spacing:0}
#personalDetails .familyMembersBox .card-body .familyData .nameEnglish{font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0}
#personalDetails .otherDetails .otherDetailsBox{display:flex;align-items:center;justify-content:space-between;gap:18px}
#personalDetails .otherDetails .otherDetailsBox .divider{background:var(--secondary-color);display:flex;height:100%;width:1px}
#personalDetails .otherDetails .otherDetailsBox .clickHere{padding:10px 30px;background-color:var(--primary-color);color:white;border-radius:6px}
#personalDetails .otherDetails .otherDetailsBox .otherDetailsDescription{display:flex;flex-direction:column;gap:20px}
#personalDetails .otherDetails .badgeContainerBoxWithFooter .card-body{border-radius:0px}
#personalDetails .otherDetails .badgeContainerBoxWithFooter .card-footer{padding:12.5px;display:flex;align-items:center;justify-content:center;background-color:var(--card-background);border-bottom-left-radius:6px;border-bottom-right-radius:6px}
#personalDetails .otherDetails .badgeContainerBoxWithFooter .card-footer .clickHere{padding:10px 30px;background-color:var(--primary-color);color:white;border-radius:6px}
#personalDetails .otherDetails .badgeContainerBoxWithFooter .chartCanvas{position:relative}
#personalDetails .otherDetails .badgeContainerBoxWithFooter .chartCanvas .chartCanvasContent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0;color:var(--main-text)}
#personalDetails .otherDetails .badgeContainerBoxWithFooter .chartCanvas .chartCanvasContent b{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:16px;line-height:26px;letter-spacing:0;color:var(--main-text);white-space:nowrap}
#personalDetails .otherDetails .badgeContainerBoxWithFooter .chartDetails{display:flex;justify-content:space-between;width:100%;margin-top:16px}
#personalDetails .otherDetails .badgeContainerBoxWithFooter .chartDetails .normalWeight{display:flex;gap:5px}
#personalDetails .otherDetails .badgeContainerBoxWithFooter .chartDetails .normalWeight span{display:flex;flex-direction:column;gap:0;line-height:1.3}
#personalDetails .otherDetails .badgeContainerBoxWithFooter .chartDetails .normalWeight .dot{background-color:#6366F1}
#personalDetails .otherDetails .badgeContainerBoxWithFooter .chartDetails .underWeight{display:flex;gap:5px}
#personalDetails .otherDetails .badgeContainerBoxWithFooter .chartDetails .underWeight span{display:flex;flex-direction:column;gap:0;line-height:1.3}
#personalDetails .otherDetails .badgeContainerBoxWithFooter .chartDetails .underWeight .dot{background-color:#14B8A6}
#personalDetails .otherDetails .badgeContainerBoxWithFooter .chartDetails .overWeight{display:flex;gap:5px}
#personalDetails .otherDetails .badgeContainerBoxWithFooter .chartDetails .overWeight span{display:flex;flex-direction:column;gap:0;line-height:1.3}
#personalDetails .otherDetails .badgeContainerBoxWithFooter .chartDetails .overWeight .dot{background-color:#F59E0B}
#personalDetails .otherDetails .badgeContainerBoxWithFooter .chartDetails .dot{display:block;width:16px;height:16px;border-radius:100px}
#personalDetails .otherDetails .badgeContainerBoxWithFooter .chartDetails .chartDetailsTitle{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:14px;line-height:20px;letter-spacing:0;color:var(--main-text)}
#personalDetails .otherDetails .badgeContainerBoxWithFooter .chartDetails .chartDetailsPeople{font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0;color:#7E7E7E}
#personalDetails .otherDetails .wafaatDetails{font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:24px;letter-spacing:0;color:var(--main-text)}
#personalDetails .otherDetails .wafaatDetails p{margin:0px;margin-top:16px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:24px;letter-spacing:0}
#personalDetails .otherDetails .wafaatDetails li{font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:24px;letter-spacing:0}
#personalDetails .helpInfo li{font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:24px;letter-spacing:0;color:var(--main-text)}
#personalDetails .helpInfo .videoContainer{position:relative}
#personalDetails .helpInfo .videoContainer .playIcon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--golden-color);font-size:52px;cursor:pointer}
#personalDetails .helpInfo a{color:var(--link-color)}
@media (max-width:700px){#personalDetails .otherDetails .otherDetailsBox{flex-direction:column;width:100%}
#personalDetails .otherDetails .otherDetailsBox .divider{width:100% !important;height:1px !important}
.familyMembers .card-body{padding:12px !important}
.familyMembers .familyCheckboxInput{display:flex;gap:10px}
.familyMembers .accordion .accordion-item{padding:12px;background:var(--card-background);border:1px solid #DDDDDD}
.familyMembers .accordion .accordion-item .accordion-header{padding:0px;background-color:transparent;display:flex}
.familyMembers .accordion .accordion-item .accordion-header .accordion-title-icon.collapsed .accordion-icon span{transform:rotate(180deg);transition:0.3s all ease}
.familyMembers .accordion .accordion-item .accordion-header .accordion-title{font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0;color:var(--main-text);width:70%}
.familyMembers .accordion .accordion-item .accordion-header .accordion-icon{width:30%;text-align:right}
.familyMembers .accordion .accordion-item .accordion-header .accordion-icon span{font-size:24px;color:var(--golden-color);transition:0.3s all ease}
.familyMembers .accordion .accordion-item .accordion-header .action-btn{width:50%;padding:2px 8px;border:1px solid var(--golden-color);border-radius:6px;color:var(--golden-color);background:rgba(234,189,19,0.1);font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:12px;line-height:22px;letter-spacing:0;transition:0.3s all ease}
.familyMembers .accordion .accordion-item .accordion-header .action-btn:hover{background:var(--golden-color);color:#FFFFFF;cursor:pointer}
.familyMembers .accordion .accordion-item .accordion-header .action-btn:hover img{filter:brightness(0) invert(1)}
.familyMembers .accordion .accordion-item .accordion-header .action-btn:hover span{color:#FFFFFF !important}
.familyMembers .accordion .accordion-item .accordion-body .accordion-its{font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0;color:var(--main-text)}
.familyMembers .accordion .accordion-item .accordion-body .accordion-its a{color:var(--link-color)}
.familyMembers .accordion .accordion-item .accordion-body .accordion-role-age-gender{color:var(--main-text);font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0}
.familyMembers .accordion .accordion-item .accordion-body .accordion-role-age-gender .divider{height:20px;width:1px;background-color:#D9D9D9;margin:0px 6px}
.familyMembers .accordion .accordion-item .accordion-body .accordion-verification{color:var(--main-text);font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0}
.familyMembers .accordion .accordion-item .accordion-body .accordion-verification .divider{height:20px;width:1px;background-color:#D9D9D9;margin:0px 6px}
.familyMembers .accordion .accordion-item .accordion-body .accordion-badge-title{margin:12px 0px;display:flex;align-items:center;gap:10px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:12px;line-height:22px;letter-spacing:0;color:var(--main-text)}
.familyMembers .accordion .accordion-item .accordion-body .accordion-badge-title span{white-space:nowrap}
.familyMembers .accordion .accordion-item .accordion-body .accordion-badge-title .accordion-badge-divider{width:100%;height:1px;background-color:#DDDDDD}
.familyMembers .accordion .accordion-item .accordion-body .proud-badges .badgeImage{max-width:60px}
.familyMembers .accordion .accordion-item .accordion-body .proud-badges .badgeImage .badgeImageSrc{width:100%}
.card-header{padding:16px 12px !important}
}@media (min-width:1920px) and (max-width:2560px){.header-hijri{font-size:2em}
}@media (min-width:1366px) and (max-width:1439px){.progressBox::after{width:55px !important}
}@media (min-width:1280px) and (max-width:1365px){.progressBox::after{width:45px !important}
}@media (min-width:1024px) and (max-width:1279px){.progressBox::after{width:35px !important}
}@media (min-width:0px) and (max-width:1023px){.progressBox::after{width:45px !important}
}#profileInner{padding-bottom:54px;padding-left:10px;padding-right:10px}
#profileInner .profileGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#profileInner .profileGrid .profileGridBox{padding:10px;background:var(--card-gradiant);border:1px solid var(--card-stroke-border-color);border-radius:16px}
#profileInner .profileGrid .profileGridBox .card-header{display:flex;flex-direction:row;align-items:center;padding:22.5px 24px;gap:10px;color:var(--golden-color);background:linear-gradient(91.29deg,var(--primary-color) 0%,var(--secondary-color) 103.44%);border-radius:8px 8px 0px 0px;font-family:"Averia Serif Libre",serif}
#profileInner .profileGrid .profileGridBox .card-header h2{font-family:"Averia Serif Libre",serif;font-weight:700;font-size:20px;line-height:20px;letter-spacing:0;margin:0px}
#profileInner .profileGrid .profileGridBox .card-body{padding:24px;display:flex;justify-content:space-between;background:var(--card-background);border-bottom-left-radius:8px;border-bottom-right-radius:8px}
#profileInner .profileGrid .profileGridBox .card-body #designation{font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0;color:#7E7E7E}
#profileInner .profileGrid .profileGridBox .card-body img{margin:12px 0px}
#profileInner .profileGrid .profileGridBox .card-body .verticalSeperator{background-color:var(--secondary-color);opacity:1;width:1px;margin:0}
#profileInner .profileGrid .profileGridBox .card-body #userId{font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:14px;line-height:20px;letter-spacing:0;color:var(--link-color);margin-bottom:4px}
#profileInner .profileGrid .profileGridBox .card-body #fullName{font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0;color:var(--main-text)}
#profileInner .profileGrid .profileGridBox .card-body .profileHifzDiv .profileHifzTop{display:flex;flex-direction:column;gap:10px}
#profileInner .profileGrid .profileGridBox .card-body .profileHifzDiv .profileHifzBottom{display:flex;flex-direction:column;gap:10px}
#profileInner .profileGrid .profileGridBox .card-body .profileHifzDiv .profileHifzBottom .profileHifzTd{color:#1F2A37}
#profileInner .profileGrid .profileGridBox .card-body .profileHifzDiv .profileHifzTr{padding:5px 12px;border-radius:6px;background:#FCF9F2;border:1px solid #DDDDDD;color:#1F2A37;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:12px;line-height:22px;letter-spacing:0}
#profileInner .profileGrid .profileGridBox .card-body .profileHifzDiv .profileHifzTd{padding:5px 12px;border-radius:6px;background:#fff;border:1px solid #DDDDDD;color:#7E7E7E;font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0}
#profileInner .profileGrid .profileGridBox .card-body .profileHifzDiv .profileHifzDesc{font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0;color:var(--main-text)}
#profileInner .profileGrid .profileGridBoxWithFooter .card-body{border-radius:0px}
#profileInner .profileGrid .profileGridBoxWithFooter .card-footer{background:var(--card-background);padding:12.5px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}
#profileInner .profileGrid .profileGridBoxWithFooter .card-footer a{padding:10px 30px;background-color:var(--primary-color);color:white;border-radius:6px}
#profileInner .profileGrid .profileGridBoxWithFooter .card-footer a:hover{background-color:var(--secondary-color)}
#profileInner .profileInputBoxes .profleInputBox{padding:18px 30px;border:1px solid #DDDDDD;border-radius:6px;position:relative}
#profileInner .profileInputBoxes .profleInputBox .label{padding:0px 12px;background-color:#FCF9F2;border:1px solid #DDDDDD;border-radius:6px;position:absolute;top:-10px;left:10px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:600;font-size:12px;line-height:22px;letter-spacing:0}
#profileInner .profileInputBoxes .profleInputBox .inputBox{display:flex;align-items:center}
#profileInner .profileInputBoxes .profleInputBox .inputBox .material-icons{width:10%}
#profileInner .profileInputBoxes .profleInputBox .inputBox .textInner{width:90%;text-align:center;color:var(--main-text);font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0}
#profileInner .profileInputBoxes .profleInputBox .inputBox .text-error{color:#F04438}
#profileInner .profileInputBoxes .profleInputBox .inputBox .text-yellow{color:#E0DA2D}
#profileInner .profileInputBoxes .profleInputBox .inputBox .text-link{color:var(--link-color)}
#profileInner .profileInputBoxes .profleInputBox .inputBox .text-light{color:#7E7E7E !important}
#profileInner .profileInputBoxes .profileInputSpace{margin:14px 0px;display:flex}
@media screen and (max-width:768px){#profileInner .profileGrid{grid-template-columns:repeat(1,1fr);padding:10px}
}input[type=checkbox]{accent-color:green}
#mainCarousel.is-dragging{cursor:grabbing;user-select:none;-webkit-user-select:none}
#mainCarousel img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
.animated-container{overflow:hidden;display:flex;justify-content:center}
.char{display:inline-block;opacity:0;transform:translateY(10px) scale(0.98);will-change:opacity,transform}
.char.in{animation-name:charIn;animation-duration:420ms;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.2,0.9,0.2,1)}
@keyframes charIn{from{opacity:0;transform:translateY(10px) scale(0.98)}
to{opacity:1;transform:translateY(0) scale(1)}
}.typeJsWrapper .typeJsText{text-align:center;padding:0}
#themeToggleMobile{position:relative}
#themeToggleMobile .purple-cirle{position:absolute;left:0}
.typeJsText{min-height:42px}
body.profilePopupOpen:after{content:"";width:100%;height:calc(100vh - 100px);position:fixed;top:100px;left:0;backdrop-filter:blur(10px);transition:0.3s all ease}
body > .skiptranslate,.goog-logo-link,.gskiptranslate,.goog-te-gadget span,.goog-te-banner-frame,#goog-gt-tt,.goog-te-balloon-frame,div#goog-gt-tt{display:none !important}
.goog-te-gadget{color:transparent !important;font-size:0px !important}
.goog-text-highlight{background:transparent !important;box-shadow:transparent !important}
#google_translate_element_2 {margin-left:auto}
#google_translate_element_2 select{background:var(--primary-color);color:#fff4e4;border:none;font-weight:bold;border-radius:3px;padding:8px 12px;width:160px;}
#google_translate_element_2 select:focus{box-shadow:none;}
.calAddEvents{color:var(--icon-color) !important}
.motif-central{background:url(../../imgs/1447/motif-white.svg) repeat-x !important;margin:0px !important;position:absolute;top:50%;right:0;transform:translateY(-50%);width:50% !important}
.card .padTop10{padding-top:0px}
.card-header h1{font-size:1.25rem}
.icondark{color:var(--primary-color)}
.card-title .icondark{color:var(--golden-color)}
.imgProfilePhoto{border-radius:100%;width:36px;height:36px}
.stepsHeaderTitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;overflow:hidden}
.stepsHeaderSection1{display:flex}
.stepsHeaderSection3{margin:auto 5px auto 10px;padding-left:0px;margin-left:20px}
.stepsHeaderSection3 h1{color:#b98027;font-size:20px;font-family:"Alice",serif;letter-spacing:2px;text-align:left !important}
.stepsHeaderUserDetail{margin:auto 5px auto 10px;color:#b98027;font-size:16px;font-weight:bold;text-align:center;text-transform:uppercase;padding-right:40px;margin-right:5px}
.imgUmoorLogos{height:53px;margin:5px;border-radius:5px}
.stepsContainer{text-align:center;margin-top:-20px}
.stepsContainer .steps{display:flex;justify-content:space-between;position:relative;max-width:100%;width:75%;margin:0 auto;margin-bottom:25px;flex-wrap:wrap;padding:10px;gap:30px}
.steps::before{content:"";background-color:#d3d6d7;position:absolute;top:40%;left:3%;transform:translateY(-50%);height:4px;width:93%;z-index:0;transition:0.4s ease}
.stepsContainer .steps span.material-icons{font-size:25px}
.stepsContainer .steps p{text-align:center}
.steps .progressHeader{background-color:#0e4653;position:absolute;top:40%;left:3%;transform:translateY(-50%);height:4px;width:0%;z-index:0;transition:0.4s ease}
.steps .stepsInner{display:flex;justify-content:center;flex-direction:column;align-items:center;flex:1 1 0px;margin-top:-10px}
.circle{background-color:#fff;color:#d3d6d7;border-radius:50%;height:40px;width:40px;border:3px solid #d3d6d7;padding:5px;display:flex;flex-direction:column;align-items:center;z-index:1;transition:0.4s ease}
.btnback,.btnnext{display:inline-block;max-width:400px;width:200px;height:40px;margin:2px;padding:0px;padding-top:6px;cursor:pointer;color:#ffffff;background-color:var(--primary-color) !important;border-radius:8px;border:2px solid var(--secondary-color) !important;font-size:14px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;vertical-align:initial;transition:all .5s ease-in;line-height:inherit}
.btnback:hover{background-color:var(--secondary-color)}
.btnnext:hover{background-color:var(--secondary-color)}
.icon-back{transform:rotate(180deg);left:-36px;position:relative}
.icon-next{position:relative;right:-36px}
.circle.active{border-color:#0e4653}
.circle.active .redIcon{color:red}
.circle.active .blueIcon{color:dodgerblue}
.circle.active .greenIcon{color:forestgreen}
.circle.active .purpleIcon{color:mediumpurple}
.circle.active .pinkIcon{color:palevioletred}
.circle.active .orangeIcon{color:orange}
.circle.active .maroonIcon{color:maroon}
.circle.active .goldenIcon{color:goldenrod}
.circle.active .lightBlueIcon{color:lightseagreen}
.circle.active .yellowIcon{color:yellowgreen}
.circle.active .brownIcon{color:saddlebrown}
.circle.active .indigoIcon{color:indigo}
p.active{color:#0e4653}
.titleSteps{margin-top:10px;font-size:16px;color:#0e4653;font-weight:bold;text-transform:uppercase}
a.tooltips{color:#d3d6d7}
a.tooltips:hover{color:#d3d6d7}
.stepsheader{margin-left:30px;margin-right:30px;overflow:hidden !important}
.sm-visible{display:none}
@media screen and (min-width:320px) and (max-width:1069px){.imgProfilePhoto{width:45px;height:45px;margin-left:15px}
.btnback,.btnnext{width:48%;padding-top:9px}
.stepsHeaderUserDetail{font-size:13px}
.progressHeader{display:none}
.stepsHeaderTitle{flex-direction:column}
.stepsHeaderSection1{display:flex;justify-content:center;padding-top:0px !important;padding-bottom:10px}
.stepsHeaderSection3 h1{font-size:18px}
.stepsHeaderSection2{display:none}
.stepsHeaderSection3 h1{text-align:center !important}
.titleSteps{font-size:11px;margin-top:5px}
.stepsContainer{margin-top:-40px}
.stepsContainer .steps{padding-top:4px;padding-bottom:4px;display:flex;justify-content:center;gap:0px;width:100%;margin-bottom:0px}
.steps .stepsInner{margin:10px 16px}
.steps::before{display:none}
.stepsContainer .steps span.material-icons{font-size:16px}
.circle{width:30px;height:30px;justify-content:center}
.stepsheader{margin-left:20px;margin-right:20px}
.stepsInner.overlap-right{margin-left:-35px}
.overlap-right .titleSteps{display:none}
.overlap-right a.tooltips{margin-top:5px !important}
.stepsInner.overlap-left{margin-right:-35px}
.overlap-left .titleSteps{display:none}
.overlap-left a.tooltips{margin-top:5px !important}
.stepsInner.active-circle{margin-left:50px;margin-right:50px;position:relative}
.active-circle .circle.active .material-icons{margin-top:34px}
.stepsInner.active-circle:after{content:"\e154";font-family:'Material Icons';font-style:normal;right:-15px;position:absolute;color:#0e4653}
.stepsInner.active-circle:before{content:"\e154";font-family:'Material Icons';font-style:normal;left:-15px;position:absolute;color:#0e4653}
.no-arrow-before:before,.no-arrow-after:after{display:none}
.sm-visible{display:inline-block}
.motif-central.sm-visible{margin:5px !important}
.sm-hide{display:none}
.icon-back{left:-20px}
.icon-next{right:-20px}
}@media screen and (min-width:320px) and (max-width:374px){.circle{width:35px;height:35px}
.titleSteps{font-size:8px}
.stepsContainer .steps span.material-icons{font-size:20px}
}@media screen and (min-width:375px) and (max-width:424px){.titleSteps{font-size:10px}
}@media screen and (min-width:1070px) and (max-width:1199px){.stepsContainer .steps{width:93%;gap:10px}
}@media screen and (min-width:1200px){.stepsContainer .steps{width:93%}
}
.UmoorDeeniyah{border:solid 3px #379b14}
.UmoorDeeniyah:hover{box-shadow:0 5px 10px rgba(136, 136, 136, 0.61)!important}
.UmoorTalimiyah{border:solid 3px #73cfe5}
.UmoorTalimiyah:hover{box-shadow:0 5px 10px rgba(136, 136, 136, 0.61)!important}
.UmoorMaliyah{border:solid 3px #ce9619}
.UmoorMaliyah:hover{box-shadow:0 5px 10px rgba(136, 136, 136, 0.61) !important}
.UmoorMawaridBashariyah{border:solid 3px #fc8505}
.UmoorMawaridBashariyah:hover{box-shadow:0 5px 10px rgba(136, 136, 136, 0.61) !important}
.UmoorDakheliyah{border:solid 3px #893f9b}
.UmoorDakheliyah:hover{box-shadow:0 5px 10px rgba(136, 136, 136, 0.61) !important}
.UmoorKharejiyah{border:solid 3px #f4bec7}
.UmoorKharejiyah:hover{box-shadow:0 5px 10px rgba(136, 136, 136, 0.61) !important}
.UmoorAmlak{border:solid 3px #558dca}
.UmoorAmlak:hover{box-shadow:0 5px 10px rgba(136, 136, 136, 0.61) !important}
.UmoorIqtesadiyah{border:solid 3px #0a4f89}
.UmoorIqtesadiyah:hover{box-shadow:0 5px 10px rgba(136, 136, 136, 0.61)!important}
.UmoorQaza{border:solid 3px #ac1c30}
.UmoorQaza:hover{box-shadow:0 5px 10px rgba(136, 136, 136, 0.61) !important}
.UmoorFMB{border:solid 3px #613308}
.UmoorFMB:hover{box-shadow:0 5px 10px rgba(136, 136, 136, 0.61) !important}
.UmoorMarafiqBurhaniyah{border:solid 3px #f7f51a}
.UmoorMarafiqBurhaniyah:hover{box-shadow:0 5px 10px rgba(136, 136, 136, 0.61) !important}
.UmoorSehat{border:solid 3px #b3ed70}
.UmoorSehat:hover{box-shadow:0 5px 10px rgba(136, 136, 136, 0.61) !important}
.motif{background:url(../../imgs/1447/motif-gold.png) repeat-x;width:100%;height:23px;position:absolute}
@media (max-width:700px){[class^="col-md-"],[class*=" col-md-"]{width:100% !important;padding:0 !important}
}@media (min-width:768px){.itscss-col.col-md-12{width:98% !important;float:left !important;margin:0 1% !important}
.itscss-col.col-md-8 {width: 64.666% !important; float: left !important;margin: 0 1% !important}
.itscss-col.col-md-6{width:48% !important;float:left !important;margin:0 1% !important}
.itscss-col.col-md-4{width:31.333% !important;float:left !important;margin:0 1% !important}
.itscss-col.col-md-3{width:23% !important;float:left !important;margin:0 1% !important}
}
.card-header > div > div{align-content:center}
.AddtoRight{position:relative;z-index:3}
.AddtoRight div{width:fit-content; padding:2px; float:right; background-color: #fff; border-radius:7px}
.header-hijri-dates{display:none;cursor:pointer;height:25px}
.header-hijri-dates.active{display:block}
.hijriArabic{direction:rtl}
.websiteBanner{position:relative; max-height:353px; overflow: hidden}
.websiteBanner:hover{cursor:grab}
.websiteBanner:active{cursor:grabbing}
.websiteBanner .slickBanner{margin:0px !important}
.websiteBanner .slickBanner .slick-dots{bottom:0px}
.websiteBanner .slickBanner .slick-dots li{border:1px solid var(--primary-color);border-radius:100px;background-color:transparent;width:10px;height:10px}
.websiteBanner .slickBanner .slick-dots li.slick-active{background-color:var(--primary-color)}
.websiteBanner .slickBanner .slick-dots li button{opacity:0}
.websiteBanner .slickArrows{position:absolute;top:50%;width:100%;transform:translateY(-50%);z-index:0}
.websiteBanner .slickArrows .slickPreviousArrow{left:20px;position:absolute;color:white;cursor:pointer;color:var(--primary-color)}
.websiteBanner .slickArrows .slickNextArrow{right:20px;position:absolute;color:white;cursor:pointer;color:var(--primary-color)}
.websiteBanner .slick-slide{height:auto}
/* .websiteBanner .slick-slide img {height: fit-content;} */
.animate-icon{font-size:42px !important;color:var(--icon-color) !important;display:inline-block;animation:tiltScale 1.8s ease-in-out infinite;transform-origin:center; cursor:pointer}
@keyframes tiltScale{0%{transform:scale(1) rotate(0deg)}
25%{transform:scale(1.15) rotate(-10deg)}
50%{transform:scale(1.3) rotate(10deg)}
75%{transform:scale(1.15) rotate(-10deg)}
100%{transform:scale(1) rotate(0deg)}
}

footer .topFooter .col-contactus h5 {
  color: #fff;
  font-family: "Averia Serif Libre", serif;
  font-weight: 700;
  font-size: 20px;
}
footer .topFooter .col-contactus .footer-description {
	color: #fff;
	font-size: 12px;
}

footer .topFooter .col-policies .material-icons{
	color: #EABD13;
	font-size: 18px;
}

footer .topFooter .col-policies .footerLink {
	color: white;
	font-size: 14px;
}

footer .topFooter .col-contactus a .footerLink {
  color: white;
  font-size: 14px;
}
footer .topFooter .col-contactus a .material-icons {
  color: #EABD13;
  font-size: 18px;
}
footer .topFooter .col-contactus a:hover {
  transform: scale(1.05);
  transition: 0.3s all ease;
}
footer .topFooter .col-contactus h5 {
  color: #fff;
  font-family: "Averia Serif Libre", serif;
  font-weight: 700;
  font-size: 20px;
}
footer .topFooter .col-contactus .footer-description {
  color: #fff;
  font-size: 12px;
}
footer .topFooter .col-contactus .footerLink {
  color: white;
  font-size: 14px;
}
footer .topFooter .col-contactus .material-icons {
  color: #EABD13;
  font-size: 18px;
}
footer .topFooter .col-help {
  width: 312px;
  padding: 34px 30px;
  background-color: var(--secondary-color);
  border-radius: 16px;
}
footer .topFooter .col-help a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
footer .topFooter .col-help a .footerLink {
  color: white;
  font-size: 14px;
}
footer .topFooter .col-help a .material-icons {
  color: #EABD13;
  font-size: 18px;
}
footer .topFooter .col-help a:hover {
  transform: scale(1.05);
  transition: 0.3s all ease;
}
footer .topFooter .col-help h5 {
  color: #fff;
  font-family: "Averia Serif Libre", serif;
  font-weight: 700;
  font-size: 16px;
}
footer .topFooter .col-help .footer-description {
  color: #fff;
  font-size: 12px;
}
footer .topFooter .col-help .footerLink {
  color: white;
  font-size: 14px;
}
footer .topFooter .col-help .material-icons {
  color: #EABD13;
  font-size: 18px;
}
footer .topFooter .col-policies {
  width: 312px;
  padding: 34px 30px;
  background-color: var(--secondary-color);
  border-radius: 16px;
}
footer .topFooter .col-policies a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
footer .topFooter .col-policies a .footerLink {
  color: white;
  font-size: 14px;
}
footer .topFooter .col-policies a .material-icons {
  color: #EABD13;
  font-size: 18px;
}
footer .topFooter .col-policies a:hover {
  transform: scale(1.05);
  transition: 0.3s all ease;
}
footer .topFooter .col-policies h5 {
  color: #fff;
  font-family: "Averia Serif Libre", serif;
  font-weight: 700;
  font-size: 16px;
}
footer .topFooter .col-policies .footer-description {
  color: #fff;
  font-size: 12px;
}
footer .topFooter .col-policies .footerLink {
  color: white;
  font-size: 14px;
}
footer .topFooter .col-policies .material-icons {
  color: #EABD13;
  font-size: 18px;
}

.menu-scroll{
	max-height:80vh;
	overflow-y:auto
}

.motif-central-withoutBanner.dud {
	background-size: auto;
	margin: 20px -1% 20px -1%;
	position: absolute;
	height: 32px
}
.stepsheader.card {
	margin-top: 63px !important;
}
@media (max-width: 700px) {
    .websiteBanner {
    max-height: 69px;
}
}
.slick-dots{
margin-bottom: 10px;
}
@media (max-width: 700px) {
 #footerAccordion h5 {
    color: white;

}
.footer-description {
    color: white;

}
footer .footerLink {
    color: white;
}
footer .material-icons {
    color: white;
}
}

div#uctrlSubMenu_divSubMenu h3 {
    padding: 0px !important;
}

div#SubMenu > ul {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    margin: 0 !important;
}

div#SubMenu {
    display: flex;
    align-items: center;
}

div#uctrlSubMenu_divSubMenu {
    display: flex;
    justify-content: space-between;
    width: 100% !important;
}

div#uctrlSubMenu_divSubMenu .navbar-header {
    width: 12%;
    align-items: center;
    display: flex;
}

.dropdown-menu.active {
    position: fixed;
    display: block;
    padding-top: 20px;
    top: unset !important;
}

div#uctrlSubMenu_BoxStart1 {
    background: #0a314d;
}

div#uctrlSubMenu_BoxStart1 .card-body {
    background: transparent;
    padding: 10px 20px !important;
}

.dropdown-menu.active li {
    width: 100%;
    background: white;
}

.dropdown-menu.active li a {
    display: block;
}

.dropdown-menu.active li a:hover {
    background: #0a314d;
}
div#uctrlSubMenu_divSubMenu .dropdown-menu:before {
    display: none !important;
}


.multiselect-container.dropdown-menu{
background-color:#fff !important;
}
.multiselect-container.dropdown-menu a{
display:inline-block;
width:100%
}
.multiselect-container.dropdown-menu a:hover{
background-color: var(--secondary-color);
color: #fff !important;
}

#uctrlSubMenu_divSubMenu .dropdown-menu.active li a:hover {
    background: #ffc107;
    color: black;
}

#uctrlSubMenu_divSubMenu li.dropdown.dropdown-open span.material-icons {
    transform: rotate(180deg);
    transition: 0.3s all ease;
}

#uctrlSubMenu_divSubMenu .dropdown-menu.active {
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.40);
}

.Multiselect .btn-group{
display:inline-block !important;
}

.Multiselect ul.multiselect-container.dropdown-menu{
position: inherit !important;
    top: 0 !important;
    transform: none !important;
}