﻿.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
}

input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, button:hover {
    border-color: transparent!important;
    background-color:transparent;

}

.EnglishContents{
	display:none
}

.projects-container .project-item .content-container .desc{
	line-height:30px
}

.seeAll-btn:visited {
    color: #8A1538!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-right:0 !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
}

.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;


}

.breadcrumb-item-root > span:nth-child(3) > a.breadcrumb-item{
	padding-right:30px!important
}

.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
}

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="rtl"] .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!important;
}

.sanctuary_map {
    background-image: url('/Style Library/Portal_Images/qatar-map.PNG');
    background-position: center center;
    background-size: 100%;
    position: relative;
}

.newsDetails-content .main-post .title{
	margin-bottom:18rem!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);}
	.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
}

.pioneers-content .solid-bg, .pioneers-content .solid-bg .container{
	-webkit-transform: scaleX(-1);
}


.projects-container .project-item:before{
	    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(25, 58, 80, 0.1) 100%);
}

.pioneers-content .solid-bg, .pioneers-content .solid-bg .container{
	-webkit-transform: scaleX(1);
}

.fc-prev-button, .fc-next-button{
	min-width:0em
}
.fc-daygrid-day-number,.fc-col-header-cell-cushion{
	color:#2C3E50!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}


.fc .fc-button-primary:hover {
     background-color: var(--fc-button-hover-bg-color, #1e2b37)!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);
        }
        
        .initiatives-content .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, 1) 59%, rgba(68, 139, 162, 1) 100%)
}

footer::before{
	left:unset;
	right:0;
	    transform: scaleX(-1);
}

.upper-footer{
	z-index:1;
	position:relative
}


.dropdown-item a{
	color:#000
}

button#floating-rating-btn:hover {
 

    background-color: #0078d4 !important;

}

.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-end;
   }
   
   .navbar-nav {
    width: 100%;
}
}




@media (max-width: 580px) {
  footer::before {
    right: inherit!important;  
    left:0!important
   }
   .navbar-toggler{
	min-width:0em!important
}
header .navbar-brand .mainLogo{
	width:290px
}

}


/***new changes after adding new link on header****/
.callUs{
	margin-left:9px!important;
	font-size:15px!important

}
.fa-brands{
	width:22px
}

header .top-bar li.accessability a.nav-link::after{
	right:7px
}

[lang="ar"] header .top-bar li.accessability a.nav-link, [dir="rtl"] header .top-bar li.accessability a.nav-link {
    padding: 7px 31px 7px 5px;
    }

header .top-bar .callUs i{
	margin-right:10px;
	font-size:13px
}

.form-control-icon{

    position: absolute;
    top: 10px;

    right:91%;
        font-size: 15px;

}

#service-slider .service-item:nth-child(16){
	display:none!important
}
   #announcement-box {
      background-color: #E8F2F2;
      border-radius: 50px;
      padding: 10px 20px;
      max-width: 900px;
      position: relative;
      overflow: hidden;
    }

    .ticker-container {
      display: flex;
      align-items: center;
      width: 100%;
      overflow: hidden;
    }

    .ticker-track {
      display: flex;
      transition: transform 0.4s ease-in-out;
      width: 100%;
    }

    .ticker-slide {
      min-width: 100%;
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .slider-controls {
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .slider-arrow {
      background: none;
      border: none;
      font-size: 1.5rem;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      transition: background 0.2s;
    }

    .slider-arrow:hover {
      background-color: #d9e9e9;
    }

    .ticker-title h6 {
      margin: 0;
      white-space: nowrap;
    }

    .pagination-text {
      font-size: 0.75rem;
      color: #333;
    }

    .btn-close {
      position: absolute;
      top: 10px;
      right: 15px;
    }