/* style for the css menu dropdown container */





/*service selector start*/



@media only screen and (max-width: 400px) {

  .pcserviceselector {

    display: none;

  }

}


@media only screen and (max-width: 767px) {
    .hide-on-mobile {
        display: none !important;
    }
}



@media only screen and (min-width: 400px) {

  .mobileserviceselector {

    display: none;

	

  }

}



.blue-button{

background: #4886ff;

color:#FFFFFF;

}





@media only screen and (min-width: 400px) {

  .hs {

    display: none;

	

  }

}



/*spinner start*/

.loading-spinner{

  position:relative;

  display:block;

}

@keyframes spinner {

  to {transform: rotate(360deg);}

}

.spinner {

    min-height:36px;

}

.spinner:before {

  content: '';

  box-sizing: border-box;

  position: fixed;

  top: 50%;

  left: 50%;

  width: 20px;

  height: 20px;

  margin-top: -10px;

  margin-left: -10px;

  border-radius: 50%;

  border: 2px solid #ccc;

  border-top-color: #333;

  animation: spinner 1s linear infinite;

  z-index:9999;

}

/*spinner end*/





/* form css*/

.form-control2 {

  font-weight: 500;

  margin-bottom: 5px;

  width:20%;

  display: block;

  color:#000000;

}

/*form css end*/





/*MOBILE LISTINGS*/

@media only screen and (min-width: 413px) {

  .mobiplex{

  display:none;



 }

	

  }











/*MOBILE LISTINGS END*/







/*PC LISTINGS*/



@media only screen and (max-width: 413px) {

  .pcplex{

  display:none;



 }

	

  }





.tab-item.fixed-bottom .tab-menu{

	position: fixed;

	bottom: 0;

	left: 0;

	right: 0;

	-webkit-box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.2);

	-moz-box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.2);

	box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.2);

}

.tab-item.fixed-bottom .menu-item.active{

	border-bottom:none;

	border-top: solid 2px #2eb18d;

	background-color: rgba(0,0,0,0.05);

}

.tab-item.fixed-bottom .tab-menu.only-icons .menu-item{

	font-size: 18px;

}

.tab-item.fixed-bottom .tab-content{

	padding-bottom: 50px;

}



/*bottom menu*/



/*toolbar & tabbar home*/

.toolbar-bottom { background: #fff; box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, 0.11); border-top: solid 1px #ddd; height: 70px; }

.toolbar-bottom .toolbar-inner { padding: 5px 0; text-align: center; }



.mobile-bottom-nav {

  position: fixed;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 1000;

  will-change: transform;

  transform: translateZ(0);

  display: flex;

  height: 50px;

  box-shadow: 0 -2px 5px -2px #333;

  background-color: #4886ff;

}

.mobile-bottom-nav__item {

  flex-grow: 1;

  text-align: center;

  font-size: 12px;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.mobile-bottom-nav__item--active {

  color: red;

}

.mobile-bottom-nav__item-content {

  display: flex;

  flex-direction: column;


}




.mobile-bottom-nav__item button {
  background-color: #4886ff; /* black background */
  color: #fff; /* white text */
  border: none;
  width: 100%;
  padding: 14px 8px;
  font-size: 12px;
  font-weight: bold;
 
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  transition: all 0.3s ease;
}



.mobile-bottom-nav__item button:hover {
  background-color: #111;
  transform: translateY(-2px);
}

.mobile-bottom-nav__item--active button {
  background-color: #1a1a1a;
  color: #facc15; /* Optional: add a golden touch for active item */
}


.mobile-bottom-nav {

  background: #00FF00;

}


/* Show desktop text by default */
.desktop-only { display: inline; }
.mobile-only { display: none; }

/* On mobile (max-width: 768px for tablets & phones) */
@media (max-width: 768px) {
  .desktop-only { display: none; }
  .mobile-only { display: inline; }
}