/*slider----------------------------------------*/
.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 .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/01.jpg);}
.img02{background: url(../../images/02.jpg);}
.img03{background: url(../../images/03.jpg);}

.top-150{top: 150px;}
/*--------------------------------------*/
html {  
  scroll-behavior: smooth;  
}
@font-face {
  font-family: "Tajawal";
  src: url(../font/Tajawal-Regular.ttf) format("truetype");
}
* {
  font-family: "Tajawal", sans-serif;
  }
body{overflow-x:hidden ;  font-family: "Tajawal", sans-serif; scroll-behavior: smooth;}
/*grayscale*/
body.grayscale a{text-decoration: underline; color: blue;text-underline-offset: 0.25em !important;}
body.grayscale a: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, body.grayscale .bg-brown a, body.grayscale .link-div:hover, body.grayscale .grayscal-link a{color: #fff;}
body.grayscale .bg-dark-kfu {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{filter: grayscale();}
body.grayscale .video-height{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{color: #c69a47;}
.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;}
.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: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{--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;
}

.bg-kfu-link i{color: #0b6f77;}
.bg-kfu-link span{color: #000;}
.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 rgb(11, 111, 119,.3);}
.border-200-yellow{height: 200px;border: 1px solid rgb(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;
}
.course-holder{top: -80px;}
.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: 30%;
  }
  .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{color: black;}
.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, .link-header:focus{color: #c69a47;}
.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: 110%;}
.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, .6);
  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);}
.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%;margin-bottom: 10px;}
.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;}
.img-w-250{max-width: 265px;}
/*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;}
    .fs-7{font-size: 95%;}
    .fs-8{font-size: 80%;}
  /* inner pages ------------------------------------------*/
  .breadcrumb-item.active {
    font-weight: lighter;
    color: gray;
}
  /*-------------------------------------------------------*/
  @media(min-width:1024px) {
    .fixed-lg-top{position: fixed;top: 0;left: 0;right: 0;z-index: 1030;}
  }
  @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;}
      .max-20{max-width: 20%;}
  }
@media (max-width: 992px){
.dicover{min-height: 200px;}
.video-height{height: 315px;}
.border-start-pc{border-right: none;}
.cont-custom{max-width: 900px;}
.fw-semibold-custom{font-weight: 700;}
}

@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%;}
    .news-bg{background: url(../../images/news-bg-mob.jpg) center top no-repeat; background-size: cover; height: 150px;}
    .img-w-250{max-width: 100%;}
    .lg-w300{width: 100% !important;}
  .left-10{left: auto;}
  .position-md-absolute{position: relative;}
  .top-150{top: 100px;}
  }

  /* 5 top icons---------------------------*/
  .top5icons-bg{background-color: #eff2f7; margin: 30px 10px;}

  /*custom bootstrap fonts*/
  body{font-size: 100%;}
  .fs-6, h6, .dropdown-menu{font-size: 100% !important;}
  .fs-5, h5{font-size: 125% !important;}
  .fs-4, h4{font-size: 150% !important;}
  .fs-3, h3{font-size: 175% !important;}
  .btn{--bs-btn-font-size:100%;}