html {  
  scroll-behavior: smooth;  
}

html, body { overflow: hidden; margin: 0;}
  .container{max-width: 1390px !important;}
  .position-rel{z-index: 0; position: relative;}
.hr-width {
    width: 25px;
    color: #c69a47;
}
.brown-hr{width: 50px;
  color: #c69a47;
  margin: -7px 0;}
.sub-title {
    font-size: 18px;
    color: rgb(37, 37, 37);
}
.green{color: #066058;}
.brown{color: #c69a47;}
.vr-line{color: #066058; width: 2px;}
#pills-tab .nav-link.active {background: url("../../images/diploma-support-active.png") no-repeat center top !important; transition: 1s;}
.btn-active{color: transparent;background: transparent;border: none;}
.icon-position{margin-left: 17px; z-index: -1;}
.icon-position2{z-index: -1;}
.icon-bg{background: url("../../images/diploma-support-bg.png") no-repeat center top !important; transition: 1s; margin: auto;}
.icon-bg:hover{background: url("../../images/diploma-support-bg-hover.png") no-repeat center top !important; transition: 1s; margin: auto;}
.link-icon{color: #066058;text-decoration: none; font-size: 16px;}
.link-icon:hover{color: #c69a47;}
.link-black{color: #000;text-decoration: none; font-size: 18px;}
.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: #a5c1a3;}
.w-80{width: 80px;}
.hello-img{max-height: 150px;}
/*sidebar--------------------*/
.navbar-toggler{color: #106971;}
.sidebar .nav-link{font-size: 18px; font-weight: 400 !important;border-bottom: 1px solid #eaeaea;}
.nav-link:hover{color: #106971 !important;}
.navbar-brand{background-color: transparent !important;box-shadow:none !important;}
.border-bot{border-bottom: 1px solid #eaeaea;}
/*.border-top{border-bottom: 1px solid #eaeaea;}*/
.border-none{border: none !important;}
.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-size: 18px; color:#222 !important; font-weight: 400 !important;
  background-color: transparent;
  border: 0;
}
.btn-toggle:hover,
.btn-toggle:focus {
  color: #106971 !important;
}

.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: block;
  border-bottom: 1px solid #eaeaea;
  padding: .1875rem .5rem;
  margin-top: .125rem;
  margin-left: 1.25rem;
  text-decoration: none;
  font-size: 18px; color:#222 !important; font-weight: 400 !important;
}
.btn-toggle-nav a:hover,
.btn-toggle-nav a:focus {
  color: #106971 !important;
}
.link-dark {
  color: #212529;
}
.goldclick:hover a.link-icon
{
	color: #c69a47 !important;
}

.link-icon.active
{
	color: #c69a47 !important;
}
.nav-item{line-height: 1.8;}

  /* 5 top icons---------------------------*/
  .top5icons-bg{ padding: 30px 10px;}
  .icons-title{font-size: 18px; font-weight: 600;}
  #demos .owl-carousel .item {
    height: 17rem;  
    background: #ffffff;
    padding: 1rem;
    box-shadow: 0 20px 20px -20px #bcc5d6;
}
img.quick_access_icon {
  width: 110px !important;
  height: 110px !important;
  object-fit: contain;
  margin: 0 auto;
  margin-top: 20px;
  transition: 0.3s all;
}

.link-5icon{color: #212529;text-decoration: none;}
.link-5icon:hover{color: #066058;text-decoration: none;}
.owl-carousel .owl-stage-outer{padding-bottom: 15px;}
.owl-theme .owl-nav{display: none;}
.container-custom-icons{max-width: 1390px;}

/* systems application ----------------------*/
.col-md-20{flex: 0 0 auto;width: 20%;}
.list-circle{list-style-type:circle; font-size: 1.2rem;}
.border-color{border-color: rgba(12, 128, 137, .35) !important;}
/*membership ----------------------*/
.max-50{max-width: 80%;}
.embed-pdf{width: 100%; height: 80vh;}
.modal-footer-custom{    justify-content: center;
  background-color: #066058;
}
.btn-close{--bs-btn-close-bg:url(../../images/close.svg);--bs-btn-close-opacity:1}
.header-bg{background-color: #066058;}
.border-size{max-width: 300px;}
.border-brown{border-color: #c69a47 !important;}
.border-green{border-color: #066058 !important;}
.border-blue{border-color: #39a6af !important;}
.img-width{width:150px}
.div-height{height: 300px;}

.schedule-shadow {
  box-shadow: rgb(0 0 0 / 10%) 0px 2px 10px;
  transition: all 0.3s cubic-bezier(0, 0, 0.5, 1) 0s;
}
.schedule-shadow:hover, .schedule-shadow:focus {
  box-shadow: rgb(0 0 0 / 24%) 0px 0px 40px -8px, rgb(0 0 0 / 20%) 0px 0px 25px -16px;
  transform: scale3d(1.03, 1.03, 1.08) translate3d(0.1rem, -0.25rem, 20rem);
}
.all-width{width: 240px;}

.fs-custom{font-size: 1.14rem;}
.fs-arrow{font-size: .9rem;}
#v-pills-tab .nav-link.active{background-color: #0c8089; color: white !important;}
#v-pills-tab .nav-link:hover{background-color: #0c8089;color: white !important;}

.width100{width: 100% !important;}
.bg-hover{background-color: #f3f3f3; color: red; transition: 0.75s;}
.bg-hover:hover{background-color: #066058;color: white; transition: 0.75s;}
.bg-level{background: linear-gradient(#f7f6f6, #f7f6f6 50%, #0c8089 50%, #0c8089);
  background-size: 100% 200%;transition: background 0.5s;border-bottom: 1px solid #0c8089;}
.bg-level:hover{background-position: 100% 100%; color: white;}
.w-350{width: 365px;}
.border-green-light{border: 1px solid #b8e3c1;}
.etraining-div-height{height: 260px;}
.border-shadow:hover{margin-top: -10px; transition: 0.25s;}
.border-shadow{margin-top: 0px; transition: 0.25s;}
.border-yellow{border-color: #ffd800 !important;}
.justfy{text-align: justify;}
@media (max-width: 767.98px){
  .sidebar {
      top: 0 !important;
  }
  .p-xs-0{padding: 0;}
  .max-50{max-width: 100%;}
  .embed-pdf{width: 100%; height: 60vh;}
  .xs-center{text-align: center;}
  .col-md-20{flex: 0 0 auto;width: 50%;}
  .xs-colmn{flex-direction: column; align-items: center !important;}
  .all-width{width: 100%;}
}
@media (min-width: 768.98px){
  .p-xs-0{padding: .7rem 0;}
}
@media (max-width: 991px){
  .p-custom-0{padding-left:0 ; padding-right: 0;}
  #pills-tab .nav-link.active {background: url("../../images/diploma-support-active.png") no-repeat center top !important; transition: 1s;}
.icon-bg{background: url("../../images/diploma-support-bg.png") no-repeat center top !important; transition: 1s; margin: auto;}
.icon-bg:hover{background: url("../../images/diploma-support-bg-hover.png") no-repeat center top !important; transition: 1s; margin: auto;}

}
@media (min-width: 992px){
  .p-custom-0{padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);}
}