.count-custom{max-width: 1250px;}
.index{position: relative; margin-top: -225px; z-index: -1;}
.slick-arrow{display: none !important;}
.slick-dots {
  display: none !important;

}

.hero-slider .img--holder {
  background-position: center center;
  transform: scale(1.1) rotate(0.1deg);
  transition: transform 8s linear;
}

.hero-slider .img--holder {
  background-position: center center;
  transform: scale(1.1) rotate(0.1deg);
  transition: transform 8s linear;
}

.hero-slider .slide-init .img--holder {
  transform: scale(1.1) rotate(0.1deg) !important;
  transition: transform 0s linear;
}

.slick-active .img--holder {
  transform: scale(1) rotate(0.1deg);
}
.slick-slide{height: 450px;}
.slick-slide .img--holder {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.img01{background: url(../images/banner/hasa01.jpg);}
.img02{background: url(../images/banner/hasa02.jpg);}
.img03{background: url(../images/banner/hasa03.jpg);}



html {  
  scroll-behavior: smooth;  
}
@font-face {
  font-family: "SansArabic";
  src: url(../font/IBMPlexSansArabic-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "SansArabic-medium";
  src: url(../font/IBMPlexSansArabic-Medium.ttf) format("truetype");
}
* {
  font-family: "SansArabic", sans-serif;
  }
body{overflow-x:hidden ;  font-family: "SansArabic", sans-serif; scroll-behavior: smooth;}
.fw-semibold{font-family: "SansArabic-medium", sans-serif; font-weight: 500 !important;}
/*grayscale*/
body.grayscale a, body.grayscale .link-header{text-decoration: underline; color: blue;text-underline-offset: 0.25em !important;}
body.grayscale a:hover, body.grayscale .link-header:hover{text-decoration: none;color: blue;}
body.grayscale .bg-kfu, body.grayscale .bg-kfu-sec, body.grayscale .icon-round:hover,body.grayscale .green-tab, body.grayscale .bg-accessability{background-color: #000 !important;}
body.grayscale .bg-kfu a, .grayscale .bg-dark-email a, .grayscale .bg-dark-email a:hover, body.grayscale .bg-brown a, body.grayscale .link-div:hover, body.grayscale .grayscal-link a{color: #fff;}
body.grayscale .link-header{text-decoration: underline; color: blue !important;text-underline-offset: 0.25em !important;}
body.grayscale .link-header:hover{text-decoration: none;color: blue !important;}
body.grayscale .bg-dark-kfu, body.grayscale .bg-dark-email {background-color: rgb(28, 28, 28);transition: 1s;}
body.grayscale .overlay{ background: rgba(0, 0, 0, 0.6);}
body.grayscale .text-brown, body.grayscale .text-green, body.grayscale .icons-course, body.grayscale .hr-width, body.grayscale .brown-hr{color: black;}
body.grayscale .icons-course:hover, body.grayscale .discover{color: white;}
body.grayscale .border-hasa{border-bottom: 3px solid #fff;}
body.grayscale .border-brown{border-bottom: 1px solid rgba(255, 255, 255, .3);}
body.grayscale .bg-brown,body.grayscale .brown-tab{background-color:rgb(86, 86, 86) !important;}
body.grayscale img, body.grayscale video, body.grayscale .news-bg, body.grayscale .img01, body.grayscale .img02, body.grayscale .img03{filter: grayscale();}
body.grayscale .video-height, body.grayscale .lyt-activated{filter: grayscale();}
body.grayscale .btn-kfu{border-color:#000;background-color:#000;color: white;text-decoration: none;}
body.grayscale .btn-kfu:hover{border-color:#000;background-color:rgb(51, 51, 51);color: white;}
body.grayscale .arrow-bot{background: #000; box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);}
body.grayscale #godown, body.grayscale .overlay  a{text-decoration: none;}
body.grayscale .share-drop-menu{background: #fff;}
body.grayscale .share-drop-menu a{color: blue;}
body.grayscale .logo-white{display: block !important;}
body.grayscale .logo-normal{display: none !important;}
body.grayscale .btn-brown{--bs-btn-bg:blue;--bs-btn-border-color:white;--bs-btn-hover-bg:black;--bs-btn-hover-color:white;--bs-btn-hover-border-color:white;--bs-btn-active-color:white;--bs-btn-active-border-color:white;}
/*end grayscal*/
a{text-decoration: none;color: #0b6f77;}
a:hover, a:active{color: #c69a47;}
a:visited, a:focus{color: #0b6f77;}
.width25{max-width: 25px;}
.gray-bg{background: url(../images/gray-bg.jpg) top center no-repeat;background-size: cover;}
.white-bg{background: url(../images/white-bg.jpg) center center no-repeat;}
 .justify{text-align: justify;}
.bg-kfu{background-color: #0b6f77;}
.bg-brown{background-color: #c69a47 !important;}
.bg-gray{background-color: #f4f4f8;}
.bg-dark-kfu{background-color: rgba(0, 0, 0, .35);transition: 1s;}
.link-white, .link-white:focus{color: white; text-decoration: none;}
.link-white:visited{color: white;}
.link-white:hover{color: #c69a47;}
.link-white-solid{color: white;}
.height-35{height: 35px;}
.height-180{height: 180px;}
.w-355{width: 355px !important;}
.text-close{--bs-btn-close-color: #ffffff;}

.btn-brown{--bs-btn-color: #fff;
  --bs-btn-bg: #c69a47;
  --bs-btn-border-color: #c69a47;
  --bs-btn-hover-color: #c69a47;
  --bs-btn-hover-bg: #0b6f77;
  --bs-btn-hover-border-color: #0b6f77;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #c69a47;
  --bs-btn-active-bg: #050707;
  --bs-btn-active-border-color: #0b6f77;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: gray;
  --bs-btn-disabled-border-color: gray;}

  .btn-brown-black{--bs-btn-color: #fff;
    --bs-btn-bg: #c69a47;
    --bs-btn-border-color: #c69a47;
    --bs-btn-hover-color: #c69a47;
    --bs-btn-hover-bg: #000000;
    --bs-btn-hover-border-color: #000000;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #c69a47;
    --bs-btn-active-bg: #050707;
    --bs-btn-active-border-color: #000000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: gray;
    --bs-btn-disabled-border-color: gray;}

    .btn-kfu-solid{--bs-btn-color: #fff;
      --bs-btn-bg: #0b6f77;
      --bs-btn-border-color: #0b6f77;
      --bs-btn-hover-color: #0b6f77;
      --bs-btn-hover-bg: #c69a47;
      --bs-btn-hover-border-color: #c69a47;
      --bs-btn-focus-shadow-rgb: 49,132,253;
      --bs-btn-active-color: #0b6f77;
      --bs-btn-active-bg: #c69a47;
      --bs-btn-active-border-color: #c69a47;
      --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      --bs-btn-disabled-color: #fff;
      --bs-btn-disabled-bg: gray;
      --bs-btn-disabled-border-color: gray;}

  .btn-kfu{--bs-btn-color: #0b6f77;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: #0b6f77;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #c69a47;
    --bs-btn-hover-border-color: #c69a47;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #0b6f77;
    --bs-btn-active-bg: #050707;
    --bs-btn-active-border-color: #c69a47;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: gray;
    --bs-btn-disabled-border-color: gray;}

    .btn-univ-white{--bs-btn-color: #fff;
      --bs-btn-bg: transparent;
      --bs-btn-border-color: #fff;
      --bs-btn-hover-color: #0b6f77;
      --bs-btn-hover-bg: #c69a47;
      --bs-btn-hover-border-color: #c69a47;
      --bs-btn-focus-shadow-rgb: 49,132,253;
      --bs-btn-active-color: #c69a47;
      --bs-btn-active-bg: #050707;
      --bs-btn-active-border-color: #c69a47;
      --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      --bs-btn-disabled-color: #fff;
      --bs-btn-disabled-bg: gray;
      --bs-btn-disabled-border-color: gray;}

      
      .btn-univ-green{--bs-btn-color: #0b6f77;
        --bs-btn-bg: transparent;
        --bs-btn-border-color: #0b6f77;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #c69a47;
        --bs-btn-hover-border-color: #c69a47;
        --bs-btn-focus-shadow-rgb: 49,132,253;
        --bs-btn-active-color: #0b6f77;
        --bs-btn-active-bg: #050707;
        --bs-btn-active-border-color: #c69a47;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #000;
        --bs-btn-disabled-bg: gray;
        --bs-btn-disabled-border-color: gray;}

.custom-divider {margin: 1.5rem 0;color: transparent;}
.custom-divider-sm {margin: 1rem 0;color: transparent;}
.bg-kfu-link i{color: #0b6f77;}
.bg-kfu-link span{color: #0b6f77;}
.bg-kfu-link:hover, .bg-kfu-link:focus{background-color: #0b6f77 !important;}
.bg-kfu-link:hover span, .bg-kfu-link:focus span{ color: white;}
.bg-kfu-link:hover i, .bg-kfu-link:focus i{ color: #c69a47;}
.py-var{padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);}
.accordion-button:not(.collapsed)::after{background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c69a47'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;}
.accordion-button::after{background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;}
.accordion-button:not(.collapsed){background-color:#0b6f77;}
.dean-word{background: url(../images/dean-word.png) right no-repeat;}
.dean-word:hover{background: url(../images/dean-word-brown.png) right no-repeat;}
.hr-width {
    width: 35px;
    color: #0b6f77;opacity: 1;
    border-top: 4px solid;
}
.brown-hr{width: 35px;
  color: #c69a47;opacity: 1;
  border-top: 4px solid;}
  .black-hr {
    width: 35px;
    color: #000000;opacity: 1;
    border-top: 4px solid;
}
.sub-title {
    font-size: 1.1rem;
    color: rgb(37, 37, 37);
}
.border-end-custom{height: 60px; margin-right: 10px;}
.dashed{border-top:2px dashed rgba(11, 111, 119, .2);}
.border-bg-green{background-color: #f4f3f3; height: 200px; border-bottom: 3px solid #0b6f77;}
.border-bg-brown{background-color: #f4f3f3; height: 200px; border-bottom: 3px solid #c69a47;}
.border-bg-gray{background-color: #f4f3f3; height: 200px; border-bottom: 3px solid #000;}
.border-bot-black{height: 200px;border-bottom: 3px solid #000 !important;border: 1px solid #d5eced;}
.border-bot-brown{height: 200px;border-bottom: 3px solid #c69a47 !important;border: 1px solid #d5eced;}
.border-bot-green{height: 200px;border-bottom: 3px solid #0b6f77 !important;border: 1px solid #d5eced;}
.border-200{height: 200px;border: 1px solid rgba(11, 111, 119,.3);}
.border-200-yellow{height: 200px;border: 1px solid rgba(198, 154, 71,.3);}
.border-brown{border-bottom: 1px solid #c69a47;}
.border-kfu{border-bottom: 1px solid #0b6f77;}
.custom-padding{padding-top: 30px;}
#video-overlay {
  content:"";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    
}
.award-img-size{height: 50px;}
.light-bg-img{background: url(../images/light-bg-img.jpg) right center no-repeat; background-size: cover;}
/*scrol bar-----------------------------*/
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #d8d6d6; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgba(11, 111, 119, .5); 
}
/*news------------------*/
.animated {
  visibility: visible !important;
}

.relative{position: relative;}
.overlay{ position: absolute; 
  top: 0; 
  background: rgb(11, 111, 119);
  background: rgba(11, 111, 119, 0.6); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  height: 100%;
  transition: .5s ease;
  opacity:0;
  text-align: center;
  padding-top: 25%;
  }
  .course{position: relative;}
  .course:hover .overlay {
      opacity: 1;
    }
    .date-hours{top: 0; 
      width: 65px;
      height: 80px;
      text-align: center;
      position: relative;
      z-index: 1;
      }
      .border-radius{border-top-right-radius:5px ;}
    .bg-kfu-sec{background-color: rgba(198, 154, 71, .8);}
    .icon-round{width: 40px; height: 40px;background-color: white;}
    .icons-course{color: #0b6f77;}
    .icon-round:hover{background-color: #c69a47;}
    .icon-round:hover .icons-course{color: white;}
      /*----------------------------*/
.vr-line{color: #0b6f77; width: 2px;}
.border-award{width: 220px; height: 150px; border: 1px dashed rgba(11, 111, 119, .3);margin: auto;}
.icon-position{margin-left: 17px; z-index: -1;}
.icon-position2{z-index: -1;margin-bottom: -7px;}
.icon-bg{background: url("../images/diploma-support-bg.png") !important; transition: 1s; width: 120px; height: 120px;}
.icon-bg:hover{background: url("../images/diploma-support-bg-hover.png") !important; transition: 1s; width: 120px; height: 120px;}
.link-icon{color: #0b6f77;text-decoration: none;}
.link-icon:hover, .link-icon:active{color: #c69a47 !important;}
.link-icon:visited, .link-icon:focus{color: #0b6f77;}
/*.link-no-effect{color: black; text-decoration: none;}
.link-no-effect:hover{color: #0b6f77;}
*/
.circle-sub-icons{background: url("../images/circle-sub-icons.png") !important; transition: 1s; width: 120px; height: 120px;}
.circle-sub-icons:hover{background: url("../images/diploma-support-bg-hover.png") !important; transition: 1s; width: 120px; height: 120px;}
.icon-idex{z-index: -1;}
.contacts-icons{color:#c69a47; font-size: 1.2rem;}
.contacts-icons-whats{color:#c69a47; font-size: 1.5rem;}
.arrow-icons{color:#c69a47; font-size: .9rem;}
.map-size{width: 100%; height: 170px;}
.hr-seperator-color{color: #acabab;}
.w-80{width: 80px;}
.hello-img{max-height: 150px;}

/*univ home----------------------------------------------------------------------------*/
.video{position: fixed;right: 0;bottom: 0;min-width: 100%; min-height: 100%;z-index: -2;}
.small-font{font-size: 80%;}
.calc{height: calc(100% - 150px);}
.header-bg{background-color: #fff;}
.top-bar-none{display: none !important;}
.link-header{color: #0b6f77;}
.link-header:hover, .link-header:active{color: #c69a47 !important;}
.link-header:visited, .link-header:focus{color: #0b6f77;}
.link-brown{color: #c69a47;}
.link-brown:hover, .link-brown:active, .link-brown:focus{color: #fff;}
.custom-nav-icon{background-image:url(../images/menu-white.png)}
.transition{transition:all .5s ease;}
.bg-icon-header{background: #f1f1f1;}
.logo-normal{display: none;}
.logo-m-2{display: none;}
.brown-line{width: 100px;color: #c69a47;opacity: 1;border-top: 2px solid; margin-left: auto; margin-right: auto;}
.event-date{width: 50px; height: 52px;}
.width-100{width: 110px; height: 110px;}
.top-icon-width{max-width: 70px;}
.index-1{z-index: -1;}
.link-div{color: white; transition: .7s;}
.link-div:hover{color: #c69a47; background-color: #000000;}
.arrow-bot{
	position: relative;bottom: 20px; left: 0; background: rgba(198, 154, 71, 0.4);color: #fff;width: 80px; height: 80px;

	box-shadow: 0 0 0 0 rgba(198, 154, 71, 1);
	transform: scale(1);
	animation: pulse 3s infinite;
}
.w-80{width: 80px;}
.text-green{color: #0b6f77;}
.text-brown{color: #c69a47;}
.fs-custom{font-size: 100%;}
.light-gray{color: #c4c4c4;}
.teacher li{list-style: none;}
.teacher a{font-size: 110%; color: white; line-height: 2; transition: .5s;}
.teacher a:hover{color: #c69a47; margin-right: 5px;}
.student li{list-style: none;}
.student a{font-size: 110%; color: white; line-height: 2; transition: .5s;}
.student a:hover{color: #0b6f77; margin-right: 5px;}
.visitor li{list-style: none;}
.visitor a{font-size: 110%; color: #0b6f77; line-height: 2; transition: .5s;}
.visitor a:hover{color: #c69a47; margin-right: 5px;}
@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(198, 154, 71, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(198, 154, 71, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(198, 154, 71, 0);
	}
}
.arrow-bot:hover{background: rgba(11, 111, 119, .4);animation:step-end; }
.border-hasa{border-bottom: 3px solid #c69a47;}
.gutter-0{--bs-gutter-x:0;}
.kfo-st{background: url(../images/kfo-st.jpg) no-repeat center center;}
.univ-discover{background: url(../images/univ-discover.jpg) no-repeat center center;}
.hasa-discover{background: url(../images/hasa-discover.jpg) no-repeat center center;}
.discover{
  position: absolute; 
  top: 0; 
  background:rgba(0,0,0, .5);
  color: #c69a47; 
  width: 100%;
  height: 100%;
  transition: 1s ease-in;
  text-align: center;
}
.discover:hover{
  background:rgba(0,0,0, .0);
  background-image: linear-gradient(to left, rgba(0,0,0,.8), rgba(0,0,0, .3));
  color:#fff;
}
.discover-sep{height: 5px; background-color: black;}
.p-left-1{padding-left: 2px;}
.video-height{height: 280px;}
.link-univ-light .univ-light{width: 220px; height: 150px; border: 1px dashed rgba(11, 111, 119, .3);margin: auto;}
.link-univ-light:hover .univ-light{background-color: #eff2f7; border: 1px dashed rgba(198, 154, 70, .3);}

.link-dean-light .dean-light{ border: 1px dashed rgba(11, 111, 119, .3);}
.link-dean-light:hover .dean-light{background-color: #eff2f7; border: 1px dashed rgba(198, 154, 70, .3);}
.zsiq_flt_rel{background-color: #0b6f77 !important;}
.owl-news .owl-controls{margin-top: -50px;}
.share-drop-menu {
  min-width: 2rem !important;
  background: #000;
}
.share-drop-menu-white {
  min-width: 2rem !important;
  background: rgb(245, 245, 245) !important;
}
/*univ statistics------------------------------------------*/
.consalt {
  background:url(../images/statistic-bg.jpg) fixed top center;
  background-size: cover;
  padding: 40px 0;
}

.hidden {
    visibility: hidden;
  }
  
  .animated {
    visibility: visible !important;
  }

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

  /*News page--------------------------------------------*/
.news-top{margin-top: -115px; position: relative; z-index: -1;}
  .news-bg{background: url(../images/news-bg.jpg) center top no-repeat; background-size: cover; height: 190px;}
  .border-start-pc{border-right: 1px solid #e9e9e9;}
  .input-icons {width: 100%;}
.input-icons i {position: absolute;}
.icon{padding: 10px;min-width: 50px;text-align: center;}
.link-black{color: black;}
.link-black:hover{color: #c69a47;}
.page-link{color: #0b6f77;}
.page-link:hover{color: #c69a47;}
.active>.page-link, .page-link.active{background-color:#0b6f77;border-color: #0b6f77;}
.img-w-250{max-width: 315px; max-height: 180px;}
/*icon animation---------------------------------*/
.dt-sc-services {
  display: inline-block;width: 100%;text-align: center;padding-top: 10px;
  }
  .dt-sc-services .dt-sc-iconbox {display: inline-block;width: 100%;position: relative;margin-bottom: 10px;height: 65px;
  }
  .dt-sc-services .dt-sc-icon img {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease;
  }

  .dt-sc-services:hover .dt-sc-icon img{
  -webkit-transform: rotate(30deg);
      -moz-transform: rotate(10deg);
      -ms-transform: rotate(30deg);
      -o-transform: rotate(30deg);
      transform: rotate(30deg);
  }
  /*.dt-sc-services:hover h5{color: #0b6f77;}*/
  .tab-custom{margin: 0;}
    .shadow-coustom{box-shadow: 0 2px 0px #f4f4f4 inset;}
    .tab-custom .active{box-shadow:none;}
    .green-tab{background-color: #0b6f77 !important;}
    .brown-tab{background-color: #c69a47 !important;}
    .gray-tab{background-color: #f4f4f8 !important;}
    .tab-round{border-top-right-radius: 0 !important;
      border-top-left-radius: 0 !important;}
    /*---------------------------------------------*/
    /*related icons---------------------------------*/
.related-services {
  display: inline-block;width: 100%;text-align: center;
  }
  .related-services .related-iconbox {margin-bottom: 5px;max-width: 200px; margin: auto;}
  .related-services img { position: relative;top:0; transition: top ease 0.5s;

  }
  .related-services:hover img{top: -5px;
  }
  .related-services:hover h5{color: #0b6f77;}

/*sidebar--------------------*/
.border-bot{border-bottom: 1px solid #eaeaea;}
.sidebar{position: relative !important; padding: 0 !important;}
.btn-toggle[aria-expanded="true"] {
  color: rgba(0, 0, 0, .85);
}
.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}
.btn-toggle {
  display: inline-flex;
  align-items: center;
  padding: .25rem .5rem;
  font-weight: 600;
  color: rgba(0, 0, 0, .65);
  background-color: transparent;
  border: 0;
}
.btn-toggle:hover,
.btn-toggle:focus {
  color: rgba(0, 0, 0, .85);
  background-color: #d2f4ea;
}

.btn-toggle::before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform .35s ease;
  transform-origin: .5em 50%;
}

.btn-toggle[aria-expanded="true"] {
  color: rgba(0, 0, 0, .85);
}
.btn-toggle[aria-expanded="true"]::before {
  transform: rotate(90deg);
}

.btn-toggle-nav a {
  display: inline-flex;
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
  text-decoration: none;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  background-color: #d2f4ea;
}
.link-dark {
  color: #212529;
}

  .col-lg-5-custom{width: 20%;}

  .has-megamenu{position:static!important;}
  .megamenu{top:20px !important;right: -300px !important;
    width: 1000px; margin-top:0;list-style-type: none; border-top: none;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(227,236,234,1) 100%);}
    .list-s-none li{list-style-type: none;margin-bottom: 10px;}
    .dropdown-toggle::after{display: none;}
  .gradiant-bg{
    background: rgb(11,111,119);
background: linear-gradient(270deg, rgba(11,111,119,1) 0%, rgba(11,111,119,1) 25%,rgba(255,255,255,1) 25%, rgba(255,255,255,1) 100%);
  }
  .lg-w300{width: 300px;}
  .left-10{left: 10px;}
  .position-md-absolute{position: absolute;}
  .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{color: #c69a47;}
  .icon-bg-dark{background: rgba(0, 0, 0, .8) !important;}
  .accessibility{background-image: url(../images/accessibility-sm.png); width: 25px; height: 25px;}
  .accessibility-green{background-image: url(../images/accessibility-green.png); width: 25px; height: 25px;}
  .switch-custom .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0'/%3e%3c/svg%3e");
    border: 1px solid black;width: 2.5em;}
  .form-control:focus{border-color: #0b6f77;box-shadow: 0 0 0 .25rem rgba(11, 111, 119, .25);}
  .height200{max-height: 342px;}
.scroll::-webkit-scrollbar{ width: 8px;
  background-color: #EBEAF0;}
.scroll::-webkit-scrollbar-thumb{background-color: #0b6f77;}
.dir-rtl{direction: rtl;}
.dir-ltr{direction: ltr;}
.bg-kfu-opacity{background: rgba(0, 0, 0, .5);}
.max-w-280{max-width: 280px;}
.owl-carousel .owl-item img{width: auto;}
.line-sepearate::before{content: '';display: block;height: 1px;width: 100px;background: currentColor;opacity: .15;}
.line-sepearate::after{content: '';display: block;height: 1px;width: 100px;background: currentColor;opacity: .15;}
.dir{direction: ltr;}
.event-h{height: 200px;}
.event-h-details{height: 120px;}
  /* inner pages ------------------------------------------*/
  .breadcrumb-item.active {
    font-weight: bold;
    color: black;
}
.num_tiles {
  background-color: #0e6168;
  color: #fff;
  margin: 0 2px;
  display: inline-block;
  padding: 0 8px;
  width: 30px;
  border-radius: 3px;
}
.brown-line{width: 50px;margin: -7px 0;color: #c69a47;}

.border-left{border-left: 1px solid rgba(255, 255, 255, .10);}
.link-light-kfu{color: RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;}
.link-light-kfu:hover{color: #c69a47 !important;}
.top-3{margin-top: -3px;}
.top-m-7{ margin: -7px 0 !important;}
.tab-space {
  white-space: nowrap;
}
.tab-overflow{flex-wrap: nowrap;}
.tab-space::-webkit-scrollbar{ height: 4px !important;background-color: #EBEAF0;}
.tab-space::-webkit-scrollbar-thumb{background-color: #adc3c8;}
.nav-underline .nav-link.active {
  color: #c69a47 !important;
  transition: 0.5s;
}
.nav-underline .nav-link {
  color: #0b6f77 !important;
  transition: 0.5s;
}
.nav-underline .nav-link.active i {
  color: #c69a47 !important;
  transition: 0.5s;
}
.nav-link i {
  color: #d7d7d7 !important;
  transition: 0.5s;
}
.border-left-center{border-left: 1px solid #c8c7c7; height: 220px;}
.services-link .arrow-move{font-weight: 500;margin-right: .5rem; transition: .5s;}
.services-link:hover .arrow-move{margin-right: 1.5rem; opacity: 0;}
.justify{text-align: justify;}
.bg-dark-email{background: rgba(11, 111, 119, .25); border: 1px solid rgba(255, 255, 255, .45);}
.bg-dark-email-light{background-color: #f5f5f5;border: 1px solid rgba(11, 111, 119, .15);}
.show-more {
  display: none;cursor: pointer;text-decoration: underline; color: #0b6f77; font-weight: 500;
}
.ytp-embed:not(.ad-showing) .ytp-gradient-top{background: rgba(0, 0, 0, .8) !important; display: none;}
.page-h{min-height: 50vh;}
.news-background{background: url(../images/news-background.png) center;}
.max-h-344{max-height: 344px;}
.max-w-600{max-width: 800px;}
.ExternalClass4481D9DEDAF7462292C950AB13E20E1B img {
  max-width: 100%;
  height: auto;
}
.m-s-100 h5{width: 25px; text-align: center;}
.award-img{max-width: 202px; max-height: 140px;}
.univ-no-img{width: 69px; height: 65px;}
.pressImg {
  width: 100px;
  height: 83px;
}
.owl-img-s{max-height: 158px;}
.owl-img-news-like{height: 158px;width: 315px !important;}
.main-new-max-h{max-height: 359px;}
.subnews-max-h{max-height: 112px;}
.vision-img{max-height: 282px;}
.max-h-433{max-height: 433px;}
/*import page-------------------*/


.dot-bg{background: url(../images/dots-bg.png) center;}
.border-opacity-7 {
  --bs-border-opacity: 0.07;
}
  /*-------------------------------------------------------*/
  @media(min-width:1401px) {
    .m-s-100{margin-right: 100px;}
    .news-img-size{width: 449px !important;height: 225px;}
  }
  @media(max-width:1400px) {
    .event-h{height: 250px;}
    .event-h-details{height: 150px;}
    .news-img-size{width: 449px !important;height: 225px;}
    .owl-img-s{max-height: 153px;}
  }
  @media(min-width:1000px) and (max-width:1024px) {
    /* .fixed-lg-top{position: fixed;top: 0;left: 0;right: 0;z-index: 1030;} */
    /* .news-img-size{width: 323px !important;height: 186px;} */
    .owl-img-s{max-height: 158px;}
  }
  @media(min-width:768px) {
    .dropdown-size{left: 15px !important;
      right: 15px !important;
      padding: 40px;background: rgba(255, 255, 255, .95);}
      .list-group-item{background-color: transparent;}
      .position-inherit{position: inherit;}
      .border-md-bottom-0{border-bottom: none !important;}
  }
@media (max-width: 992px){
.dicover{min-height: 200px;}
.video-height{height: 315px;}
.border-start-pc{border-right: none;}
.cont-custom{max-width: 900px;}
.event-h{height: auto;}
.event-h-details{height: auto;}
.news-bg{background: url(../images/news-bg-mob.jpg) center top no-repeat; background-size: cover; height: 150px;}
.owl-img-news-like{height: 225px;width: 449px !important;}
/* .news-img-size{width: 367px !important;height: 184px;} */
.owl-img-s{max-height: 133px;}
}

@media (max-width: 767.98px){
    .sidebar {
        top: 0 !important;
    }
    .logo-mob-width{max-width: 150px;}
    .border-end-custom{display: none;}
    .custom-padding{padding-top: 0;}
    .p-left-1{padding-left: 0;}
    .video-height{height: 225px;}
    .col-lg-5-custom{width:50%;}
    .img-w-250{max-width: 100%;max-height: 200px;}
    .lg-w300{width: 100% !important;}
  .left-10{left: auto;}
  .position-md-absolute{position: relative;}
  .top-150{top: 100px;}
  .max-w-280{max-width: 100%;}
  .border-left{border-bottom:  1px solid rgba(255, 255, 255, .10);}
  .border-left-center{border-left:none;}
  .flickity-button{display: none;}
  /* .news-img-size{width: auto !important;height: auto;} */
  .owl-img-s{max-height: 140px;}
  .subnews-max-h{max-height: 183px;}
   .owl-img-news-like{max-height: 200px;}
  }

  @media (max-width: 450px){
    .owl-img-s{max-height: 90px;}
  }
  /* 5 top icons---------------------------*/
  .top5icons-bg{background-color: #eff2f7; margin: 30px 10px;}

  /*custom bootstrap fonts*/
  body{font-size: 100%; max-width: 2000px; margin-left: auto; margin-right: auto;}
  .fs-6, h6, .dropdown-menu{font-size: 100% !important;}
  .fs-5, h5{font-size: 120% !important;font-weight: normal;}
  .fs-4, h4{font-size: 140% !important;}
  .fs-3, h3{font-size: 165% !important;}
  .btn{--bs-btn-font-size:100%;}