/* ===> mega menu dropdown and nav bar  */
.container-fluid {
  /*padding-right: 10%;*/
}
.dropdown-menu {
  max-height: 67dvh;
  overflow-y: auto;
}
.nav.navbar-nav {
  max-height: 80dvh;
  overflow-x: auto;
}
ul li.nav-item {
  font-family: "Source_Sans_Pro";
  /*font-weight: bolder;*/
  margin-left: 5px;
  margin-right: 5px;
}
#navbar-content.nav-link {
  cursor: pointer;
}
a.nav-link.active .nav-link-txt{
  /*font-weight: bolder !important;*/
  background-image: linear-gradient(to right, rgba(255, 201, 128, 0.8), rgba(255, 201, 128, 0.8));
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 100% 3px;
  padding-bottom: 1dvh; 
}
.nav-link-txt:hover{
  background-image: linear-gradient(to right, rgba(255, 201, 128, 0.8), rgba(255, 201, 128, 0.8));
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 100% 3px;
  padding-bottom: 1dvh; 
}

.nav-link.show .nav-link-txt{
  background-image: linear-gradient(to right, rgba(255, 201, 128, 0.8), rgba(255, 201, 128, 0.8));
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 100% 3px;
  padding-bottom: 1dvh; 
}
/* cool underline effect **
ul li.nav-item a{
  background-image: linear-gradient(to right, black, black);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 50% 2px;
  transition: background-size .5s ease;
}
ul li.nav-item a:hover{
  background-size: 100% 2px;
}

.underline-navbar-li-black{
  background-image: linear-gradient(to right, rgba(255, 201, 128, 0.8), rgba(255, 201, 128, 0.8));
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 90% 2px;
}
.underline-navbar-li-white{
  background-image: linear-gradient(to right, rgba(255, 201, 128, 0.8), rgba(255, 201, 128, 0.8));
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 90% 2px;
}
ul li.nav-item a:not(.active){

}
*/
.dropdown-menu.show {
  -webkit-animation: fadeIn 0.5s alternate;
  /* Safari 4.0 - 8.0 */
  animation: fadeIn 0.5s alternate;
  margin-top: 10px;
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes fadeOut {
  from { opacity:1; }
  to {opacity: 0;}
}
.nav-item.dropdown.dropdown-mega {
  position: static;
}
.nav-item.dropdown.dropdown-mega .dropdown-menu {
  top: auto;
  left: 0.125%;
  right: 0.125%;
  border: none;
  border-radius: 0px;

}
.navbar-toggler {
  border: none;
  padding: 0;
  outline: none;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.dropdown:hover .dropdown-mega {
    display: block;
    margin-top: 0; 
}

/*hamburger*/
.navbar-toggler .hamburger-toggle {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  z-index: 11;
  float: right;
}
.navbar-toggler .hamburger-toggle .hamburger {
  position: absolute;
  transform: translate(-50%, -50%) rotate(0deg);
  left: 50%;
  top: 50%;
  width: 50%;
  height: 50%;
  pointer-events: none;
}
.navbar-toggler .hamburger-toggle .hamburger span {
  width: 100%;
  height: 4px;
  position: absolute;
  background: white;
  border-radius: 2px;
  z-index: 1;
  transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
  left: 0px;
}


.navbar-toggler .hamburger-toggle .hamburger span:first-child {
  top: 10%;
  transform-origin: 50% 50%;
  /*transform: translate(0% -50%) !important;*/
}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
  top: 50%;
  transform: translate(0, -50%);
  width: 50% !important
}
.navbar-toggler .hamburger-toggle .hamburger span:last-child {
  left: 0px;
  top: auto;
  bottom: 10%;
  transform-origin: 50% 50%;
}
.navbar-toggler .hamburger-toggle .hamburger.active span {
  position: absolute;
  margin: 0;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
  top: 45%;
  transform: rotate(45deg);
}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
  left: 50%;
  width: 0px !important;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
  top: 45%;
  transform: rotate(-45deg);
}

#navbar-id.bg-dark{
}

@media (max-width: 768px) {
  #navbar-id {
    /*background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity)) !important*/
  }
}
@media (max-width:992px) {
  #navbar-id {
/*    padding-top: 8.1% !important;*/
    padding-right: 3.1% !important;
    padding-left: 3.1% !important;
  }
}



/*
navbar languages



.dropdown-menu {
    min-width: 100px !important;
}

.dropdown-item {
    padding: 0px 5px !important;
    font-size: 12px !important;
}

*/



#btn-language-change {
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border: none !important;
  background: rgba(0, 0, 0, 0);
}
#dropdown-menu-language {
  background: rgba(0, 0, 0, 0);
  min-width: 30px !important;

}
.dropdown-item.dropdown-item-lang {
  padding: 0px 5px !important;
  font-size: 12px !important;
}







#navbar-content .title-inner-service {
  font-size: 125%;
  /*font-weight: bolder;*/
  font-family: "Source_Sans_Pro";
  margin-bottom: -1%;
  margin-left: -2%;
  color: rgba(230, 158, 57, 1);
  text-decoration: underline; 
  cursor: text;
}

#navbar-content .title-inner-industry {
  font-size: 105%;
  /*font-weight: bolder;*/
  font-family: "Source_Sans_Pro";
  margin-bottom: -1%;
  margin-left: -2%;
  color: rgba(230, 158, 57, 1);
  text-decoration: underline; 
/*  cursor: text;*/
}


.title-inner-industry {
  display: inline-block;
  transition: 0.251s ease-in;
}
.title-inner-industry:hover{
  transform: translateX(2.5%);
/*  color: #635A5A;*/
}


.title-inner-industry i.fa.fa-chevron-right{
  display: none;
  font-size: 55%;
}
.title-inner-industry:hover i.fa.fa-chevron-right{
  display: inline;
  font-size: 55%;
}

a.inner-service-link {
  font-family: "Source_Sans_Pro";
  margin-top: 2.5%;
  font-weight: normal;
  font-style: normal;
  text-decoration:none;
  color: inherit;
}
a.inner-service-link:hover {
  cursor:pointer;
}

.inner-service i.fa.fa-chevron-right{
  display: none;
  font-size: 55%;
}
.inner-service:hover i.fa.fa-chevron-right{
  display: inline;
  font-size: 55%;
}

.inner-service {
  display: inline-block;
  transition: 0.251s ease-in;
}
.inner-service:hover{
  transform: translateX(2.5%);
  color: #635A5A;
}
.inner-service-link{
  display: inline-block;
}


.nav-item {
  cursor:pointer;
}


/* rotate fa chevron services dropdown */
.rotate45 {
  -webkit-transform: rotate(75deg);
  -webkit-transition: -webkit-transform 0.2s;
}

.rotate45.hide {
  -webkit-transform: rotate(75deg);
  -webkit-transition: -webkit-transform 0.5s;
}
#services-nav-fa {
  font-size: 85%;
  position: relative;
  left: 2px;
}
/* <=== mega menu dropdown and nav bar  */



/*
@media (max-width: 992px) {
  #hamburger-toggler {
    margin-right: 37px !important;
    margin-top: 25.1px !important;
  }
}*/

#hamburger-toggler-btn {
  margin-right: 37px !important;
  margin-top: 25.1px !important;
}

#navbar-content {
  padding-right: 5% !important;
  padding-left: 0 !important;
  margin-left: 5% !important;
}