﻿.page-content {
     padding-top: 0px;
}

h1, h2, h3, h4, h5, h6, .ms-h1, .ms-h2, .ms-h3, .ms-h4, .ms-h5, .ms-h6{
	font-family: 'Lusail-Bold'!important;
	margin:initial!important

}

#banner-slider h1,#banner-slider h3{
	color:#fff!important
}

.interested-container .interested-item .content-container .title {
	margin: 15px 0 6px!important;
}
    
    
footer .menu-title {
    font-family: 'Lusail-Bold';
    margin-bottom: 20px!important;
    color:#fff!important
}

#s4-bodyContainer{
	padding-bottom:0px!important
}

.ArabicContents{
	display:none
}

.projects-container .project-item .content-container .desc{
	line-height:30px
}

.seeAll-btn:visited, .seeAll-btn:hover {
    color: #8A1538!important;
    }
    
 .projects-container .project-item .content-container .readMore-btn{
	left:unset;
	right:20px;
}
.partners-section{
	background: linear-gradient(to right, hsla(195, 41%, 45%, 1) 0%, hsla(195, 41%, 45%, 1) 48%, hsla(193, 33%, 81%, 1) 85%, hsla(0, 0%, 100%, 1) 100%);
}
   .firstSubMenuCss li a{
	text-align:left!important
} 

.page-main-banner .content-container h1{
	color:#fff!important
}

.breadcrumb-wrapper a.breadcrumb-item:first-child::before {
    background-image: none;
}

/***Breadcrump***/
.CrumpSep {
	padding-left: .4rem;
	padding-right: .1rem;
}
.CrumpSep::before {
    padding-right: 0.5rem;
    color: #6c757d;
    content: var(--bs-breadcrumb-divider, "/");
    }


body .article-details .title{
	color:#000
}

header .menu-container .navbar-item .nav-link.MLMStaticSelectedItem {
    border-bottom: 2px solid #fff;
    opacity: 1 !important;
}

.lang-switch{
	margin: 0 2rem;
    font-size: 30px;
}

a.breadcrumb-item{
	font-size: var(--fs-base);
    font-family: 'Lusail-Bold';
    color: var(--theme-primary-text-color);
}
.breadcrumb-item-root > span:first-child, .breadcrumb-item-root > span:nth-child(2){
	display:none
}

.breadcrumb-wrapper .breadcrumb-item:first-child{
	padding-left:0 !important
}

.breadcrumb-item-root > span:nth-child(3) > a.breadcrumb-item::before {
    content: "";
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    background-image: url('/Style Library/Portal_Images/arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transform: scale(-1, 1);

}

.breadcrumb-item-root > span:nth-child(3) > a.breadcrumb-item{
	padding-left:30px!important
}

/*.inner-page .page-main-banner .content-container{
background: linear-gradient(-90deg, rgba(68, 139, 162, 0.1) 0%, rgba(68, 139, 162, 0.2) 37%, rgba(68, 139, 162, 0.3) 59%, rgba(68, 139, 162, 1) 100%);
}*/

.text-black{
	color:#000!important
}

.breadcrumb-wrapper{
	margin-top:54px
}

.readMore-Btn{
	color:#8A1538!important
}

.ministry-vision .item .title{
	color:#fff
}

.ministry-basics h2 > span{
	color:#000
}

.ministry-content h2, .ministry-content h1{
	color:#000
}


.ministry-content .content-container {
    background: linear-gradient(270deg, rgba(68, 139, 162, 0.1) 0%, rgba(68, 139, 162, 0.2) 37%, rgba(68, 139, 162, 1) 59%, rgba(68, 139, 162, 1) 100%);
}

.ministry-content .image-container img {
    transform: scaleX(-1);
}

ul.thumb-list li.test{
	display:inline-block
}

ul.thumb-list li.test button{
	background-color:#000;
	border-color:#000
}

.media-item .media-content .title{
	margin-bottom:0.5rem!important
}
.publications-list .item .title{
	height:auto;
	    margin-top: 15px!important;
    margin-bottom: 0!important;
    }
    
.text-white{
	color:#fff
}

[dir="ltr"] .faqs-content .page-main-banner .form-group .search-btn{
	min-width:auto
}

.knowledge .page-main-banner .form-group .form-control{
	    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
}

input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, button:hover{
	border-color:transparent!important;
	background-color:transparent;
}



.page-main-banner .content-container {
    height: 400px;
    margin-top: -400px;
    position: relative;
    background: rgb(68, 139, 162);
    background: linear-gradient(-90deg, rgba(68, 139, 162, 0.1) 0%, rgba(68, 139, 162, 0.2) 37%, rgba(68, 139, 162, 1) 59%, rgba(68, 139, 162, 1) 100%);
}

.sanctuary_map {
    background-image: url('/Style Library/Portal_Images/qatar-map.PNG');
    background-position: center center;
    background-size: 100%;
    position: relative;
}

header .top-bar li.accessability a.nav-link::after{
	left:15px;right:0
}

header .btn-search i{
	border-right:1px solid #ACACAC;
	border-left:none
}

header .social-links-list{
	border-right:none
}


.newsDetails-content .main-post .title{
	margin-bottom:10rem!important
	
	}
	.newsDetails-content .agreement-details h3.title{
	margin-bottom:2rem!important
}
	
	.newsDetails-content .main-post .title{font-size: var(--fs-heading);}
	.newsDetails-content .main-post p{font-size: var(--fs-base-lg);}
.slick-track{
	width:auto
}


.ms-webpart-zone, div.ms-webpart-cell-vertical-inline-table,.ms-webpart-chrome-vertical{
	display:block!important
}

.agreement-listing img{
	height:74px
}

#faqs-caregories-slider div:nth-child(2){
	display:none!important
}


.faqs-content .departments-list .item {
    padding: 35px 0;
    cursor: pointer;
    width: 100%;
    border: none;
    background-color: #E8F2F2;
    border-radius: 10px;
    }
    
    .pioneers-content .pioneers-list .list-items .item .img-container{
	height:auto
}

.pioneers-content .btn-red{
	width:50%!important
}

.pioneers-content .register-yours .btn-red{
	width:16%!important
}

.leaders-section, .leaders-section .container{
	-webkit-transform: scaleX(-1);
}

.main-slider .slider-item, .main-slider .container{
	-webkit-transform: scaleX(-1);
}

.pioneers-content .solid-bg, .pioneers-content .solid-bg .container{
	-webkit-transform: scaleX(-1);
}

[dir="ltr"] .pioneers-content .page-main-banner .solid-bg{
	background-position:left
}

.projects-container .project-item:before{
	    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(25, 58, 80, 0.1) 100%);
}

.fc-prev-button, .fc-next-button{
	min-width:0em
}
.fc-daygrid-day-number,.fc-col-header-cell-cushion{
	color:#2C3E50!important
	
	}
	
	/* Custom event styling */
    .fc-event {
        cursor: pointer;
    }

    #calendar a
    {
      color: #000000;
    }

    #calendar
    {
      height: 90% !important;
    }
    
    .fc-view-harness{height:445px!important}
		#calendar{margin-top:1.2rem!important}
		.fc-header-toolbar{margin-bottom:2.2em!important}
	
	#PioneersListingAllListing2 .col-lg-2{width:20%!important}
	#PioneersListingAllListing2 .name{color:#000}
	#PioneersListingAllListing2 .name:hover{color:#448BA2}
	
	
	.required-docs img{width:30%!important}
	.fa-file-text,.fa-check{color:#5495aa!important}


/***TOC****/

ul.dfwp-list:first-child > li.level-section > .level-header > .headertitle-large{
	display:none
}

ul.dfwp-list li a{
	font-family:'Lusail-Light';
	color:#000!important;
	font-size:20px!important;
	
}

ul.dfwp-list li{
	list-style: disc !important;
    padding: 15px 15px !important;
}

.level-bullet{
	background-image:none
}

ul.dfwp-list:first-child > li.level-section::marker{
	content:""
}

.law-item .btn {

    position: absolute;
    bottom: 12px;
}

.law-item {
    height: 215px;
    position: relative;
}


.top-menu-item ul {
            display: flex;
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .top-menu-item ul li {
            margin: 0 6px; /* Adjust spacing as needed */
        }
        .top-menu-item ul li a {
            font-size: 14px;
            color: rgb(255, 255, 255);
            text-decoration: none;
        }
        .top-menu-item ul li a:hover,
        .top-menu-item ul li.is-active > a {
            color: rgba(255, 255, 255, 0.82);
        }
        .is-stuck .top-menu-item ul li a {
            color: rgb(0, 0, 0);
        }
        .is-stuck .top-menu-item ul li a:hover,
        .is-stuck .top-menu-item ul li.is-active > a {
            color: rgb(51, 51, 51);
        }
        
        
        header .top-bar #navTopBar .dropdown-menu li a{
	color:var(--theme-primary-text-color)
}

header .top-bar .callUs{
	margin:0
}

.upper-footer{
	z-index:1;
	position:relative
}

.dropdown-item a{
	color:#000
}

footer .apps-container a img{
	width:131px
}


body, html {
  max-width: 100%;
  overflow-x: hidden;
}

.service-item:hover{
	border:1px solid #193A50!important
}

@media (max-width: 992px) {
.maincontainer{
	width:100% !important;
}

  .navbar-collapse {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
   }
}


@media (max-width: 580px) {
  footer::before {
    left: inherit!important;  
    right:0!important
   }
   #service-slider .slick-prev
{
  left: -7px;
}
#service-slider  .slick-next {
  right: -5px;
}
.navbar-toggler{
	min-width:0em!important
}
header .navbar-brand .mainLogo{
	width:290px
}
}

/***new changes after adding new link on header****/
.callUs{
	margin-right:9px!important;
	font-size:13px!important
}
.fa-brands{
	width:22px
}

header .top-bar li.accessability a.nav-link::after{
	left:7px
}

[lang="en"] header .top-bar li.accessability a.nav-link, [dir="ltr"] header .top-bar li.accessability a.nav-link {
    padding: 7px 5px 7px 31px;
    }
    
header .top-bar .callUs i{
	margin-left:10px;
	font-size:13px
}


#service-slider .service-item:nth-child(16){
	display:none!important
}


.electronics-service-container .checkmark {
      margin-right: 10px;
    }
