@charset "utf-8";
:root {
  --primary-color: #1C6F3F;
  --scoundery-color: #454545;
  --body-color: #F5F5F5;
  --light_color: #9c9c9c;
  --light_prograph_color: #959292;
  --prograph-color:#515050;
  --light-prograph-color:#626161;
  --white: #ffffff;
  --black: #000000;

  --bs-border-radius:4px;

}

/* Fonts url */
@font-face {
  font-family: 'Almarai_Bold';
  src: url('fonts/Almarai-Bold.woff2') format('woff2'),
      url('fonts/Almarai-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Almarai_Regular';
  src: url('fonts/Almarai-Regular.woff2') format('woff2'),
      url('fonts/Almarai-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* color sets*/
body,.body{background-color: var(--body-color);}
.light_prograph_color{color: var(--light_prograph_color);}
.light_color{color: var(--light_color);}
.primary_color{color: var(--primary-color);}
.prograph_color{color: var(--prograph-color);}
.light_prograph_color{color: var(--light-prograph-color);}

.font_bold{font-family: "Almarai_Bold" !important;}
.font_regular{font-family: "Almarai_Regular" !important;}
.bg-primary{background-color: var(--primary-color) !important;}
.bg-scoundery{background-color: var(--scoundery-color) !important;}

* {
  font-family: "Almarai_Regular";
}


.tab-content{
  scrollbar-width: thin;
  scrollbar-color: #D9D9D9 #ffffff;
}
/* width */
::-webkit-scrollbar {
  width: 6px;
}

 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #D9D9D9; 
  border-radius: 50px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--prograph-color); 
}

h1,
h2,
h3{
  font-family: "Almarai_Bold" !important;
}

body, html  {
  height: 100%;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none !important;
}

.center {
  display: block !important;
  margin: auto !important;
}
.end {
  float: left !important;
}
html:dir(ltr) .end {
  float: right !important;
}
.start {
  float: right !important;
}
html:dir(ltr) .start {
  float: left !important;
}
.justify {
  text-align: justify !important;
}

.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100000;
  box-shadow: 0px 5px 15px rgba(150, 150, 150, 0.2);
} 
/* tooltip css */
.tooltip .tooltip-inner {
  background: var(--black) !important;
}
.tooltip.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: var(--black) !important;
}
.tooltip.tooltip.start .tooltip-arrow::before {
  border-left-color: var(--black) !important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: var(--black) !important;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: var(--black) !important;
}
.btn:focus , .form-check-input:focus,.form-control:focus,.form-select:focus ,.page-link:focus{
  outline: 0 ! important;
  box-shadow: none !important;
  border-color: var(--primary-color) !important;
}
.btn:focus { border-color: none !important;}
.page-link:focus{color: var(--primary-color);}
html:dir(rtl)  .dropdown-menu-start {
  right: 0;
  left: auto;
}
html:dir(rtl) .dropdown-menu-end {
  right: auto;
  left: 0;
}
html:dir(ltr)  .dropdown-menu-start {
  right: auto;
  left: 0;
}
html:dir(ltr) .dropdown-menu-end {
  right: 0;
  left: auto;
}

.border_none{border:none !important;}
.light_gray_link{color:var(--light-prograph-color);}
.main_link{color:var(--black) !important;}
.light_link , .white_link{color:var(--white) !important;}
.dark_link{color:var(--prograph-color) !important;}
.main_link:hover ,.light_link:hover, .dark_link:hover, .light_gray_link:hover{color:var(--primary-color) !important;}
.primary_link{color:var(--primary-color) !important;}
.primary_link:hover{color:var(--scoundery-color) !important;}
.white_link:hover{color:#f0f0f0 !important;}
.btn-primary , .btn-primary:active , .btn-outline-primary:hover,.btn:active{background-color:var(--primary-color)!important; border-color: var(--primary-color) !important;}
.btn-primary:hover{background-color:var(--primary-color);opacity: 0.9;}
.btn-outline-primary{border-color:var(--primary-color); color:var(--primary-color);}

.pagination {
  --bs-pagination-color: var(--light_prograph_color);
  --bs-pagination-hover-color: var(--primary-color);
  --bs-pagination-hover-bg: var(--body-color);
  --bs-pagination-active-bg: var(--primary-color);
  --bs-pagination-active-border-color:var(--primary-color);
}
.dropdown-item:active{background-color: var(--primary-color);}
.dropdown-menu{z-index: 10000;}
.fs-1rem{font-size: 1rem;}
.fs-08rem{font-size: 0.8rem;}
.fs-05rem{font-size: 0.5rem;}

/*----------start page styles -----------*/
.search_icon{position: absolute; left: 10px;}
html:dir(ltr) .search_icon{right: 10px; left: auto;}
.search_input,.top_header_select{background-color: var(--scoundery-color); border-top: none; border-bottom: none; border-radius: 0px; border-color: #626161;}
.search_input::placeholder {color: var(--light_prograph_color);}
.search_input:focus{color: var(--white); background-color: var(--scoundery-color); border-color: var(--primary-color);}
.light{color: #B8B6B6;}

.navbar .navbar-nav .nav-item:hover .nav-link,.navbar .navbar-nav .nav-item .nav-link.active{color: var(--primary-color);}

.gradient{ height: 70%; width: 100%;  position: absolute; bottom: 0; right: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 42.08%, #1C6F3F 100%);}
.carousel-caption {
  width: 60% !important;
  position: absolute;
  bottom: 0rem;
  right: 10%;
  color: #fff;
  padding-top: 0;
  padding-bottom: 1.5rem;
}
html:dir(ltr) .carousel-caption {
  right: 0; 
  left: 10%;
}
.carousel-caption {font-size: 1.5rem;}
.carousel-indicators {
  position: absolute;
  left: 10%;
  bottom: 0;
  right: 0;
  z-index: 2;
  display: flex;
  justify-content: end;
  padding: 0;
  margin-left: 0px;
  margin-bottom: 3rem;
  margin-right: 0px;
}
html:dir(ltr) .carousel-indicators {
  left: 0;
  right: 10%;
}
.carousel-indicators button[data-bs-target] {width: 8px; height: 8px; border: 1px solid var(--primary-color); border-radius: 100%; background-color: var(--primary-color);background-clip: inherit; box-sizing: inherit;}
.carousel-indicators button[data-bs-target].active {width: 30px; height: 8px; border: 1px solid var(--white); border-radius: 5px; background-color: var(--white);}
.specialties .card{border-radius: 8px;  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.03);}
.specialties .card:hover{box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.25);}
.specialties .card:hover .prograph_color{color: var(--primary-color);}
.specialties img ,.hover_link img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.specialties .card:hover img ,.hover_link:hover img{
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}
.border_top{border-radius: 8px 8px 0px 0px;}
.specialties .owl-stage-outer{ padding-top: 3rem; padding-bottom: 3rem;}
.specialtie .nav-link{color: var(--light_color);}
.specialtie .nav-link:hover {color: var(--black);}
.specialtie .nav-link.active {color: var(--black); background-color: var(--white);box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.10);}
.owl-nav button{display: inline-block !important; font-size: 2rem !important;}
.owl-nav button span{color: var(--light-prograph-color);}
.owl-nav button:hover span{color: var(--white);}
.specialties .owl-nav .owl-prev,.specialties .owl-nav .owl-next { width: 37px; height: auto; border-radius: 4px; background-color: var(--white) !important;}
.specialties .owl-nav .owl-prev:hover,.specialties .owl-nav .owl-next:hover { background-color: var(--primary-color) !important;}
.specialties .owl-nav .owl-prev {  margin-top: -200px !important;float: right; margin-right: -45px !important;}
.specialties .owl-nav .owl-next{  margin-top: -200px !important; float: left; margin-left: -48px !important;}
.parallax{background-image:url("../images/Statistics-bg.png"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}
.sections .border{border-radius: 20px; border: 1px solid #DDD;}
.sections .hvr-float:hover .bg-white{box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.13);}
.sections .hvr-float:hover .bg-white p{color: var(--primary-color);}
.light_gray{background-color: #595959;}
.parent{display: table;}
.child{display: table-cell; vertical-align: middle;}

.event:hover .light_gray{background-color: var(--primary-color);}
.event:hover .bg-scoundery{background-color: #175B34 !important;}
footer{background-color: #3E3D3D;}
footer .bg-scoundery{background-color: #323131;}
.footer_color{color: #C2C0C0;}
.quick_links li::marker { font-family: 'remixicon' !important; content: "\ea52";color: var(--primary-color); font-size: 1rem;}
.quick_links .dark_link{ color: #C2C0C0 !important;}
.quick_links .dark_link:hover{ color: var(--white) !important;}
.message_bg{background: url("../images/message_bg.png") no-repeat  left; }
.collage_bg{background: url("../images/collage_bg.png") no-repeat  left; }
.contact_bg{background: url("../images/contact_bg.png") no-repeat  left; }
.quick_links_bg{background: url("../images/quick_links_bg.png") no-repeat  left; }
.border-x{border-left: 1px solid var(--white); border-right: 1px solid var(--white);}
.counter_title{color: #96C9AC;}
.statistics h3{font-size: 2.3rem;}
.gradient_big_news{height: 100%; width: 100%;  position: absolute; top: 0; right: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 57.81%, rgba(0, 0, 0, 0.70) 89.06%);}
.news .content{position: absolute; right: 0; bottom: 0;}
.news .more_link {position: relative; z-index: 1000; float: inline-end; display: inline-block;}
.card-footer{border-color: #F5F5F5;}
.news .owl-theme .owl-dots { text-align: start;}
.news .owl-theme .owl-dot.active span,.courses.owl-theme .owl-dot.active span{ width: 30px; background-color: var(--primary-color);}
.news .owl-theme .owl-dot span,.courses.owl-theme .owl-dot span{ background-color: var(--white);}
.more_link{margin-top: -25px;}
.btn-outline-primary:hover span {color: var(--white);}
.top_header{background: url("../images/subpage_bg.png") no-repeat  left; height: 160px; width: 100%; background-size: cover;}
.border-primary{border-color: var(--primary-color) !important;}
.list_border_none .list-group-item{border: none;}
.custom_nav_tabs button{ color: var(--light_color); border: none !important;}
.custom_nav_tabs button:hover{ color: var(--primary-color); border: none !important;}
.custom_nav_tabs button.active{ color: var(--primary-color) !important; border: none !important; border-bottom: 1px solid var(--primary-color) !important;}
.files_bg{background: url("../images/files_bg.jpg") no-repeat  left; background-size: cover ;}
.light_color_icon{color: #D1D0D0;}
.light_link{color: #959292 !important;}
.files_bg hr{border-color: #F1F0F0;}
.border_member{border: 5px solid rgba(28, 111, 63, 0.50);}
.w-65{width: 65% !important;}
.member_card_border{border-color: #F5F5F5 !important;}
.Faculty_members.owl-theme .owl-dot.active span, .activites.owl-theme .owl-dot.active span , .Department.owl-theme .owl-dot.active span{ width: 30px; background-color: var(--primary-color);}
.Faculty_members.owl-theme .owl-dot span, .activites.owl-theme .owl-dot span , .Department.owl-theme .owl-dot span{ background-color: #D1D0D0;}
.mt_n78{margin-top:-78px;}
.graduates .member_card_border:hover {
  background-color:#1c6f3f52 !important;
  color:var(--white);
  border-color:#1c6f3f52 !important;
}
.graduates .member_card_border:hover p{
  color:var(--white);
}
.bg_scondry{ background-color:#EDEDED;}
.modal-header{background-color:var(--primary-color); color: var(--white);}
.btn-close{color: var(--white) !important;}
.program .bg_gray,.program .bg_gray .list-group-item{background-color:#F1F0F0;}
.program .bg_gray .list-group-item{border:none; color:#959292; padding-left:30px; padding-right:30px;}
.program .bg_gray .list-group-item.active{border:none; color:var(--primary-color); background-color:var(--white);}
.program .bg_gray .list-group-item:hover{border:none; color:var(--black);}
.user_info{--bs-table-bg: #00000000; color: var(--light_prograph_color) !important;}
.user_info th,.user_info td{padding-top: 0px;}
.user_img{width: 190px; height: 190px;}
.bg_light_gray{background-color: #FAFAFA;}
.breadcrumb-item + .breadcrumb-item::before {
  color: var(--primary-color); font-size: 1rem;
  font-family: remixicon !important; 
   content: "\ea52";
}
.search_icon{position: absolute; top: 0px; left: 20px; color: #959494;}
::placeholder ,select{color: #959494 !important;}
.news_title{width: 60%;}
.news_show{  height: auto; background-size: cover;}
.card{box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05);}


/*--------------------Start image gallery style ---------------------------*/
.gallary img{width: 100%; height: 251px; object-fit: cover;}
.img_overlay .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.3s ease;
  background-color: var(--primary-color);
}
.img_overlay a{color: var(--white) !important;}
.img_overlay:hover .overlay {
  opacity: 0.8;
}

.img_overlay .icon {
  color: var(--white);
  border: 1px solid var(--white);
  padding: 19% 40%;
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.h-90{height: 90% !important;}
.top_header_select{ border-left: none; color: var(--white) !important; background-image: url('../images/select_icon.svg');}
html:dir(ltr) .top_header_select{ border-left: 1px solid #626161;border-right: none;}
.collage_specialties .custom_div{border-bottom: 3px solid var(--primary-color); margin-top: -53px;position: relative; z-index: 1;}
footer h3 {font-size: 1.3rem;}
footer .bg-scoundery  .quick_links {font-size: 0.8rem;}
.fixed_sidebar{position: sticky;top: 120px; z-index: 10;}
.hover_link:hover .prograph_color{color: var(--primary-color);}
.Faculty_members h5 , .graduates h5{font-size: 14px;}
.Faculty_members p , .graduates a{font-size: 12px;}
.graduates .btn.btn-outline-primary,.graduates .btn.btn-primary{font-size: 10px;}
.btn.btn-outline-primary,.btn.btn-primary{font-size: 13px;}
.files_bg .bg-white{opacity: 80%; padding: 20px !important; margin-top: 30px; margin-bottom: 30px;}
/*---------- media Query styles -----------*/

/*---------- mobile and small device Query styles -----------*/
@media screen and (max-width: 480px) {
  body, html  {
    overflow-x: hidden;

}
 
  .carousel-indicators {
    left: 5%;
    margin-bottom: 0.5rem;
  }
  html:dir(ltr) .carousel-indicators {
    left: 0;
    right: 5%;
  }
  .carousel-caption {font-size: 0.5rem;}
  .carousel-caption a {text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10);
  }

  .carousel-caption {
    width: 70% !important;
    bottom: 0rem;
    right: 10%;
    color: #fff;
    padding-top: 0;
    padding-bottom: 0rem;
    margin-bottom: 0.5rem;
  }
  html:dir(ltr) .carousel-caption {
    right: 0; 
    left: 10%;
  }
  .carousel-indicators button[data-bs-target] {width: 8px; height: 8px;}
  .carousel-indicators button[data-bs-target].active {width: 20px; height: 8px;}

  
.owl-nav button{display: inline-block !important; font-size: 1.5rem !important; }
.specialties .owl-nav .owl-prev {  margin-top: 0px !important;float: none; margin-right: 0px !important;}
.specialties .owl-nav .owl-next{  margin-top: 0px !important; float: none; margin-left: 0px !important;}
.more_link{margin-top: 20px;}
.news .owl-theme .owl-dots { text-align: center;}
.mt_n78{margin-top:20px;}
.top_header.user{height:450px !important;}
.user_img{width: 90px; height: 90px;}
.user_info{font-size: 0.8rem; margin-left: auto; margin-right: auto;}
.news_title{width: 100%;}
.search_icon {
  top: 0;
}

.news_details img{width: 100% !important;}
}

/*---------- ipad Query styles -----------*/
@media (max-width: 991px) and (min-width: 480px) {
  body, html  {
    overflow-x: hidden;
}
  .carousel-caption {font-size: 1rem;}
  .carousel-indicators { margin-bottom: 2rem; }
  .mt_n78{margin-top:-81px;}
  .top_header.user{height:400px !important;}
  .user_img{width: 150px; height: 150px;}
  .news_title{width: 100%;}
  .search_icon {
    top: 0;
  }
  .news_details img{width: 100% !important;}
}
/*---------- laptop Query styles -----------*/
@media (max-width: 1920px) and (min-width: 991px) {
 
}
/*---------- Full HD Screen Query styles -----------*/
@media screen and (min-width: 1920px) {
  
  .carousel-caption {
    font-size: 25px;
  }
  .carousel-caption {
    width: 50% !important;
    padding-bottom: 3rem;
  }
  .sections {padding-top: 3rem; padding-bottom: 3rem;}
  .card-footer ,.gradient_big_news .content span{font-size: 13px;}
}

/*--------------------- animation image ----------------------------- */
figure {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
/* Shine */
.animation figure{
	position: relative;
}

.animation:hover .prograph_color{color: var(--primary-color);}
.animation figure::before {
	position: absolute;
	top: 0;
	left: -85%;
	z-index: 2;
	display: block;
	content: '';
	width: 70%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.animation:hover figure::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/*------------ loader style -----------------*/
.loader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.loader__circle {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin: 0 4px;
  animation: loader_901 1s ease-in-out infinite;
}

.loader__circle:nth-of-type(1) {
  background-color: var(--primary-color);
  animation-delay: 0;
}

.loader__circle:nth-of-type(2) {
  background-color: var(--primary-color);
  animation-delay: 0.25s;
}

.loader__circle:nth-of-type(3) {
  background-color: var(--primary-color);
  animation-delay: 0.5s;
}

.loader__circle:nth-of-type(4) {
  background-color: var(--primary-color);
  animation-delay: 0.75s;
}

@keyframes loader_901 {
  0% {
    transform: scale(1);
  }

  20% {
    transform: scale(1.2);
  }

  40% {
    transform: scale(1);
  }
}