/* #mainNav.navbar-shrink{height: auto !important;} */
#mainNav .navbar-brand{background: none;}
@media (min-width: 1200px) {
  .container {
      max-width: 1290px !important;
  }
}
.custom-link{
  display:inline !important; 
  padding: 0px !important;
}
.color-recorder{
	color: #fff;
}
.navbar-brand{
	color: #fff !important;
	cursor: pointer; 
}
.display_setting1 {
  display: inline !important;
}
.display_setting2 {
	display: none !important;
}
.dark-color {
  color: #000 !important;
}
.mob-hide .beamer_icon.active {
  left: 12px !important;
  top: -11px !important;
}
.beamer_icon.active, #beamerIcon.active {
  display: inline-block;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  background-color: #ff3e43;
  position: absolute;
  left: 75px;
  top: -10px;
  color: #fff;
  font-size: 11px;
  font-family: arial;
  text-align: center;
  line-height: 18px;
  font-weight: 700;
  opacity: 1;
  letter-spacing: 0;
  -webkit-animation: beamer_bounce 1.5s linear infinite;
  animation: beamer_bounce 1.5s linear infinite;
}
@media only screen and (max-width: 600px) {
	.display_setting1 {
	  display: none !important;
	}
  .display_setting2 {
    display: inline !important;
  }
  .color-recorder{
	  color: #000;
  }
  .small_logo_cl {
	  width: 120px !important; 
	  margin-top: 5px;
  }
  #topNav {
    display: none; 
  }
  .custom-header #mainNav .container {
    margin-top: 0 !important;
  }
}
#navbarResponsive > ul > li:not(:has(.show)) .dropdown-menu {
  display: none;
}
@media only screen and (max-width: 768px) {
  .whats-new {
    font-size: 16px !important;
    font-weight: 500;
    font-family: 'Outfit';
    border: 0;
  }
  .whats-new .beamer_icon.active {
    left: 130px;
  }
  .beamer_icon.active, #beamerIcon.active {
    top: 10px;
  }
  .mob-hide {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
	.navbar-brand {
	  color: #000 !important;
	  cursor: pointer;
  }
  .small_logo_cl{
	  width: 120px !important; 
	  margin-top: 5px;
  }
}
@media only screen and (min-width: 992px) {
	#mainNav .nav-link {
 		/* color: #000 !important; */
    padding: 0; 
    margin: 2rem 1.3rem;
	}
  
	#mainNav .mn-but{
		background-color : #FFFF05;
		border : 1px solid #000000;
    margin: 1.3rem;
    border-radius: 5px;
	}

  #mainNav .mn-but {
    position: relative; /* Required for positioning the pseudo-element */
    font-size: 2em; /* Adjust the font size as needed */
    font-weight: bold; /* Adjust the font weight as needed */
    background: linear-gradient(to right, #FF512F, #F09819);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    display: inline-block; /* Ensures the border wraps tightly around the text */
    padding: 10px 20px; /* Adjust the padding as needed */
    z-index: 1; /* Position above the pseudo-element */
}

#mainNav .mn-but::before {
    content: '';
    position: absolute;
    top: -2px; /* Adjust to position the shadow */
    left: -2px; /* Adjust to position the shadow */
    right: -2px; /* Adjust to position the shadow */
    bottom: -2px; /* Adjust to position the shadow */
    background: linear-gradient(to right, #FF512F, #F09819);
    border-radius: 10px; /* Adjust the border radius as needed */
    z-index: -1; /* Position behind the text */
    padding: 2px; /* Width of the border */
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    background-origin: border-box;
}

	#mainNav .nav-link.mn-but:hover {
		background-color : #000;
    border-color: #000;
    color: #fff !important; 
	}
  .navbar-shrink .nav-link.mn-but{ 
    border : 1px solid #000 !important;
    color: #fff !important; 
  }
  #mainNav #navbarResponsive #dd4 {
    left: -370px;
  }
  #mainNav #navbarResponsive #dd3 {
    left: -200px;
  }
  #mainNav #navbarResponsive #dd3 , #mainNav #navbarResponsive #dd4, #mainNav #navbarResponsive #dd {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    border-radius: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    width:780px;
    display: none;
    top: 98%;
  }
  #mainNav #navbarResponsive #dd {
    border-radius: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    left: -180px;
    top: 98%;
  }
  #mainNav #navbarResponsive .nav-item:hover .nav-link {
    color: #000000;
    font-weight: 500;
  }
  #mainNav #navbarResponsive .dropdown-menu {
    padding: 40px 0 !important;
  }
  #mainNav #navbarResponsive .nav-item:not(:last-child):hover {
    box-shadow: 0px -6px 0px -4px #000000 inset;
    -webkit-box-shadow: 0px -6px 0px -4px #000000 inset;
    -moz-box-shadow: 0px -6px 0px -4px #000000 inset;
  }
  #mainNav #navbarResponsive .nav-item {
    position: relative;
  }
  /* #mainNav #navbarResponsive .nav-item:hover  */
}
@media only screen and (max-width: 1500px) {
  .small_logo_cl{
	  width:150px !important;
  }
}