@font-face {
	font-family: 'Noor';
	src: url('../fonts/noor.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: "Noor", sans-serif;
	scroll-snap-type: y mandatory;
	overflow-y: scroll;
}

section {
	scroll-snap-align: start;
}

#collages::before,
#numbers::before,
#partners::before,
.vissions::before {
	content: '';
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/pattern.png');
	background-repeat: repeat;
	background-size: 200px;
	opacity: 0.02;
	z-index: 0;
}

.contacts * {
	z-index: 10;
}

.contacts::before {
	opacity: 0.2;
}

#calendar>div::before,
.new-wrap::before,
.service-pat::after {
	content: '';
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/pattern-graded.png');
	background-repeat: repeat-x;
	background-size: 200px;
	opacity: 0.03;
	z-index: 0;
}

.new-wrap div,
.new-wrap h2,
.new-wrap p {
	display: block;
	position: relative;
	z-index: 10;
}

#calendar>div::before {
	background-size: 150px;
	opacity: 0.09;
}

.new-wrap::before {
	opacity: 0.15;
}

.pattern-b-cir * {
	z-index: 10;
}

.services-wrap div>a {
	position: relative;
}

footer>div {
	z-index: 10;
}

footer::before {
	content: '';
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/pattern-white.png');
	background-repeat: repeat;
	background-size: 200px;
	opacity: 0.03;
	z-index: 0;
}

.content.active-section {
	display: block;
}

.terms .section .menu .menu-item.active {
	background-color: #B3916C;
	color: white;
}

.menu-item .terms-icon {
	mask-image: url('../svg/terms.svg');
	-webkit-mask-image: url('../svg/terms.svg');
}

.menu-item .privacy-icon {
	mask-image: url('../svg/privacy.svg');
	-webkit-mask-image: url('../svg/privacy.svg');
}

.menu-item .about-icon {
	mask-image: url('../svg/about.svg');
	-webkit-mask-image: url('../svg/about.svg');
}

.menu-item .faq-icon {
	mask-image: url('../svg/faq.svg');
	-webkit-mask-image: url('../svg/faq.svg');
}

.menu-item .icon {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-position: center;
	mask-size: contain;
	-webkit-mask-size: contain;
	background-color: #B3916C;
	width: 28px;
	height: 28px;
	display: block;
	margin: 0 auto 8px auto;
}

.menu-item.active .icon {
	background-color: white
}

.news-bg {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/news-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.legis-bg {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 67%), rgb(0 0 0 / 48%)), url('../images/news-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.std-life-bg {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/students.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.admission-sec-bg {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/services.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.section-bg {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/sectionbg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.agre-bg {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/colleges/agriculture.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 60%;
}

.biz-bg {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/colleges/business.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 80%;
}

.management-bg {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/programs/business/business-management-full.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 47%;
}

.finance-bg {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/programs/business/business-finance-full.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 60%;
}

.marketing-bg {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/programs/business/business-marketing-full.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 90%;
}

.art-bg {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/colleges/art.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.guidance-bg {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/programs/art/art-guidance-full.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 50%;
}

.islamic-bg {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/programs/art/art-islamic-full.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 65%;
}

.relations-bg {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/programs/art/art-relations-full.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 90%;
}

.digital-bg {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/programs/art/art-digital-full.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 80%;
}

.sociology-bg {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/programs/art/art-sociology-full.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 30%;
}

.law-bg {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/programs/law/law-full.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 80%;
}

.lawprog-bg {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/programs/law/law-full.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 80%;
}

.usliders {
	background-repeat: no-repeat;
	background-position: center;
	height: calc(100% - 5.5rem) !important;
	background-size: 100% 100%;
}

.uslider1 {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 20%), rgb(0 0 0 / 20%)), url('../images/slider/mini/university-of-al-dhaid-1.jpg');
}

.uslider2 {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/slider/mini/university-of-al-dhaid-2.jpg');
}

.uslider3 {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/slider/mini/university-of-al-dhaid-3.jpg');
}

.uslider4 {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/slider/mini/university-of-al-dhaid-4.jpg');
}

.uslider5 {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/slider/mini/university-of-al-dhaid-5.jpg');
}

.vet-bg {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/programs/veterinary/veterinary-full.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 55%;
}

.comp-bg {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/colleges/computer.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 75%;
}

.computer-bg {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/programs/computer/computer-full.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 62%;
}

.agriculture-bg {
	background-image: linear-gradient(to bottom, hsl(0deg 0% 0% / 40%), rgb(0 0 0 / 30%)), url('../images/programs/agriculture/agriculture-full.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 64%;
}

.stoner::before {
	opacity: 0.08;
}

.stoner>p,
.stoner>h4 {
	position: relative;
	z-index: 20;
}

.pattern-cir>div,
.pattern-cir>h2,
.pattern-cir>p {
	z-index: 10;
}

.privacy-content:hover div.w-full.absolute,
.about-content:hover div.w-full.absolute,
.faq-content:hover div.w-full.absolute,
.terms-content:hover div.w-full.absolute {
	background-color: hsla(163, 94%, 24%, 0.2);
}

.privacy-content.active div.w-full.absolute,
.about-content.active div.w-full.absolute,
.faq-content.active div.w-full.absolute,
.terms-content.active div.w-full.absolute {
	background-color: #b3916c90;
}

.privacy-content.active div.w-full.absolute::after,
.about-content.active div.w-full.absolute::after,
.faq-content.active div.w-full.absolute::after,
.terms-content.active div.w-full.absolute::after {
	content: '';
	position: absolute;
	left: -10px;
	top: 41%;
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	border-right: 10px solid #B3916C;
}

.overview-tabs .active-tab {
	color: white;
	background-color: #B3916C;
}

.tab-button {
	border-left: 1px solid #B3916C;
}

div.swiper-pagination span.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #ffffff50;
	border-radius: 100%;
	opacity: 0.5;
}

div.swiper-pagination span.swiper-pagination-bullet-active {
	width: 12px;
	height: 12px;
	background: white;
	border-radius: 100%;
	opacity: 1;
}

div.swiper .swiper-button-next,
div.swiper .swiper-button-prev {
	color: white !important;
	padding: 0 30px;
}

div.swiper .swiper-button-next::after,
div.swiper .swiper-button-prev::after {
	font-size: 40px !important;
}

.swiper-lazy-preloader {
	border-color: #B3916C !important;
	border-top-color: transparent !important;
}

.colleges-swa div.swiper-pagination span.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #00000050;
	border-radius: 100%;
	opacity: 0.5;
}

.colleges-swa div.swiper-pagination span.swiper-pagination-bullet-active {
	width: 12px;
	height: 12px;
	background: #B3916C;
	border-radius: 100%;
	opacity: 1;
}

.services-swa div.swiper-pagination span.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #00000050;
	border-radius: 100%;
	opacity: 0.5;
}

.services-swa div.swiper-pagination span.swiper-pagination-bullet-active {
	width: 12px;
	height: 12px;
	background: #206432;
	border-radius: 100%;
	opacity: 1;
}

.public-content.active,
.specific-content.active,
.docs-content.active,
.lang-content.active,
.fee-content.active,
.apply-content.active,
.contact-content.active {
	background-color: #B3916C;
	color: white;
}

.lds-spinner,
.lds-spinner div,
.lds-spinner div:after {
	box-sizing: border-box;
}

.lds-spinner {
	color: currentColor;
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

.lds-spinner div {
	transform-origin: 40px 40px;
	animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
	content: " ";
	display: block;
	position: absolute;
	top: 3.2px;
	left: 36.8px;
	width: 6.4px;
	height: 17.6px;
	border-radius: 20%;
	background: currentColor;
}

.lds-spinner div:nth-child(1) {
	transform: rotate(0deg);
	animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
	transform: rotate(30deg);
	animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
	transform: rotate(60deg);
	animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
	transform: rotate(90deg);
	animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
	transform: rotate(120deg);
	animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
	transform: rotate(150deg);
	animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
	transform: rotate(180deg);
	animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
	transform: rotate(210deg);
	animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
	transform: rotate(240deg);
	animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
	transform: rotate(270deg);
	animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
	transform: rotate(300deg);
	animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
	transform: rotate(330deg);
	animation-delay: 0s;
}

@keyframes lds-spinner {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}
.cursor-not-allowed {
	opacity: 0.5;
}
#news .\!text-white *{
	color: white !important;
	background-color: transparent !important;
}
.mobile-menu .mobile-menu-content {
	max-width: 420px;
}
#media .w-full.px-20, #calendar div.block {
	max-width: 1630px;
}
.unigo img {
	display: none;
}
.unigo::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/pattern.png);
    background-repeat: repeat;
    background-size: 120px;
    opacity: 0.02;
    z-index: 0;
}
.loaderscc {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    position: relative;
    animation: rotate 1s linear infinite
}
.loaderscc::before {
	content: "";
	box-sizing: border-box;
	position: absolute;
	inset: 0px;
	border-radius: 50%;
	border: 5px solid #206432;
	animation: prixClipFix 2s linear infinite ;
}

@keyframes rotate {
	100%   {transform: rotate(360deg)}
}

@keyframes prixClipFix {
	0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
	25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
	50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
	75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
	100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
}
.jobs-page .top-view .top-view-pic img{
	border-radius: 12px;
}
.jobs-page .top-view .top-view-pic{
	width: 700px;
	max-width: 100%;
}
.jobs-page .top-view p{
	text-align: justify;
	line-height: 1.6;
	padding-bottom: 5px;
}
.jobs-page .top-view h2{
	font-size: 20px;
	line-height: 1.2;
	color: #047256;
	margin-top: 20px;
	margin-bottom: 20px;
}
.jobs-page .container-sub .filters div i{
	display: block;
	font-size: 32px;
}
.jobs-page .container-sub .filters div b{
	color: #333;
	font-weight: 400;
}
.jobs-page .container-sub .filters div{
	color: #047256;
	width: 350px;
	max-width: 100%;
	padding: 20px 20px 32px 20px;
	border: 1px solid #ddd;
	border-radius: 12px;
	background-color: #fff;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-weight: normal;
}
.jobs-page .container-sub .job-list .vacancy p {
	font-size: 14px;
	line-height: 1.4;
	color: #333;
}
.jobs-page .container-sub .job-list .vacancy .details i {
	color: #047256;
	margin-left: 3px;
	padding-top: 3px;
}
.jobs-page .container-sub .job-list .vacancy .details {
	margin-top: 10px;
	display: flex;
	gap: 15px;
	align-items: center;
}
.jobs-page .container-sub .job-list .vacancy h3 {
	font-size: 16px;
	line-height: 1.2;
	color: #047256;
	margin-bottom: 10px;
}
.jobs-page .container-sub .job-list .vacancy .vacancy-info {
	padding: 20px 20px 20px 20px;
	text-align: justify;
	flex: 1;
}
.jobs-page .container-sub .job-list .vacancy {
	border: 1px solid #ddd;
	border-radius: 12px;
	background-color: #fff;
	width: 100%;
}
.jobs-page .container-sub .job-list .view-btn i{
	font-size: 24px;
}
.jobs-page .container-sub .job-list .view-btn {
    background: #017256;
    color: white;
    text-decoration: none;
    border-radius: 0;
    font-size: 14px;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	width: 180px;
	max-width: 180px;
	min-width: 180px;
}
.jobs-page .container-sub .job-list{
	margin-bottom: 20px;
	border-radius: 12px;
	background-color: #fff;
	border-top-right-radius: 0;
	border: 1px solid #ddd;
	padding: 20px;
	display: flex;
	gap: 12px;
	flex-direction: row;
    flex-wrap: wrap;
}
.jobs-page .container-sub .filters>div:hover{
	background-color: #f0f0f0;
	cursor: pointer;
}
.jobs-page .container-sub .filters>div.active-filter:hover{
	background-color: #ffffff;
	cursor: default;
}
.jobs-page .container-sub .filters .active-filter{
	border-bottom: 4px solid #017256;
}
.jobs-page .container-sub .filters{
	display: flex;
	flex-direction: row;
	margin-bottom: 2px;
	gap: 10px;
}
.jobs-page .container-sub {
	width: 100%;
}
.jobs-page .top-view .disclaimer {
    background: #fff8e1;
    padding: 15px;
    border-right: 5px solid #ff9800;
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 14px;
}
.jobs-page .top-view{
	display: flex;
	flex-direction: row;
	gap: 30px;
}

.jobs-page{
	padding: 10px 130px;
}

.job-pos-wrap .container {
	max-width: 100%;
	margin: 0 auto;
}

.job-pos-wrap .header {
	text-align: center;
	margin-bottom: 30px;
	border-bottom: 2px solid #0e623c;
	padding-bottom: 10px;
}

.job-pos-wrap .header h1 {
	color: #0e623c;
	margin-bottom: 5px;
}

.job-pos-wrap .section {
	margin-bottom: 25px;
}

.job-pos-wrap .section-title {
	background-color: #f0f0f0;
	padding: 8px 15px;
	font-weight: bold;
	color: #0e623c;
	border-right: 4px solid #0e623c;
	margin-bottom: 15px;
}

.job-pos-wrap table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}

.job-pos-wrap table,
.job-pos-wrap th,
.job-pos-wrap td {
	border: 1px solid #ddd;
}

.job-pos-wrap th,
.job-pos-wrap td {
	padding: 12px;
	text-align: right;
	vertical-align: top;
}

.job-pos-wrap th {
	background-color: #f2f2f2;
	width: 30%;
}

.job-pos-wrap ul {
	margin-top: 5px;
	padding-right: 20px;
}

.job-pos-wrap li {
	margin-bottom: 8px;
}

.job-pos-wrap .arabic {
	direction: ltr;
	text-align: left;
}
.card.col-sm-12 {
    max-width: 1400px;
    margin: 30px auto 0 auto;
    border: 0;
    box-shadow: none;
}
.card-title{
	font-size: 18px;
	color: #047256;
}
.mw-100.btn.btn-primary {
    width: 200px;
    float: right;
    height: 44px;
    color: white;
    background-color: #047256;
    border-radius: 12px;
    cursor: pointer;
    line-height: 42px;
	text-align: center;
}
.blockquote-footer {
	display: block;
	font-size: 17px;
	color: #666;
	line-height: 42px;
	padding-bottom: 20px;
	clear: both;
}