/**************           header css       **************************/

.bg-bee{position: relative;z-index: 1;}
.bg-bee::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/bee-circle.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.1;         /* only the logo is faded */
  z-index: -1;          /* push behind text */
}

.min-h-\[600px\] {min-height: 450px;}
.logo{max-height:80px;}

#MainNav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.header-scrolled #MainNav{background-color:var(--bs-white);position:fixed!important;left: 0;right: 0;top: 0;z-index:9;box-shadow: 0 15px 10px -10px rgba(0,0,0,.15);}
.header-scrolled .logo{max-height:60px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.navbar-nav .nav-item{margin: 0px 10px;}
.navbar-nav .nav-link{color: var(--bs-dark);font-weight:600;padding: 0px;}
.navbar-nav .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color: var(--bs-primary);}


.dropdown-menu .nav-item {margin:0px!important;}
.dropdown-item {color:var(--bs-body-color);font-weight:600;white-space: wrap;}
.dropdown-item.active,.dropdown-item:focus, .dropdown-item:hover {color:var(--bs-primary)!important;background-color:transparent;}

.megamenu { background-color: rgb(255,255,255,0.9);
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

.menu-card{background-color: #fff;}
.menu-card:hover{background-color: var(--bs-light);}

.mega-menu-file-development-menu.dropdown,.mega-menu-file-courses-menu.dropdown{position: static;}
.footer .mega-menu-file-development-menu .sub-menu,.footer .mega-menu-file-courses-menu .sub-menu{display: none;}

/**********                Home page css       *******************************/

.hover-primary-shadow:hover .hover-primary{color: var(--bs-primary);}
.bg-home{position:relative; background:var(--bs-black); display:block; min-height:450px; z-index:1;display:flex; justify-content:center; align-items:center;}
.bg-home:after {content:''; background:url(../images/hosting.webp) no-repeat top center; opacity:0.25; position:absolute; z-index: -1; top:0; bottom:0; left:0; right:0;} 

.bnr-clip{clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);z-index: 7;}
.bnr-text-block{z-index: 8;position: relative;}
.home-banner .carousel-control-prev, home-banner .carousel-control-next {z-index: 9;}

/**********                Inner pages css       *******************************/


.data-\[state\=active\]\:bg-background[data-state="active"] {
    background-color: var(--bs-primary);
}

.data-\[state\=active\]\:text-foreground[data-state="active"] {
    color: var(--bs-white);
}

.mw-800{max-width: 800px;}
.mw-700{max-width: 700px;}

/*********     Intership Page Css   *************/

.floating-apply-btn {
  position: fixed;
  right: 20px;
  bottom: 25px;
  background-color: var(--bs-primary); /* Replace with Buzz Innovations primary color */
  color: #fff;
  padding: 12px 22px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 50px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  z-index: 99;
}

.floating-apply-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.25);
  color: #fff!important;
}

/* Optional: Make slightly smaller on mobile */
@media (max-width: 991.98px) {
  .floating-apply-btn {
    padding: 10px 18px;
    font-size: 13px;
    right: 15px;
    bottom: 100px;
  }
}

/*********     Intership Page Css   *************/

/**********                Footer                 ******************************/

.footer, .footer a{color:rgba(255,255,255,0.9);}
.copy, .copy a{color:rgba(255,255,255,0.7);}
.footer a.active,.footer a:hover{color:var(--bs-primary);}
.footer .menu-item.active>a{color:var(--bs-primary);}
.footer .fa-list1 li:before  {color:var(--bs-primary);}
.copy{border-top:solid 1px rgba(255,255,255,0.2);}


/*******************      Media query       **************************/


@media(min-width:1600px) {
  :root {--bs-body-size : 20px;}

	.container-md {max-width:1530px;}
	
	.logo{max-height:90px;}

  .min-h-\[600px\] {min-height: 600px;}
}

@media(min-width:1920px) {
   .home-banner .bnr-img {height:900px;width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
}

@media (min-width: 1400px) and (max-width: 1599.98px){
	.min-h-\[600px\] {min-height: 550px;}
}

/*******     Above md     ********************/
@media (min-width: 992px){  
	.navbar-nav .nav-item { flex: 1 1 auto; text-align: center;}
	.dropdown:hover>.dropdown-menu {display: block; word-wrap: break-word;}
}

/*******     Lg layout     ********************/
@media (min-width: 992px) and (max-width: 1199.98px){  
	.logo{height:70px;}

  .parallax {min-height: 500px!important;}
}

/*******     Below lg      **********************/
@media(max-width:991.98px) {
	.py-100,.py-80,.py-60{padding-top:50px;padding-bottom:50px;}
	.logo{max-height:65px;}
  #MainNav.bg-primary{background-color: #fff!important;}
  .navbar-nav .nav-link {padding: 5px 15px!important;}

 .home-banner .text-3xl {font-size: 1.5rem;line-height: 2rem;}
 .home-banner .text-lg {font-size: 1rem;}
 .page-banner p,.home-banner p {font-size: 16px;line-height: 1.6;}
 .page-banner a,.home-banner .btn {font-size: 16px;padding:5px 20px!important;}
 .page-banner .h-11 {height: 2.3rem;}

 .display-5 { font-size: calc(1.2rem + 2.1vw);}

  .parallax {min-height: 500px!important;}
  .clip1{clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%)!important;}

  .w-md {width: 50px;}
}


/*******     Below md      ******************* ***/

@media(max-width:767.98px) {
 /* .home-banner .bg-white,.home-banner .bg-dark{background-color:rgba(4,1,53,0.7) !important;}*/
  .bnr-clip{clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 100% 100%, 0% 100%);} 
}


@media (max-width: 575.98px){
	.banner .bnr-img {height:200px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
	.navbar-nav-brand {display: block;max-width: calc(100% - 90px);}

   .home-banner .carousel-item img {height: 500px; -o-object-fit: cover;object-fit: cover;-o-object-position: left;object-position: left;}
  
   .clip1 {clip-path: polygon(0 0, 100% 2%, 100% 100%, 0 98%) !important; }

  .footer .fa-list1 li::before {display: none;}
  .footer .fa-list1 li {padding-left: 0px;}
}