/* @font-face {
   font-family: 'Neo Sans Arabic Regular';
   font-style: normal;
   font-weight: normal;
   src: local('Neo Sans Arabic Regular'), url('fonts/Neo Sans Arabic Regular.woff') format('woff');
 }


 @font-face {
   font-family: 'Neo Sans Arabic Regular';
   font-style: normal;
   font-weight: normal;
   src: local('Neo Sans Arabic Regular'), url('./fonts/neo-sans-arabic-cufonfonts-webfont/NeoSansArabic.woff') format('woff');
 }


 @font-face {
   font-family: 'Neo Sans Arabic Light';
   font-style: normal;
   font-weight: normal;
   src: local('Neo Sans Arabic Light'), url('./fonts/neo-sans-arabic-cufonfonts-webfont/NeoSansArabicLight.woff') format('woff');
 }


 @font-face {
   font-family: 'Neo Sans Arabic Medium';
   font-style: normal;
   font-weight: normal;
   src: local('Neo Sans Arabic Medium'), url('./fonts/neo-sans-arabic-cufonfonts-webfont/NeoSansArabicMedium.woff') format('woff');
 }


 @font-face {
   font-family: 'Neo Sans Arabic Bold';
   font-style: normal;
   font-weight: normal;
   src: local('Neo Sans Arabic Bold'), url('./fonts/neo-sans-arabic-cufonfonts-webfont/NeoSansArabicBold.woff') format('woff');
 }


 @font-face {
   font-family: 'Neo Sans Arabic Black';
   font-style: normal;
   font-weight: normal;
   src: local('Neo Sans Arabic Black'), url('./fonts/neo-sans-arabic-cufonfonts-webfont/NeoSansArabicBlack.woff') format('woff');
 }


 @font-face {
   font-family: 'Neo Sans Arabic Ultra';
   font-style: normal;
   font-weight: normal;
   src: local('Neo Sans Arabic Ultra'), url('./fonts/neo-sans-arabic-cufonfonts-webfont/NeoSansArabicUltra.woff') format('woff');
 }


 @font-face {
   font-family: 'Neo Sans Medium';
   font-style: normal;
   font-weight: normal;
   src: local('Neo Sans Medium'), url('./fonts/neo-sans-arabic-cufonfonts-webfont/Neo_Sans_Medium.woff') format('woff');
 } */

 @font-face {
  font-family: "iconFont";
  src: url("fonts/iconfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body.rtl {
 /* font-family: droid-n, Arial, Helvetica, sans-serif; */
 font-family: "Tajawal", sans-serif;
}

.ltr,
.ltr * {
 font-family: "Tajawal", sans-serif;
}

.fa {
  font-family: FontAwesome !important;
}

body {
  font-size: 13px;
  color: #333;
  /* background: url(../images/backgrounds/bg.png) repeat center top #eeedeb; */
}

.maintenance-page #page-wrapper {
  background-color: #fff;
  box-shadow: 10px 10px 10px rgba(180, 180, 180, 0.61);
  margin-top: 22px;
  min-height: 305px;
  padding: 33px;
  border-radius: 6px;
  text-align: center;
  font-family: droid;
  line-height: 94px;
}


/* @media (min-width: 1200px) {
   .container {
       width: 1224px;
   }
} */

.main-container {
  background-color: rgba(255, 255, 255, 0.81);
  margin-top: 11px;
  border-top: 7px solid #3C7974;
  padding-top: 16px;
  margin-bottom: 21px;
  border-bottom: 1px solid #cdcdcd;
}


/* ------------------------Lyout ------------------*/


/* frontpage
----------------*/


/*============================================================
02. PRELOADER SECTION CSS
============================================================*/

#preloader {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
  background: #fff;
}

.darkMode #preloader {
  background: #050505;
}

#status,
.biz-preloader {
  background-image: url(../images/loader.gif);
  background-position: center;
  background-repeat: no-repeat;
  height: 200px;
  left: 50%;
  margin: -100px 0 0 -100px;
  position: absolute;
  top: 50%;
  width: 200px;
  background-size: cover;
}

.biz-preloader {
  background: none;
  left: 0;
  margin: 0;
  text-align: center;
  top: 65%;
}


/*end preloader css*/


/* .center-col [class^="col-"],
.bottom-3b [class^="col-"] ,
.bottom-merged-right [class^="col-"],
.top-merged-right [class^="col-"] {
   padding: 0;
} */

.rtl .bottom-merged-right .wide,
.rtl .top-merged-right .wide {
  padding-left: 8px;
}

.ltr .bottom-merged-right .wide,
.ltr .top-merged-right .wide {
  padding-right: 8px;
}

.rtl .bottom-merged-right .narrow,
.rtl .top-merged-right .narrow {
  padding-right: 11px;
}

.ltr .bottom-merged-right .narrow,
.ltr .top-merged-right .narrow {
  padding-left: 11px;
}

.left-col {
  width: 380px;
  display: none;
}

.rtl .left-col {
  margin-right: 19px;
}

.ltr .left-col {
  margin-left: 19px;
}


/*---------------------------------------------------*/


/* top-header */

.top-header {
  background-color: #341b13;
}




/*
* Made by Erik Terwan
* 24th of November 2015
* MIT License
*
*
* If you are thinking of using this in
* production code, beware of the browser
* prefixes.
*/

#menuToggle {
  display: block;
  position: relative;
  top: 50px;
  left: 50px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a {
  text-decoration: none;
  color: #232323;
  transition: color 0.3s ease;
}

#menuToggle a:hover {
  color: tomato;
}

#menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  right: -5px;
  cursor: pointer;
  opacity: 0;
  /* hide this */
  z-index: 2;
  /* and place it over the hamburger */
  -webkit-touch-callout: none;
}


/*
 * Just a quick hamburger
 */

#menuToggle span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #cdcdcd;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}


/*
 * Transform all the slices of hamburger
 * into a crossmark.
 */

#menuToggle input:checked~span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}


/*
 * But let's hide the middle one.
 */

#menuToggle input:checked~span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}


/*
 * Ohyeah and the last one should go the other direction
 */

#menuToggle input:checked~span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}


/*
 * Make this absolute positioned
 * at the top left of the screen
 */

#menu {
  position: absolute;
  width: 300px;
  margin: -100px 0 0 -50px;
  padding: 50px;
  padding-top: 125px;
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(100%, 0);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

#menu li {
  padding: 10px 0;
  font-size: 22px;
}


/*
 * And let's slide it in from the left
 */

#menuToggle input:checked~ul {
  transform: none;
}


/* main-header
---------------------*/

.wrap {
  position: relative;
}


#header {
  padding: 20px 0;
  background: #fff;
  z-index: 10;
  height: 130px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.none-front #header {
  padding-bottom: 15px;
  position: relative;
}
 #header   .row {
 align-items: flex-end;
}
#header.fixed .row{
 align-items: center;
}
.is-front #header {
  background: transparent;
  background-image: unset;
  padding: 0px 30px;
}

@media screen and (max-width:1600px) {
  .is-front #header {
    padding: 0px 15px;
  }

}

/* #header.fixed~.clearfix {
   padding-top: 100px;
} */

#header.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  transition: 0.4s ease-in-out;
  background: #fff;
  z-index: 99;
  left: 0;
  right: 0;
  /* padding: 10px 0; */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.29);
  height: auto !important;
}

.none-front #header.fixed {
  position: fixed;
  height: auto !important;
  align-items: center;
  background: #fff !important;
}

.none-front .wrap #header.fixed .navbar {
  padding-top: 0px !important;
}

#header.fixed .logo {
  text-align: left;
}

#header.fixed .logo img {
  /* width: 75%; */
  display: inline-block;
}

#header.fixed #block-psau-branding .logo-area .slideMenuButton {
  right: 0;
  display: none;
}

#header.fixed #block-psau-main-menu {
  margin-top: 5px;
}

#header.fixed #block-psau-search {
  display: none;
}

#header .container {
  position: relative;
}

#block-psau-branding {
  padding: 8px 0;
}

#header.fixed #block-psau-branding {
  padding: 0;
}

#header .dark-search, .none-front #header .dark-search {
 position: absolute;
 left: 2%;
 bottom:25%;

}


.ltr #header .dark-search {
 right: -8%;
 left: unset;
}
.ltr #header .language-switcher-language-url, .ltr .none-front #header .language-switcher-language-url {
 position: absolute;
 right: -5%;
 left: unset;
}

.ltr #header .language-switcher-language-url, .ltr .none-front #header .language-switcher-language-url {
 position: absolute;
 right: -5%;
 left: unset;
}
#block-psau-branding .logo-area .logo {
  /* width: 135px; */
  padding-top: 5px;
  margin: 0 auto;

}

#header.fixed #block-psau-branding .logo-area .logo {
  width: 155px;
  margin: 0 auto;
}

#block-psau-branding .logo-area .slideMenuButton {
  position: absolute;
  right: -46px;
  margin-top: 30px;
}

#block-psau-branding .logo-area .slideMenuButton a {
  color: #fff;
}

#header.fixed #block-psau-branding .logo-area .slideMenuButton a,
.none-front #block-psau-branding .logo-area .slideMenuButton a {
  color: #3C7974;
}

.ltr #block-psau-branding .logo-area .slideMenuButton {
  position: absolute;
  left: -46px;
}

#block-psau-branding .logo-area .logo img {
  width: 100%;
 height: 100%;
 object-fit: cover;
  filter: brightness(0) invert(1);
}

#header.fixed #block-psau-branding .logo-area .logo img,
.none-front #block-psau-branding .logo-area .logo img {
  filter: none;
}

.darkMode .none-front #block-psau-branding .logo-area .logo img {
  /* filter: brightness(0) invert(1); */
}

.ltr #block-psau-main-menu .navbar-collapse>ul {
  position: relative;
  text-align: left;
}



.main-header #block-psau-social ul li a {
  display: inline-block;
  vertical-align: top;
  background-color: #eee;
  padding: 6px;
  height: 22px;
  width: 22px;
  text-align: center;
  border-radius: 4px;
}

.main-header #block-psau-social ul li.facebook a {
  background-color: #3b5998;
  color: #fff;
}

.main-header #block-psau-social ul li.twitter a {
  background-color: #8cc9f5;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 13px;
}

.main-header #block-psau-social ul li.instagram a {
  background-color: #c99211;
  color: #fff;
  font-size: 16px;
  padding: 3px;
  padding-top: 3px;
}

.rtl .main-header #block-psau-social ul li.instagram a {
  padding-right: 4px;
}

.ltr .main-header #block-psau-social ul li.instagram a {
  padding-left: 4px;
}

.main-header #block-psau-social ul li.youtube1 a {
  background-color: #d02700;
  color: #fff;
  text-align: center;
  padding: 4px;
}

.main-header #block-psau-social ul li.rss a {
  background-color: #e08d2d;
  color: #fff;
}

.main-header #block-psau-social ul li.sms a {
  background-color: #3C7974;
  font-size: 22px;
  padding: 0 6px;
  color: #fff;
}

.rtl .main-header #block-psau-social ul li.sms a {
  padding-right: 7px;
}

.ltr .main-header #block-psau-social ul li.sms a {
  padding-left: 7px;
}

.main-header #block-psau-social ul li.snapchat {}

.main-header #block-psau-social ul li.snapchat a {
  background-color: #ffff00;
  color: #bfbfbf;
}

.main-header #block-views-block-frontpage-block-1 {
  font-family: droid;
  font-size: 12px;
  color: #908e8e;
  margin: 0 10px;
}

.rtl .main-header #block-views-block-frontpage-block-1 {
  float: left;
}

.ltr .main-header #block-views-block-frontpage-block-1 {
  float: right;
}

.dropdown-toggle::after {
  border: none;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f107";
  /* vertical-align: middle; */
  /* padding-top: 20px; */
  vertical-align: -2px;
}


/* top-menu-menu */

.top-menu-menu {
  padding-top: 10px;
}


/* block-psau-search */

.top-header #block-psau-search {
  /* margin-top: 26px;
   margin-bottom: 28px; */
}

#block-psau-search .searchBtn {
  height: 100%;
  display: block;
  background: transparent;
  line-height: 40px;
  width: 30px;
  text-align: center;
  margin-right: 15px;
  color: #fff;
  font-size: 20px;
}

#header.fixed #block-psau-search .searchBtn,
.none-front #block-psau-search .searchBtn {
  color: #333;
}


/* #block-psau-search {
   position: absolute;
   left: 30px;
   top: 47%;
}

.rtl #block-psau-search {
   float: left;
}

.ltr #block-psau-search {
   right: 35px;
   left: auto;
} */


/* #block-psau-search form {
   display: none;
   position: absolute;
   left: 0;
   padding: 20px;
   min-width: 250px;
   z-index: 1000;
   text-align: right;
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 4px;
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   background: #fff;
} */

#block-psau-search form.active {
  display: flex;
}


/* end--block-psau-search */


/* .main-header #block-psau-topmenu
--------------------------------------*/

.rtl .main-header #block-psau-topmenu {
  float: left;
}

.ltr .main-header #block-psau-topmenu {
  float: right;
}


/* main-menu
-----------------*/

#block-psau-main-menu .navbar-collapse {
  padding: 0;
  justify-content: center;

}

#block-psau-main-menu .navbar {
  padding: 0;
}


#block-psau-main-menu .navbar-collapse>ul {
  position: relative;
  text-align: center;
  padding: 3% 0;
}


#block-psau-main-menu .level-0 {
  display: inline-block;
  /* padding: 62px 16px 20px; */
  padding-inline-start: 20px;

  position: static;
}

#block-psau-main-menu .level-0:last-child {
  padding-left: 0;
}

.ltr #block-psau-main-menu .level-0:last-child {
  padding-right: 0;
}

/* #header.fixed #block-psau-main-menu .level-0 {
   padding: 21px 16px 16px;
} */

#block-psau-main-menu .level-0.notmega {
  position: relative;
}
#block-psau-main-menu .level-0.notmega:last-child{
 position: relative;
}
/* #block-psau-main-menu .level-0.notmega:last-child::after{
   position: absolute;
   left: 0;
   top: 0;
   border-left: 1px solid #3C7974;
   content: '';
   width: 100%;
   transform: translateX(-50%);
   height: 100%;
   z-index: -1;
}
.ltr #block-psau-main-menu .level-0.notmega:last-child::after
{
 right: 0;
 transform: translateX(120%);
} */
.top-header .level-0.notmega>ul {
  width: 315px;
}

#block-psau-main-menu .level-0.notmega>ul {
  width: 280px;
  padding: 0;
}

#block-psau-topmenu .level-0.notmega>ul {
  width: 360px;
  min-height: 150px;
  background: rgba(66, 43, 35, 1);
}

#block-psau-topmenu .menu-icon ul {
  padding-right: 125px;
}

#block-psau-topmenu .level-0.notmega {
  position: relative;
}

.rtl #block-psau-main-menu .level-0.notmega>ul {
  right: -7px;
}

.rtl #block-psau-main-menu .level-0.notmega>ul {
  left: -7px;
}

#block-psau-main-menu .level-0.notmega>ul a {
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  color: #fff;
  font-size: 13px;
  padding: 10px 15px;
  margin-bottom: 0;
  display: block;
}

#block-psau-main-menu .level-0.notmega>ul a:hover {
  background-color: #6AC7BD;
  color: #fff;
}

#block-psau-topmenu .level-0.notmega>ul a:hover {
  background-color: #6AC7BD;
  color: #fff;
}

#block-psau-main-menu .navbar-collapse>ul>li>a {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  transition: 0.3s;
  position: relative;
  display: block;
}

#header.fixed #block-psau-main-menu .navbar-collapse>ul>li>a {
  color: #3C7974;
}

.navbar-collapse a::before {
  border-bottom: 5px dotted #0bbfbf;
  width: 0;
  right: 50%;
  bottom: 5px;
  transform: translateX(50%);
  transition: all 0.3s;
  position: absolute;
}

#block-psau-main-menu .navbar-collapse>ul>li>a::hover::before {
  width: 20px;
  right: 50%;
  transform: translateX(50%);
  opacity: 1;
}

#block-psau-main-menu .navbar-collapse>ul>li>a::hover {
  color: #3C7974;
}

#block-psau-main-menu .navbar-collapse>ul>li .caret {
  color: #3C7974;
}

#header.fixed #block-psau-main-menu .navbar-collapse>ul>li .caret,
.none-front #block-psau-main-menu .navbar-collapse>ul>li .caret {
  color: #3C7974;
}

#block-psau-topmenu .caret {
  display: none;
}

#block-psau-topmenu .dropdown-toggle::after {
  display: none;
}

#block-psau-languageswitcher a {
  color: #333;
}

#block-psau-languageswitcher li {
  list-style: none;
}

body.ar #block-psau-languageswitcher .ar  {
  display: none;
}

body.en #block-psau-languageswitcher .en  {
  display: none;
}

.ltr .top-header #block-psau-languageswitcher .content a {
  font-family: droid-n !important;
}

#header.fixed #block-psau-main-menu li:first-child img {
  filter: brightness(0%);
}

.main-menu .level-0>ul {
  width: 100%;
  border-radius: 0;
  background: rgba(245, 245, 245, 0.95);
  padding: 10px 5px;
}

.main-menu .level-0:hover>ul,
#block-psau-topmenu .level-0:hover>ul {
  margin-top: 0;
}

.main-menu .level-1 ul,
#block-psau-topmenu .level-1 ul {
  position: static;
  width: 100%;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  display: block;
  overflow: hidden;
  float: none;
  padding-top: 0;
  margin-top: 0;
  background: transparent;
  padding-right: 28px;
}

.main-menu .level-1>a {
  color: #3C7A75;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  padding: 5px 10px;
  display: block;
}

.main-menu .level-1>a:hover,
#block-psau-topmenu .level-1>a:hover {
  background: 0;
  color: #ca9212;
}

.main-menu .level-1 {
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.2); */
  overflow: hidden;
  display: block;
}

.main-menu .level-1 {
  vertical-align: top;
  height: 100%;
  vertical-align: top !important;
  border-left: 1px solid rgba(74, 25, 9, 0.1);
  /* padding-right: 10px; */
}

/* .main-menu .level-0:nth-child(2) .level-1 {
   padding: 0 9px;
} */

.ltr .main-menu .level-1 {
  border-left: 0;
  border-right: 1px solid rgba(112, 112, 112, 0.21);
}

/* .main-menu .dropdown:nth-child(2) .level-1 {
   width: 27%;
   display: table-cell;
} */
/*
.main-menu .dropdown:nth-child(2) .level-1:last-child {
   width: 18%;
} */

.main-menu .level-1:last-child {
  border: none;
}

.main-menu>ul>li>ul>li:last-child {
  border-bottom: 0;
}

.main-menu li.level-2,
#block-psau-topmenu ul li.level-2 {
  /* margin: 7px 0; */
  /* margin-bottom: 10px; */
  margin-top: 0;
  padding: 0;
  font-size: 20px;
  list-style: outside;
  /* font-family: droid-n; */
  list-style: unset;
  list-style-type: unset;
  color: #3C7974;
}


/* .main-menu li.level-2:before{
   content: "·";
   font-size: 63px;
   vertical-align: -19px;
   line-height: 23px;
   color: #64240F;

} */

.main-menu li.level-2 a,
#block-psau-topmenu ul li.level-2 a {
  color: #3C7974;
  padding: 5px 0;
  font-size: 15px;
}

.main-menu .level-1>ul>li>a {
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  white-space: inherit;
}

.main-menu .level-1>ul>li>a:hover {
  background: transparent;
  color: #3C7974;
}



.none-front .wrap {
  padding: 0;
}

.none-front #header {
  /* position: relative; */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.29);
  background: transparent;
  /* padding: 0px 150px; */
}
.none-front #block-psau-branding  {
  padding: 0 0;
}
.none-front #block-psau-main-menu .navbar-collapse>ul
{
 padding: 2% 0;
}
.none-front #header.fixed {
  background: #fff !important;
}


.none-front #block-psau-main-menu .navbar-collapse>ul>li>a {
  color: #3C7974;
}

#header .navbar-toggle {
  width: 100%;
  margin-right: 0;
  background: #3C7974;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.none-front .gates {
  display: none;
}

.main-inner-content {
  padding-bottom: 50px;
}


/* #block-breadcrumbs  */

#block-breadcrumbs {
  /* background: transparent; */
  background: #BBE3E7;
  padding: 10px 0;
  color: #3C7974;
}

#block-breadcrumbs li {
  display: inline-block;
  color: #3C7974;
  font-size: 17px;
  margin: 0 3px;
}

#block-breadcrumbs li a {

  line-height: 150%;
  color: #3C7974;
}

#block-breadcrumbs li a:hover {
  color: #3C7974;
}

#block-breadcrumbs .breadcrumb {
  background: transparent;
  margin: 0;
  padding: 0;
}


/* block-psau-page-title */

#block-psau-page-title {
  margin-top: 45px;
}


/* .none-front #header #navbar {
 padding-top: 15px;
} */


/* drawer */

.drawer {
  display: none;
}

.drawer__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 200;
  opacity: 0;
  transition: opacity 0.3s;
  will-change: opacity;
  background-color: #000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.drawer__header {
  /* Optional */
  padding: 20px 12px;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.drawer__header .drawer__logo {
  display: flex;
  align-items: center;
}

.drawer__header .drawer__logo img {
  width: 65%;
  margin: auto;
}

.drawer__header .dark-mode {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}

.language-switcher-language-url li a,
.drawer__header .login {
  background: #3C7974;
  display: block;
  border-radius: 14px;
  width: 106px;
  height: 25px;
  color: #fffefe;
  text-align: center;
  line-height: 25px;
  margin-top: 10px;
  font-weight: bold;
  font-size: 12px;
  transition: 0.3s;
  margin-bottom: 5px;
}

.language-switcher-language-url li a.lang {
  display: none;
}

.language-switcher-language-url li a:hover,
.drawer__header .login:hover {
  background: #3C7974;
  color: #fff !important;
}

.drawer__header .dark-mode .switch {
  font-size: 17px;
  color: #333;
  font-weight: bold;
  transition: 0.3s;
  display: flex;
  align-items: center;
}

.drawer__header .dark-mode .switch span {
  margin: 0 5px;
}

.drawer__header .dark-mode .switch i {
  width: 40px;
  height: 40px;
  background: #333;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 38px;
}

.drawer__header .dark-mode .switch .light-field {
  width: 40px;
  height: 40px;
  background: #333;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  /* line-height: 38px; */
  display: inline-block;
  padding: 7px;
}

.drawer__header .dark-mode .switch .light-field img {
  max-width: 100%;
}

.drawer__header .dark-mode a:hover {
  color: #3C7974;
}

.drawer__close {
  background-size: cover;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
  background-image: url(../images/icons/close.svg);
  width: 15px;
  height: 15px;
  flex-shrink: 0;
  margin-left: 1rem;
  outline: none;
}

.drawer__close:not(:disabled) {
  outline: none;
}

.ltr .drawer__close {
  margin-left: 0;
  margin-right: 1rem;
}

.drawer__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  max-width: 500px;
  z-index: 9999;
  transition: transform 0.3s;
  will-change: transform;
  background-color: #fff;
  -webkit-transform: translate3d(103%, 0, 0);
  transform: translate3d(103%, 0, 0);
  -webkit-overflow-scrolling: touch;
  box-shadow: 0 2px 6px #777;
  overflow-x: visible;
  overflow-y: visible;
}

.ltr .drawer__wrapper {
  left: 0;
  right: auto;
  transform: translate3d(-103%, 0, 0);
  -webkit-transform: translate3d(-103%, 0, 0);
}

.drawer__wrapper::-webkit-scrollbar {
  display: none;
}

.drawer__content {
  height: 100%;
}

.drawer__content #block-psau-languageswitcher {
  display: none;
}

.drawer__content .top-menu>li {
  display: block;
  border-bottom: 1px solid #ffffff26;
}

.drawer__content .top-menu>li>a {
  display: block;
  padding: 20px 25px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  transition: 0.2s;
  transition: 0.2s;
  font-weight: 700;
  font-size: 14px;
  line-height: 150%;
}

/* menu resposiv  */
.menu li.back {
  display: none;
}

.menu li.back {
  position: relative;
  display: block;
}

.menu li.back a {
  padding: 12px 12px 12px 35px !important;
}

.menu li.back a::before,
.menu li.back a::after {
  background-color: #4e4e4e;
  position: absolute;
  content: "";
  height: 2px;
  width: 7px;
  top: 23px;
}

.menu li.back a::before {
  -webkit-transform: rotate(-45deg) !important;
  -moz-transform: rotate(-45deg) !important;
  -ms-transform: rotate(-45deg) !important;
  -o-transform: rotate(-45deg) !important;
  transform: rotate(-45deg) !important;
  top: 20px !important;
  right: inherit !important;
  left: 15px !important;
}

.menu li.back a::after {
  -webkit-transform: rotate(45deg) !important;
  -moz-transform: rotate(45deg) !important;
  -ms-transform: rotate(45deg) !important;
  -o-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
  top: 24px !important;
  left: 15px !important;
}

.open-sub {
  left: 0%;
}

/* comment to fix sidebar style */


/* .drawer__content .level-0:hover > ul,
#block-psau-topmenu .level-0:hover > ul {
 margin-top: 0;
 display: flex;
 flex-flow: wrap;
 gap: 20px;
} */

.drawer__content .level-0:hover>ul,
#block-psau-topmenu .level-0:hover>ul {
  margin-top: 0;
  /* display: flex;
 flex-flow: wrap;
 gap: 20px; */
}

.drawer__content .top-menu>li>a:hover {
  background: #3C7974;
  color: #fff;
}

.drawer__content .top-menu>li>a:focus {
  background: #3C7974;
  color: #fff;
}

.drawer__content .top-menu>li>a:hover::before,
.drawer__content .top-menu>li>a:focus::before {
  transform: rotate(90deg);
}

.ltr .drawer__content .top-menu>li>a:hover::before,
.ltr .drawer__content .top-menu>li>a:focus::before {
  transform: rotate(-90deg);
}

.drawer__content .top-menu .open>a {
  background: #3C7974;
  color: #fff;
}

.drawer__content .top-menu .open>a::before,
.drawer__content .top-menu .open>a:focus::before {
  transform: rotate(90deg);
}

.drawer__content .top-menu .dropdown-toggle::before {
  display: inline-block;
  content: "\f078";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  font-weight: normal;
  left: 36px;
  position: absolute;
  top: 39%;
  font-size: 12px;
  color: #fff;
  transition: 0.2s;
}

.ltr .drawer__content .top-menu .dropdown-toggle::before {
  right: 36px;
  left: auto;
  transform: rotate(360deg);
}

.drawer__content .top-menu .dropdown-menu {
  width: 400px;
  left: -400px;
  border-radius: 0;
  right: auto;
  top: 0;
  padding: 20px;
}

.ltr .drawer__content .top-menu .dropdown-menu {
  right: -400px;
  left: auto;
}

.drawer__content .top-menu .dropdown-menu li {
  /* list-style: inside; */
  /*fix style*/
  list-style: unset;
  border-bottom: 1px solid #ffffff26;
  padding: 7px 0;
  margin-bottom: 5px;
}

.drawer__content .top-menu .dropdown-menu li a {
  color: #3C7974;
  font-size: 16px;
  transition: 0.3s;
  display: inline-block;
  padding: 0;
}

.drawer__content .top-menu .dropdown-menu li a:hover {
  color: #3c7974;
}

.drawer__content .top-menu .dropdown-menu li:last-child {
  border: none;
}

.drawer__content .social-links {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f7f7f7;
  padding: 10px;
  text-align: left;
}

.drawer__content .social-links li a {
  color: #838383;
}

.drawer--left .drawer__wrapper {
  left: 0;
  right: auto;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.drawer.is-active {
  display: block;
}

.drawer.is-visible .drawer__wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.drawer.is-visible .drawer__overlay {
  opacity: 0.5;
}


/* contact-systetm */

.contact-system {
  background: #fcfcfc;
  padding: 60px 0;
  position: relative;
  overflow: hidden;
}

.contact-system h2 {
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #3C7974;
}

.contact-system p {
  font-size: 18px;
  font-weight: bold;
  color: #3C7974;
  margin-bottom: 25px;
}

.contact-system a {
  background: #3c7974;
  color: #fff;
  padding: 20px 0;
  max-width: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  border-radius: 50px;
  margin: auto;
  transition: 0.3s;
}

.contact-system a img {
  width: 40px;
  margin-left: 20px;
}

.contact-system a:hover {
  background: #3C7974;
}

.contact-system::after {
  content: "";
  position: absolute;
  bottom: 50px;
  left: -81px;
  width: 175px;
  height: 170px;
  background: url(../images/icons/be2.png) no-repeat;
  background-size: contain;
}


.side-menu {
  margin-top: 40px;
}

.side-menu ul {
  background: #3C7974;
  min-height: 300px;
}

.side-menu ul li {
  list-style: none;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.side-menu ul li a {
  color: #fff;
  padding: 10px;
  display: block;
  font-size: 17px;
}

.side-menu ul li a:hover {
  background: #ca9212;
}


/* override_inner_page */

.none-front #header {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.29);
}

.main-inner-content {
  position: relative;
  margin-top: 20px;
}

.search-bar {
  width: 0;
  height: 35px;
  position: absolute;
  left: -6px;
  top: -9px;
  transition: width 300ms ease-in-out;
  overflow: hidden;
  background: #fff;
  border-radius: 20px;
  z-index: 50;
  margin-top: 6px;
}

.ltr .search-bar {
  right: -6px;
  left: auto;
}

.none-front .search-bar {
  background: #eee;
}

.none-front .search-bar .form-control:focus {
  background: #eee;
}

.darkMode .none-front #header #block-psau-main-menu li:first-child img {
  filter: none;
}

.search-bar.active {
  width: 400px;
}

.search-bar input {
  /* background: transparent; */
  background: #eee;
  outline: 0;
  border: 0;
  width: 100%;
  height: 35px;
  box-sizing: border-box;
  vertical-align: middle;
}

.search-bar .form-group {
  margin: 0;
}

.search-bar .form-actions {
  display: none !important;
}

.search {
  transition: background 200ms ease-in-out;
}

.search:hover {
  cursor: pointer;
}

.search.active .search-icon {
  width: 20px;
  height: 20px;
  border-color: #333;
  margin-top: -1px;
}

.search.active .search-icon:before,
.search.active .search-icon:after {
  top: 4px;
  right: 8px;
  background: #333;
}

.search.active .search-icon:after {
  transform: rotate(45deg);
}

.search-icon {
  width: 15px;
  height: 15px;
  background: transparent;
  border: 2px solid #fff;
  display: block;
  border-radius: 15px;
  position: relative;
  transition: all 0.2s ease-in-out;
  z-index: 444;
}

.none-front .search-icon {
  border-color: #3C7974;
}

.none-front .search-icon:before,
.none-front .search-icon:after {
  background: #3C7974;
}

.search-icon:before,
.search-icon:after {
  width: 2px;
  height: 8px;
  display: block;
  content: "";
  background: #fff;
  position: absolute;
  top: 8px;
  right: -3px;
  transform: rotate(-45deg);
  transition: all 0.2s ease-in-out;
}


/* end-search-edit */


.language-switcher-language-url {
   position: absolute;
   left: 5%;
   /* top: 10px; */
   bottom:23%;
   z-index: 20;
}

.ltr .language-switcher-language-url {
 right: -5%;
  left: unset;
  /* z-index: 20; */
}

.language-switcher-language-url li a {
  background: transparent;
  display: block;
  border-radius: 14px;
  width: auto;
  height: auto;
  color: #3C7974;
  text-align: center;
  line-height: 20px;
  margin-top: 0;
  font-weight: 500;
  font-size: 20px;
  transition: 0.3s;
  margin-bottom: 0;
}

.ltr .language-switcher-language-url li a {
  font-size: 16px;
}

.language-switcher-language-url li a:hover {
  color: #3C7974;
  background: transparent;
}

#block-psau-languageswitcher a {
  color: #fff;
}

.none-front #block-psau-languageswitcher a {
  color: #3C7974;
}

.none-front #block-psau-languageswitcher a:hover {
  color: #3C7974 !important;
}

#header.fixed .dark-search {
  display: none;
}

#header.fixed .language-switcher-language-url {
  display: none;
}


[class*=" icon-"]:before,
[class^="icon-"]:before {
  display: inline-block;
  vertical-align: middle;
  font-family: "iconFont";
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 0 0 0 transparent;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
}

.icon-moon:before {
  content: "\eA01";
}

.night-mode .icon-sun {
  display: flex;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.5s;
  font-size: 12px;
}

.icon-sun:before {
  content: "\eA02";
}

.pagination {
  justify-content: center;
  align-items: center;
}

.pagination li a {
  padding: 3px 8px;
  border: 1px solid #eee;
}

.main-menu .dropdown:nth-child(4) .level-1 {
  position: relative;
  overflow: visible;
}

.main-menu .dropdown:nth-child(4) .level-1>ul {
  display: none !important;
  position: absolute;
  width: 250px;
  left: -250px;
  border-radius: 0;
  right: auto;
  top: 0;
  padding: 0;
  background: #f5f5f5;
}

.main-menu .dropdown:nth-child(4) .level-1.shover>ul {
  display: block !important;
}

#contact-form {
  margin-top: -60px;
}

#contact-form .block-system-main-block {
  box-shadow: none;
}

/* #contact-form  .form-item-name
{
   width: 33.333%;
   float: left;
}
#contact-form  .form-item-mail.js-form-item-mail.form-group
{
   width: 33.333%;
   float: left;
}
#contact-form  div#edit-subject-wrapper
{
   width: 33.333%;
   float: left;
} */
/* contact */

.contact-collapse {
  padding: 50px 0;
  position: relative;
}

.contact-collapse::after {
  content: "";
  position: absolute;
  top: 30px;
  left: -50px;
  width: 150px;
  height: 145px;
  background: url(../images/icons/be2.png) no-repeat;
  background-size: contain;
}

.contact-collapse .accordion {
  width: 90%;
  margin: auto;
}

.contact-collapse .accordion .card {
  border: none;
  border-bottom: 1px solid #eee !important;
  padding: 25px 0;
}

.contact-collapse .accordion .card h2 {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 20px;
  color: #3C7974;
}

.contact-collapse .accordion .card h2:after {
  content: "+";
  position: absolute;
  font-size: 20px;
  width: 20px;
  height: 20px;
  left: 0;
  background: #3C7974;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 18px;
}

.contact-collapse .accordion .card h2.collapsed::after {
  content: "-";
  background: #3C7A75;
}

.contact-collapse .accordion .card h2.collapsed {
  color: #3C7A75;
}

.contact-collapse .accordion .card-body {
  padding-left: 0;
  padding-right: 0;
}

#research-detail .field-field_search_img,#research-detail .field-field_scientific_achievement_img,#research-detail .field-field_patented_img{
 display: none;
}
/* conMap */

#conMap .container {
  max-width: 100% !important;
  padding: 0;
}

#conMap {
  height: 350px;
  background: url(../images/new-portal/university-cover.png) no-repeat center center;
  background-size: cover;
  margin: 0 auto;
  width: 50%;
  box-shadow: inset 0 0 0 1000px rgb(0 0 0 / 40%);
}

#conMap .map-desc {
  color: #fff;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  padding: 30px;
}

#conMap .map-desc h2 {
  margin-bottom: 20px;
  font-size: 28px;
}

#conMap .map-desc ul {
  list-style: none;
}

#conMap .map-desc ul li {
  font-size: 20px;
  margin-bottom: 10px;
}

#conMap .map-con header {
  display: none;
}

#conMap .map-con .geolocation-map-container {
  height: 350px !important;
}

.contact-collapse h2.title {
  font-weight: 600;
  margin-bottom: 10px;
  font-size: 35px;
  margin-bottom: 10px;
  text-align: center;
  color: #3C7974;
}

.contact-message-feedback-form {
  width: 78%;
  justify-content: center;
  margin: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #D0D0D0;

  padding: 1.5rem 1rem;
}

.contact-message-feedback-form label {
  color: #3C7974;
}

.contact-message-feedback-form input,
.contact-message-feedback-form textarea {
  border-color: #BBE3E7 !important;
}

.contact-message-feedback-form input:focus,
.contact-message-feedback-form textarea:focus {
  box-shadow: unset;
  outline: unset;
}

.contact-message-feedback-form .form-text {
  margin-top: 0;
}

.contact-message-feedback-form .form-item-name,
.contact-message-feedback-form .js-form-type-email.form-item-mail.js-form-item-mail,
.contact-message-feedback-form div#edit-subject-wrapper {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.contact-message-feedback-form #edit-message-wrapper {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 100%;
  max-width: 100%;
}

.contact-message-feedback-form .form-actions {
  text-align: center;
}

.contact-message-feedback-form .form-actions input {
  background: #3C7974;
  color: #fff;
  border-radius: 26px;
  margin: 0 5px;
  padding: 5px 10px;
}

.contact-message-feedback-form .form-control {
  border: 1px solid#3C7974;
}


/* contactDarkMode */

#scrollToTopBtn {
  background-color: #3C7974;
  border: none;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  font-size: 18px;
  line-height: 48px;
  width: 48px;
  height: 48px;
  outline: none;
  position: fixed;
  transition: 0.3s ease-in-out;
  z-index: 3000;
  bottom: 20px;
  right: 50px;
  font-size: 30px;
  display: none;
  box-shadow: 0 0 10px rgb(0 0 0 / 29%);
  justify-content: center;
  align-items: center;
}

#scrollToTopBtn:hover {
  background: #3C7A75;
}

.ltr #scrollToTopBtn {
  right: auto;
  left: 50px;
}


/* view-phone-directory */

.view-phone-directory form {
  display: flex;
  flex-wrap: wrap;
  /* align-items: center; */
  justify-content: space-between;
}

.view-phone-directory form .form-group {
  padding-left: 10px;
  flex: 1;
}

.view-phone-directory form .form-control {
  height: 50px;
  border-radius: 10px;
  border: 2px solid #eee;
}

.view-phone-directory form .form-actions input {
  background: #3c7974;
  height: 50px;
  color: #fff;
  padding: 5px 40px;
  border-radius: 10px;
  box-shadow: none;
  margin-top: 3px;
}


/* directory-list */

.directory-list {
  margin: 30px 0;
}

.directory-list li {
  display: flex;
  align-items: center;
  box-shadow: 0 0 8px rgb(0 0 0 / 10%);
  margin-bottom: 20px;
  padding: 20px;
}

.directory-list .views-field-image-attribute img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.directory-list li .views-field {
  padding: 0 10px;
  flex: 1;
  border-left: 2px solid #e9e2e2;
  min-height: 55px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.directory-list li .views-field:last-child {
  border: none;
}


/* font_zooming */

.lang_switch {
  display: flex;
  flex-direction: row-reverse;
}

.font_zooming {
  padding: 0 8px;
  margin: 6px 3px 0 22px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 59px;
}

.none-front .font_zooming {
  border-left: 1px solid #3C7A75;
  border-right: 1px solid #3C7A75;
}

.none-front .font_zooming img {
  filter: invert(53%) sepia(69%) saturate(3895%) hue-rotate(21deg) brightness(96%) contrast(101%);
}

.ltr .font_zooming {
  margin: 6px 60px 0 3px;
}

/* cookies */

#sliding-popup {
/* height: auto !important; */
    /* width: 315px !important; */
    max-width: 350px;
    right: 19px !important;
    border-radius: 15px !important;
    background: #3C7A75 !important;
    padding: 5px 0px;
}

#sliding-popup .eu-cookie-compliance-message {
  float: none !important;
  margin: 5px 0 0;
  max-width: 100% !important;
  text-align: justify;
}
.eu-cookie-compliance-content {
  margin: 0 auto;
  max-width: 85%;
  display: inline-block;
  width: 100%;
}


.eu-cookie-compliance-buttons {
  float: none !important;
  margin: 0 0 1em 0;
  max-width: 100% !important;
  text-align: center !important;
}
#sliding-popup {
 height: auto !important;
 width: 100%;
 right: 19px !important;
 border-radius: 15px !important;
 background: #3C7A75 !important;
 padding: 20px 0;
}

#sliding-popup .eu-cookie-compliance-buttons {
  float: none !important;
  margin: 0 0 0.5em 0;
  max-width: 100% !important;
  text-align: center !important;
}
#sliding-popup .eu-cookie-compliance-buttons .decline-button {
 display: none !important;
}

.eu-cookie-compliance-message p {
  font-size: 12px;
  display: inline;
  color: #fff;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: 500;
}

.eu-cookie-compliance-message p  a
{
    display: block;
    color: #2cdacc;
    border: none;
     color: #6ac7bd;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
.eu-cookie-compliance-buttons button {
  font-size: 15px !important;
  background: #6AC7BD !important;
  box-shadow: none !important;
  border: none !important;
  color: #fff !important;
  padding: 5px 31px !important;
  font-weight: 400 !important;
  text-shadow: none !important;
  font-family: "Tajawal", sans-serif !important;
  border: none;

  color: #fff;
  font-size: 15px;
  padding: 7px;
  border-radius: 3px;
  margin-left: 0;
  margin-right:0;
}


/* open-data */

.open_data {
  margin: 10px 0;
}

.open_data ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

.open_data ul li {
  flex: 1;
  margin-bottom: 10px;
}

.open_data ul li a {
  display: block;
  color: #3C7974;
  text-align: center;
  min-height: 135px;
  background: #eee;
  margin: 0 7px;
  padding: 7px;
  font-size: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  text-decoration: none;
  box-shadow: 0 2px 5px #ccc;
}

.open_data ul li a:hover {
  background: #3C7974;
  color: #fff;
}

.youtube {
  background-color: #000;
  margin-bottom: 30px;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  cursor: pointer;
}

.youtube img {
  width: 100%;
  top: -16.84%;
  left: 0;
  opacity: 0.7;
}

.youtube .play-button {
  width: 90px;
  height: 60px;
  background-color: #333;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  z-index: 1;
  opacity: 0.8;
  border-radius: 6px;
}

.youtube .play-button:before {
  content: "";
  border-style: solid;
  border-width: 15px 0 15px 26px;
  border-color: transparent transparent transparent #fff;
}

.youtube img,
.youtube .play-button {
  cursor: pointer;
}

.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
  position: absolute;
}

.youtube .play-button,
.youtube .play-button:before {
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.youtube iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}


/* override style */

#user-login-form input[type=submit] {
  background-color: #3c7974;
  color: #fff;
}

.darkMode #user-login-form label {
  color: #fff;
}

.darkMode .description {
  color: #939393;
}


/* end override style */


/* ____________________________________________________________________________________ */


/* new portal design 6/11/2022  */
/* header */
.new-header .navbar-light .navbar-nav .nav-link {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 120%;
  color: #3C7974;
}

.drawer .form-group.has-search {
  background: transparent;
  border: 0;
  /* border-radius: 10px; */
  display: flex;
  align-items: center;
  margin-bottom: 0;
  position: relative;
}

.drawer .form-group.has-search input {
  border: 0;
  background: unset;
  background-color: unset;
  border-radius: 0;
  color: #FFFFFF !important;
}

.drawer .form-group.has-search input.form-control::placeholder,
.drawer .form-group.has-search span {
  color: #FFFFFF !important;
}

.drawer .drawer__header {
  display: block;
}

.drawer .drawer__header .drawer__logo {
  display: flex;
  justify-content: space-between;
}

.drawer .drawer__header {
  background: #6AC7BD;
}

.drawer .drawer__close {
  background: url('../images/new-portal/icons/close.png') no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
}

.drawer .top-menu-menu {
  padding-top: 0;
}

.drawer .top-menu-menu ul {
  background: #3C7974;
}

.new-header .navbar-light .navbar-nav li.nav-item.lang {
  position: relative;
}

.new-header .navbar-light .navbar-nav li.nav-item.lang::before {
  position: absolute;
  top: 3px;
  right: -30%;
  width: 2px;
  height: calc(60px /2);
  background-color: #898B8E;
  content: '';
}

.drawer .new-header .form-group.has-search input:focus {
  outline: unset;
  box-shadow: unset;
}

.drawer .new-header .form-group.has-search .form-control-feedback {
  position: absolute;
  left: 5%;
  color: #898B8E;
}

/* .new-header .customNavbar
{
   justify-content: center;
}
.new-header  .navbar-light .navbar-nav  .nav-item {
   margin: 0 20px;
}
.new-header .navbar-nav li:hover > ul.dropdown-menu {
   display: block;
}
.new-header .dropdown-submenu {
   position:relative;
}
.new-header .dropdown-submenu>.dropdown-menu {
   top:0;
   left:100%;
   margin-top:-6px;
} */

/* rotate caret on hover */
.new-header .dropdown-menu>li>a:hover:after {
  text-decoration: underline;
  transform: rotate(-90deg);
}

/*  slider  */
.main-slider-home {
  position: relative;
}

.main-slider-home .openClose {
  position: absolute;
  top: 15%;
  left: 0;
  z-index: 1;
  /* border-color: transparent; */
}

.main-slider-home .openClose {
  background: #3C7974;
  border-radius: 5px;
  padding: 10px;
  color: #ffff;
  border-color: #0000;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.main-slider-home .main-slider-item {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

.main-slider-home .main-slider-item::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

.main-slider-home .main-slider-item .slider-detail {
  position: absolute;
  left: 0;
  top: 20%;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 300px;
  z-index: 1;
}

.main-slider-home .main-slider-item .slider-detail h1 {
  font-style: normal;
  font-weight: 700;
  font-size: 55px;
  line-height: 120%;
  color: #FFFFFF;
}

.main-slider-home .main-slider-item .slider-detail p {
  font-style: normal;
  font-weight: 400;
  font-size: 26px;
  line-height: 120%;
  color: #FFFFFF;
  padding: 30px 0;
}

.main-slider-home .owl-nav,
#inner-slider-container .owl-nav {
  position: absolute;
  bottom: 100px;
  /* display: block !important; */
}

.main-slider-home .owl-nav,
#inner-slider-container .owl-nav  {
  right: 100px;
  background: url('../images/new-portal/slider/nav.png') no-repeat;
  background-size: 100%;
  padding: 15px;
  text-align: center;
  background-position: center center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 15px 0;
}

.main-slider-home .owl-nav>div,
#inner-slider-container .owl-nav>div {
  padding: 5px;
}

.main-slider-home .main-slider-item .slider-detail {
  background: url('../images/new-portal/slider/Framebg.svg') no-repeat;
  background-position: center bottom;
  background-size: 35%;
}

.main-slider-home .owl-item.active .main-slider-item .slider-detail h1 {
  animation: fadeInRightBig ease 1s both;
}

.main-slider-home .owl-item.active .main-slider-item .slider-detail p {
  animation: fadeInUpBig ease 1s both;
}

.main-slider-home .owl-dots ,
#inner-slider-container .owl-dots
 {
  position: absolute;
  left: 15%;
  /* display: block !important; */
  bottom: 130px;
}

.main-slider-home .owl-dots .owl-dot span,
#inner-slider-container .owl-dots span {
  width: 5px;
  height: 5px;
  background: #fff;
  background-color: #fff;
  margin: 6px 6px
}

.main-slider-home .owl-dots .owl-dot.active,
#inner-slider-container .owl-dot.active {
  border: 1px solid #6AC7BD;
  border-radius: 50%;
  padding: 0px;
}

.main-slider-home .owl-dots .owl-dot.active span,
#inner-slider-container .owl-dot.active span {
  background: #6AC7BD;
}

.main-slider-home .owl-carousel .owl-stage-outer::after,
#inner-slider-container  .owl-stage-outer::after  {
  position: absolute;
  border: 1px solid #9C9C9C;
  content: '';
  width: calc(100% - 530px);
  height: 2px;
  bottom: 145px;
  left: 20%;
}

.main-slider-home .socail-time {
  background: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 9rem;
  width: 0;
  height: 0;
  position: absolute;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  top: 0;
  left: 0px;
  background-color: #fff;
  overflow-x: hidden;
  opacity: 0;
  /* padding: 10rem 0; */
  width: 0;
  height: 100%;
  justify-content: center;
  z-index: 999;
}

.main-slider-home .socail-time p.today {
  transform: rotate(270deg);
  font-weight: 400;
  font-size: 13px;
  line-height: 120%;
  white-space: nowrap;
  text-align: right;
  width: 100%;
  color: #898B8E;
}



.main-slider-home input[type=checkbox] {
  display: none;
}

.main-slider-home input:checked~.socail-time {
  width: 75px;
  opacity: 1;
  /* padding: 225px 0; */
}
.main-slider-home input + label{
 cursor: pointer;
 transition: all 0.2s ease-in-out;
}
.main-slider-home input:checked + label img {
   transform: rotate(180deg);
}

.main-slider-home input:checked+label {
  margin-left: 70px;
}

.main-slider-home input:checked+label i::before {
  content: "\f060";
}

.main-slider-home .socail-time .socail-media ul,
.main-slider-home .socail-time .socail-media ul li {
  list-style: none;
  list-style-type: none;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100% !important;
  flex-direction: column;
}

.main-slider-home .socail-time .socail-media ul li {
  margin: 5px 0;
  text-align: center;
}

.main-slider-home .socail-time .socail-media ul li i {
  /* width: 24px;
  height: 24px; */
  font-size: 20px;
  color: #898B8E;
}
.main-slider-home .socail-time .socail-media ul li a{
 width: 40px;
 height: 40px;
 background-color: #fff;
 text-align: center;
 line-height: 40px;
 font-size: 20px;
 margin: 0 10px;
 display: block;
 border-radius: 50%;
 position: relative;
 overflow: hidden;
 border: 1px solid #898B8E;
 z-index: 1;
 display: flex;
 align-items: center;
 justify-content: center;
}
.main-slider-home .socail-time .socail-media ul li a i{
 position: relative;
 color: #898B8E;
 transition: .5s;
 z-index: 3;
 transform: translateY(5%);
}
.main-slider-home .socail-time .socail-media ul li a:hover i {
 color: #fff;
 transform: rotateY(360deg);
}
.main-slider-home .socail-time .socail-media ul li a:before {
 content: "";
 position: absolute;
 top: 100%;
 left: 0;
 width: 100%;
 height: 100%;
 background: #f00;
 transition: .5s;
 z-index: 2;
}

.main-slider-home .socail-time .socail-media ul li a:hover:before {
 top: 0;
}

.main-slider-home .socail-time .socail-media ul li:nth-child(1) a:before{
 background: #55acee;
}

.main-slider-home .socail-time .socail-media ul li:nth-child(2) a:before{
 background: #3b5999;
}

.main-slider-home .socail-time .socail-media ul li:nth-child(3) a:before {
 background: #E4405F;
}

.main-slider-home .socail-time .socail-media ul li:nth-child(4) a:before {
 background: #FFFC00;
}
.main-slider-home .socail-time .socail-media ul li:nth-child(5) a:before {
 background: #CD201F;
}
/* first block */
.university-study {
  margin: 3rem 0;
}

.university-study .content .heading {
  padding: 1.5rem 0;
}

.university-study .content .heading h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: #3C7974;
}

.university-study .content .university-degree-box {
  padding: 1rem;
  background: url('../images/new-portal/study-home/program-bg.svg') no-repeat;
  background-size: cover;
  border-radius: 5px;
  background-position: center center;
  /* min-height: 285px; */
  height: 300px;
  /* overflow: hidden; */
}

.university-study .university-degree-box p {
  font-weight: 400;
  font-size: 14px;
  line-height: 155%;
  padding: 10px;
  text-align: inherit;
  color: #FFFFFF;
}

.university-study .university-degree-box form {
  padding: 1.2rem;
}

.university-study .university-degree-box form .flex-group {
  display: flex;
  align-items: center;
  gap: 20px;
}

.university-study .university-degree-box form .flex-group:last-child {
  justify-content: flex-end;
}

.university-study .university-degree-box form .flex-group label {
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
  color: #FFFFFF;
  width: 20%;
}

.university-study .university-degree-box form .flex-group select {
  height: 40px;
  background: #FFFFFF;
  color: #898B8E;
  border-radius: 4px;
 transition: all 0.2s ease-in;
}
.university-study .university-degree-box .submit-button
{
 transition: all 0.2s ease-in;
}
.university-study .university-degree-box .submit-button button {
  width: 80%;
  border: 1px solid #6AC7BD;
  border-radius: 4px;
  background-color: transparent;
  background: transparent;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
  height: 40px;
  margin: 1rem 0 0;
}

.university-study .university-degree-box .submit-button:hover button {
 background-color: #6AC7BD;
 outline: none;
 background: #6AC7BD;
}
.university-study .study-slider .study-item {
  position: relative;
  transition: all 0.3s ease-in-out;
  border-radius: 5px;
  transform: rotateX(0) rotateY(0);
  transform-style: preserve-3d;
  transition-duration: 0.1s;
  transition-timing-function: ease !important;
}

.study-item.is-out {
  transform: rotateX(0) rotateY(0) !important;
  transition-duration: 0.8s;
}

.university-study .study-slider .study-item .text {
  position: absolute;
  bottom: 30px;
  right: 10%;
}

.university-study .study-slider .study-item .text p {
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  text-align: center;

  color: #FFFFFF;
}

.university-study .study-slider .image {
  position: relative;
  border: 1px solid transparent;
  border-radius: 5px;
  overflow: hidden;
  height: 300px;
}

.university-study .study-slider .image::after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, rgba(52, 58, 58, 0) 0%, rgba(26, 42, 41, 0.9) 100%);
}

.university-study .study-slider img {
  min-height: 280px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  height: 100%;
  /* border-radius: 10px; */
  /* overflow: hidden; */
  max-height: unset;
}

.ltr .heading-line {
  display: grid;

  align-items: center;
  grid-template-columns: 21% 64% 15%;
}
.ltr  .heading-line .line-btw
{
 overflow: hidden;
}
.ltr  .heading-line .line-btw img{
 overflow: hidden;
 transform: rotate(180deg);
}

.heading-line .head-icon {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
}

.heading-line .head-icon h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 120%;
  padding: 0 10px;
  color: #3C7974;
}

.heading-line .heading-button {

  padding: 6px 12px 6px 7px;
  display: flex;
  align-items: center;
  /* width: 142px; */
  height: 29px;
  border: 1px solid #0000;
  background: #3C7974;
  color: #F9F9F9;
  border-radius: 3px;
  transition: all 0.3s ease-in-out;
}
.media-section .heading-line .heading-button,.university-services .head .catalog
{
 transition: all 0.3s ease-in-out;
}
.heading-line .heading-button a {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #F9F9F9;
  background: transparent;
}
.heading-line .heading-button a:focus,.heading-line .heading-button a:active{
 outline: unset;
}
.heading-line .heading-button i,.media-section .heading-line .heading-button i {

  color: #F9F9F9;
}
.heading-line .heading-button:hover, .media-section .heading-line .heading-button:hover,.university-services .head .catalog:hover{
 background-color: #fff;
 color:#3C7974;
 border: 1px solid #3C7974;

}
.heading-line .heading-button:hover button,
.heading-line .heading-button:hover i,.media-section .heading-line .heading-button:hover button ,.media-section .heading-line .heading-button:hover i,
.university-services .head .catalog:hover a,.university-services .head .catalog:hover i{
 color: #3C7974;
}
.university-services .university-service-item .enter-btn a:hover{
 background-color: #3C7974;
 color:#fff;
}
/* section 2 */
.heading-line {
  display: grid;
  -ms-display:flex;
  align-items: center;
  grid-template-columns: 14% 67% 15%;
  gap: 20px;
}

.research-section .research-tabs {
  margin: 1rem 0;
}

.research-section .research-tabs .nav-link {
  border: 0;
  font-weight: 700;
  font-size: 14px;
  margin: 0.7rem 0;
  line-height: 140%;
  background-color: transparent;
  text-align: inherit;
  color: #898B8E;
}

.research-section .research-tabs .nav-link:focus {
  outline: unset;
  box-shadow: unset;
}

.research-section .research-tabs .nav-pills .nav-link.active,
.research-section .research-tabs .nav-pills .show>.nav-link {
  background-color: transparent;
  color: #3C7974;
  border-bottom: 1px solid #3C7974;
  border: 0;
}

.research-section .research-tab-slider .tab-slider-item {
  position: relative;
  transition: 0.4s ease-out;
   /* box-shadow: 0px 7px 10px rgb(0 0 0 / 50%); */

}

.research-section .research-tab-slider .tab-slider-item .image {
height: 300px;
}

.research-section .research-tab-slider .tab-slider-item .image img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.research-section .research-tab-slider .tab-slider-item .text {
  position: absolute;
  bottom: 30px;
  right: 10px;
}
.ltr .research-section .research-tab-slider .tab-slider-item .text {
 right: unset;
 left: 10px;
}
.research-section .research-tab-slider .tab-slider-item .text p {
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  text-align: center;

  color: #FFFFFF;
}

.research-section .research-tab-slider .tab-slider-item .image {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}

.research-section .research-tab-slider .tab-slider-item .image::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4))
}

.research-section .research-tab-slider .tab-slider-item:hover{
   transform: translateY(10px);
}
.research-section .research-tab-slider .tab-slider-item:hover .image img{
   transform: scale(1);
   opacity: .6;
}
.ltr .research-section .heading-line .heading-button i{
 transform: rotate(180deg);
}
/* section 3 design */
.consultion-research {
  padding: 30px 0;
}

.consultion-research .consultion-research-text {
  background: url(../images/new-portal/Frame.png) no-repeat;
  background-position: top right;
}

.consultion-research .consultion-research-text .head-icon .icon {}

.consultion-research .consultion-research-text .head-icon h4 {
  font-weight: 700;
  font-size: 21px;
  line-height: 120%;
  padding: 1rem 0;
  color: #3C7974;
}

.consultion-research .consultion-research-text .desc p {
  font-weight: 400;
  font-size: 13.9589px;
  line-height: 40px;
  text-align: justify;
  color: #898B8E;
}

.consultion-research .consultion-research-text .go-button {
  display: flex;
  justify-content: flex-end;
  margin-top: 45px;
}

.consultion-research .consultion-research-text .go-button button {

  height: 37px;
  font-weight: 700;
  font-size: 12px;
  line-height: inherit;
  text-align: center;
  color: #6AC7BD;
  border: 1px solid #75C6BB;
  border-radius: 5px;
}

.consultion-research .consultion-research-slider .consultion-research-item {
  position: relative;
}

.consultion-research .consultion-research-slider .consultion-research-item .text {
  position: absolute;
  bottom: 50px;
  padding: 1.5rem;
  transform: translateY(100%);
  transition: all 0.5s ease;
}

.consultion-research .consultion-research-slider .consultion-research-item .text h5 {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: #FFFFFF;
  padding: 10px;
}

.consultion-research .consultion-research-slider .consultion-research-item .text p {
  font-weight: 400;
  font-size: 12px;
  line-height: 28px;
  text-align: justify;

  color: #FFFFFF;
}

.consultion-research .consultion-research-slider .image {
  border-radius: 5px;
  position: relative;
  border: 1px solid transparent;
  overflow: hidden;
}

.consultion-research .consultion-research-slider .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 372px;
}

.consultion-research .consultion-research-slider .image::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45));

}

.consultion-research .consultion-research-slider .owl-item.active .consultion-research-item .text {
  transform: translateY(-10%);
}

/* section 4 */
.media-section {
  padding: 50px 0 0;
  /* background: #F1F9F7; */
}

.media-section .heading-line {
  display: grid;
  align-items: center;
  grid-template-columns: 13% 71% 13%;
  margin: 14px 0;
}

.media-section .heading-line .heading-button {
  background: #3C7974;
  border: 1px solid #FFFFFF;
  border-radius: 5px;
  color: #ffff;
  text-align: center;
  padding: 17px;
}

.media-section .heading-line .heading-button button {
  color: #ffff;
}

.events-university {
  /* margin: 0rem 0 2rem; */
}

.events-university .event-head {
  text-align: center;
  color: #3C7974;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.events-university .event-head .heading-button a {
 background: #3C7974;
 border: 1px solid #FFFFFF;
 border-radius: 5px;
 color: #ffff;
 text-align: center;
 padding: 10px 25px;
}
.node--type-events .node__content {
  display: grid;
  margin: 10px 0;
  align-items: center;
  gap: 5%;
  justify-content: space-between;
  grid-template-columns: 1fr 1fr;
}
.node--type-events .node__content>.field-field_end_date, .node--type-events .node__content>.field-field_start_date {

 display: flex;
 align-items: center;
 justify-content: space-between;
}
.node--type-events .node__content>.field-field_end_date h3,
.node--type-events .node__content>.field-field_start_date h3{
   position: relative;
   padding: 0px 20px;

}
.node--type-events .node__content>.field-field_end_date h3::before,
.node--type-events .node__content>.field-field_start_date h3::before{
   position: absolute;
   content: "\f073";
   font: normal normal normal 14px/1 FontAwesome;
   width: 94%;
   height: 90%;
   top: 0px;
   left: 5px;
   color: #fff;
}
.node--type-events .field-field_place_of_event
{
  position: relative;
  font-size: 16px;
  font-weight: bold;
  padding: 0 15px;
}
.node--type-events .field-field_place_of_event::before
 {
  position: absolute;
  content: "\f041";
  font: normal normal normal 14px/1 FontAwesome;
  width: auto;
  height: auto;
  top: 3px;
  right: 0px;
  color: #3c7974;
  font-size: 16px;
 }
.events-university .event-head .head-icon
{
 display: flex;
 align-items: center;
 gap: 10px;
}
.events-university .event-head h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  padding: 10px;
  color: #3C7974;
  font-weight: bold;
}

.events-university .events-university-slider {
  margin: 1rem 0;
}

.media-section .events-university .events-university-slider .owl-dot,
.consultion-research .consultion-research-slider .owl-dot,
.research-section .research-tab-slider .owl-dot,
.university-study .study-slider .owl-dot {
  /* width: 11px; */
  /* height: 11px; */
}

.events-university .events-university-slider .owl-dots,
.consultion-research .consultion-research-slider .owl-dots,
.research-section .research-tab-slider .owl-dots,
.university-study .study-slider .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1.5rem 0;
  gap: 0.5rem;
}

.events-university .events-university-slider .owl-dot.active,
.consultion-research .consultion-research-slider .owl-dot.active,
.research-section .research-tab-slider .owl-dot.active,
.university-study .study-slider .owl-dot.active {
  /* border: 1px solid #4d9e4b; */
  /* border-radius: 50%; */
  border: 1px solid #6AC7BD;
  border-radius: 50%;
  padding: 0px;
}

.events-university .events-university-slider .owl-dots .owl-dot span,
.consultion-research .consultion-research-slider .owl-dots .owl-dot span,
.research-section .research-tab-slider .owl-dots .owl-dot span,
.university-study .study-slider .owl-dots .owl-dot span {
  width: 5px;
  height: 5px;
  /* position: relative; */
  /* bottom: 3px; */
  background: #6AC7BD;
  /* left: 5px; */
  width: 5px;
  height: 5px;
  /* background: #fff; */
  /* background-color: #fff; */
  margin: 6px 6px;
}

.events-university .events-university-slider .events-university-item {
  text-align: center;
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  background: #fff;
  border: 0.993459px solid #6AC7BD;
  border-radius: 5px;
}
.ltr .events-university .events-university-slider .events-university-item
{
 flex-direction: row;
}
.ltr .sociaty-service .sociaty-item
{
 grid-template-columns: 1fr auto;
   direction: ltr;
}
.sociaty-service .sociaty-item .image-box {
 width: 100%;
 height: 165px;
}

.events-university .events-university-slider .events-university-time {
  background: #3C7974;
  /* border-radius: 0px 5px 5px 0px; */
  /* width: 100px; */
  /* padding: 0 19px; */
  /* height: 100%; */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 90px;
}

.events-university .events-university-slider .events-university-time h5 {
  font-style: normal;
  font-weight: 700;
  font-size: 35.7645px;
  /* line-height: 60px; */
  text-align: center;
  color: #FFFFFF;
  padding: 0PX 35px;
}

.events-university .events-university-slider .events-university-item .events-university-time span {
  font-weight: 700;
  font-size: 16px;
  /* line-height: 120%; */
  text-align: center;
  color: #6AC7BD;
}

.events-university .events-university-slider .events-university-item p {
  font-weight: bold;
  font-size: 15px;
  line-height: 150%;
  /* padding: 1.2rem; */
  padding:0 10px;
  text-align: center;
  color: #3C7974;
}

.events-university .events-university-slider .events-university-item .events-university-time p {
  font-weight: 700;
  font-size: 14px;
  /* line-height: 41px; */
  text-align: center;
  padding: 0;
  color: #FFFFFF;
}

.media-section .media-tabs {
  margin: 2rem 0;
}

.media-section .media-tabs .nav-tabs {
  border-bottom: unset;
  margin: 1rem 0;
}

.media-section .media-tabs .nav-tabs .nav-link {
  border: unset;
  background-color: transparent;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  border-top-left-radius: unset;
  border-top-right-radius: unset;
  transition: all 0.3s ease;
  color: #3C7974;
  padding: 1rem;
  font-size: 12px;
  line-height: 3px;
  min-width: 125px;
  margin-inline-end: 20px;
}

.media-section .media-tabs .nav-tabs .nav-link:focus {
  outline: none;
  box-shadow: unset;
}

.media-section .media-tabs .nav-tabs .nav-link.active {
  padding: 1rem;
  color: #fff;
  background: #3C7974;
  border-radius: 5px;
}

.media-section .media-tabs .media-news-item {
  position: relative;
}

.media-section .media-tabs .media-news-item::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
  content: "";
  opacity: 0;
  z-index: -1;
}

/* .media-section .media-tabs .media-news-item:hover {
  transform: scale3d(1.006, 1.006, 1);
} */

.media-section .media-tabs .media-news-item:hover::after {
  opacity: 1;
}

.media-section .media-tabs .media-news-item .text {
  position: absolute;
  bottom: 20px;
}

.media-section .media-tabs .media-news-item .text p {
  font-weight: 700;
  font-size: 14px;
  line-height: 150%;
  padding: 1rem;
  text-align: center;
  color: #FFFFFF;
}

.media-section .media-tabs .media-news-item .image {
  border-radius: 5px;
  position: relative;
  border: 1px solid #0000;
  overflow: hidden;
  height: 300px;
}

.media-section .media-tabs .media-news-item .image img {
 width: 100%;
 height: 100%;
 max-width: 100%;
 object-fit: cover;
 transition: all 0.3s ease-in-out;
}
.media-section .media-tabs .media-news-item:hover .image img
{
 transform: scale(1.2);
}
.media-section .media-tabs .media-news-item .image::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45));
}

.media-section .media-tabs .owl-carousel .owl-,.ltr .university-slider .owl-carousel .owl-nav {
  display: block !important;
}

.media-section .media-tabs .owl-carousel .owl-nav .owl-prev,
.media-section .media-tabs .owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #6AC7BD;
  border-radius: 50%;
  clip-path: polygon(360% 0%, 100% 100%, -21% 100%, 25% 0%);
  transition: all 0.3s ease-in-out;
}

.media-section .media-tabs .owl-carousel .owl-nav .owl-prev:hover,
.media-section .media-tabs .owl-carousel .owl-nav .owl-next:hover {
  transform: rotate(360deg);
  background-color: #6AC7BD;
  color: #fff;
  clip-path: unset;

}
.media-section .media-tabs .owl-carousel .owl-nav .owl-prev:hover img,
.media-section .media-tabs .owl-carousel .owl-nav .owl-next:hover img {
 filter: brightness(0) invert(1);
}
.media-section .media-tabs .owl-carousel .owl-nav>div:hover i {
  color: #fff;
}

.media-section .media-tabs .owl-carousel .owl-nav .owl-next {
  clip-path: polygon(100% 0%, 100% 50%, 0% 100%, 0% 0%);
}

.media-section .media-tabs .owl-carousel .owl-nav>div i {
  color: #75C6BB;
}

.media-section .media-tabs .owl-carousel .owl-nav .owl-prev {
  right: -5%;
}

.media-section .media-tabs .owl-carousel .owl-nav .owl-next {
  left: -5%;
}

/* section 5 */
.university-life {
  padding: 30px 0 0;
}

.university-life .head {
  display: flex;
  align-items: center;
}

.university-life .head .text {
  padding: 0px 20px;
}

.university-life .head .text h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: #3C7974;
}

.university-life .head .text p {
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
  padding-top: 15px;
  color: #6AC7BD;
}

.university-life .university-slider .owl-nav .owl-next,
.university-life .university-slider .owl-nav .owl-prev {
  position: absolute;
  top: -70px;
  width: 35px;
  height: 35px;
  border: 1px solid #BBE3E7;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.university-life .university-slider .owl-nav>div i {
  color: #6AC7BD;
}

.university-life .university-slider .owl-nav .owl-prev {
  left: 7%;
}

.university-life .university-slider .owl-nav .owl-next {
  left: 2%;
}

.ltr .university-life .university-slider .owl-nav .owl-prev {
 left: unset;
 right: 7%;
}

.ltr .university-life .university-slider .owl-nav .owl-next {
 left: unset;
 right: 2%;
}
.university-life .university-slider .image img {
  object-fit: cover;
  transition: 0.4s linear;
  /* min-height: 600px; */
}
.university-life .university-slider .owl-prev:hover,
.university-life .university-slider .owl-next:hover {
  transform: rotate(360deg);
  background-color: #6AC7BD;
  color: #fff;
  clip-path: unset;

}
.university-life .university-slider .owl-prev:hover img,
.university-life .university-slider .owl-next:hover img {
 filter: brightness(0) invert(1);
}
.university-life .university-slider .university-slider-item .image {
  position: relative;
  height: 300px;
}

.university-life .university-slider .university-slider-item .image::after {
  position: absolute;
  content: '';
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45));
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.university-life .university-slider .university-slider-item {
  position: relative;
  transition: all 0.2s ease;
  overflow: hidden;
  border: 1px solid #000;
  border-radius: 5px;
}

/* .university-life .university-slider .university-slider-item:hover{
   transition: transform 0.5s;
   -ms-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   /* transform: scale(1.3); */
   /* z-index: 9999; *
}  */
.university-life .university-slider .university-slider-item .text {
 position: absolute;
 bottom: 55px;
 transform: translateY(100%);
 padding: 0 0.8rem;
 transition: all 0.6s ease-in-out;
}

.university-life .university-slider .university-slider-item:hover .text {
  transform: translateY(40%);
}

.university-life .university-slider .university-slider-item .text h3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: #FFFFFF;
}

.university-life .university-slider .university-slider-item .text div.hide {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  text-align: justify;
  color: #FFFFFF;
  position: relative;
  opacity: 0;
  top: 80px;
  padding: 15px;
}

.university-life .university-slider .university-slider-item .text h3 span {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
  color: #FFFFFF;
}

.university-life .university-slider .university-slider-item:hover .text div.hide {
  position: relative;
  top: 0;
  opacity: 1;
}
.university-life .university-slider .owl-item .university-slider-item .image img
{
 height: 100%;
}
.university-life .university-slider .owl-item .university-slider-item:hover .image img {
  width: 133%;
  max-width: initial;
}
/*
.university-life .university-slider .owl-item .university-slider-item:hover .image img {
  transform: translateX(24%);
} */

/* .university-life .university-slider .owl-item .university-slider-item:hover .image img
{
    animation: movement linear infinite;
   animation-duration: 0.5s;
   animation-fill-mode: forwards;
   animation-timing-function: ease-in-out;
} */

/*   */
/* .university-life .university-slider .owl-stage {

   display: flex;
 }
 .university-life .university-slider .owl-item  {
   position: relative;
   flex: 1 0 auto;
   overflow: hidden;
   transition: all 0.5s ease-in-out;
 }
 .university-life .university-slider .owl-item:hover {
   flex: 5;
 } */
@keyframes movement {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(-100%);
  }
}

@keyframes movement-reverse {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(100%);
  }
}

/* section 6 */
.university-services {
  padding: 20px 0;
}
.university-services .row{
 align-items: baseline;
}
.university-services .latest-services {
  /* background: #6AC7BD; */
  border-radius: 5px;
  border: 1px solid #75C6BB;
  min-height: 370px;
  /* padding: 0 0.8rem; */
}

.university-services .latest-services .service-head {
  padding: 1.5rem 15px;
  background: #3C7974;
  background-color: #3C7974;
}

@media screen and (min-width:1200px)
{
.ltr .university-services .university-services-list
{
 grid-template-columns: repeat(5, minmax(140px, 1fr));
   gap: 1.5rem;
}
}
.university-services .latest-services .service-head h3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: #FFFFFF;
}

.university-services .latest-services .university-service-item {
  padding: 1rem;
}

.university-services .latest-services .university-service-item .university-service-head {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  border-bottom: 1px solid #6AC7BD;
}
.ltr .university-services .latest-services .university-service-item .university-service-head
{
flex-direction: row-reverse;
}
.university-services .latest-services .university-service-item .university-service-head h4 {
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
  color: #FFFFFF;
  color: #3C7974;
}

.university-services .latest-services .university-service-item .icon {
  width: 40px;
  height: 40px;
  margin: 1px 10px;
}

.university-services .university-service-item .desc {
  padding: 1rem;
}

.university-services .university-service-item .desc p {
  font-weight: 400;
  font-size: 14px;
  line-height: 164%;
  color: #3C7974;
}

.university-services .university-service-item .enter-btn {
  display: flex;
  justify-content: flex-end;
  margin: 30px 0 0;
}

.university-services .university-service-item .enter-btn a {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
  text-align: right;
  color: #fff;
  background: #3C7974;
  transition: all 0.3s;
  padding: 10px 20px;
}
.university-services .university-service-item .enter-btn a:hover{
 color: #3C7974;
 border-color: #3C7974;
 background: #fff;
}
.university-services .university-services-slider .owl-dots {
  position: absolute;
  top: -40px;
  left: 0;
}

.university-services .university-services-slider .owl-dots .owl-dot span {
  width: 6px;
  height: 6px;
  background: #6AC7BD
}

.university-services .university-services-slider .owl-dots .owl-dot.active span {
  background: #FFFFFF
}

.university-services .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.university-services .head h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: #3C7974;
}

.university-services .head .catalog {
  background: #3C7974;
  border-radius: 3px;
  padding: 2px 7px;
  display: flex;
  align-items: baseline;
}

.university-services .head .catalog a {
  font-size: 14px;
  line-height: 120%;
  color: #FFFFFF;
  background: transparent;
  padding: 5px;
}

.heading-line .heading-button a:hover{
 color: #3C7974;
}
.university-services .head .catalog i {
  color: #6AC7BD;
}
.ltr  .university-services .head .catalog i {
  transform: rotate(180deg);
}
  .university-services .university-services-list {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  margin: 2.5rem 0 0;

}
.university-services .tab-content
{
 transition: all 0.3s;
 transform: translateY(3 0%);
 animation: fadeEffect 1s;
}
@keyframes fadeEffect {
 from{opacity: 0;}
 to{opacity: 1;}

}
.university-services .tab-content.active {
  display: grid;
 transition: all 0.5s ease-in-out;
 transform: translateY(0%);
}

.university-services .tab-content.hide {
  display: none;
}

.university-services .university-service-box {
  border: 1px solid #75C6BB;
  border-radius: 5px;
  height: 122px;
  width: 150px;
  background-color: #fff;

  position: relative;
  overflow: hidden;
}

.box-front,
.box__top,
.box__bottom,
.box-back {
  position: absolute;
  width: inherit;
  height: inherit;
  text-align: center;
  line-height: inherit;
  transition: transform .4s ease;
}

.box__top:before,
.box__bottom:before {
  position: absolute;
  content: '';
  width: 70.71%;
  height: 70.71%;
  transform: rotate(45deg);
}

.box__top:hover,
.box__bottom:hover {
  transform: translateX(0);
  z-index: 1;
}

.box__top:hover:before,
.box__bottom:hover:before {
  width: 100%;
  height: 100%;
  transform: none;
}

.box__top:before {
  top: 100%;
  right: 0;
  transform-origin: 100% 0;
}

.box__top:hover~.box__center {
  transform: translateY(100%);
}

.box__bottom {
  background: yellow;
  transform: translateY(100%);
}

.box__bottom:before {
  bottom: 100%;
  left: 0;
  transform-origin: 0 100%;
}

.university-services .university-service-box .box-front {
  text-align: center;
  margin: 1rem auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
}

.university-services .university-service-box .box-front .icon {
 margin: 0 auto;
 display: flex;
 align-items: center;
 justify-content: center;
}
.university-services .university-service-box .box-front .icon img{

 filter: invert(50%) sepia(8%) saturate(2374%) hue-rotate(126deg) brightness(80%) contrast(85%);
 height: 50px;
}
.university-services .university-service-box h5.serv-name {
 font-weight: 700;
 font-size: 10px;
 line-height: 12PX;
 color: #fff;
 padding: 10PX 0 17px;
 width: 100%;
 background: #3C7974;
}

.university-services .university-service-box .box-back h5.serv-name {
 color: #3C7974;
 background: #fff;
 line-height: 18px;
 padding: 6px 4px;
 background: #fff;
 border-radius: 5px;
 margin: 5px 0;
}

.university-services .university-service-box .box-back {
  width: 100%;


  align-items: center;
  background: rgba(0, 0, 0, 0.582);
  color: white;
  transform: translateY(100%);
  transition: all 0.35s ease;
  background: #3C7974;
  text-align: center;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}

.university-services .university-service-box .box-back p {
  font-weight: 400;
  font-size: 11px;
  line-height: 164%;
  text-align: center;
  color: #FFFFFF;

}

.university-services .university-service-box:hover .box-back {
  transform: translateY(0);
  z-index: 1;
}

.university-services .tabs-serv {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  gap: 1rem;
}

.university-services .tabs-serv ul {
  margin-bottom: 0 !important;
  border-bottom: unset;
}

.university-services .tabs-serv .nav-link {
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 140%;
  color: #3C7974;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;

}
.university-services .tabs-serv .nav-link::before{
 box-sizing: border-box;
 transform: translateX(100%);
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 99.5%;
 height: 2px;
 border-bottom: 2px solid transparent;
 border-left: 2px solid transparent;
}
.university-services .tabs-serv .nav-link::after{
 box-sizing: border-box;
 transform: translateX(-100%);
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 99.5%;
 height: 2px;
 border-top: 2px solid transparent;
 border-right: 2px solid transparent;
}
.university-services .tabs-serv .nav-item.active .nav-link::before {
 transition: 0.1s transform linear, 0.1s height linear 0.1s;
 transform: translateX(0);
 height: 100%;
 border-color: #3c7974;
}
.university-services .tabs-serv .nav-item.active .nav-link::after {
 transition: 0.1s transform linear 0.2s, 0.1s height linear 0.3s;
 transform: translateX(0);
 height: 100%;
 border-color: #3c7974;
}

.university-services .tabs-serv .nav-link:focus,
.university-services .tabs-serv .nav-link:hover {
  border-color: transparent !important;
}

/* section 9 */
.sociaty-service .head {
  display: flex;
  align-items: center;
}

.sociaty-service .head h4 {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  color: #3C7974;
}

.sociaty-service .head .icon {
  margin-inline-end: 10px;
}

.sociaty-service .sociaty-item {
 display: grid;
 grid-template-columns: 1fr auto;
 gap: 3%;
 align-items: center;
}

.sociaty-service .sociaty-item .text h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  color: #3C7974;
}
.sociaty-service .sociaty-item a{
 color: #3C7974;
}

.sociaty-service .sociaty-item .text p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 172%;
  text-align: justify;
  color: #3C7974;
  padding: 20px 0;
}

.sociaty-service .sociaty-item .images {
  display: flex;
  align-items: center;
  gap: 1%;
}

.sociaty-service .sociaty-item .images img {
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale(1);
}

.sociaty-service .sociaty-item .images img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: unset;
  max-height: unset;
  min-height: 164px;
  border-radius: 5px;
}

/* .sociaty-service .sociaty-item img:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
} */

/* .sociaty-service .sociaty-slider .owl-nav {
  display: block !important;
} */

.sociaty-service .sociaty-slider .owl-nav>div {

  position: absolute;
  top: 30%;
}

.sociaty-service .sociaty-slider .owl-nav .owl-prev {
  right: -10%;
}

.sociaty-service .sociaty-slider .owl-nav .owl-next {
  left: -10%;
}

/* section 8 */
.tawasul {
  background: #F1F9F7;
  padding: 50px 0;
}

.tawasul .tawasul-box .head h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  padding: 14px 0 10px 0;
  color: #3C7974;
}

.tawasul .tawasul-box:first-of-type .desc p {
  font-weight: 400;
  font-size: 14px;
  line-height: 170%;
  text-align: justify;
  color: #898B8E;
}

.tawasul .tawasul-box .icon-phone {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  flex-direction: row-reverse;
}

.tawasul .tawasul-box .go-link {
  display: flex;
  justify-content: flex-end;
}

.tawasul .tawasul-box .go-link a {
  border: 1px solid #3C7974;
  border-radius: 5px;
  height: 33px;
  font-weight: 700;
  font-size: 11px;
  padding: 9px 20px;
  line-height: 120%;
  transition: all 0.3s;
  color: #3C7974;
}
.tawasul .tawasul-box .go-link a:hover{
 background: #3C7974;
 color: #fff;
}
.tawasul .video-box {
  position: relative;
}

.tawasul .video-box .image {
  z-index: 9;
  overflow: hidden;
  position: relative;
}

.tawasul .video-box .image img {
  border-radius: 5px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* .tawasul .video-box:after {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #BBE3E7;
  content: '';
  top: -15px;
  z-index: 0;
  left: -25px;
  /* z-index: 0; */
  /* border-right: 0;
  border-radius: 5px;
}

.ltr .tawasul .video-box:after {
  left: unset;
  right: -25px;
} */*/

/* last footer */
footer.new-footer {
  padding: 30px 0 0;
  background: url('../images/new-portal/footer-bg.svg') no-repeat;
  background-size: cover;
}

.new-footer .content {
  /* display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, min-max(100, 1fr));
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  flex-wrap: wrap; */
}
.new-footer .content
{
  display: grid;
  grid-template-columns: 75% auto;
  gap: 5%;
}
.new-footer .content .footer-box .footer-box-head {
   border-bottom: 1px solid #6AC7BD;
   border-radius: 10px;
   /* padding: 24px 0 0; */
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   /* width: 350px; */

   padding-bottom: 1rem;
}
.new-footer .content .footer-box  div.socail-links{
   display: block;
}
.new-footer .footer-app{
  display: flex;
  align-items: center;
  margin: 13px 0px 16px;
  gap: 1rem;
}
.new-footer .content .footer-box .footer-box-body ul.top-links
{
  display: grid;
  align-items: start;
  grid-template-columns: repeat(5, minmax(200px, 1fr));
}
.new-footer .content .footer-box .footer-box-body ul.top-links li{
  padding: 10px 2px;
}
.new-footer .content .footer-box .footer-box-body ul.top-links li a{
  padding: 20px 0px;
}

.new-footer .content .footer-box .footer-box-body ul.socail-footer
{
   display: flex;
   align-items: center;
   gap: 10px;
   justify-content: center;
}
.new-footer .content .footer-box .footer-box-body ul.socail-footer li::before

{
  content: unset;
}
.new-footer .content .footer-box .footer-box-body ul.socail-footer img {
  height: 20px;
  width: auto;
}
.new-footer .content .footer-box .footer-box-head h4 {
  font-weight: 700;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 14px;
  line-height: 150%;
  color: #FFFFFF;
  /* padding-bottom: 20px; */
}

.new-footer .content .footer-box .footer-box-body {
  /* display: flex;
  gap: 4rem;
  align-items: center; */
}

.new-footer .content .footer-box .footer-box-body ul li a {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  /* padding: 20px 10px; */
  line-height: 0%;
  color: #FFFFFF;
}

.new-footer .content .footer-box .footer-box-body ul {
  list-style: unset;
  display: grid;
  align-items: start;
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  flex-wrap: wrap;
  align-items: start;
}


.new-footer .content .footer-box .footer-box-body ul li {
  list-style: unset;
  list-style-type: none;
  padding: 10px 7px;
}

.new-footer .content .footer-box .footer-box-body ul li::before {
  padding: 0px 6px;
  content: "\2022";
  color: white
}


.copyrights.new-copyrights {
  background: #235854;
  padding: 30px 0;
}

.copyright-links ul {
  list-style: unset;
  display: flex;
  gap: 0.4rem;
  align-items: center;
}

.copyright-links ul li::before {
  content: "\2022";
  color: white
}

.copyright-links ul li {
  list-style: unset;
  list-style-type: none;
  padding: 0 10px;
}

.copyright-links ul li a {
  font-weight: 400;
  font-size: 13px;
  line-height: 164%;
  color: #FFFFFF;
}

.copyrights.new-copyrights .copyright-text {
  display: flex;
  gap: 0.6rem;
  justify-content: flex-end;
}

.copyrights.new-copyrights .copyright-text p {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 164%;
  color: #FFFFFF;
}

.copyrights.new-copyrights .copyright-text p:last-child {
  position: relative;
  padding: 0px 20px;
  margin-bottom: 0;
}

.copyrights.new-copyrights .copyright-text p:last-child::before {
  position: absolute;
  top: 0;
  right: 8px;
  content: '';
  width: 1px;
  height: 23px;
  border: 1px solid #258E85;
}

.ltr .copyrights.new-copyrights .copyright-text p:last-child::before {
  left: 8px;
  right: unset;
}

.new-footer .content {
  padding: 30px 0;
}

.new-footer .socail-links {
  border-top: 1px solid #3F918B;
  /* padding: 31px 0 31px; */
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* margin: 15px 0; */
}

.new-footer .socail-links ul.top-links {
  display: flex;
}

.new-footer .socail-links ul.top-links a {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  padding: 20px 10px;
  line-height: 161%;
  color: #fff;
}

.new-footer .socail-links ul.top-links li::before {
  content: "\2022";
  color: white;
  padding: 3px;
}

.new-footer .socail-links ul.top-links li {
  list-style: unset;
  list-style-type: none;

}

.new-footer .socail-footer,
.new-footer .socail-footer li {
  list-style: unset;
  list-style-type: none;
}
.new-footer .socail-links ul.top-links li a {
transition: all ease 0.3s;
}
.new-footer .socail-links ul.top-links li a:hover ,
.new-footer .socail-links ul.top-links li:hover::before{
 color: #56b8ca;
 padding-right: 5px;
}
.new-footer .socail-footer {
  display: flex;
  align-items: center;
  gap: 10px;
}

.new-footer .socail-footer li {
  background: #6AC7BD;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  width: 37px;
  height: 37px;
  border: 1px solid transparent;
}

.new-footer .socail-footer li a i {
  color: #F7F7F7;
  font-size: 19px;
  transform: translateY(12%);
  text-indent: 5px;
}
.new-footer .socail-footer li{
 transition: all ease 0.3s;
}
.new-footer .socail-footer li:hover{
 background: #235854;

}
.copyright-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* inner pages */
.university-data .title h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 60px;
  color: #3C7974;
}
.university-data .image img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}
.university-data p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 35px;

  text-align: justify;

  color: #001C12;
}


.university-data .univeristy-view h4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 30px;
  color: #3C7974;
}

.university-data .univeristy-view p {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
  padding: 10px 0;
  text-align: justify;
  color: #001C12;

}

.university-data .univeristy-view ul {
  list-style-type: decimal;
  margin-inline-start: 20px;
}

.top-talk .quote-text p {
  font-weight: 700;
  font-size: 24px;
  line-height: 50px;
  color: #3C7974;
}

.top-talk .blog-post-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.top-talk .blog-post-actions .blog-post-author {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #6AC7BD;

}

.president-work .president-image {
  float: right;
  padding-inline-end: 20px;
}
.ltr .president-work .president-image
{
 float: left;
}
.president-work h3 {
  font-weight: 700;
  font-size: 32px;
  padding-bottom: 20px;
  text-align: inherit;
  color: #3C7974;
}

.president-work article p {
  font-weight: 400;
  font-size: 14px;
  line-height: 35px;
  text-align: justify;
  color: #001C12;
}

.president-work .president-name {
  display: grid;
  justify-content: flex-end;
  flex-direction: column;
}

.president-work .president-name h4 {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #6AC7BD;
}

.president-work .president-name p {
  font-weight: 500;
  font-size: 12px;
  color: #6AC7BD;
  text-align: center';

}

.mission-vision .content-box {
  margin: 1.5rem 0;
}

.mission-vision .content-box h4 {
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  color: #3C7974;
}

.mission-vision .content-box h4 {
  font-weight: 700;
  font-size: 32px;
  line-height: 60px;
  color: #3C7974;
}

.mission-vision .content-box p {
  font-weight: 700;
  font-size: 14px;
  color: #001C12;
}

.mission-vision .content-box .desc-button {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.mission-vision .content-box a {
  background: #3C7974;
  border-radius: 5px;
  color: #fff;
}


.main-inner-content .view-news .item-list ul {
  display: grid;
  display: grid;
  gap: 2%;
  grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
}

.main-inner-content .view-news .item-list ul li {
  width: 100%;
  padding: 0;
  margin-bottom: 10px;
  position: relative;
}

.block-system-main-block {
  width: 100%;
}

.main-inner-content .view-news .item-list li .title {
  position: absolute;
  bottom: 0;
  background-color: transparent;
  background: transparent;
  color: #fff;
  text-align: center;
  z-index: 99
}

.main-inner-content .view-news .item-list li .title a {
  color: #fff;
}

.main-inner-content .view-news .field-content.image a {
  position: relative;
  border: 0;
  margin-bottom: 0;
  min-height: 300px;
}

.main-inner-content .view-news .field-content.image a img {
  height: 100% !important;
  object-fit: cover;
}

.main-inner-content .view-news .item-list ul li::after {
  position: absolute;
  content: '';
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45));
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pager-nav {
  margin: 50px 0 0;
}

.pager-nav .pagination .pager__item a,
.pagination li a {
  min-width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #C0C0C0;
  border-radius: 6px;
  text-align: center;
  color: #898B8E;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pager-nav .pagination .pager__item.active a,
.pagination li.active a {
  background: #6AC7BD;
  color: #fff;
  border-color: transparent;
}

.pager-nav .pagination .pager__item.pager__item--next,
.pager-nav .pagination .pager__item.pager__item--previous {
  display: none;
}

/* new header */
.new-header .has-submenu {
  position: static !important;
}

.new-header ul.dropdown-menu {
  right: 0;
  left: unset;
}

.new-header ul.dropdown-menu::before {
  position: relative;
}

.new-header ul.dropdown-menu {

  min-width: 250px;
  background: #3C7974;
  border-radius: 0px 5px 5px 0px;
  padding: 0 !important;
  margin: 0 !important;
  /* padding: 1rem; */
  min-height: 300px;
}

.new-header ul.dropdown-menu li a {
  color: #fff;
  padding: 1rem;
}

.new-header .megasubmenu {
  background: url(../images/new-portal/Frame.png) no-repeat;
  background-size: contain;
  background-position: center center;
  padding: 0;
}

.new-header .megasubmenu li {
  padding: 0.6rem;
}

.new-header .megasubmenu li a {
  font-weight: 500;
  font-size: 13px;
  line-height: 120%;
  color: #3C7974 !important;
}

.new-header ul.dropdown-menu li a:hover {
  background: #6AC7BD;
}

.new-header .megasubmenu li:hover {
  background: #6AC7BD;
  color: #FFFF;
}

.new-header .megasubmenu li:hover a {
  background: transparent;
  background-color: transparent;
  color: #fff !important;
}

.new-header .dropdown-menu.megasubmenu li a:hover {
  background: unset !important;
  background-color: unset !important;
}

.new-header .megasubmenu li::before {
  content: "\2022";
  color: #3C7974
}

.new-header .megasubmenu li:hover::before {
  color: #fff
}

.new-header .dropdown-menu .dropdown-toggle::after {
  content: unset;
}

.new-header .one-level .dropdown-menu,
#block-psau-main-menu .level-0.notmega>ul {
  /* background: #fff url(../images/new-portal/Frame.png) no-repeat; */

  padding: 0;
  min-width: -webkit-fill-available;
  transform-origin: right;
  border-radius: 5px;

  max-width: 250px;
  background: #3C7974;
  border-radius: 5px;
 margin: 12px 0;
  transform-origin: right;
  animation: growDown 300ms ease-in-out forwards;
  transform-origin: top center;
}
.ltr #block-psau-main-menu .level-0
{
 padding: 0 12px;
}

.new-header .one-level .dropdown-menu li,
.new-header .no-height .dropdown-menu li {
  padding: 1rem;

}

.new-header .one-level .dropdown-menu li a,
.new-header .no-height .dropdown-menu li a {
  font-weight: 500;
  /* font-size: 13px; */
  line-height: 120%;
  color: #3C7974;
  /* padding: 0.8rem; */
}

.new-header .one-level .dropdown-menu li:hover,
.new-header .no-height .dropdown-menu li:hover {
  background: #6AC7BD;
  color: #FFFF;
}

.new-header .one-level .dropdown-menu li:hover a,
.new-header .no-height .dropdown-menu li:hover a {
  color: #FFFF;
}

.new-header .one-level .dropdown-menu li::before,
.new-header .no-height .dropdown-menu li::before {
  content: "\2022";
  color: #3C7974
}

.new-header .one-level .dropdown-menu li:hover::before,
.new-header .no-height .dropdown-menu li:hover:before {
  color: #fff
}

.new-header .no-height .dropdown-menu {
  width: auto;
  height: auto;
  /* min-width: unset; */
  min-height: unset;
  background: unset;
}

.new-header .second-level {
  background: #D9EEF0;
  min-width: 245px;
}

.new-header .second-level li::before,
.new-header .thidrd-level li::before {
  content: unset;
}

ul.submenu.dropdown-menu.thidrd-level {
  right: 100%;
  top: 0;
  background: url(../images/new-portal/Frame.png) no-repeat;
  background-size: contain;
  background-position: center center;
  padding: 0;
  min-width: 400px;

}

.new-header .megasubmenu ul.submenu.dropdown-menu.thidrd-level li a {
  color: #3C7974 !important;
}

.new-header .megasubmenu ul.submenu.dropdown-menu.thidrd-level li:hover a {
  color: #fff !important;
}

.new-header .second-level li,
.new-header .thidrd-level li {
  position: static !important;
}


/* new demo  */

.mobile-nav-wrapper,
.site-header__logo.mobileview {
  display: none;
}

.new-header .menu-sidebar .form-group.has-search {
  border: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #6AC7BD;
  padding: 1rem;
  border-radius: 0;
}

.new-header .menu-sidebar .form-group.has-search ::placeholder {
  color: #fff !important;
}

.new-header .menu-sidebar .form-group.has-search span {
  color: #ffff;
}

.new-header .menu-sidebar ul {
  background-color: #3C7974;
  background: #3C7974;
}

.new-header .menu-sidebar ul li {
  font-size: 13px;
  color: #000;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  padding: 11px 15px;
  position: relative;
}

.new-header .navbar-light .menu-sidebar .navbar-nav .nav-item {
  margin: 0 0;
  border-bottom: 1px solid rgba(58, 58, 58, 0.15);
  padding: 15px 10px;
}

.new-header .navbar-light .menu-sidebar .navbar-nav .nav-link {
  font-weight: 700;
  font-size: 14px;
  line-height: 150%;

  color: #FFFFFF;
}

.new-header .menu-sidebar .form-group.has-search .form-control-feedback {
  position: relative;
  left: 0;
}

.new-header .menu-sidebar .dropdown-toggle::after {
  position: absolute;
  left: 30px;
  content: "\f053";
}

.new-header .menu-sidebar #closeSidebar {
  position: absolute;
  left: 10px;
  top: 15px;
  z-index: 99;
}

.new-header .menu-sidebar #closeSidebar i {
  color: #fff;
}

.menu-sidebar {
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  min-width: 100px;
  width: 280px;
  background: #fff;
  transform: translateX(100%);
  transition: transform .4s ease;
  overflow: auto;
}


/* new header mega menu */
#block-psau-main-menu .level-0.mulilevel:hover .menu.dropdown-menu {}

#block-psau-main-menu .level-0.mulilevel .menu.dropdown-menu li.level-1 {
  /* position: relative; */
}

#block-psau-main-menu .level-0.mulilevel>.menu.dropdown-menu {
  max-width: 250px;
  background: #3C7974;
  border-radius: 5px;
  min-width: unset;
  padding: 0 !important;
  margin: 12px 0 !important;
  height: auto;
  transform-origin: right;
 animation: growDown 300ms ease-in-out forwards;
  transform-origin: top center;
}


#block-psau-main-menu .level-0.mulilevel>.menu.dropdown-menu.show {

}
.main-menu .notmega.mulilevel {
  height: auto;
}

#block-psau-main-menu .level-0.mulilevel>.menu.dropdown-menu li a {
  color: #fff;
  position: relative;
}
#block-psau-topmenu ul li.level-2 a
{
 position: relative;
}
#block-psau-main-menu .level-0.mulilevel>.menu.dropdown-menu li.has-item a::after,  #block-psau-topmenu ul li.level-2 a::after{
 position: absolute;
 content: "";
 color: #FFF;
 top: 10px;
 left: 0px;
 transition: all 0.3s ease;
 background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-chevron-right' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
 height:16px;
 width:16px;
 transform: rotate(180deg);
}
.ltr #block-psau-main-menu .level-0.mulilevel>.menu.dropdown-menu li a::after, #block-psau-topmenu ul li.level-2 a::after
{
 right: 0;
 left: unset;
 transform: rotate(0);
}
.ltr .dropdown-toggle::after {
 border: none;
 display: inline-block;
 font: normal normal normal 14px/1 FontAwesome;
 font-size: inherit;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 content: "\f107";
 /* vertical-align: middle; */
 /* padding-top: 20px; */
 vertical-align: -2px;
}
 #block-psau-main-menu .level-0.mulilevel .menu.dropdown-menu li.level-1 ul.dropdown-menu.submenu-level li a::after{
    color: #3C7974;
}


.ltr #block-psau-main-menu .level-0.mulilevel .menu.dropdown-menu li.level-1 ul.dropdown-menu {
  left: 100%;
  right: unset;
}
#block-psau-main-menu .level-0.mulilevel .menu.dropdown-menu li.level-1 ul.dropdown-menu   li a
{
 position: relative;
}


#block-psau-main-menu .level-0.mulilevel>.menu.dropdown-menu li.level-1 ul.dropdown-menu a {
  color: #3C7974;
  font-weight: 500;
}

#block-psau-main-menu .level-0.mulilevel>.menu.dropdown-menu li.level-1 ul.dropdown-menu a:hover {
  color: #fff;
}

#block-psau-main-menu .level-0.mulilevel .menu.dropdown-menu li.level-1 {
  height: auto !important;
}

#block-psau-main-menu .level-0.mulilevel .menu.dropdown-menu li.level-1 ul.dropdown-menu.submenu-level {
  background: #D9EEF0;
  /* min-width: 600px; */
width: 170PX;
  /* transition: all 0.5s ease-in-out; */
  border-radius: 5px;
  overflow: VISIBLE;

  animation: growDown 300ms ease-in-out forwards;
  transform-origin: top center;
  min-height: -webkit-fill-available;
  padding: 0;
}
#block-psau-main-menu .level-0.mulilevel .menu.dropdown-menu li.level-1 ul.dropdown-menu{
   position: absolute;
   /* width: 230px; */
   /* text-align:left; */
   display: none;
   right: 100%;
   top: 0;
   background: #ffffff  no-repeat;
   background-size: contain;
   background-position: center center;
   padding: 0;
   height: auto;
   border-radius: 5px;
   /* width: 400px; */
   min-height: -webkit-fill-available;

   z-index: 11111;
 }
 .sociaty-service .sociaty-item .text p:empty
 {
   display: none;
 }
 #block-psau-main-menu .level-0.mulilevel .menu.dropdown-menu li.level-1 ul.dropdown-menu .level-2 ul.menu.dropdown-menu.submenu-level
 {
   background: #ffffff  no-repeat;
   background-size: 50%;
   background-position: center left;
   right: 100%;
   min-width:250px;

   background: #3C7974;
   border-radius: 5px;
   /* min-width: unset; */
   padding: 0 !important;
   /* margin: 12px 0 !important; */
   padding: 0 0px 0 0;
   /* color: #3C7974; */
   /* list-style: disc; */
   transition:  all 0.2s ease;
 }
 #block-psau-main-menu .level-0.mulilevel .menu.dropdown-menu li.level-1 ul.dropdown-menu .level-2 ul.menu.dropdown-menu.submenu-level li
{
  list-style: unset;
  list-style-type: unset;

 }
 #block-psau-main-menu .level-0.mulilevel .menu.dropdown-menu li.level-1 ul.dropdown-menu.submenu-level .level-3 a
 {
   color: #fff;
 }
 #block-psau-main-menu .level-0.mulilevel .menu.dropdown-menu li.level-1 ul.dropdown-menu .level-2 ul.menu.dropdown-menu.submenu-level  a{
   font-size: 12px;
 }
 #block-psau-main-menu .level-0.mulilevel .menu.dropdown-menu li.level-1 ul.dropdown-menu.submenu-level li a::after{
   content: unset;
 }

 #block-psau-main-menu .level-0.mulilevel>.menu.dropdown-menu li.level-2 a::after
 {
   content: unset;
 }
 #block-psau-main-menu .level-0.mulilevel .menu.dropdown-menu li.level-1 ul.dropdown-menu.submenu-level .level-2 a {
   position: relative;
 }
 #block-psau-main-menu .level-0.mulilevel .menu.dropdown-menu li.level-1 ul.dropdown-menu.submenu-level .level-2 a::after{
   position: absolute;
   content: "";
   color: #3C7A75;
   top: 10px;
   left: 0px;
   transition: all 0.3s ease;
   background-image: url("../images/icons/chevronright.svg");
   height:16px;
   width:16px;
   transform: rotate(180deg);
  }
  #block-psau-main-menu .level-0.mulilevel .menu.dropdown-menu li.level-1 ul.dropdown-menu.submenu-level .level-2 a::after
  {

  }
  .ltr   #block-psau-main-menu .level-0.mulilevel .menu.dropdown-menu li.level-1 ul.dropdown-menu.submenu-level .level-2 a::after{
      right: 0;
      transform: rotate(0);
      left: unset;
  }
  #block-psau-main-menu .level-0.mulilevel .menu.dropdown-menu li.level-1 ul.dropdown-menu.submenu-level .level-3 a::after
  {
   content: unset;
  }
/* #block-psau-main-menu .level-0.mulilevel .menu.dropdown-menu li.level-1 ul.dropdown-menu.submenu-level .level-2 .dropdown-menu {
  right: 250px;
}

.ltr #block-psau-main-menu .level-0.mulilevel .menu.dropdown-menu li.level-1 ul.dropdown-menu.submenu-level .level-2 .dropdown-menu {
  left: 250px;
} */
/* menu animation */
@keyframes growDown {
 0% {
     transform: scaleY(0)
 }
 80% {
     transform: scaleY(1.1)
 }
 100% {
     transform: scaleY(1)
 }
}
@keyframes dropdown {
  0% {

    transform: scaleY(0);
  }

  50% {

  }

  100% {
    transform: scaleY(1);
  }
}

@keyframes flyout {
  0% {

    transform: scaleX(0);
  }

  100% {
    transform: scaleX(1);
  }
}

#newsCover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 680px;
}

.field-field_news_img a img {
  display: none;
}

#news-detail {
  display: grid;
  flex-wrap: nowrap !important;
  grid-template-columns: 65% auto;
}

#news-detail #block-news .item-list ul {
  display: block !important;
}

#news-detail #block-news .item-list ul li {
 box-shadow: unset;
 border: unset;
 display: flex;
 grid-template-columns: 40% 1fr;
 align-content: center;
 align-items: flex-start;
 gap: 20px;
}

#news-detail #block-news .item-list ul li::after {
  content: unset;
}

#news-detail #block-news .item-list ul li img {
  width: auto;
  height: 100px !important;
  padding: 0;
  margin: 0;
  border: 0;
  box-shadow: unset;
}
#news-detail .node .field-body
{
 color: #3C7974;
}
#news-detail #block-news .item-list ul li .title {
  position: relative;
  color: #3C7974;
  font-size: 14px;
  font-weight: bold;
  text-align: inherit;
}

#news-detail #block-news .item-list ul li .title a {
  color: #3C7974;
}

#news-detail h2.title {
  font-weight: bold;
  font-weight: 700;
  font-size: 22px;
  line-height: 150%;
  color: #3C7974;
}

#news-detail #block-news .item-list ul {
  margin-top: 30px;
}

#news-detail #block-psau-content {
 position: relative;
 bottom: 200px;
 background: #ddd;
 padding: 30px;
 background: #FAFAFA;
}

#news-detail .block-breadcrumbs {
  display: none !important;
}

#news-detail .field-body p {
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  text-align: justify;
  color: #114432;
}


/* research */
#research-detail .node__content {
  display: flex;
  /* align-items: baseline; */
  gap: 1.5rem;
}
#research-detail .field-field_search_img, #research-detail .field-field_patented_img,#researh-detail .field_scientific_achievement_img
{
 width: 390px;
 height: 270px;
}
#research-detail .field-field_search_img img, #research-detail .field-field_patented_img img ,#researh-detail .field_scientific_achievement_img img{
 height: 100%;
 width: 100%;
 object-fit: cover;
}

#research-detail .node__content .field-body {
  order: 1;
}

#research-detail .node__content .field-field_patented_img:last-child {
  position: relative;
}
#research-detail .node__content .field-body h2{
 color: #3C7A75;
}

#research-detail .node__content .field-field_patented_img h3 {
  display: none;
}

#research-detail .node__content .field-field_patented_img::after {
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  content: '';
  width: 100%;
  height: 100%;
}
#research-detail .node__meta {
   text-align: inherit;
   position: relative;
   top: 350px;
}

#research-detail .node__content .field-body {
  position: relative;
  top: 50px;
}

#research-detail .title {
   position: relative;
    color: #3C7974;
}

/* social media share */
#block-share-socail {
  position: relative;
  /* right: 60%; */
  top: 50px;
}
.ltr #block-share-socail
{
 position: relative;
   right: 0;
}

#block-share-socail .contextual {
  position: static;
}

.share-socail {
  display: block;
  border: 1px solid #0000;
  /* background: #f00; */
  background: #eee;
  padding: 10px;
  border-radius: 5px;
  width: 500px;
}

/* @media screen and(min-width:1800px) {
   .share-socail {
       min-width: 700px;
   }
} */
.share-socail .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.share-socail .content h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  text-align: justify;
  color: #818181;
}

.share-socail .content ul {
  display: flex;
  list-style-type: unset;
  list-style: unset;
  gap: 1rem;
}

.share-socail .content ul li {
  border: 1px solid transparent;
  border-radius: 50%;
  background: #fff;
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: unset;
  list-style-type: unset;
}

.share-socail .content ul li a i {
  color: #6fcf97;
  font-size: 16px;
}

.search_academic form {
  background-color: #3C7974;
}

.academic_item i,
.academic_item .academic_list li a:hover {
  color: #3C7974;
}

/* contact us page */
#contact-form h2.title.wow.fadeInDown.animated {
  margin: 1rem auto;
  text-align: center;
  color: #3C7974;
}

.contact-message-feedback-form .form-actions {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
}

#contact-form input#edit-submit {
  background: #3C7974;
  border: 1px solid #3C7974;
  border-radius: 5px;
  width: 30%;
  padding: 0.6rem;
}

#contact-form #edit-preview {
  display: none;
}

#contact-form .page-cover {
  position: relative;
}

.page-cover .image-cover {
  position: relative;
}

.page-cover .image-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-height: 650px
}

.page-cover .image-cover::after {
  position: absolute;
  background: rgba(0, 0, 0, 0.23);
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-cover .image-cover h1 {
  position: absolute;
  top: 60%;
  right: 15%;
  font-size: 50px;
  font-weight: bold;
  color: #fff;
  z-index: 22;
}

.page-cover .main-contact-info {
  background: #3C7974;
  padding: 3rem 0;
  width: 50%;
  /* display: flex; */
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin: 0 auto;
  position: relative;
  bottom: 100px;
  border-radius: 5px;
  z-index: 0;
}

.page-cover .main-contact-info .contact-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}

.page-cover .main-contact-info .contact-box .icon i {
  font-size: 40px;
  color: #fff;
}

.page-cover .main-contact-info .contact-box h4,
.page-cover .main-contact-info .contact-box h4 a {
  color: #fff;
}

.contact-help {
  margin: 2rem 0;
}

.contact-help .sec-title {
  text-align: center;
}

.contact-help .sec-title h2 {
  font-weight: 700;
  font-size: 30px;
  line-height: 120%;
  color: #3C7974;
}

.contact-help .sec-title p {
  font-size: 18px;
  padding: 1rem 0;
  line-height: 120%;
  color: #3C7974;
}

.contact-help .contact-box {
  display: flex;
  border: 1px solid #BBE3E7;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 2rem;
  margin: 1rem 0;
  min-height: 180px;
  position: relative;
  background-size: 200% 200%;
  background-image: linear-gradient(to top, #3C7974 50%, transparent 50%);
  transition: background-position 300ms, color 300ms ease,
    border-color 300ms ease;
}

/* .contact-help .contact-box::after{
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   transform: translateY(-100%);
   transition: all 0.35s ease;
   background: #3C7974;
} */

.contact-help .contact-box h4 a {
  font-weight: 700;
  font-size: 14px;
  line-height: 120%;
  color: #3C7974;
}

.contact-help .contact-box .icon {
  margin-bottom: 1rem;
}

.contact-help .contact-box i {
  color: #3C7974;
  font-weight: bold;
  font-size: 25px;
}


.contact-help .contact-box:hover {
  color: white;
  border-color: #3C7974;
  background-image: linear-gradient(to top, #3C7974 51%, transparent 100%);
  background-position: 100% 100%;
  transition: background-position 300ms, color 300ms ease,
    border-color 300ms ease;
}

.contact-help .contact-box:hover i,
.contact-help .contact-box:hover a {
  color: #fff;
}

/* related links */
#related_links{
   background: #FAFAFA;
   width: 90%;
   position: relative;
   bottom: 100px;
   margin: 0 auto;
   padding: 1rem;
}
#related_links .title{
   font-weight: 700;
font-size: 32px;
line-height: 120%;
margin: 2.5rem 0;
color: #3C7974;
}
#related_links .item-list li {
   list-style: none;
}
#related_links .relatedlinks-list ul,
.view-universities .universities-list ul {
  display: grid;
  grid-template-columns: repeat;
  display: grid;
  list-style: unset;
  gap: 1%;
  list-style-type: unset;
  grid-template-columns: repeat(3, 1fr);
}

.view-relatedlinks>.item-list ul.filter,.view-universities>.item-list ul.filter {
  background-color: transparent !important;
  background: transparent !important;
  display: flex;
  justify-content: flex-start;
  margin: 0 2rem;
  gap: 2%;
}

.relatedlinks-list ul li,
.view-universities .universities-list ul li {
  position: relative;
  list-style: none !important;
  list-style-type: none !important;
  border: 1px solid #6AC7BD;
  border-radius: 5px;
  padding: 10px 25px;
  text-decoration: none;
  z-index: 0;
  overflow: hidden;
}

.relatedlinks-list ul li::before,
.universities-list ul li::before {
  position: absolute;
  top: calc(80% / 2);
  right: 10px;
  width: 20px;
  height: 20px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  content: "\f0c1";
  color: #6AC7BD;
}

.ltr .relatedlinks-list ul li::before,
.ltr  .universities-list ul li::before  {
  right: unset;
  left: 10px;
}

.relatedlinks-list ul li a,
.universities-list ul li a {
  font-weight: 700;
  font-size: 12px;
  line-height: 120%;
  text-align: right;
  color: #3C7974;
  padding: 0px 0.6rem;
}
.universities-list ul li a {
   padding: 0 1rem;
}
.relatedlinks-list ul li::after,
.universities-list ul li::after {
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  background: #3C7974;
  z-index: -1;
  transform: translateX(100%);
  transition: none;
  transition: transform 350ms ease;
}

.relatedlinks-list ul li:hover:after,
.universities-list ul li:hover::after{
  opacity: 1;
  transform: translateX(0);
  cursor: pointer;
}

.relatedlinks-list ul li:hover::before,
.relatedlinks-list ul li:hover a ,
.universities-list ul li:hover::before,
.universities-list ul li:hover a {
  color: #FFF;
}


/* open data */
.data-sec .content{
   display: flex;
   gap: 5%;
    min-height: calc(100vh - 250px);
}
.data-sec .content .data_link
{
   background-color: #fff;
   position: relative;
   bottom: 100px;
   padding: 1rem 0;
   min-width: 250px;
   background: #fff;
   box-shadow: 0px 0px 10px rgb(0 0 0 / 8%);
   border-radius: 5px;
   /* transform: matrix(-1, 0, 0, 1, 0, 0); */
   height: 100vh;
}
.data-sec .content .data_link ul {
 list-style: none;
 list-style-type: none;

}
.data-sec .content .data_link ul li {
   position: relative;
   list-style-type: none;
   padding: 0px 15px;
   margin: 1rem 0;
}
.data-sec .content .data_link ul {
   border-top: 1px solid rgba(0, 0, 0, 0.09);
}
.data-sec .content .data_link ul li::before{
   position: absolute;
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   top: 10px;
   right: 10px;
   content: "\f053";
}
.ltr  .data-sec .content .data_link ul li::before
   {
       left: 10px;
       right: unset;
   }
.data-sec .content .data_link ul li a{
   font-weight: 400;
font-size: 15px;
line-height: 30px;
color: #333333;
padding: 0px 15px;
}
.data-sec .content .data-content
{
   background: #FAFAFA;
border-radius: 5px;
padding: 1.8rem;
}
.data-sec .content .data_link h5
{
   padding: 1rem 10px 2rem;
}
.data-sec .content .data-content h4,
.data-sec .content .data_link h5{
   font-weight: 700;
   font-size: 32px;
   line-height: 120%;
   color: #3C7974;
}
.data-sec .content .data_link h5
{
   font-weight: 700;
font-size: 19px;
}
.data-sec .content .data-content p {
   font-weight: 400;
   font-size: 16px;
   padding: 15px 0;
   line-height: 35px;
   text-align: justify;
   color: #114432;
}
.data-sec .content .data-content .content{
   display: block;
}

.data-sec .content .data-content .breadcrumb
{
   background-color: transparent;
   background: transparent;
   padding: 0;
   margin-bottom: 10px;
}
.data-sec .content .data-content .breadcrumb li a, .data-sec .content .data-content .breadcrumb li {
   color: #3C7974;
   font-weight: bold;
}
.data-sec .breadcrumb-item+.breadcrumb-item::before
{
   color: #3C7974;
}
#inner-slider-container
{
   position: relative;
}
#inner-slider-container img{
   height: 100%;
   object-fit: cover;
}
#inner-slider-container   .owl-item{
   position: relative;
   max-height: 700px;
}

#inner-slider-container   .owl-item::after{
   position: absolute;
   top: 0;
   left: 0;
   content: '';
   width: 100%;
   height: 100%;
   background: linear-gradient(0deg, #00000080, #00000080);
}
   .above-slider {
   position: absolute;
   top: -30%;
   color: #000;
   z-index: 1;
   font-weight: 700;
   font-size: 46px;
   line-height: 120%;
   color: #fff;
}
#block-breadcrumbs.remove-bg
{
   background-color: transparent;
   background: transparent;

}
#block-breadcrumbs.remove-bg li a{
   color: #3C7974;
}

.field-field_green_university_img.owl-rtl.owl-loaded.owl-drag.owl-carousel.owl-theme {
 position: relative;
 bottom: -200px;
}
.field-field_green_university_img.owl-rtl.owl-loaded.owl-drag.owl-carousel.owl-theme .owl-item{
height: 165px;
}
.field-field_green_university_img.owl-rtl.owl-loaded.owl-drag.owl-carousel.owl-theme .owl-item img{

display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
height: 100%;
object-fit: cover;
}
.views-row .node__title
{
 display: none;
}
p:empty :not(p + p:empty){
 display: none;
}
.main-slider-home .main-slider-item .slider-detail p:empty{
 display: none;
}
.main-slider-item video {
 width: 100%;
}

.slider-counter {
 z-index: 99;
 bottom: 115px;
 position: absolute;
 text-align: center;
 left: 12%;
 font-size: 40px;
 color: #fff;
 font-weight: 700;
}
@media (max-width: 767px){
 .slider-counter {
     font-size: 80px;
     font-weight: 600;
     bottom: 0;
     display: none;

 }
}
@media (max-width: 576px){
 .slider-counter {
     font-size: 30px;
     font-weight: 500;
     bottom: 0

 }
}

/* cusrom select */

.select-hidden {
 display: none;
 visibility: hidden;
 padding-right: 10px;
}

.select {
 cursor: pointer;
 display: inline-block;
 position: relative;
 font-size: 16px;
 color: #898B8E;
 width: 100%;
 height: 40px;
}

.select-styled {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background-color: #fff;
 padding: 8px 15px;
 -moz-transition: all 0.2s ease-in;
 -o-transition: all 0.2s ease-in;
 -webkit-transition: all 0.2s ease-in;
 transition: all 0.2s ease-in;
 color: #898B8E;
}
.select-styled:after {
 content: "";
 width: 0;
 height: 0;
 border: 4px solid transparent;
 border-color: #898B8E transparent transparent transparent;
 position: absolute;
 top: 16px;
 left: 10px;
}
.ltr .select-styled:after
{
 right: 10px;
 left: unset;
}
/* .select-styled:hover {
 background-color: #3C7974;
}
.select-styled:active, .select-styled.active {
 background-color: #3C7974;
} */


.select-options {
 display: none;
 position: absolute;
 top: 100%;
 right: 0;
 left: 0;
 z-index: 999;
 margin: 0;
 padding: 0;
 list-style: none;

 background-color: #fff;
}
.select-options{
 max-height: 200px;
 overflow-x: hidden;
 overflow-y: scroll;
}
.select-options li {
 margin: 0;
 padding: 6px 0;
 text-indent: 15px;
 /* border-top: 0.5px solid #3C7974; */
 -moz-transition: all 0.15s ease-in;
 -o-transition: all 0.15s ease-in;
 -webkit-transition: all 0.15s ease-in;
 transition: all 0.15s ease-in;
 font-size: 12px;
}
.select-options li:hover, .select-options li.is-selected {
 color: #fff;
 background: #6ac7bd;
}
.select-options li[rel="hide"] {
 display: none;
}
.search-form input:focus{
 outline: unset;
}
.field-field_university_img
{
 width: 50%;
 max-height: 500px;
 margin: 0 auto;
}
.field-field_university_img img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}
.block-system-main-block h2 {
 color: #3C7974;
}

/* new loader  */
.loader {
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 9999;
 background: #3c7974b3;
 opacity: 1;
 visibility: visible;
 -webkit-transition: all 0.6s ease-in-out;
 transition: all 0.6s ease-in-out;
}

.loader.loaded {
 opacity: 0;
 visibility: hidden;
}

.loader__container {
 position: absolute;
 left: 50%;
 top: 50%;
 bottom: auto;
 right: auto;
 -webkit-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%);
}

.loader__circle {
 position: relative;
 background: -webkit-gradient(linear, left top, right top, from(#3c7974), to(#3c7974));
 background: linear-gradient(to right, #3c7974 0%, #3c7974 100%);
 border-radius: 50%;
 -webkit-animation: whiteShadow 1s infinite;
 animation: whiteShadow 1s infinite;
 background: #F7F7F7;
 width: 250px;
 height: 250px;
}

.loader__circle img {
 display: block;
 position: absolute;
 left: 50%;
 top: 50%;
 bottom: auto;
 right: auto;
 -webkit-transform: translateX(-50%) translateY(-50%);
 transform: translateX(-50%) translateY(-50%);
 width: auto;
 height: 30%;
}

.loader__circle.fade {
 -webkit-animation-play-state: paused;
 animation-play-state: paused;
 opacity: 0;
 -webkit-transition: opacity 0.3s ease;
 transition: opacity 0.3s ease;
}

@-webkit-keyframes whiteShadow {
 0% {
   -webkit-box-shadow: 0 0 0 0 rgba(247, 247, 247, 0.2);
   box-shadow: 0 0 0 0 rgba(247, 247, 247, 0.2);
   -webkit-transition: -webkit-box-shadow 0.3s ease;
   transition: -webkit-box-shadow 0.3s ease;
   transition: box-shadow 0.3s ease;
   transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
 }
 100% {
   -webkit-box-shadow: 0 0 0 30px transparent;
   box-shadow: 0 0 0 30px transparent;
   -webkit-transition: -webkit-box-shadow 0.4s ease;
   transition: -webkit-box-shadow 0.4s ease;
   transition: box-shadow 0.4s ease;
   transition: box-shadow 0.4s ease, -webkit-box-shadow 0.4s ease;
 }
}
@keyframes whiteShadow {
 0% {
   -webkit-box-shadow: 0 0 0 0 rgba(247, 247, 247, 0.7);
   box-shadow: 0 0 0 0 rgba(247, 247, 247, 0.7);
   -webkit-transition: -webkit-box-shadow 0.3s ease;
   transition: -webkit-box-shadow 0.3s ease;
   transition: box-shadow 0.3s ease;
   transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
 }
 100% {
   -webkit-box-shadow: 0 0 0 30px transparent;
   box-shadow: 0 0 0 30px transparent;
   -webkit-transition: -webkit-box-shadow 0.4s ease;
   transition: -webkit-box-shadow 0.4s ease;
   transition: box-shadow 0.4s ease;
   transition: box-shadow 0.4s ease, -webkit-box-shadow 0.4s ease;
 }
}
.main-slider-home.removeLine  .owl-carousel .owl-stage-outer::after
{
 content: unset;
}

@media screen and (min-width:1200px)
{
 #block-psau-main-menu .navbar-collapse>ul>li:last-child
 {
  position: relative;
  padding-inline-start: 14px;

 }
 #block-psau-main-menu .navbar-collapse>ul>li:last-child::before{
   position: absolute;
   top: 0;
   left: -10px;
   background: #BBBDC0;
   height: 20px;
   width: 1px;
   content: '';
 }
 .ltr   #block-psau-main-menu .navbar-collapse>ul>li:last-child::before
 {
   right: -10px;
    left: unset;
 }
}
#block-breadcrumbs li.hide
{
 display: none;
}


#block-psau-main-menu .level-0.mulilevel.one-level>.menu.dropdown-menu li a::after
{
  content: unset;
}


#block-psau-main-menu .level-0.mulilevel.one-level>.menu.dropdown-menu li:nth-child(2)  a::after
{
 position: absolute;
 content: "";
 color: #FFF;
 top: 10px;
 left: 0px;
 transition: all 0.3s ease;
 background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-chevron-right' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
 height: 16px;
 width: 16px;
 transform: rotate(180deg);
}
.ltr #block-psau-main-menu .level-0.mulilevel.one-level>.menu.dropdown-menu li:nth-child(2)  a::after
{
 left: unset;
 right: 0;
 transform: rotate(0);
}


.node--type-university-study {
 margin: 0 auto;
}

.node--type-university-study .field-field_university_pic
{
 border: 1px solid transparent;
 border-radius: 5px;
 overflow: hidden;
 width: 700px;
}


@media screen and (max-width:767px)
{
 .node--type-university-study .field-field_university_pic
 {
   width: auto;
 }
}

.node--type-university-study .field-field_university_pic img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}
.node--type-university-study .field-field_details{
 font-size: 14px;
 line-height: 25px;
 text-align: justify;
 color: #000;
 font-weight: 500;
 margin: 1rem 0;
}

.rtl .node--type-university-study  .node__meta ,
.ltr .node--type-university-study  .node__meta {
 text-align: inherit;
 padding: 20px 0;
 color: #999;
}



/* change style of events page */
.inner-content .view-events ul {
 display: grid;
 grid-template-columns: repeat(2, minmax(350px, 1fr));
 gap: 10px;
 margin: 1rem 0;
}

.inner-content .view-events ul li {
 margin-bottom: 14px;
 list-style: none;
 border: 0.993459px solid #3C7974;
 padding: 10px;
 border-radius: 5px;
}

.inner-content .view-events ul li .field-content.title
{
 display: block;
}
.inner-content .view-events ul li .field-content.title  a {
 font-size: 15px;
 font-weight: bold;
}
.inner-content .view-events .views-field.views-field-field-place-of-event
{
 position: relative;
 padding: 0 14px;
}
.inner-content .view-events .views-field.views-field-field-place-of-event::after{
 position: absolute;
 content: "\f041";
 width: 100%;
 height: 100%;
 top: 6px;
 left: 0;
 font: normal normal normal 14px/1 FontAwesome;
 color: #3c7974;
}

/* single event design  */

.inner-content .view-events ul.pagination.js-pager__items {
  display: flex;
  align-items:center;
}
.inner-content .view-events ul li.pager__item   {
  border: 0;
  border: unset !important;
  padding: 0px !important;
}


footer.new-footer {
  padding: 30px 0 0;
  background: url(../images/new-portal/footer-bg.svg) no-repeat;
  background-size: cover;
}



/* national day 21/9/2023 */
.national_day
{
  margin: 70px 0;
}
.national_day .content{
  display: grid;
  grid-template-columns: 30% 70%;
  column-gap: 40px;
  align-items: inherit;
}
.national_day .content .national-card,.national_day .content .national-box{
  border-radius: 10px;
background: #FFF;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
padding: 30px 20px;
}
.national_day .content .national-card
{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 28px;
}
.national_day .content .national-card .btn-national {
  width: 100%;
  border-radius: 15px;
  background: #3C7974;
  color: #fff;
  line-height: normal;
  padding: 10px;
}

.national_day .content .national-box h2 {
   display: inline-block;
   font-size: 19px;
font-style: normal;
font-weight: 700;
line-height: normal;
padding:0 5px;
color: #3C7974;
}
.national_day .content .national-box h2 img{
  padding: 10px;
}

.national_day .content .national-box .national-carousel
{
  margin-top: 25px;
}

.national_day .content .national-box .box_content {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
}

.box_content .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.box_content:hover .content-overlay{

  opacity: 1;
    z-index: 2;
}

.content-image{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content-details img {
  width: 25px !important;
  height: 25px;
  margin: 0 auto;
  text-align: center;
  margin: 1rem auto;
}
.box_content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
  z-index: 10;
}
.fadeIn-top{
  top: 20%;
}

.national-carousel .owl-nav
{
  display: block !important;
}
.national-carousel .owl-nav .owl-next,
.national-carousel .owl-nav .owl-prev  {
  position: absolute;

  top: 50%;
}
.national-carousel .owl-nav  div i
{
  font-size: 24px;
color: #52A598;
}

.content-details h3 a{
  color: #fff;
  font-weight: 500;
  margin-bottom: 0.5em;
  font-size: 13px;
  line-height: 24px;
}
.national-carousel .owl-nav .owl-prev
{
  right: -10px;

}
.national-carousel .owl-nav .owl-next{
  left: -10px;
}




.main-slider-home .main-slider-item .slider-detail {
    background: unset;
    display: none;
}

.x-logo
{
  width: 16px;
    height: 16px;
    filter: invert(65%) sepia(0%) saturate(766%) hue-rotate(283deg) brightness(86%) contrast(78%);
}
.main-slider-home .socail-time .socail-media ul li:nth-child(1) a::before{
  content: unset;
}
.main-slider-home .socail-time .socail-media ul li:nth-child(1) a:hover {
  background: #000;
}
.main-slider-home .socail-time .socail-media ul li:nth-child(1) a:hover img {
  filter: invert(100%) sepia(7%) saturate(27%) hue-rotate(166deg) brightness(106%) contrast(106%);
}

.new-footer .content .footer-box .footer-box-body ul.socail-footer img.fa-twitter
{
  filter: invert(100%) sepia(7%) saturate(27%) hue-rotate(166deg) brightness(106%) contrast(106%);
}