@font-face {
  font-family: "Droid Arabic Kufi Regular";

  src: url("../fonts/ArbFONTS-DroidKufi-Regular.ttf");
}

@font-face {
  font-family: "Droid Arabic Kufi Bold";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/ArbFONTS-DroidKufi-Bold.ttf");
}
body{
	    font-family: "Droid Arabic Kufi Bold" !important;
}
h1,
h2,
h3,
h4 {
  font-family: "Droid Arabic Kufi Bold", sans-serif !important ;
  font-weight: 700;
}
span,
p,
li,
label,
a {
  font-family: "Droid Arabic Kufi Regular", sans-serif;
}
a {
    color: #4b2e83;
}
[dir="rtl"] body {
	text-align:right;
}
.no-color{
    overflow-x:hidden;
    filter: grayscale(100%);
  }

  .darkmode section.brand-section.aos-init.aos-animate
  {
    background: dimgrey !important;
  }
  .darkmode .nav-header .nav-content-class .nav-content ul li a:hover
{
    color: #4b2e83;
}
.darkmode article.node.node--type-news-section2.node--view-mode-full.clearfix .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p
{
    color: white !important;
}
.darkmode .welcome-word-section .welcome-word-content .link a:hover
{
    color: #4b2e83 !important;
}
.darkmode .footer-img .footer-content ul li a:hover
{
    color: #4b2e83 !important;
}
.darkmode .top-header .col-top-header2 ul li a:hover
{
    color: #4b2e83 !important;
}
.darkmode .footer-img .footer-content ul li span:hover
{
    color: #45cfff !important;
}
.darkmode .all-artcles-cart-date h1 a:hover
{
    color: #651b97 !important;
}
.darkmode .region-contacts-form fieldset label

{
    color: white !important;
}
.darkmode .sec-title h2
{
    color: white !important;
}
.darkmode #block-views-block-news-section2-block-2 .news2-inner p
{
    color: white !important;
}
.darkmode #block-views-block-news-section2-block-2 h2
{
    color: white !important;
}
.darkmode .dropdown-item:hover
{
    background-color: #070707 !important;
}
.darkmode #block-views-block-news-section2-block-2 .news-content2 h1 a
{
    color: white !important;
}
  .darkmode .wrapper span
  {
     color: white !important;
  }
  .darkmode .dropdown-menu 
  {
     background-color: black;
  }
  .darkmode .wrapper a
  {
     color: white !important;
  }
  .darkmode .wrapper p
  {
     color: white !important;
  }
  .darkmode .wrapper h1
  {
     color: white !important;
  }
  .darkmode .wrapper h2
  {
     color: white !important;
  }
  .darkmode .footer-img .js-form-item.js-form-type-radio.radio.form-check.js-form-item-choice.form-item-choice
  {
    background-color: #292929 !important;
  }
  .darkmode .footer-img label.form-check-label
  {
    color: white !important;
  }
  .darkmode .services .all
  {
    background-color: #292929 !important;
  }
  .darkmode .brand-section  
   {
    background-color: #292929 !important;
    background-image: unset;
   }
   .darkmode .flexslider
   {
       border: 0;
   }
   .darkmode .nav-header  
   {
    background-color: #292929 !important;
   }
   .darkmode .slider 
   {
    background-color: #292929 !important;
   }
   .darkmode .news-section2  
   {
    background-color: #292929 !important;
   }
   .darkmode .flexslider
   {
    background: #292929 !important;
   }
  .darkmode,.darkmode .layout-main-wrapper  > section,.darkmode .layout-main-wrapper,.darkmode #main-wrapper,.darkmode .sidebar .block{
    background-color: #292929!important;
  }
  .darkmode .welcome-word-section h1
  {
     color: white !important;
  }
  #block-views-block-contact-us-result-block-2 h2
  {
    font-size: 19px;
    font-weight: 300;
    margin-top: 30px;
  }
  #block-college-page-title span
  {
      color: white;
  }
  .header-btns {
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
  }
.top-header .col-top-header a ,
.top-header button {
    border: none;
    color: white;
    padding: 6px 0;
    font-size: 14px;
    transition: 0.4s;
    font-family: cursive;
    background: #fff;
    margin: 2px 3px;
    border-radius: 50%;
    width: 33px;
    height: 33px;
    text-align: center;
    color: #b7a57a;
  
  
}
.top-header .col-top-header a:hover ,
.top-header button:hover {
    background: #b7a57a;
	color:#4b2e83 !important;
	transform: scale(1.2);
  
}
  .slider
  {
    max-width: 100%;
    overflow: hidden;
  }
.slider .row>*{
    padding: 0;
    margin: 0;	
}
.slider-content-cont {
    display: table;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}  
.slider-content-cont1 {
    display: table-cell;
    vertical-align: middle;
}  
  
  .slider-content
  {
    width: 100%;
  }
  .slider-title
  {
    width: 100%;
    text-align: center;
    font-size: 26px;
    margin: 0 0 10px 0;
  }
  .slider-body{font-size: 20px;}
  .slider-title
  {
    font-size: 20px;
  } 
.slider .flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 31px;
}  
  .top-header button:hover {
    color:#4b2e83;
  }
  .col-top-header a:hover i {
    color:#4b2e83;
  }  
  .top-header  .active-btn{
    color: #4b2e83!important;
    transform: scale(1.1);
    border: 1px solid #b7a57a;
    border-radius: 50%;
  }


/* start header */
.top-header {
    width: 100%;
    background-color: #4b2e83;
    height: auto;
    padding: 2px;
}

.top-header .col-top-header2 {
    width: 100%;
    height: auto;
    padding: 0 0 0 0;
}

.top-header .col-top-header2 ul {
    display: flex;
    list-style: none;
    float: left;
    padding: 0;
    margin: 0 0 0 0;
}

.top-header .col-top-header2 ul li {
    font-size: 13px;
}

.top-header .col-top-header2 ul li a {
    font-size: 0;
}
.top-header .col-top-header2 ul li a {
	color: #fff;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block;
    background: url(../img/uw-sprite6.png) no-repeat 0 -190px transparent;
    padding: 8px 21px;
    font-size: 0;
    height: 34px;
	transition: .25s !important;
}
.top-header .col-top-header2 ul li a.facebook {
    background-position: 0 -190px;
}
.top-header .col-top-header2 ul li a.twitter {
    background-position: -46px -190px;
}
.top-header .col-top-header2 ul li a.instgram {
    background-position: -322px -190px;
}
.top-header .col-top-header2 ul li a.youtube {
    background-position: -138px -190px;
}
.top-header .col-top-header2 ul li a.linkedin {
    background-position: -184px -190px;
}
.top-header .col-top-header2 ul li a.location {
    background-position: -92px -190px;
}
.top-header .col-top-header2 ul li a.contact-us {
    background-position: -366px -190px;
}
.top-header .col-top-header2 ul li a:hover.facebook, 
.top-header .col-top-header2 ul li a:focus.facebook {
    background-position: 0 -230px;
}
.top-header .col-top-header2 ul li a:hover.twitter, 
.top-header .col-top-header2 ul li a:focus.twitter {
    background-position: -46px -230px;
}
.top-header .col-top-header2 ul li a:hover.instgram, 
.top-header .col-top-header2 ul li a:focus.instgram {
    background-position: -322px -230px;
}
.top-header .col-top-header2 ul li a:hover.youtube, 
.top-header .col-top-header2 ul li a:focus.youtube {
    background-position: -138px -230px;
}
.top-header .col-top-header2 ul li a:hover.linkedin, 
.top-header .col-top-header2 ul li a:focus.linkedin {
    background-position: -184px -230px;
}
.top-header .col-top-header2 ul li a:hover.location, 
.top-header .col-top-header2 ul li a:focus.location {
    background-position: -92px -230px;
}
.top-header .col-top-header2 ul li a:hover.contact-us, 
.top-header .col-top-header2 ul li a:focus.contact-us {
    background-position: -366px -230px;
}



.top-header .language-link a
{
    color: white;
    text-decoration: none;
    font-size: 13px;
    background-color: #b7a57a;
    padding: 9px 23px;
    border-radius: 5px;
    display: inline-block;
    width: auto;
	display:none;
}
.dropdown-item.active, .dropdown-item:active
{
    background-color: unset !important;
}
.top-header 
{
    padding-right: 5px;
}
.top-header .col-top-header2 ul li a:hover {
    color: #4b2e83;
}
.top-header .language-link a:hover
{
    color: #4b2e83;
    background-color: white;
    transition: .5s;
}
.top-header .language-link
{
    width: 13%;
    text-align: center;
    padding-top: 0;
}
.col-top-header
{
    display: flex;
    justify-content: end;
    align-items: center;
}
.col-top-header ul
{
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    padding-top: 3px;
    padding-left: 15px;
}
.col-top-header #map:hover
{
 
}
.col-top-header ul li a 
{
    color: white;
    text-decoration: none;
    font-size: 10px;
}
.col-top-header ul li 
{
    border-left: 1px solid #616060;
    font-size: 11px;
}
.col-top-header ul li a i:hover
{
    color: #4b2e83;
    
}
.col-top-header h1:hover
{
    color: #4b2e83;
}

.fas.fa-search
{

}


.all-img {
    display: flex;
}
.all-img .img1 {

}

.all-img .img2 {
    width: 40%;
}
.all-img .img1 img {
    width: 100%;
    height: auto;
	max-height: 72px;
}
.all-img .img2 img {
    width: 100%;
    height: auto;
}
section.region-main-menu{
    display: flex;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    max-width: 1488px;
}
section.region-main-menu > nav{
	align-items: center;
    display: flex;
    width: calc(50% - 150px);	
}
section.region-main-menu > nav#block-mainmenu2{
    justify-content: flex-end;
    margin-right: 220px;
}
[dir="rtl"] section.region-main-menu > nav#block-mainmenu2{
    justify-content: flex-end;
    margin-right: 0;
    margin-left: 220px;
}
section.region-main-menu > nav#block-mainmenu2 > ul{
	justify-content: flex-end;
}

section.region-main-menu > nav#block-mainmenu{
    margin-left: 220px;
}
[dir="rtl"] section.region-main-menu > nav#block-mainmenu{
    margin-left: 0;
    margin-right: 220px;
}
.nav-header {
    background-color: white;
    width: 100%;
    height: auto;
}
.scrolled .header-container{
    position: fixed;
    z-index: 9;
    top: 0;
    box-shadow: 0 0 7px #ccc;
	width: 100%;
}
.nav-header .nav-content-class {
    width: 100%;
    height: auto;
}
.navbar-nav
{
    flex-direction: unset !important;
}
.nav-header .nav-content-class .nav-content ul {

    list-style: none;
    height: auto;
    padding: 0 0;
}

.nav-header .nav-content-class .nav-content ul li a {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
}
.region-main-menu > nav > ul > li > a{
    font-size: 13px !important;
    padding: 10px 5px !important;
}
.nav-header .nav-content-class .nav-content ul li a:hover {
    color: #4b2e83;
}
.nav-header .nav-content-class .nav-link
{
    padding: .4rem .6rem;
}
.nav-header .main-img
{ 
   width: 100%;
   height: auto;
}
.nav-header .main-img img
{
    width: 100%;
    height: auto;
}
.nav-header .group-img
{
    width: 100%;
    height: auto;
    display: flex;
}
.nav-header .group-img .group-img1 img
{
    width: 70%;
    height: auto;
}
.nav-header .group-img .group-img2 img
{
    width: 63%;
    height: auto;
}


/* start slider */

.slider {
    width: 100%;
    height: auto; 
    position: relative;
    max-height: 638px;

}

.slider img {
    width: 100%;
    height: auto;
}

.slider .slider-content {
    color: white;
    background: #00000055;
    max-width: 40%;
    margin: 0 0 0 5%;
    border-radius: 0;
    text-align: center;
    padding: 10px 0;
    float: left;
}

.slider .slider-content .slider-title h2 {
    font-size: 52px;
    animation: shine 9s linear infinite;
    position: relative;
    background: linear-gradient(217deg, white, #92dff1, white);
    letter-spacing: 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-repeat: no-repeat;
    background-size: 80%;
}
[dir="rtl"] .slider .slider-content .slider-title h2 {
    animation: shinertl 9s linear infinite;
}
@keyframes shine {
    0% {
      
      
      background-position-x: -500%;
    }
    50%{
        background-position-x:0%;
    }
    100% {
        background-position-x: 500%;
    }
  }
  @keyframes shinertl {
    0% {
      
      background-position-x: 500%;
    }
    50%{
        background-position-x:0%;
    }
    100% {
        background-position-x: -500%;
    }
  }
.slider .slider-content .slider-title .one {
    margin: 0;
    margin-bottom: 10px;
    text-align: center;
    font-size: 24px;
}
.slider .slider-content .slider-title .group-img
{
        display: flex;
        justify-content: center;
        margin-top: 80px;
}
.slider .slider-content .slider-title .group-img .button1 a
{
    padding: 10px 15px;
    border: 1px solid white;
}
.slider .slider-content .slider-title .group-img .button2 a
{
    padding: 10px 45px;
    border: 1px solid white;
}
.slider .slider-content .slider-title .group-img .button1 
{
    padding: 15px;
}
.slider .slider-content .slider-title .group-img .button2
{
    padding: 15px;
}
[dir="rtl"] .news-section .col-lg-6
{
    text-align: justify;
}
/* end slider */

.welcome-word-section 
{
    width: 100%;
    height: auto;
    display: inline-block;
    margin: 0px 0 50px;
}
.welcome-word-section .word-item{ 
    transition: all .25s ease,box-shadow .3625s ease;
    height: 611px;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.welcome-word-section .welcome-word-img
{ 
   width: 100%;
   height: auto;
   max-width: 100%;
    padding: 1rem;
    border: 1px solid #b3b3b3;
	    border-radius: 10px
}
#block-college-content img
{
    text-align: center;
}
.page-node-73 #block-college-content img:hover
{
   box-shadow: 5px 3px 18px #4b2e83;
}




.welcome-word-content {
	width: 100%;
    height: 100%;
    padding: 25px 30px 12px;
    position: absolute;
    top: 526px;
    transition: all 1s ease;
}
.welcome-word-section .word-item:hover .welcome-word-content {
 transform: translateY(-264px);
    background: rgb(255,255,255,.7);
    color: #000;
}
#block-college-content
{
    width: 100%;
    height: auto;
}
.welcome-word-section .welcome-word-img img
{ 
   width: 100%;
   height: auto;
   min-height: 500px;
   object-fit: cover;
}
.welcome-word-section .view-id-word_section.view-display-id-block_1 .welcome-word-img img
{ 
   max-height: 500px;
}
.welcome-word-section .welcome-word-content .all h1{
	font-size: 19px;
    text-align: left;
    min-height: 52px;
}
[dir="rtl"] .welcome-word-section .welcome-word-content .all h1{
	text-align: right;
}
.welcome-word-section .welcome-word-content .content{
    font-size: 14px;opacity: 0;
}
.welcome-word-section .word-item:hover .content {
    opacity: 1;
}
.welcome-word-section .welcome-word-content .link
{ 
    padding: 25px 0;   
}
.welcome-word-section .welcome-word-content .link a
{
	background-color: #4b2e83;
    padding: 9px 30px;
    font-size: 12px;
    color: white;
    text-decoration: none;
    border: 1px solid transparent;
    display: inline-block;
    font-weight: bold;
    float: right;
    margin: 0 5px 8px 0;
}
[dir="rtl"] .welcome-word-section .welcome-word-content .link a
{
    float: left;
    margin: 0 0 8px 5px;
}
.welcome-word-section .welcome-word-title
{
    width: 100%;
    height: auto;
    display: inline-block;
}
.welcome-word-section .welcome-word-title h1
{
   font-size: 35px;
   position: relative;
   padding: 15px 0 32px;
}
.welcome-word-section .welcome-word-title h1::after
{
    content: ' ';
    position: absolute;
    width: 73%;
    height: 2.5px;
    background-color: #DCDCDC;
    top: 49%;
    left: 27%;
}






/* start news */

.news-section 
{
    margin-bottom: 50px;
}

.news-section .news-title
{
    width: 100%;
    height: auto;
    display: inline-block;
}
[dir="rtl"] .news-section .news-title h1
{
   text-align: justify;
}
.news-section .news-title h1
{
   font-size: 29px;
   position: relative;
}
.news-section .news-title h1::after
{
    content: ' ';
    position: absolute;
    width: 65%;
    height: 2px;
    background-color: #DCDCDC;
    top: 55%;
    left: 37%;
}
[dir="rtl"] .news-section .news-title h1::after
{
    left: 9%;
}
.darkmode #block-studentportal li a
{
   color: white !important;
}
.darkmode .page-node-28 .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p
{
    color: white !important;
}
.news-section .news
{
    width: 100%;
    height: auto;
    display: inline-block;
}
.news-section .news img
{
    width: 100%;
    height: auto;
}
.news-section .news .news-content h1
{
    font-size: 23px;
    padding: 20px 0;
}
.news-section .linkss
{
    width: 100%;
    text-align: center;
    padding: 40px 0 0 0;
}
.news-section .linksz
{
    padding: 26px 0;
}
.news-section .linkss a
{
padding: 6px 25px;
background-color: #4b2e83;
color: white !important;
}
.news-section .links a
{
color:#4b2e83 ;
}
.news-section .links a:hover
{
   text-decoration: none;
   color: white;
   background-color:#4b2e83 ;
   padding: 8px 25px;
}
/* end news */




/* start work employeds */

.work-employeds
{
   padding: 50px 0;
   background-image: url("../img/work.png");
   background-size: 100% auto;
   padding: 7% 0;
}
.work-employeds .work-employed h1
{
   color: white;
}
.work-employeds .work-employed span
{
    color: white;
    position: relative;
}
.work-employeds .work-employed 
{
    text-align: center;
	transition-duration: .3s;
}
.work-employeds .work-employed span p::after
{
    content: ' ';
    position: absolute;
    bottom: -4px;
    left: 34%;
    background-color: #4b2e83;
    width: 34%;
    height: 2.5px;
	display:none;
	
    
}
.work-employeds .work-employed:hover{
    transform: scale(1.4) !important;	
	    transition-delay: 0s !important;	
}
.work-employeds .work-employed span p
{
    position: relative;
}
/* end work employeds */

#tabbb
{
    padding: 0;
    margin: 0;
}
.tabbb-year{
    display: inline-block;
    width: 100%;	
	    font-weight: bold;
}
.tabbb-year-item{
	border-bottom: 4px solid #4b2e83;
    display: inline-block;
    font-size: 20px;	
}
.tabbb-year-item1{
    width: 34%;
    display: inline-block;
    margin: 0 4% 0 0;
}
[dir="rtl"] .tabbb-year-item1{
    margin: 0 0 0 3.5%; 
	width: 31%;
}
.tabbb-year-item2{
    width: 60%;
    display: inline-block;
}
[dir="rtl"] .tabbb-year-item2{
	width: 63%;
    display: inline-block;	
}
/* start news2 */
#block-titlenews2
{
   padding:  0 0 30px ;
}
.path-frontpage .news-section2
{
    padding: 50px 0;
	background: url(../img/hbg.jpg) no-repeat center center fixed #6b6b6b;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
}

.news-section2 .news-title2
{
    width: 100%;
    height: auto;
    display: inline-block;
}
.news-section2 .news-title2 h1
{
    font-size: 29px;
    position: relative;
    color: #fff;
}
.news-section2 .news-title2 h1::after
{
    content: ' ';
    position: absolute;
    width: 65%;
    height: 2px;
    background-color: #DCDCDC;
    top: 55%;
    left: 37%;
}
.news-section2 .news2
{
    max-width: 96%;
    display: inline-block;
    padding: 10px;
	border-top: 14px solid #4b2e83;
    background: #fff;	
}
.news-section2 .news2 img
{
width: 100%;
    height: auto;
    min-height: 262px;
    object-fit: fill;
    position: relative;
}
.news-section2 .news2 .news-content2 h1
{
    font-size: 14px;
    padding: 12px 0 0 0;
}
[dir="rtl"] .news-section2 .news2 .news-content2 h1
{
    font-size: 18px;
    text-align: right;
    padding: 12px 0 0 0;
}
[dir="rtl"] .news-section2 .news2 .news-content
{
   justify-content: end;
}
.news-section2 .linkss2 a
{
    color: white !important;
}
.news-section2 .linkss2
{
    width: 100%;
    text-align: center;
    padding: 40px 0 0 0;
}
.news-section2 .linksz2
{
    padding: 26px 0;
}
.news-section2 .linkss2 a
{
padding: 6px 25px;
background-color: #4b2e83;
color: white;
}
.news-section2 .links2 a
{
color:#4b2e83 ;
}
.news-section2 .news2 .news-content
{
   align-items: center;
}
.news-section2 .news2 .news-content h2
{
   margin: 0;
   padding: 15px 7px 0px 0;
   font-size: 26px;
   color: #4b2e83;
}
.news-section2 .news2 .news-content p
{
    padding: 0;
    margin: 0;
    font-size: 15px;
}
.news-section2 .news2 .news-content p
{
    padding: 0;
    margin: 0;
    font-size: 11px;
    position: relative;
    padding: 0 0px 0 3px;
}
.news-section2 .news2 .news-content p::after
{
    content: ' ';
    position: absolute;
    bottom: -4px;
    left: 0;
    background-color: #4b2e83;
    width: 80%;
    height: 2px;
	display:none;
}
[dir="rtl"] .news-section2 .news2 .news-content p::after
{
    left: 3px;
}
.news-body{
    position: absolute;
    top: -68%;
    left: 6%;
    width: 88%;
    height: 238px;
    background: rgb(75,64,131,.9);
    color: #fff;
    text-align: center;
    padding: 14px;
    border-radius: 0;
    opacity: 0;
    transition-duration: 1s;
}
[dir="rtl"] .news-body{
	direction: rtl;
}
.news-section2 .news2:hover .news-body{
    opacity: 1;	
    top: 6%;
}
.news-body-a{
	width: 100%;
    text-align: center;
    margin: 10px 0;	
}
.news-body-a a{
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 10px;
	transition-duration: 1s;	
}
.news-body-a a:hover{
    color: #fff;
	transform: scale(1.2);
	background-color: #b7a57a;
	text-decoration: none;
}
/* end news2 */







/* start brand */

.brand-section
{
    background: #f9f9f9;
    background-size: 100% auto;
        padding: 14px 0 0;
}
.brand-section .slick-list {
    height: 122px;
}
.brand-section .brand-img
{
   width: 100%;
    height: auto;
}
.brand-section .brand-img a{
	width: 80%;
    height: auto;
    display: inline-block;
    text-align: center;	
}
.brand-section .brand-img img
{
    width: auto;
    height: auto;
    transition-duration: .3s;
    max-height: 100px;
    max-width: 100%;
    margin: 0 auto;
}
.brand-section .brand-img img:hover
{
   transform: scale(1.1);
}

.brand-section .brand-img2
{
   width: 100%;
   height: auto;
   text-align: center;
}
.brand-section .brand-img2 img
{
   width: 46%;
   height: auto;
}
#block-views-block-brand-block-1--2
{
    max-width: 99%;
}

.brand-section .brand-img3
{
   width: 100%;
   height: auto;
}
.brand-section .brand-img3 img
{
   width: 100%;
   height: auto;
}
/* end brand */







/* start footer */

.footer-img {
    width: 100%;
    height: auto;
    background-image: url("../img/footer.png");
    background-repeat: no-repeat;
    padding-top: 29px;
    background-size: 100% 102%;
}

.footer-img img {
    width: 6%;
    height: auto;
}

.footer-img .footer-logo-content {
    width: 100%;
    height: auto;
    padding: 20px 0;
    font-size: 13px;
}

.footer-img .footer-logo-content p {
    margin: 0;
    color: #a7a7a7;
}

.footer-img .footer-content h2 {
    font-weight: bold;
    font-size: 17px;
    color: white;
}

.footer-img .footer-content ul li a {
    text-decoration: none;
    color: white;
    font-size: 16px;
    line-height: 40px;
    padding: 0;
    transition: .5s;
}

.footer-img .footer-content ul {
    list-style: none;
    padding-inline-start: 0;
    padding-top: 15px;
    flex-direction: column;
}
.footer-img .footer-content ul li span:hover
{
   color:#b7a57a ;
}
#block-copyright p
{
   margin: 0;    
}
.footer-img .copyright {
    text-align: center;
    width: 100%;
    position: relative;
    padding: 1% 0 1% 0;
    overflow:hidden;
}
.footer-img .copyright .one
{
   padding-left: 200px;
}

.footer-img .copyright a {
    margin: 0;
    display: inline-block;
    color: #fff;
    text-decoration: none;
}

.footer-img .copyright span {
    color: white;
    font-size: 13px;
}

.footer-img .container-fluid
{
    padding: 0;
    margin: 0;
}


.footer-img .footer-content {
    width: 100%;
    height: auto;
}

.footer-img .footer-content #k {
    display: flex;
    list-style: none;
}

.footer-img .footer-content #k li {
    padding: 0px 20px 0 0px;
}

.footer-img .footer-content #k li a
{
    font-size: 19px;
}
.footer-img .footer-content ul li a:hover
{
    color: #45cfff;
}
/* end footer */





.news-section2 .linkss2 a:hover
{
    color: #4b2e83;
    background-color: white;
    color: black !important;
}
.news-section .linkss a:hover
{
    color: black !important;
    background-color: white; 
}

.about-us .about-us-content .slider-title .links a:hover
{
    color: white;
    background-color: #4b2e83; 
}

.welcome-word-section .welcome-word-content .link a:hover
{
    background-color: #b7a57a;
    color: #000; 
    transition: .9s;
	transform: scale(1.1);
}

.slider .slider-content .slider-title .group-img .button2 a:hover
{
    color: white;
    background-color: #4b2e83; 
}
.slider .slider-content .slider-title .group-img .button1 a:hover
{
    color: white;
    background-color: #4b2e83; 
}
#block-views-block-facilities-and-services-block-1 h2
{
    text-align: right;
    padding: 20px 0;
    font-size: 42px;
}
#block-views-block-facilities-and-services-block-4 h2
{
    text-align: right;
    padding: 20px 0;
    font-size: 42px;
}
#block-views-block-facilities-and-services-block-2 h2
{
    text-align: right;
    padding: 20px 0;
    font-size: 42px;
}
#block-views-block-facilities-and-services-block-3 h2
{
    text-align: right;
    padding: 20px 0;
    font-size: 42px;
}


.darkmode #block-views-block-facilities-and-services-block-1 h2
{
    color: white;
}
.darkmode #block-views-block-facilities-and-services-block-4 h2
{
    color: white;
}
.darkmode #block-views-block-facilities-and-services-block-2 h2
{
    color: white;
}
.darkmode #block-views-block-facilities-and-services-block-3 h2
{
    color: white;
}
.gallery-image
{
    
    transition: 0.4s;
    overflow: hidden;
    box-shadow: 0 2px 7px 6px rgb(0 0 0 / 7%), 0 5px 4px 0 rgb(0 0 0 / 10%);
    padding: 10px;
    border-radius: 10px;
    height: 190px;
    margin-bottom: 30px;
}

.gallery-content
{
    
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
   
    text-align: center;
    transition: 0.8s;
}
.facilities-img
{
    width: 100%;
    height: auto;
}
.facilities-img img
{
    width: 100%;
    height: auto;
    min-height: 170px;
    max-height: 170px;
    object-fit: fill;
    margin-bottom: 30px;
}
.footer-img .copyright::after
{
    content: ' ';
    position: absolute;
    width: 85%;
    left: 7%;
    background-color: #919191;
    height: 2px;
    opacity: .5;
    top: 0%;
}
.footer-img .footer-content h2::after
{
    content: ' ';
    position: absolute;
    width: 60%;
    left: 4%;
    background-color: #919191;
    height: 2px;
    opacity: .5;
    top: 13%;
}
.footer-img .footer-content ul li span
{
   color: white;
   font-size: 16px;
}
.footer-img .footer-content ul li .yy
{
   color: white;
   display: block;
}

.footer-img ul .ee img
{
   padding-right: 3px;
}

.language-link .en
{
   display: none;
}

[dir="rtl"] .language-link .en
{
   display: block;
}
[dir="rtl"] .language-link .ar
{
   display: none;
}
.language-link .ar
{
   display: block;
}
#block-img .field--name-body 
{
   display: flex;
}
.slider .owl-theme .owl-controls
{
    position: absolute;
    top: 40%;
}
.slider .owl-theme .owl-controls .owl-buttons 
{
   position: relative;
}
.slider .owl-theme .owl-controls .owl-buttons .owl-prev
{
    left: 30px;
    font-size: 45px;
    background-color: unset;
}
.slider .owl-theme .owl-controls .owl-buttons .owl-next
{
    right: -1500px;
    font-size: 45px;
    background-color: unset;
}
.slider .owl-theme .owl-controls .owl-buttons div
{
    position:absolute;
}

.brand-section .owl-theme .owl-controls
{
    position: absolute;
    top: 2%;
}

.brand-section .owl-theme .owl-controls .owl-prev
{
    position: absolute;
    left: -70px;
    font-size: 45px;
    background-color: unset;
    color: gray;
}
.brand-section .owl-theme .owl-controls .owl-next
{
    position: absolute;
    right: -1190px;
    font-size: 45px;
    background-color: unset;
    color: gray;
}
#block-privacypolicy ul li a
{
   line-height: unset;
   padding: 7px 0;
}
[dir="rtl"] .form-check .form-check-input {
    float: right;
}
[dir="rtl"] .poll .vote-form
{  
    text-align: right;
}
#block-admissionandregistration-2 i
{
    color: gray;
}
.footer-img .form-check .form-check-input
{
    margin-left: unset;
}
.footer-img label.form-check-label
{
   color: white;
   margin-left: 20px;
}
.poll dt.choice-title.not-current-selection
{
    color: white;
}
.poll .percent
{
    color: white;
}
.poll dt.choice-title.is-current-selection
{
    color: white;
}
.poll h3.poll-results-title
{
    color: white;
}
.poll .total
{
    color: white;
}

.poll
{
    padding-top: 30px;
}
div#edit-actions--sVlDVu6ALZA
{
   display: flex;
}
.poll #edit-actions--q8t_vdqrzaE input
{
    background-color: #102e59;
    width: 40%;
    border: 0;
}
input#edit-result--1EJAwHFuJKA
{
    background-color: #102e59;
    width: 40%;
    border: 0;
}
.slider .flex-direction-nav a
{
    height : 60px;
}
.slider .flex-control-nav
{
   bottom: 159px;
   z-index:8;
   display:none;
}
.services
{
	margin-top: -100px;
    z-index: 8;
    height: 250px;
    position: relative;
}
.services .ser-img img
{
    width: 43%;
    height: auto;
}
.services .all .ser-img-dark{
    display:none;
}
.services .all:hover .ser-img-dark{
    display:block;
}
.services .all:hover .ser-img-light{
    display:none;
}
.services .ser-img 
{
   width: 100%;
   text-align: center;
   height: auto;
}
.services .ser-title h1 a
{
   font-size: 12px;
   color: black;
   text-decoration: none;
}
.services .ser-title h1 a:hover
{
color: #6282A7;
}
.services .ser-title
{
    width: 100%;
    height: auto;
    text-align: center;
}
#block-views-block-january-block-1 #widget_pager_top_january-block_1
{
    overflow-x: hidden;
    height: 340px;
    border-radius: 10px;
}
#block-views-block-january-block-3 #widget_pager_top_january-block_3
{
    overflow-x: hidden;
    height: 340px;
}
#block-views-block-january-block-2 #widget_pager_top_january-block_2
{
    overflow-x: hidden;
    height: 340px;
}
#block-views-block-january-block-4 #widget_pager_top_january-block_4
{
    overflow-x: hidden;
    height: 340px;
}
#block-views-block-january-block-5 #widget_pager_top_january-block_5
{
    overflow-x: hidden;
    height: 340px;
}
#block-views-block-january-block-6 #widget_pager_top_january-block_6
{
    overflow-x: hidden;
    height: 340px;
}
#block-views-block-january-block-7 #widget_pager_top_january-block_7
{
    overflow-x: hidden;
    height: 340px;
}
#block-views-block-january-block-8 #widget_pager_top_january-block_8
{
    overflow-x: hidden;
    height: 340px;
}
#block-views-block-january-block-9 #widget_pager_top_january-block_9
{
    overflow-x: hidden;
    height: 340px;
}
#block-views-block-january-block-10 #widget_pager_top_january-block_10
{
    overflow-x: hidden;
    height: 340px;
}
#block-views-block-january-block-11 #widget_pager_top_january-block_11
{
    overflow-x: hidden;
    height: 340px;
}
#block-views-block-january-block-12 #widget_pager_top_january-block_12
{
    overflow-x: hidden;
    height: 340px;
}
.services .col{
	
}
.services .all
{
    width: 100%;
    height: auto;
    min-height: 200px;
    background-color: #4b2e83;
    border: 1px solid #fff;
    border-radius: 0;
    padding-top: 25px;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    transition-duration: .3s;
}
.services .all:hover
{
    box-shadow: 0 0 12px rgba(7, 18, 168, 0.7);
	transform: scale(1.3);
	background-color: #694293;
	color:#b7a57a;
}
.services .all:hover h1,  
.services .all:hover a
{
	color:#b7a57a;
}
.footer-img .js-form-item.js-form-type-radio.radio.form-check.js-form-item-choice.form-item-choice
{
    background: white;
    border-radius: 5px;
    padding: 10px 8px;
    width: 75%;
    margin: 10px 0;
}
.footer-img label.form-check-label
{
    color: black;
    font-size: 16px;
}
.footer-img #edit-actions 
{
    display: flex;
    width: 92%;
}
.footer-img #edit-actions #edit-vote
{
    margin-right: 10px;
    background: #4b2e83;
    border: 1px solid #ccc;
}
.page-node-89 .news-section2
{
   background-color: unset;
}
.page-node-28 p
{
    text-align: justify;
}
.footer-img #edit-actions #edit-result
{
    background: #4b2e83;
    border: 1px solid #ccc;
}
.footer-img #edit-vote--co--wZuqF1E
{
    margin-right: 10px;
    background: #4b2e83;
    border: 0;
} 
.footer-img #edit-result--Sp3JNGl_0XQ
{
    background: unset;
    border: 0;
}
.footer-img #edit-actions--hSghI7mj3Gw
{
    display: flex;
    width: 92%;
}
[dir="rtl"] .col-top-header ul li
{
    border-right: 1px solid #616060;
    border-left:unset;
}
[dir="rtl"] .top-header .col-top-header2 ul
{
   float: right;
}
[dir="rtl"] .owl-wrapper-outer 
{
   direction: ltr;
}


[dir="rtl"] .brand-section .owl-theme .owl-controls .owl-next
{
    right: 1136px !important;
}
[dir="rtl"] .brand-section .owl-theme .owl-controls .owl-prev
{
    left: 10px !important;
}

[dir="rtl"] .col-lg-1, [dir="rtl"] .col-lg-10, [dir="rtl"] .col-lg-11, [dir="rtl"] .col-lg-12, [dir="rtl"] .col-lg-2, [dir="rtl"] .col-lg-3, [dir="rtl"] .col-lg-4, [dir="rtl"] .col-lg-5, [dir="rtl"] .col-lg-6, [dir="rtl"] .col-lg-7, [dir="rtl"] .col-lg-8, .col-lg-9, [dir="rtl"] .col-md-1, [dir="rtl"] .col-md-10, [dir="rtl"] .col-md-11, [dir="rtl"] .col-md-12, [dir="rtl"] .col-md-2, [dir="rtl"] .col-md-3, [dir="rtl"] .col-md-4, [dir="rtl"] .col-md-5, [dir="rtl"] .col-md-6, [dir="rtl"] .col-md-7, [dir="rtl"] .col-md-8, [dir="rtl"] .col-md-9, [dir="rtl"] .col-sm-1, [dir="rtl"] .col-sm-10, [dir="rtl"] .col-sm-11, [dir="rtl"] .col-sm-12, [dir="rtl"] .col-sm-2, [dir="rtl"] .col-sm-3, [dir="rtl"] .col-sm-4, [dir="rtl"] .col-sm-5, [dir="rtl"] .col-sm-6, [dir="rtl"] .col-sm-7, [dir="rtl"] .col-sm-8, [dir="rtl"] .col-sm-9, [dir="rtl"] .col-xs-1, [dir="rtl"] .col-xs-10, [dir="rtl"] .col-xs-11, [dir="rtl"] .col-xs-12, [dir="rtl"] .col-xs-2, [dir="rtl"] .col-xs-3, [dir="rtl"] .col-xs-4, [dir="rtl"] .col-xs-5, [dir="rtl"] .col-xs-6, [dir="rtl"] .col-xs-7, [dir="rtl"] .col-xs-8, [dir="rtl"] .col-xs-9 {
    float: right;
}

[dir="rtl"] .welcome-word-section .welcome-word-title
{
    text-align: justify;
}
[dir="rtl"] .welcome-word-section .welcome-word-title h1::after
{
    left: 2%;
}

[dir="rtl"] .welcome-word-content
{
    text-align: justify;
    direction: rtl;
}
[dir="rtl"] .news-section2 .news-title2 h1::after
{
    left: 9%;
}
[dir="rtl"] .news-section2 .news-title2 h1
{
    text-align: justify;
}
[dir="rtl"] .footer-img .js-form-item.js-form-type-radio.radio.form-check.js-form-item-choice.form-item-choice
{
    padding: 10px 9px 27px;
}

[dir="rtl"] .footer-img label.form-check-label
{
   float: right;
   padding-right: 20px;
}
[dir="rtl"] #block-admissionandregistration
{
   text-align: justify;
}
[dir="rtl"] .footer-img .footer-content h2::after
{
    left: 35%;
}
[dir="rtl"] .footer-img .footer-content ul
{
 
}
[dir="rtl"] #block-privacypolicy-menu
{
    text-align: justify;
}
[dir="rtl"] #block-contactinformation
{
    text-align: justify;
}
[dir="rtl"] #block-mostrecentpoll
{
    text-align: justify;
}
[dir="rtl"] .footer-img .copyright span
{
    text-align: right;
}
[dir="rtl"] .footer-img .copyright .one
{
    float: left;
}
.nav-header #block-imagesheader p img
{
    width: 35%;  
}

[dir="rtl"] .slider .owl-theme .owl-controls .owl-buttons .owl-prev
{
    left: -65px;
}
[dir="rtl"] .slider .owl-theme .owl-controls .owl-buttons .owl-next
{
    right: 1469px;
}
.news-section ul 
{
   width: 100%;
   height: auto;
}
.news-section ul li{
   padding: 20px 3px;
}
.news-section ul li:nth-child(3){
   padding: 20px 3px 20px 20px;
}
.news-section ul li:nth-child(4){
   padding: 20px 20px 20px 3px;
}
.news-section ul li a{	
	transition-duration: .6s;
    color: black;
    text-decoration: none;
    padding: 5px 14px;
    display: inline-block;
}
.news-section ul li a.active{
    background: #4b2e83;
    color: #fff;
}
.news-section ul li a:hover{
	background: #edebeb;
    color: #4b2e83;
    transform: scale(1.2);
}
.news-section ul li a.active:hover{
    background: #4b2e83;
    color: #fff;
}
.news-section
{
    padding: 50px 0;
}
.tab-content .img-div
{
   width: 100%;
   height: auto;
}
.tab-content .img-div img
{
   width: 100%;
   height: auto;
}
.news-section .link a
{
    padding: 7px 21px 9px;
    background: #4b2e83;
    border-radius: 10px;
    color: white;
    font-size: 13px;
    text-decoration: none;
}
.news-section .link 
{
    margin-top: 30px;
}
.news-section2 .news2 .news-content h1 p::after
{
   display: none;
}
.news-section2 .news2 .news-content h1 p
{
   font-size: 12.2px;
   padding: 4px 7px 7px;
}
.news-content2
{

}
[dir="rtl"] .brand-section .owl-carousel .owl-wrapper-outer
{
    direction: ltr;
}
#ak h2
{
   font-size: 16px;
}
.news-section .view-empty{
	padding: 10px 0;
}
.header-mobile-section
{
    display: none;
}
.brand-section .owl-carousel .owl-wrapper-outer {
padding: 20px 0;
}
[dir="rtl"] #block-college-page-title .title
{
   text-align: center;
}
[dir="rtl"] #block-college-content 
{

}
#block-views-block-word-section-block-2 .content p
{
    text-align: justify;
    font-size: 15px;
    margin-top: 25px;
}
#block-views-block-about-us-block-1 .about-body
{
   font-size: 15px;
}

[dir="rtl"] .dialog-off-canvas-main-canvas
{
   overflow: hidden;
}

.services .all h1
{
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    margin-top: 20px;
}
.services .all h1:hover
{
    color: #b7a57a;

}
.services .all:hover
{

}

[dir="rtl"] .footer-img .footer-content ul li a {
    padding: 0;
}
[dir="rtl"] .footer-img .footer-content h2 {
    text-align: justify;
}
#block-college-page-title .title
{
    text-align: center;
}
#block-privacypolicy-2
{
    text-align: justify;
}
#block-webform--2
{
    max-width: 650px;
    margin: 0 auto;
}

[dir="rtl"] #block-webform form#webform-submission-contact-node-24-add-form label
{
   float: right;
}
[dir="rtl"] #block-webform form#webform-submission-contact-node-24-add-form button
{
   float: right;
}
#block-webform form#webform-submission-contact-node-24-add-form
{
    max-width: 650px;
    margin: 0 auto;
    padding: 0 0;
}
.success-content{
    border: 1px solid #ccc;	
	transition: .4s;
}
.success-content:hover{
transform: scale(1.1);
}
.success .success-img
{
   width: 100%;
   height: auto;
}
.success .success-img img
{
   width: 100%;
   height: auto;
}
.success .success-title
{
   width: 100%;
   height: auto;
}
.success .success-title h1
{
    font-size: 17px;
    text-align: center;
    color: black;
    padding: 20px 0;
}
.success .success-title h1 a
{
    color: black;
    text-decoration: none;
	font-weight: bold;
}
.success .success-title h1 a:hover{
	color:#4b2e83;
}
.success
{
    margin-top: 50px;
    margin-bottom: 50px;
}
/**********************************/
.view-id-pictures_and_activities{
	
}
.pictures-activities-content{
    border: 1px solid #ccc;	
	transition: .4s;
	margin-bottom: 31px;
}
.pictures-activities-content:hover{
transform: scale(1.1);
}
.pictures-activities-content .views-field-field-image
{
    width: 100%;
    height: 250px;
    overflow: hidden;
}
.pictures-activities-content .views-field-field-image img
{
   width: 100%;
   height: auto;
}
.pictures-activities-content .views-field-title
{
   width: 100%;
   height: auto;
}
.pictures-activities-content .views-field-title
{
    font-size: 17px;
    text-align: center;
    color: black;
    padding: 20px 0;
}
.pictures-activities-content .views-field-title a
{
    color: black;
    text-decoration: none;
	font-weight: bold;
}
.pictures-activities-content .views-field-title a:hover{
	color:#4b2e83;
}
#block-views-block-service-sec-block-2 .ser-img
{
   width: 100%;
   height: auto;
   text-align: center;
}
#block-views-block-service-sec-block-2 .ser-img img
{
   width: 30%;
   max-height: 59px;
   height: auto;
}
#block-views-block-service-sec-block-2 .ser-title h1 
{
   text-decoration: none;
   font-size: 17px;
   text-align: center;
   padding: 30px 0;
}
#block-views-block-service-sec-block-2 .ser-title h1 a
{
   color: black;
   text-decoration: none;
}

[dir="rtl"] #block-termsofuse h1
{
   text-align: justify;
}
[dir="rtl"] #block-termsofuse p
{
   text-align: justify;
}



.scale-up1{
    zoom: 1.08;
  }
  .scale-up2{
    zoom: 1.15;
  }
  .scale-up3{
    zoom: 1.19;
  }
  .scale-down1{
    zoom: 0.9;
  }
  .scale-down2{
    zoom: 0.8;
  }
  .scale-down3{
    zoom: 0.78;
  }
  .font-plus1{
    color: #1188FF !important; ;
    transform: scale(1.2);
  }
  .font-plus2{
    transform: scale(1.5);
    color: #1188FF !important; ;
  }
  .font-plus3{
    color:#1188FF !important ;
    transform: scale(1.8);
  }
  .font-minus1{
    color: #1188FF !important; ;
    transform: scale(0.9999);
  }
  .font-minus2{
    color: #1188FF !important; ;
    transform: scale(0.9);
  }
  .font-minus3{
    color: #1188FF !important; ;
    transform: scale(0.87);
  }

  [dir="rtl"] .dropdown-item
  {
     text-align: right;
  }
   .dropdown-item
  {
    padding: 0.5rem 0.5rem !important;
  }
  .dropdown-item 
  {
    border-bottom: 1px solid #c2bcbc !important;
  }
  ul.dropdown-menu.show li a
{
    white-space: pre-line;
}
  ul.clearfix.nav li a
  {
    transition: 0.8s;
  }
  .nav-header ul li a:hover::after{
    width: 100%;
}

  .slider [dir="rtl"] .slick-next:before, .main-slider .slick-prev:before, .flex-direction-nav a:before, [dir="rtl"] .flex-direction-nav a:before
  {
     content:url(../img/prv.png);
     font-size: 24px;
    color: #dddfe0;
  }

  .slider [dir="rtl"] .slick-prev:before, .main-slider .slick-next:before, .flex-direction-nav a.flex-next:before, [dir="rtl"] .flex-direction-nav a.flex-next:before
  {
   
    content: url(../img/next.png);
    font-size: 24px;
   color: #dddfe0;
  }

  .flexslider:hover .flex-direction-nav a, .flexslider:hover .flex-direction-nav a
  {
    display: block;
  }
  .flexslider .flex-direction-nav a, .flexslider .flex-direction-nav a
  {
    display: none;
  }

.slider .flexslider {
    margin: 0 0 0;
}
  
 .page-title {
  
    color: white;
}
div#block-almarkaz-page-title h1 {
    padding: 1rem;
    background-repeat: no-repeat;
    background-size: 100%;
}




.page-title {
    background-image: url(/themes/college/assets/img/collage.jpg);
    background-size: cover;
    padding: 6rem 0 6rem;
    background-position: center -193px;
}


#ak .content
{
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.8em;
}

[dir="ltr"] .vote-form .fieldset-wrapper >div > div
{

    transition: .3s;
}

[dir="ltr"] .vote-form .fieldset-wrapper >div > div:hover
{
    transform: translate(3px,2px);
}

[dir="rtl"] .vote-form .fieldset-wrapper >div > div:hover
{
    transform: translate(-3px,2px);
}
[dir="rtl"] .vote-form .fieldset-wrapper >div > div
{
    transition: .3s;
}

[dir="ltr"] .footer-img .footer-content h2::after
{
    top: 12%;
}

.site-footer .block
{
    padding: 0;
    margin: 0;
    border: 0;
}


.site-footer

{
    padding: 0;
}


.info-boxes .info-box
{
    position: relative;
    margin-bottom: 30px;
    animation-duration: 3s;
}

.info-boxes .info-box .inner-box
{
	position: relative;
    display: block;
    padding: 19px 20px;
    background: #25283a;
    text-align: center;
    margin: 2rem;
    border-radius: 20px;
    overflow: hidden;
    transition: 0.5s;
    height: 280px;
	transition-duration: .3s;
}
.info-boxes .info-box .inner-box:hover{
	transform: scale(1.2);
}
.phone-number-customm {
    direction: ltr;
    display: inline-block;
}
.info-box ul li
{
    position: relative;
    line-height: 24px;
    list-style: none;
}
.info-box .icon-box
{
    position: relative;
    display: inline-block;
    font-size: 52px;
    padding-top: 15px;
    line-height: 1.1em;
    color: #ffffff;
    text-align: left;
    margin: 0 0 28px;
}

.info-box h4
{
    position: relative;
    font-size: 24px;
    color: #ffffff;
    font-weight: 400;
    letter-spacing: 0.03em;
    text-transform: capitalize;
    margin: 0 0 15px;
}

.info-box ul
{
    position: relative;
    color: #ffffff;
    max-width: 250px;
    margin: 0 auto;
    padding: 0;
}

.info-box .icon-box:after
{
    content: '';
    position: absolute;
    left: 20px;
    top: 0px;
    width: 60px;
    height: 60px;
    background: #ffffff;
    border-radius: 50%;
    opacity: 0.15;
}

.info-boxes .info-box:nth-child(3) .image-layer:before
{
    background: #db840e;
}
.info-boxes .info-box:nth-child(2) .image-layer:before
{
    background: rgb(32, 25, 25);
}
.info-box ul li a
{
    color: #ffffff;
    text-decoration: none;
    display: block;
    transition: 0.4s;
}
.info-box ul li a:hover
{
    color: #ddd;
}

*::-webkit-scrollbar-thumb
{
    background-color: #b7a57a;
}
*::-webkit-scrollbar-track
{
    background-color: #4b2e83;
}
*::-webkit-scrollbar
{
    width: 15px;
}

.info-boxes .info-box .inner-box .image-layer:before
{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.90;
    -webkit-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.contact-section .outer-container
{
    position: relative;
}
.contact-section .form-column
{
    position: relative;
    float: left;
    width: 50%;
    padding: 0 0px;
    text-align: center;
}
.contact-section .form-column .inner
{
    position: relative;
    display: block;
    max-width: 680px;
    margin: 0 auto;
    padding: 0px 20px;
}
.contact-section .sec-title
{
    position: relative;
    margin-bottom: 0;
}
.sec-title .sub-title
{
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    font-style: italic;
    letter-spacing: 1px;
    margin-bottom: 15px;
    color: #1188FF;
}
.sec-title h2
{
    position: relative;
    display: block;
    font-size: 40px;
    line-height: 1.2em;
    font-weight: 400;
    text-transform: capitalize;
}
.contact-form .form-group input
{
    
    position: relative;
    display: block;
    height: 45px;
    width: 100%;
    font-size: 15px;
    color: #25283a;
    line-height: 30px;
    font-weight: 400;
    padding: 14px 20px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 7px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.map-column iframe
{
    width: 100%;
    height: 100%;
}
.region-contacts-form fieldset
{
    text-align: justify;
}

.contact-section .map-column
{
    position: absolute;
    float: right;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    text-align: center;
}

.about-image
{
    max-width: 96%;
    padding: 1rem;
    border: 1px solid #b3b3b3;
}
.about-image img
{
    width: 100%;
    height: auto;
}
.about-content
{
    text-align: justify;
}
.about-tittle h1
{
color:#4b2e83 ;
}
.nav-header .row
{
   align-items: center;
}

.certification-img .images
{
   width: 100%;
   height: auto;
}
.certification-img .images img
{
   width: 100%;
   height: auto;
}
#block-views-block-study-plans-block-1 .hover
{
    position: absolute;
    inset: 0;
    text-align: center;
    font-size: 17px;
    color: white;
    transition: .5s;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
    text-align: center;
}
#block-views-block-study-plans-block-1 .hover a
{
    background-color: #651b97;
    color: white;
    border: 0;
    margin-top: 10px;
    padding: 15px 25px;
    font-size: 17px;
    text-decoration: none;
    border-radius: 5px;
}
#block-views-block-study-plans-block-1 .certification-img:hover
{
    transform: scale(1.05);
}
#block-views-block-electronic-forms-block-1 .admission-img
{
    transition: .6s;
    text-align: center;
    border: 1px solid #b7a57a;
    padding: 10px;
    margin: 0 0 20px 0;
    height: 103px;
}
#block-views-block-electronic-forms-block-1 .admission-img a {
    color: #4b2e83;
    font-weight: bold;
}
#block-views-block-electronic-forms-block-2 .admission-img
{
    transition: .6s;
    text-align: center;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 0 0 20px 0;
    height: 155px;
}
#block-views-block-admission-block-2 .admission-img {
  padding-bottom: 20px;
  transition: .6s;
}
#block-views-block-facilities-and-services-block-1,
#block-views-block-facilities-and-services-block-2,
#block-views-block-facilities-and-services-block-4{
    padding-top: 70px;
    display: inline-block;
    width: 100%;	
}
.certification-img .images
{
    border: 1px solid #b3b3b3;
    max-width: 96%;
    padding: 1rem;
}
.certification-img:hover #block-views-block-study-plans-block-1 .hover
{
    opacity: 1;
    z-index: 9999;
}
.certification-img .hover h1
{
    font-size: 26px;
    max-width: 80%;
}
.certification-img:hover .images img {
    transition: .5s;
    filter: brightness(0.3);
}

.certification-img .images:hover #block-views-block-study-plans-block-1 .hover
{
   opacity: 1;
   z-index: 9999;
}




.admission-img .images
{
    display: inline-block;
    max-height: 224px;
    overflow: hidden;
    text-align: center;
    position: relative;
    max-width: 100%;
}
.view-admission-.view-display-id-block_3 .admission-img .images
{
display: inline-block;
    max-height: 224px;
    overflow: hidden;
    text-align: center;
    position: relative;
    max-width: 100%;
    box-shadow: 0 0 7px #555;
    min-height: 200px;
    width: 100%;
}
.admission-img .images img
{
    width: 100%;
    border-radius: 0;
}
.page-node-165 .admission-img .images img
{    margin-top: -89%;
}
#block-views-block-admission-block-1 .admission-img .images {
    width: 100%;
    height: auto;  
}
#block-views-block-admission-block-2 .admission-img .images {
    display: inline-block;
    max-height: 224px;
    overflow: hidden;
    text-align: center;
    position: relative;
    max-width: 100%;
    box-shadow: 0 0 7px #555;
	    min-height: 200px;
		    width: 100%;
}
#block-views-block-admission-block-1 .col-md-3
{
    padding: 50px 5px;
}

#block-views-block-admission-block-1 .hover
{
    position: absolute;
    inset: 0;
    text-align: center;
    font-size: 17px;
    color: white;
    transition: .5s;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
    text-align: center;
}
#block-views-block-admission-block-1 .hover h1
{
    font-size: 26px;
    max-width: 80%;
}
#block-views-block-admission-block-1 .hover a
{
    background-color: #1b5197;
    color: white;
    border: 0;
    margin-top: 10px;
    padding: 10px 25px;
    font-size: 17px;
    text-decoration: none;
    border-radius: 50px;
}
.darkmode .news-section2 .news2 .news-content p
{
    color: white;
}
.darkmode #block-views-block-word-section-block-3 .content p
{
    color: white;
}
.darkmode #block-views-block-about-us-block-2 ul li
{
    color: white;
}
.darkmode .nav-header .nav-content-class .nav-content ul li a
{
   color: white;
}
.darkmode .news-section2 .news-content2 h1 a
{
    color: white;
}
.darkmode #block-views-block-board-of-trustees-block-2 .board-content h1
{color: white;
    }
.darkmode #block-views-block-board-of-trustees-block-1 .board-content h1
{
    color: white;
}
.darkmode #block-views-block-word-section-block-2 .content p
{
    color: white;
}
.darkmode #block-views-block-about-us-block-2 .about-body p
{
    color: white;
}
.darkmode .dropdown-item a
{
   color: #7D7D7D;
}
.darkmode article.node.node--type-word-section.node--view-mode-full.clearfix .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p
{
    color: white;
    }
    .darkmode #block-views-block-about-us-block-1 .about-body p
    {
       color: white;
    }
div#views_slideshow_cycle_div_january-block_1_2
{
    width: 100% !important;
}
#block-views-block-electronic-forms-block-2 .admission-img:hover,
#block-views-block-electronic-forms-block-1 .admission-img:hover
{
    transform: scale(1.05);    box-shadow: 5px 3px 18px #4b2e83;
}
.admission-img .images img {
    transition: .5s;
    filter: brightness(0.6);
}
.admission-img:hover .images img {
    transition: .5s;
    filter: brightness(0.3);
}
.page-node-118 .admission-img .images img {
    margin-top: -226px !important;
}
.page-node-119 .admission-img .images img {
    margin-top: -97px !important;
}
.admission-img img
{

}
.webform-signature-pad {
    z-index: 1;
}
.webform-signature-pad .button {
    position: absolute;
    z-index: 100;
    top: 2px;
    right: 2px;
    bottom: 2px;
    top: unset;
}
#block-views-block-news-section2-block-2 .news-section2
{
   background-color: unset;
   padding: unset;
}
#block-views-block-news-section2-block-2 .news2-inner
{
    margin: 15px;
    box-shadow: 0 2px 7px 6px rgb(0 0 0 / 7%), 0 5px 4px 0 rgb(0 0 0 / 10%);
    padding: 10px;
    border-radius: 10px;
    height: 320px;
    transition: 0.4s;
    overflow: hidden;
}
#block-views-block-news-section2-block-2 .news2-inner p
{
   font-size: 15px;
   margin: 0;
}
#block-views-block-news-section2-block-2 .news2-inner h2
{
   font-size: 15px;
   padding-right: 5px;
}

#block-views-block-news-section2-block-2 .news-content2
{
   display: flex;
}

#block-views-block-news-section2-block-2 .news2-inner img
{
   width: 100%;
   height: auto;
   min-height: 190px;
   max-height: 190px;
   object-fit: fill;
}

#block-college-content
{
    display: inline-block;
}

#block-views-block-news-section2-block-2 .news-content
{
    padding: 10px;
}
[dir="rtl"] #block-views-block-news-section2-block-2 h2
{
    font-size: 24px;
}
#block-views-block-news-section2-block-2 h2
{
    margin: 10px 0 0.5em;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
}
#block-views-block-news-section2-block-2 .view-footer a
{
    background-color: #4b2e83;
    padding: 9px 30px;
    font-size: 12px;
    color: white;
    text-decoration: none;
    border: 1px solid transparent;
    display: inline-block;
    font-weight: bold;
    float: right;
    margin: 0 10px 10px;  
}
#block-views-block-news-section2-block-2 .view-footer a:hover
{
    background-color: #b7a57a;
    color: #000;
    transition: .9s;
    transform: scale(1.1); 
}
[dir="rtl"] #block-views-block-news-section2-block-2 .news2-inner h2
{
   padding-right: 0;
   padding-left: 5px;
   padding-top: 3px;
}
[dir="rtl"] #block-views-block-news-section2-block-2 h2
{
    text-align: justify;
}
[dir="rtl"] .main-content
{
   text-align: justify;
}
.main-content
{

   margin-top: 30px;
   margin-bottom: 30px;
}
#block-views-block-news-section2-block-2
{
   margin-top: 5px;
}
#block-views-block-service-sec-block-3 .all
{    text-align: center;
    padding: 20px 0;
    margin: 15px 70px;
    box-shadow: 0 2px 7px 6px rgb(0 0 0 / 15%), 0 5px 4px 0 rgb(0 0 0 / 13%);
}
#block-views-block-service-sec-block-3 .ser-title a
{
    color: black;
    text-decoration: none;
    font-size: 15px;
}
#block-views-block-service-sec-block-3
{
    text-align: justify;
}

#block-views-block-service-sec-block-3 .ser-title a:hover
{
    color: #1188FF;
}
#block-views-block-service-sec-block-3 h2
{
    margin: 0 0 0.5em;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
}


.icon-box i
{
    color: white;
}
article.node.node--type-word-section.node--view-mode-full.clearfix .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item p
{
    text-align: justify;
}


.all-artcles-cart h1 
{
    margin: 0;
}

.all-artcles-cart h2
{
    margin: 0;
}
.all-artcles-cart
{
    display: inline-block;
    width: 85%;
    height: auto;
    transition: 1s;
    padding: 0 10px;
    border-radius: 5px;
    transition: 2s;
}
.all-artcles-cart-date
{
    display: inline-block;
    width: 100%;
}
div#views_slideshow_cycle_div_january-block_1_1
{
    width: 100%;
    overflow: none !important;
    height: auto;
}

[dir="rtl"] .all-artcles-cart-date
{
   text-align: justify;
}
.all-artcles-cart-date h2
{
	color: #5a5a5a;
    font-size: 16px;
    margin: 10px 0 0 0;
    border-bottom: 1px dashed #ccc;
    padding: 0 0 10px 0;
}
.callender-pane-all .view-content .views-row:last-child .all-artcles-cart-date h2
{
    border-bottom: none;
}
.all-artcles-cart-date h1
{
    text-decoration: none;
    color: #2a2929;
    font-size: 17px;
    font-weight: bold;
    margin-top: 15px;
    text-align: right;
}
div#views_slideshow_cycle_teaser_section_january-block_2
{
    width: 100%;
overflow: none !important;
    height: auto;
}
div#views_slideshow_cycle_main_january-block_2
{
    display: inline-block;
    width: 50%;
    float: left;
}

div#views_slideshow_cycle_teaser_section_january-block_3
{
    width: 100%;
    overflow: none !important;
    height: auto;
}
div#views_slideshow_cycle_main_january-block_3
{
    display: inline-block;
    width: 50%;
    float: left;
}


div#views_slideshow_cycle_teaser_section_january-block_4
{
    width: 100%;
}
div#views_slideshow_cycle_main_january-block_4
{
    display: inline-block;
    width: 50%;
    float: left;
}
#block-college-content img
{
    width: 100%;
    height: auto;
}
.field.field--name-field-news-date.field--type-datetime.field--label-hidden.field__item
{
    text-align: center;
    margin-bottom: 30px;
}
div#views_slideshow_cycle_teaser_section_january-block_5
{
    width: 100%;
}
div#views_slideshow_cycle_main_january-block_5
{
    display: inline-block;
    width: 50%;
    float: left;
}


div#views_slideshow_cycle_teaser_section_january-block_6
{
    width: 100%;
}
div#views_slideshow_cycle_main_january-block_6
{
    display: inline-block;
    width: 50%;
    float: left;
}


div#views_slideshow_cycle_teaser_section_january-block_7
{
    width: 100%;
}
div#views_slideshow_cycle_main_january-block_7
{
    display: inline-block;
    width: 50%;
    float: left;
}


div#views_slideshow_cycle_teaser_section_january-block_8
{
    width: 100%;
}
div#views_slideshow_cycle_main_january-block_8
{
    display: inline-block;
    width: 50%;
    float: left;
}



div#views_slideshow_cycle_teaser_section_january-block_9
{
    width: 100%;
}
div#views_slideshow_cycle_main_january-block_9
{
    display: inline-block;
    width: 50%;
    float: left;
}


div#views_slideshow_cycle_teaser_section_january-block_10
{
    width: 100%;
}
div#views_slideshow_cycle_main_january-block_10
{
    display: inline-block;
    width: 50%;
    float: left;
}



div#views_slideshow_cycle_teaser_section_january-block_11
{
    width: 100%;
}
div#views_slideshow_cycle_main_january-block_11
{
    display: inline-block;
    width: 50%;
    float: left;
}


div#views_slideshow_cycle_teaser_section_january-block_12
{
    width: 100%;
}
div#views_slideshow_cycle_main_january-block_12
{
    display: inline-block;
    width: 50%;
    float: left;
}

.all-artcles-cart-date h1 a:hover
{
    color: #651b97;
    zoom: 1;
}
.articles-show
{
    text-align: center;
}
.articles-show a
{
   text-decoration: none;
   color: black;
}
.articles-show a:hover
{
    color: #1188FF;
    text-decoration: none;
}
.all-artcles-cart-txt p
{
    font-size: 14px;
    color: #cacaca;
    border-left: 1px solid #cacaca;
    padding-left: 10px;
    line-height: 15px;
    margin-top: 13px;
}
.articles-container-all
{
    display: inline-block;
    width: 100%;
    height: auto;
}
.articles-container
{
    display: inline-block;
    width: 100%;
    height: auto;  
}
.views-slideshow-controls-top.clearfix
{
    margin-top: 22px;
}
.articles-container-all .articles-show .views-field.views-field-field-tabs-img img
{
    max-width: 100%;
    width: auto;
    height: auto;
	max-height: 340px;
    float: left;
    margin-top: 22px;
    padding: 0 20px;
}
.articles-container-all .articles-show .views-field.views-field-field-tabs-img
{
    display: inline-block;
    width: 100%;
    float: left;
}

.views-slideshow-controls-top.clearfix
{
    display: inline-block;
    width: 50%;
    float: right;}

    div#views_slideshow_cycle_teaser_section_january-block_1
    {
        display: inline-block;
        width: 50%;
        float: left;
    }
   

    .about-image img
    {
        max-height: 400px;
        min-height: 400px;
    }
    #block-views-block-about-us-block-1:nth-child(3)
    {
        flex-wrap: wrap-reverse;
        flex-direction: row-reverse;
    }


    #block-views-block-word-section-block-2 .welcome-word-content .all h1
    {
        text-align: center;
    }
    #block-views-block-word-section-block-3 .welcome-word-content .all h1
    {
        text-align: center;
    }


    #block-views-block-word-section-block-3 .content p
    {
       font-size: 15px;
       text-align: justify;
       margin-top: 25px;
    }
    #block-views-block-about-us-block-2 ul
    {
       padding: 0;
    }
    [dir="rtl"] #block-views-block-about-us-block-2 ul li
    {
        padding: 10px 0;
    }
    #block-views-block-about-us-block-2 ul li 
    {
       font-size: 15px;
    }
    #block-views-block-about-us-block-2 .about-body p
    {
       margin-top: 25px;
    }
    .dropdown-menu.show
    {
        width: 230px !important;
    }
	
#block-views-block-board-of-trustees-block-1 .views-row:first-child{
	width: 100% !important;
    flex: 0 0 100%;
    max-width: 100%;	
}
#block-views-block-board-of-trustees-block-1 .views-row:first-child > div{
width: 25% !important;
    flex: 0 0 25%;
    max-width: 25%;
    margin: 0 auto;	
}	
    #block-views-block-board-of-trustees-block-1 .board-img
   {
        width: 100%;
        height: auto;
   }
   #block-views-block-board-of-trustees-block-1 .board-img img
   {
    width: 100%;
    height: auto;
    object-fit: fill;
   }
   #block-views-block-board-of-trustees-block-1 .board-content h1
   {
    font-size: 14px;
    text-align: center;
    padding: 12px 5px;
    border: 1px solid gray;
    min-height: 65px;
    max-height: 90px;
   }
   #block-views-block-board-of-trustees-block-2 .board-img
   {
    width: 100%;
    height: auto;
   }

   #block-views-block-board-of-trustees-block-2 .board-img img
   {
        width: 100%;
        height: auto;
        min-height: 400px;
        max-height: 400px;
        object-fit: fill;
   }
   #block-views-block-board-of-trustees-block-2 .board-content h1
   {
    font-size: 20px;
    text-align: center;
    padding: 20px;
    border: 1px solid gray;
    min-height: 90px;
    max-height: 90px;
   }
   #block-views-block-news-section2-block-2 .news-content2 h1 
   {
       line-height: .6;
   }
   .footer-img .footer-content ul li span
   {
       transition: .5s;
   }
   
  .node .field--type-image
  {
    float: unset !important; 
  } 
  article.node.node--type-news-section2.node--view-mode-full.clearfix .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item
  {
      text-align: justify;
  }
  #block-views-block-news-section2-block-2 .news-content2 h1 a
{
    transition: .5s;
}
#block-views-block-news-section2-block-2 .news-content2 h1 a:hover
{
   color: #1188FF;
}
#block-views-block-news-section2-block-2 .news-content2 h1 a
{
  line-height: 0;
  text-decoration: none;
  font-size: 15px;
  color: black;
  line-height: 0;
}
.news-section2 .news-content2 h1 a
{
    text-decoration: none;
    color: black;
    padding-left: 4px;
}
[dir="rtl"] .news-section2 .news-content2 h1 a
{
    padding-left: 8px;
}
.news-section2 .news-content2 h1 a:hover
{
    color: #4b2e83;
}
.custom-container{
    display: flex;
    justify-content: center;
    position: relative;
    margin: 0 auto;
    max-width: 1488px;	
}
.region-main-menu > nav ul li{
    position: relative;
}

.region-main-menu > nav ul li ul li{
	position: relative;
    padding: 3px 0 !important;
}
.region-main-menu > nav ul li a{
    position: relative;
}
.region-main-menu > nav > ul >  li > a{
	    padding: 10px 14px;
}
.region-main-menu > nav ul li a::after{

}
[dir="rtl"] .region-main-menu > nav ul li a::after{
	right:unset;
	left: 0;
}
.region-main-menu > nav ul li a:hover::after{

}

.region-main-menu > nav ul li a::after{
    
    transition: 0.6s;
}
.region-main-menu > nav > ul > li > a::before{
	z-index: 99;
    background: #4b2e83;
    height: 5px;
    width: 0;
    opacity: 0;
    content: "";
    margin: 0 auto;
    display: block;
    position: absolute;
    left: 50%;
    top: 42px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;

}
.region-main-menu > nav > ul > li > a:hover::before{
	opacity: 1;
    background: #4b2e83;
    height: 5px;
    width: 100%;
    content: "";
    display: block;
    position: absolute;
    top: 39px;
    left: 0%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	
}
.region-main-menu > nav > ul > li > a.dropdown-toggle::before{
	display:none;
}
.region-main-menu > nav > ul > li > a.dropdown-toggle:hover::before{
	display:none;
}
.region-main-menu > nav ul li li:hover{
	background:none;
}
.region-main-menu > nav > ul > li > a:hover{

}
.region-main-menu > nav ul li:hover ul.dropdown-menu{
	display:block;
}
.region-main-menu > nav ul li ul.dropdown-menu{
    position: absolute;
    inset: 0px 0px auto auto;
    margin: 0px;
    transform: translate3d(0px, 35px, 0px);
	width: auto;
	background: rgb(255,255,255,.8);
	border-top: 5px solid #4b2e83;
	padding: 0 0 !important;
    width: 282px;
    right: unset;	
		
}
.region-main-menu > nav#block-mainmenu2 ul li:nth-child(3) ul.dropdown-menu{
    width: 301px;
}
.region-main-menu > nav#block-mainmenu2 ul li:nth-child(4) ul.dropdown-menu{
    width: 183px;
}
[dir="rtl"] .region-main-menu > nav ul li ul.dropdown-menu{
    right: 0;	
    left: unset;	
		
}
.region-main-menu > nav ul li ul.dropdown-menu a{
	color: #000;
    width: 100%;
    display: inline-block;
	padding: 6px 0;
	    white-space: normal;
}


.region-main-menu > nav ul li ul.dropdown-menu a:hover{
    color: #4b2e83;
    background-color: #E7E7E7;
	padding-right: 10px;
}
.region-main-menu > nav ul li ul li a::before {
    left: inherit;
    right: 35px;
    content: "-";
    padding-right: 0;
    padding-left: 10px;
	opacity: 0;
}
.region-main-menu > nav ul li ul.dropdown-menu a:hover:before {
    opacity: 1;
}
.dropdown-toggle::after
{
    display: inline-block!important;
    background: transparent!important;
    width: auto!important;
    margin: 0 5px;
}
.btn-primary:hover
{
    background-color: white !important;
    border-color: #4b2e83 !important;
    color: #4b2e83 !important;
    box-shadow: none!important;
}
.btn-primary
{
   transition: .5s;
}

.news2
{
    box-shadow: 0 2px 7px 6px rgb(0 0 0 / 7%), 0 5px 4px 0 rgb(0 0 0 / 10%);
    padding: 10px;
    border-radius: 10px;
    height: 389px;
    margin-bottom: 30px;
    transition: 0.4s;
    overflow: hidden;
}
.news-section2 .owl-carousel .owl-item
{

}
.news2:hover
{
    box-shadow: 10px 13px 5px rgb(0 7 0 / 36%);
    transition: .5s;
}
.news2 .all{
    height: 262px;
    overflow: hidden;	
}



/*=======================================================
                Page Loader
========================================================*/
    
#pre-loader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 1);
    z-index: 100000000;
    opacity: 1;
    overflow: hidden;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.loaded #pre-loader {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out;
}


#pre-loader img {
    max-width: 100%;
    width: auto;
}

.gooey {
    width: 142px;
    height: 40px;
    margin: 0 auto;
    background: transparent;
    filter: contrast(1);
}
  .gooey .dot {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 12px;
    left: 15px;
    background: rgba(0, 0, 0, 0.178);
    border-radius: 50%;
    transform: translateX(0);
    animation: dot 2.8s infinite;
  }
  .gooey .dots {
    transform: translateX(0);
    margin-top: 12px;
    margin-left: 31px;
    animation: dots 2.8s infinite;
  }
  .gooey .dots span {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-left: 16px;
    background: #4b2e83;
    border-radius: 50%;
  }
  @-moz-keyframes dot {
    50% {
      transform: translateX(96px);
    }
  }
  @-webkit-keyframes dot {
    50% {
      transform: translateX(96px);
    }
  }
  @-o-keyframes dot {
    50% {
      transform: translateX(96px);
    }
  }
  @keyframes dot {
    50% {
      transform: translateX(96px);
    }
  }
  @-moz-keyframes dots {
    50% {
      transform: translateX(-31px);
    }
  }
  @-webkit-keyframes dots {
    50% {
      transform: translateX(-31px);
    }
  }
  @-o-keyframes dots {
    50% {
      transform: translateX(-31px);
    }
  }
  @keyframes dots {
    50% {
      transform: translateX(-31px);
    }
  }
  

/*=======================================================
            End Page Loader
========================================================*/

  .page-node-4 #block-college-content img
  {
    width: 10% !important;
    height: auto;
  }

  .page-node-4 #block-views-block-service-sec-block-3 img 
  {
    width: 20% !important;
    height: auto;
  }




  nav#navbar-main.affix {
    background-color: #000000e0;
    transition: ease-in-out 0.4s;
}
#navbar-top #block-languageswitcher a:focus{
  background-color: white;
}
.top-header {
  border-bottom: 1px solid #4b2e83;
  display: flex;
  justify-content: end;
  padding-bottom: 0;
}
nav#navbar-top {
  padding-right: 0;
  padding-left: 0;
}
nav#navbar-top > .container {
  display: block;
}
[dir="rtl"] span.ar.nav-link {
  display: none;
}
.navbar-brand {
  margin: 0;
}

#navbar-top a {
  transition: 0.4s;
}
#navbar-top #block-languageswitcher a {
  text-decoration: none;
  background-color: #db840e;
  padding: 0.3rem 1.4rem;
  border-radius: 2px;
  font-size: 13.5px;
  border: 1px solid transparent;
}
#navbar-top #block-languageswitcher a:hover{
    background-color: white;
    color: #db840e;
    border: 1px solid #db840e;
}
#navbar-top #block-languageswitcher span {
  padding-right: 0;
}
#navbar-top #block-languageswitcher span {
  padding-left: 0;
}
[dir="ltr"] span.en.nav-link {
  display: none;
}
div#toolbar-item-administration-tray {
  z-index: 1000000000000000000000000000000;
}


.page-node-116 h1
{
    text-align: justify;
    padding: 20px 0;
    color: #4b2e83;
    font-size: 30px;
}
.page-node-116 ol
{
    text-align: justify;
    padding: 0 20px 0 0;
}
[dir="ltr"] .page-node-116 ol
{
   padding: 0 0px 0 20px;
}
.services .all a
{
   text-decoration: none;
}
.page-node-116 p
{
    text-align: justify;
    padding: 20px 0 0 0;
    font-weight: 600;
    font-size: 16px;
    color: #a55050;
}
#block-views-block-admission-block-2 .admission-img .hover
{
    position: absolute;
    inset: 0;
    text-align: center;
    font-size: 17px;
    color: white;
    transition: .5s;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
    text-align: center;
}
#block-views-block-admission-block-4 .admission-img .hover
{
    position: absolute;
    inset: 0;
    text-align: center;
    font-size: 17px;
    color: white;
    transition: .5s;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
    text-align: center;
}
#block-views-block-admission-block-3 .admission-img .hover
{
    position: absolute;
    inset: 0;
    text-align: center;
    font-size: 17px;
    color: white;
    transition: .5s;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
    text-align: center;
}

#block-views-block-admission-block-3 .admission-img img
{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0;
    max-width: 100%;
    margin: 0 auto;
}
#block-views-block-admission-block-3 .admission-img .hover a
{
    background-color: #1b5197;
    color: white;
    border: 0;
    margin-top: 10px;
    padding: 10px 25px;
    font-size: 17px;
    text-decoration: none;
    border-radius: 0;
}
#block-views-block-admission-block-2 .admission-img img
{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 0;
    max-width: 100%;
    margin: 0 auto;
}  
#block-views-block-admission-block-2 .admission-img .hover a {
background-color: #1b5197;
color: white;
border: 0;
margin-top: 10px;
padding: 10px 25px;
font-size: 17px;
text-decoration: none;
border-radius: 0;
}


#block-views-block-admission-block-4 .admission-img .hover a {
    background-color: #1b5197;
    color: white;
    border: 0;
    margin-top: 10px;
    padding: 10px 25px;
    font-size: 17px;
    text-decoration: none;
    border-radius: 0;
    }
    
    



#block-views-block-electronic-forms-block-1 .admission-img .hover ,
#block-views-block-electronic-forms-block-1 .admission-img .hover 
{
    position: absolute;
    inset: 0;
    text-align: center;
    font-size: 17px;
    color: white;
    transition: .5s;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
    text-align: center;
}




#block-views-block-electronic-forms-block-2 .admission-img .hover a,
#block-views-block-electronic-forms-block-1 .admission-img .hover a
{
    background-color: #1b5197;
    color: white;
    border: 0;
    margin-top: 10px;
    padding: 10px 25px;
    font-size: 17px;
    text-decoration: none;
    border-radius: 0;
}





#block-views-block-electronic-forms-block-1 .admission-img h1
{
    font-size: 17px;
}
#block-views-block-electronic-forms-block-2 .admission-img h1
{
    font-size: 15px;
}
#webform-submission-suggestion-node-129-add-form 
{
    max-width: 750px;
    margin: 0 auto;
    border: 1px solid #c2c2c2;
    padding: 50px;
    box-shadow: 0 2px 7px 6px rgb(0 0 0 / 12%), 0 5px 4px 0 rgb(0 0 0 / 17%);
}


.owl-theme .owl-controls .owl-page span
{
    background: #4b2e83;
    width: 50px;
    height: 10px;
}


.darkmode #webform-submission-suggestion-node-129-add-form label
{
    color: white !important;
}
.darkmode #webform-submission-suggestion-node-129-add-form
{
    box-shadow: 0 2px 6px 6px rgb(0 0 0 / 12%), 0 5px 39px 0 rgb(255 255 255 / 42%);
}
.darkmode.page-node-116 h1
{
  color: white !important;
}
.darkmode.page-node-116 li
{
  color: white !important;
}
.page-node-116.darkmode p
{
  color: white !important;
}















#block-views-block-electronic-forms-block-2 .admission-img .hover 
{
    position: absolute;
    inset: 0;
    text-align: center;
    font-size: 17px;
    color: white;
    transition: .5s;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
    text-align: center;
}




#block-views-block-electronic-forms-block-2 .admission-img .hover a
{
    background-color: #1b5197;
    color: white;
    border: 0;
    margin-top: 10px;
    padding: 10px 25px;
    font-size: 17px;
    text-decoration: none;
    border-radius: 50px;
}

#block-views-block-electronic-forms-block-2 .admission-img h1
{
    padding: 10px 12px;
    font-size: 15px;
}

.header-btns
{

}


[dir="rtl"] #edit-result
{
    margin-right: 15px;
}

.darkmode #block-copyright-2 span
{
   color: white !important;
}
.darkmode #block-termsofuse p
{
    color: white !important;
}
.darkmode #block-termsofuse h1
{
    color: white !important;
}
.darkmode #block-privacypolicy-2 p
{
    color: white !important;
}
.darkmode .success .success-title h1 a
{
    color: white !important;
}
.page-node-55 #block-college-content img
{
    max-height: 500px;
    object-fit: scale-down;
}
.page-node-8 #block-college-content img
{
    max-height: 500px;
    object-fit: scale-down;
}

.darkmode article.node.node--type-news-section2.node--view-mode-full.clearfix .clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item
{
    color: white !important;
 }

 #block-collegefeatures
 {
    box-shadow: 0 2px 7px 6px rgb(0 0 0 / 7%), 0 5px 4px 0 rgb(0 0 0 / 10%);
    padding: 1rem 2rem;
    margin: 1rem 0;
    border-radius: 10px;
 }

 #block-collegefeatures h2
{
 font-size: 25px;
 font-weight: 700;
 color: #4b2e83;
 margin: 1.5rem 0;
}

.darkmode .feature ul li
  { color: white !important;

  }

#block-views-block-college-council-block-1{
	
}
#block-views-block-college-council-block-1 .views-row:first-child{
	width: 100% !important;
    flex: 0 0 100%;
    max-width: 100%;	
}
#block-views-block-college-council-block-1 .views-row:first-child > div{
width: 25% !important;
    flex: 0 0 25%;
    max-width: 25%;
    margin: 0 auto;	
}
  #block-views-block-college-council-block-1 .board
  {
    border: 1px solid #ccc;
    margin-bottom: 20px;
  }
  #block-views-block-college-council-block-1 .board-img
  {
       width: 100%;
       height: auto;
  }
  #block-views-block-college-council-block-1 .board-img img
  {
    width: 100%;
    height: auto;
    object-fit: fill;
  }
  #block-views-block-college-council-block-1 .board-content h1
  {
font-size: 12px;
    text-align: center;
    padding: 12px 5px;
    min-height: 67px;
    max-height: 98px;
  }








  .darkmode #block-views-block-education-institution-block-1 .board-content h1
  { color: white !important;

  }

  
  #block-views-block-education-institution-block-1 .board-img
  {
	width: 100%;
    height: 450px;
    max-height: 450px;
    overflow: hidden;
    position: relative;
  }
  #block-views-block-education-institution-block-1 .board-img img
  {
width: 100%;
    height: auto;
    min-height: 400px;
    object-fit: fill;
    position: absolute;
    bottom: 0;
}
  #block-views-block-education-institution-block-1 .board-content h1
  {
   font-size: 20px;
   text-align: center;
   padding: 20px;
   border: 1px solid gray;
   min-height: 100px;
   max-height: 100px;
  }




  #block-views-block-study-plans-block-1 .study
  {
    box-shadow: 0 2px 7px 6px rgb(0 0 0 / 7%), 0 5px 4px 0 rgb(0 0 0 / 10%);
    padding: 1rem 2rem;
    margin: 1rem 0;
    border-radius: 10px;
    text-align: justify;
  }
  .all h1
  {
      font-size: 35px;
      color: #4b2e83;
  }
  .all .content h1
  {
      font-size: 23px;
  }

  .all .content .link
  {
    text-align: center;
    margin: 40px;
  }
  .all .content .link a
  {
    width: 100%;
    height: auto;
    padding: 13px 30px;
    background-color: #4b2e83;
    color: white;
    border-radius: 20px;
    text-decoration: none;
    transition: .5s;
  }
  .all .content .link a:hover
  {
    transform: scale(1.5);
  }

  #block-facilitiesandservices,
  #block-college
  {
      margin-top: 26px;
  }
  #block-facilitiesandservices .nav-item,
  #block-college .nav-item
  {   
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: start;
  }
  #block-facilitiesandservices .nav-item a,
  #block-college .nav-item a
  {   
    color: black;
    padding: 0.5rem 0;
  }

  #block-facilitiesandservices ul li a::after,
  #block-college ul li a::after
  {
    content: "";
    display: block;
    bottom: 0px;
    width: 0%;
    height: 2.3px;
    background-color: #4b2e83;
    transition: 0.6s;
	display:none;
  }
  #block-facilitiesandservices ul li a:hover::after,
  #block-college ul li a:hover::after
  {
    width: 50%;display:none;
  }
  #block-facilitiesandservices h2,
  #block-college h2
  {
    color: #4b2e83;
    border-bottom: 2px solid #4b2e83;
    padding: 10px;
    text-align: start;
	    font-size: 27px;
  }
  #block-facilitiesandservices ul, 
  #block-college ul 
  {
    padding: 0;
  }

  #block-views-block-about-us-block-1 .about-tittle
  {
    text-align: center;
  }
#block-studentportal ul li a:hover,
#block-facilitiesandservices ul li a:hover,
#block-college ul li a:hover{
    color: #4b2e83;
    padding: 0.5rem 17px 0.5rem 0;
}






















  
  #block-studentportal
  {
      margin-top: 26px;
  }
  #block-studentportal .nav-item
  {   
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: start;
  }
  #block-studentportal .nav-item a
  {   
    color: black;
    padding: 0.5rem 0;
  }
  #block-studentportal .nav-item a.active
  {   
        color: #b7a57a;
  }
  #block-studentportal h2
  {
    color: #4b2e83;
    border-bottom: 2px solid #4b2e83;
    padding: 10px 0;
    text-align: start;
    font-size: 26px;
  } 
  [dir="rtl"] #block-studentportal h2
  {
    font-size: 22px !important;
  }
  #block-studentportal ul 
  {
    padding: 0;
  }

#block-views-block-word-section-block-3 .welcome-word-section .welcome-word-img img
{
    width: 100%;
    height: auto;
    min-height: 500px;
    object-fit: fill !important;
}
.study .all h1
{
    padding: 20px 0;
}



.page-title .bottom-rotten-curve {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 20px;
    background: url(../img/rotten-curve-55.png) center bottom no-repeat;
    background-size: 100% 100%;
    z-index: 2;
	display:none;
  }
  .darkmode .bottom-rotten-curve{
    display: none;
  }

  .page-title
  {
     position: relative;
  }



  #block-collegefeatures
  {
      text-align: justify;
  }


  .about-content
  {
    box-shadow: 0 2px 7px 6px rgb(0 0 0 / 7%), 0 5px 4px 0 rgb(0 0 0 / 10%);
    padding: 1rem 2rem;
    margin: 1rem 0;
    border-radius: 10px;
  }


  .about-content:hover
  {
     box-shadow: 5px 3px 18px #4b2e83;
  }
  #block-collegefeatures:hover
  {
    box-shadow: 5px 3px 18px #4b2e83;
  }

  #block-collegefeatures ul
  {
     padding: 0 !important;
  }
  #block-collegefeatures ul 
  {
     padding: 0;
  }
  #block-views-block-about-us-block-2 .about-tittle h1
  {
      font-size: 27px;
  }
  .darkmode #block-college ul li a
  {
      color: white !important;
  }


 
  .darkmode #block-views-block-college-council-block-1 .board-content h1
  {
      color: white !important;
  }

  .darkmode #block-views-block-study-plans-block-1 .content p
  {
    color: white !important;
  }

  
  .darkmode #block-views-block-study-plans-block-1 .content ul li 
  {
    color: white !important;
  }
  .darkmode #block-views-block-study-plans-block-1 .content 
  {
    color: white !important;
  }


  .page-node-68 .welcome-word-content .content
  {
    box-shadow: 0 2px 7px 6px rgb(0 0 0 / 7%), 0 5px 4px 0 rgb(0 0 0 / 10%);
    padding: 1rem 2rem;
    margin: 1rem 0;
    border-radius: 10px;
  }


  .page-node-68 .welcome-word-content .content:hover
  {
     box-shadow: 5px 3px 18px #4b2e83;
  }





  .page-node-67 .welcome-word-content .content
  {
    box-shadow: 0 2px 7px 6px rgb(0 0 0 / 7%), 0 5px 4px 0 rgb(0 0 0 / 10%);
    padding: 1rem 2rem;
    margin: 1rem 0;
    border-radius: 10px;
  }


  .page-node-67 .welcome-word-content .content:hover
  {
     box-shadow: 5px 3px 18px #4b2e83;
  }


  #block-admissionrequirementsandnecessarypapers .requirments
  {
    box-shadow: 0 2px 7px 6px rgb(0 0 0 / 7%), 0 5px 4px 0 rgb(0 0 0 / 10%);
    padding: 1rem 2rem;
    margin: 1rem 0;
    border-radius: 10px;
    text-align: justify;
    margin: 0 0;
  }
  #block-admissionrequirementsandnecessarypapers .requirments h1
  {
    color: #4b2e83;
    font-size: 29px;
    padding: 20px;
    text-align: center;
  }

  #block-admissionrequirementsandnecessarypapers .requirments:hover
  {
    box-shadow: 5px 3px 18px #4b2e83;
  }
  

  #block-admissionrequirementsandnecessarypapers .required:hover
  {
    box-shadow: 5px 3px 18px #4b2e83;
  }

  #block-admissionrequirementsandnecessarypapers .required
  {
    box-shadow: 0 2px 7px 6px rgb(0 0 0 / 7%), 0 5px 4px 0 rgb(0 0 0 / 10%);
    padding: 1rem 2rem;
    margin: 1rem 0;
    border-radius: 10px;
    text-align: justify;
    margin: 30px 0;
  }
  #block-admissionrequirementsandnecessarypapers .required h1
  {
    color: #4b2e83;
    font-size: 29px;
    padding: 20px;
    text-align: center;
  }

  #block-studyfees .jordanians h1
  {
    color: #4b2e83;
    font-size: 29px;
    padding: 20px;
    text-align: center;
  }
  #block-studyfees .nonjordanians h1
  {
    color: #4b2e83;
    font-size: 29px;
    padding: 20px;
    text-align: center;
  }

  #block-studyfees .jordanians:hover
  {
    box-shadow: 5px 3px 18px #4b2e83;
  }
  #block-studyfees .nonjordanians:hover
  {
    box-shadow: 5px 3px 18px #4b2e83;
  }


  
  #block-studyfees .jordanians 
  {
    box-shadow: 0 2px 7px 6px rgb(0 0 0 / 7%), 0 5px 4px 0 rgb(0 0 0 / 10%);
    padding: 1rem 2rem;
    margin: 1rem 0;
    border-radius: 10px;
    text-align: justify;
    margin: 30px 0;
  }
  #block-studyfees .nonjordanians 
  {
    box-shadow: 0 2px 7px 6px rgb(0 0 0 / 7%), 0 5px 4px 0 rgb(0 0 0 / 10%);
    padding: 1rem 2rem;
    margin: 1rem 0;
    border-radius: 10px;
    text-align: justify;
    margin: 30px 0;
  }


  #block-discounts
  {
    box-shadow: 0 2px 7px 6px rgb(0 0 0 / 7%), 0 5px 4px 0 rgb(0 0 0 / 10%);
    padding: 1rem 2rem;
    margin: 1rem 0;
    border-radius: 10px;
    text-align: justify;
    margin: 30px 0;
  }
  #block-discounts:hover
  {
    box-shadow: 5px 3px 18px #4b2e83;
  }

  #block-discounts h2
  {
    color: #4b2e83;
    font-size: 29px;
    padding: 20px;
    text-align: center;
  }
  #block-discounts .discount li 
  {
     line-height: 30px;
  }













  
  #block-academicprograms,
  #block-collegeadmissions
  {
      margin-top: 26px;
  }
  #block-academicprograms .nav-item,
  #block-collegeadmissions .nav-item
  {   
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: start;
  }
  #block-academicprograms .nav-item a,
  #block-collegeadmissions .nav-item a
  {   
    color: black;
    padding: 0.5rem 0;
  }

  #block-academicprograms ul li a:hover ,
  #block-collegeadmissions ul li a:hover {
    color: #4b2e83;
    padding: 0.5rem 17px 0.5rem 0;
}  
  #block-academicprograms h2,
  #block-collegeadmissions h2
  {
    color: #4b2e83;
    border-bottom: 2px solid #4b2e83;
    padding: 10px;
    text-align: start;
    font-size: 26px;
  }
  #block-academicprograms ul, 
  #block-collegeadmissions ul 
  {
    padding: 0;
  }


 .darkmode #block-admissionrequirementsandnecessarypapers ul li
  {
     color: white !important;
  }
  
  .darkmode #block-admissionrequirementsandnecessarypapers p
  {
    color: white !important;
  }
  .darkmode #block-academicprograms .nav-item a,
  .darkmode #block-collegeadmissions .nav-item a
  {
    color: white !important
  }

  .darkmode #block-studyfees ul li
  {
    color: white !important;
  }

 


  
  .darkmode #block-discounts ul li
  {
    color: white !important;
  }
 .course-card {
    background-color: #ffffff;
    font-size: 14px;
    box-shadow: 0 0 1px 1px rgb(20 23 28 / 10%), 0 3px 1px 0 rgb(20 23 28 / 10%);
    position: relative;
}
.course-card .course-card-img-wrap {
    height: 165px;
	overflow: hidden;
}
.course-card .course-card-img-wrap img {
    width: 100%;
    height: auto;
    min-height: 165px;
}
.course-card .course-card-contents {
    padding: 10px;
}
.course-card a {
    color: #0056b3;
}
.course-card .course-card-title {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 22px;
    height: 51px;
	    border-bottom: 1px solid #ccc;
}
.course-card .d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.course-card .btn-theme-primary {
    color: #fff !important;
    background-color: #2073d4;
    border-color: #2073d4;
}
.course-card .starrating{
    width: 100%;
    display: inline-block;
}
.course-card i{
	color: #878181;
}
.course-card .btn-theme-primary i{
	color: #fff;
} 
  
  
  
  .page-node-88 #block-college-content img 
  {
     max-height: 600px;
  }
  
  
  
  
  
  .footer-img .nav-item a span 
  {

  }
  
#block-headermenu-2{
margin: 20px 0 0 0;
}
#block-headermenu-2 ul{
    padding: 0;
    display: flex;
    width: 100%;
    flex-direction: row;
}
#block-headermenu-2 ul li{
display: inline-block;
    margin: 0 0;
}
#block-headermenu-2{

}
#block-headermenu-2{

}
#block-languageswitcher .nav{
display: inline-block;	
}
#block-languageswitcher .nav span{
	padding: 0;
}
#block-headermenu-2 ul li a {
color: #fff;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block;
    background: url(../img/uw-sprite6.png) no-repeat 0 -190px transparent;
    padding: 8px 0;
    font-size: 0;
    height: 34px;
    transition: .25s !important;
    width: 25px;
    margin: 0 0 0 11px;
}
#block-admissionandregistration ul li a i {
    color: #fff;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block;
    background: url(../img/uw-sprite6.png) no-repeat 0 -190px transparent;
    padding: 0px 0;
    font-size: 0;
    height: 25px;
    transition: .25s !important;
    float: left;
    width: 25px;
    margin: 9px 10px 0 0;
}
[dir="rtl"] #block-admissionandregistration ul li a i {
    float: right;
    margin: 9px 0 0 10px;
}
#block-contactinformationfooter ul li a i {
    color: #fff;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block;
    background: url(../img/uw-sprite6.png) no-repeat 0 -190px transparent;
    padding: 0px 0;
    font-size: 0;
    height: 25px;
    transition: .25s !important;
    float: left;
    width: 25px;
    margin: 9px 10px 0 0;
}
[dir="rtl"] #block-contactinformationfooter ul li a i {
    float: right;
    margin: 9px 0 0 10px;
}
#block-headermenu-2 ul li a.facebook {
    background-position: 0 -190px;
}
#block-headermenu-2 ul li a.twitter {
    background-position: -46px -190px;
}
#block-headermenu-2 ul li a.instgram {
    background-position: -322px -190px;
}
#block-headermenu-2 ul li a.youtube {
    background-position: -138px -190px;
}
#block-headermenu-2 ul li a.location {
    background-position: -92px -190px;
}
#block-headermenu-2 ul li a.contact-us {
    background-position: -366px -190px;
}

#block-admissionandregistration ul li a.self-registration i{
    background-position: -232px -197px;
}
#block-admissionandregistration ul li a.university-calendar i{
    background-position: -411px -197px;
}
#block-admissionandregistration ul li a.e-learning i{
    background-position: -186px -197px;
}


#block-contactinformationfooter ul li a.phone i{
    background-position: -453px -197px;
}
#block-contactinformationfooter ul li a.mobile i{
    background-position: -493px -197px;
}
#block-contactinformationfooter ul li a.email i{
    background-position: -532px -197px;
}
#block-contactinformationfooter ul li a.location i{
    background-position: -92px -197px;
}

#block-headermenu-2 ul li a:hover.facebook, 
#block-headermenu-2 ul li a:focus.facebook {
    background-position: 0 -230px;
}
#block-headermenu-2 ul li a:hover.twitter, 
#block-headermenu-2 ul li a:focus.twitter {
    background-position: -46px -230px;
}
#block-headermenu-2 ul li a:hover.instgram, 
#block-headermenu-2 ul li a:focus.instgram {
    background-position: -322px -230px;
}
#block-headermenu-2 ul li a:hover.youtube, 
#block-headermenu-2 ul li a:focus.youtube {
    background-position: -138px -230px;
}
#block-headermenu-2 ul li a:hover.location, 
#block-headermenu-2 ul li a:focus.location {
    background-position: -92px -230px;
}
#block-headermenu-2 ul li a:hover.contact-us, 
#block-headermenu-2 ul li a:focus.contact-us {
    background-position: -366px -230px;
}

#block-admissionandregistration ul li a.self-registration:hover i{
    background-position: -232px -237px;
}
#block-admissionandregistration ul li a.university-calendar:hover i{
    background-position: -411px -237px;
}
#block-admissionandregistration ul li a.e-learning:hover i{
    background-position: -186px -237px;
}

#block-contactinformationfooter ul li a.phone:hover i{
    background-position: -453px -237px;
}
#block-contactinformationfooter ul li a.mobile:hover i{
    background-position: -493px -237px;
}
#block-contactinformationfooter ul li a.email:hover i{
    background-position: -532px -237px;
}
#block-contactinformationfooter ul li a.location:hover i{
    background-position: -92px -237px;
}




.page-wraber-custom{
	    margin-top: 85px;
}
.header-container{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100;	
	top: 0px;
}
.all-header-container{
    display: flex;
    flex-direction: column;
    width: 100%;	
	
}
.header-logo {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    transition: .4s;
    width: 425px;
    z-index: 100;
} 
.header-logo:hover{
    transform: scale(1.1) translateX(-46%);
    top: 5px;
} 
.header-logo a{
	margin: 0;
    padding: 0;
    width: 100%;
}
.header-logo img{
    width: 100%;
}
.header-logo a.logo-darktmode{
	display:none;
}
.header-logo:hover a.logo-darktmode{
	display:block;
}
.header-logo:hover a.logo-lightmode{
	display:none;
}		
.header-logo .img-fluid{
max-width: 100%;
    height: auto;
    width: 100%;	
}
.scrolled .header-logo{
	width: 358px; 
}
 .navbar-brand {
    display: inline-block;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-right: 0 !important;
} 
@media (min-width: 1400px){
.container {
    max-width: 1200px !important;
}  
}
.btn-primary {
    color: #fff;
    background-color: #4b2e83;
    border-color: #4b2e83;
}  
.webform-submission-joining-request-form > fieldset,
.webform-submission-request-for-calculating-the-mark-form > fieldset,
.webform-submission-call-the-student-form > fieldset,
.webform-submission-request-for-postponement-interru-form > fieldset,
.webform-submission-request-to-return-to-study-after-form > fieldset,
.webform-submission-student-s-clearance-form > fieldset,
.webform-submission-application-for-admission-of-peo-form > fieldset,
.webform-submission-final-mark-review-form > fieldset{
    background: #f7f7f7;
    border-radius: 10px;
    margin-bottom: 10px;
}
.webform-submission-joining-request-form > fieldset legend ,
.webform-submission-joining-request-form > fieldset > label ,
.webform-submission-request-for-calculating-the-mark-form > fieldset > label ,
.webform-submission-request-for-calculating-the-mark-form > fieldset legend ,
.webform-submission-call-the-student-form > fieldset legend ,
.webform-submission-request-for-postponement-interru-form > fieldset legend ,
.webform-submission-request-to-return-to-study-after-form fieldset legend ,
.webform-submission-student-s-clearance-form > fieldset legend ,
.webform-submission-application-for-admission-of-peo-form > fieldset legend ,
.webform-submission-final-mark-review-form > fieldset legend {
    background: #4b2e83;
    color: #fff;
    padding: 7px 10px;
    border-radius: 10px 10px 0 0;
    font-size: 17px;
	width: 100%;
}
.webform-submission-joining-request-form fieldset .fieldset-wrapper ,
.webform-submission-request-for-calculating-the-mark-form fieldset .fieldset-wrapper ,
.webform-submission-call-the-student-form fieldset .fieldset-wrapper ,
.webform-submission-request-for-postponement-interru-form fieldset .fieldset-wrapper ,
.webform-submission-request-to-return-to-study-after-form fieldset .fieldset-wrapper ,
.webform-submission-student-s-clearance-form fieldset .fieldset-wrapper ,
.webform-submission-application-for-admission-of-peo-form fieldset .fieldset-wrapper ,
.webform-submission-final-mark-review-form fieldset .fieldset-wrapper {
    padding: 10px;
}
.webform-submission-request-for-calculating-the-mark-form table{
	
}
.webform-submission-request-for-calculating-the-mark-form table thead{
	    background: #4b2e83;
}
.webform-submission-request-for-calculating-the-mark-form table td p,
.webform-submission-request-for-calculating-the-mark-form table td fieldset{
	margin:0 !important;
}
.callender-pane-all{
	background: #ECE9E2;
    padding: 15px 10px 15px 0;	
}
.callender-pane-all .region-january{
	    margin: 0 20px;
}
.table>thead {
    vertical-align: bottom;
    background: #4b2e83;
}
.flexslider {
    border: 0;
}
#backtotop {
    height: 50px;
    width: 50px;
	    border: 1px solid #fff;
}
.node--type-pictures-and-activities{
	
}
.node--type-pictures-and-activities .field--type-image{
    display: inline-block;
    width: 100%;	
}
.node--type-pictures-and-activities .field--type-image .field__item{
    display: inline-block;
    width: 18%;
    margin: 0 .5% 3px;	
}
.node--type-pictures-and-activities .field--type-image .field__item img{
	box-shadow: 0 0 7px #ccc;
	transition: .4s;
}
.node--type-pictures-and-activities .field--type-image .field__item img:hover{
	transform: scale(1.2);
}







#buttonbttop {
	display: inline-block;
	transition: background .3s,opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
	border: 1px solid #fff;  
    background: url(../img/backtotop.png) no-repeat center center;
    bottom: 20px;
    cursor: pointer;
    height: 50px;
    position: fixed;
    right: 20px;
    width: 50px;
}
#buttonbttop.show {
  opacity: 1;
  visibility: visible;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



[dir="rtl"] .owl-stage {
    direction: rtl;
}


[dir="rtl"] .owl-slider-wrapper.owl-carousel.owl-theme.owl-loaded.owl-drag {
    direction: ltr;
}

legend.captcha__title.js-form-required.form-required{
	display:none  !important;
}
.captcha__image-wrapper img{
	width:initial !important;
}

.captcha__description{
	display:none;
}
  


  .js-form-item.js-form-type-radio label
 {
    margin: 0px 25px;
}