.apps h4{
	font-size:14px;
	font-weight:bolder;
	text-align:center;
	color:#fff;
}
.btn-success{
    background-color:green;
    color:#fff;
    border-radius:5px;
    font-weight:800;
}

}

.btn-error{
    background-color:red;
    color:#fff;
    border-radius:5px;
    font-weight:800;
}


.page-gallery-wrapper img{
    /*max-height: 300px;*/
    margin-bottom: 30px;
    /*max-width: 735px;*/
    border-radius: 5px;
}

.icon img{ 

max-width: 250px;
margin-right: 100px;
 }















/********************** Acccordion Start  - *****************/


.rate {
         float: left;
         height: 46px;
         padding: 0 10px;
         }
         .rate:not(:checked) > input {
         position:absolute;
         display: none;
         }
         .rate:not(:checked) > label {
         float:right;
         width:1em;
         overflow:hidden;
         white-space:nowrap;
         cursor:pointer;
         font-size:30px;
         color:#ccc;
         }
         .rated:not(:checked) > label {
         float:right;
         width:1em;
         overflow:hidden;
         white-space:nowrap;
         cursor:pointer;
         font-size:30px;
         color:#ccc;
         }
         .rate:not(:checked) > label:before {
         content: '★ ';
         }
         .rate > input:checked ~ label {
         color: #ffc700;
         }
         .rate:not(:checked) > label:hover,
         .rate:not(:checked) > label:hover ~ label {
         color: #deb217;
         }
         .rate > input:checked + label:hover,
         .rate > input:checked + label:hover ~ label,
         .rate > input:checked ~ label:hover,
         .rate > input:checked ~ label:hover ~ label,
         .rate > label:hover ~ input:checked ~ label {
         color: #c59b08;
         }
         .star-rating-complete{
            color: #c59b08;
         }
         .rating-container .form-control:hover, .rating-container .form-control:focus{
         background: #fff;
         border: 1px solid #ced4da;
         }
         .rating-container textarea:focus, .rating-container input:focus {
         color: #000;
         }
         .rated {
         float: left;
         height: 46px;
         padding: 0 10px;
         }
         .rated:not(:checked) > input {
         position:absolute;
         display: none;
         }
         .rated:not(:checked) > label {
         float:right;
         width:1em;
         overflow:hidden;
         white-space:nowrap;
         cursor:pointer;
         font-size:30px;
         color:#ffc700;
         }
         .rated:not(:checked) > label:before {
         content: '★ ';
         }
         .rated > input:checked ~ label {
         color: #ffc700;
         }
         .rated:not(:checked) > label:hover,
         .rated:not(:checked) > label:hover ~ label {
         color: #deb217;
         }
         .rated > input:checked + label:hover,
         .rated > input:checked + label:hover ~ label,
         .rated > input:checked ~ label:hover,
         .rated > input:checked ~ label:hover ~ label,
         .rated > label:hover ~ input:checked ~ label {
         color: #c59b08;
         }



         

/*.faq-accordion {
    width: 100%;
}

.faq-toggle {
    display: none;
}

.faq-question {
    display: block;
    background-color: #0d3f6d;
    padding: 10px;
    cursor: pointer;
    margin-bottom:10px;
    color:#fff;
}

.faq-answer {
    display: none;
    padding: 10px;
}

.faq-toggle:checked + .faq-question + .faq-answer {
    display: block;
}

input[name="faq-accordion"]:checked + .faq-question {
    background-color: #0d3f6d;
}*/


.faq-accordion {
    width: 100%;
}

.faq-item {
    margin: 10px 0;
    border: 1px solid #ccc;
}

.faq-toggle {
    display: none;
}

.faq-question {
    display: block;
    background-color: #0d3f6d;;
    padding: 10px;
    cursor: pointer;
}

.faq-question h5 {
    color:#90c95e;
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    /*padding:10px;*/
}

.faq-answer p{
    padding:0 10px;
}



.faq-toggle:checked + .faq-question + .faq-answer {
    max-height: 1000px; /* Adjust this value to fit your content height */
    transition: max-height 0.3s ease;
}





/********************** - Accordion End - ********************/



.panel-heading{
    font-size:20px;
    font-weight:900;
/*    margin-bottom: 30px;*/
}


.bujj-comments{

    border: 1px solid #eee;
    margin:20px 0;
    padding:10px;
    border-radius: 5px;

}
.bujj-card-body{

    padding: 0 !important;
}

.panel-bujj {
    padding:20px;
}

.panel-heading-bujj {
    padding: 10px 0 10px 10px;
    background-color: #90c95d;
}

.ticket-info{
    margin-top:10px;
}

.ticket-info-bujj p {
    padding: 0 0 0 10px;
}






/* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */

/*------------------------------------*\
    NAV
\*------------------------------------*/

.bujj-nav {
	margin-top:10px !important;
}

.header-area.header-sticky .bujj-nav{
    display:none !important;
}

.nav li {
    float: left;
    margin-right: 10px;
    position: relative;
}
.nav a {
    display: block;
/*    padding: 5px;*/
    color: #fff;
    text-decoration: none;
}


/*--- DROPDOWN ---*/
.nav ul{
    list-style: none;
    position: absolute;
    left: -9999px; /* Hide off-screen when not needed (this is more accessible than display: none;) */
    background-color: #fff;

}
.nav ul li {
    line-height:30px;
    height:30px;
    float: none;
}
.nav ul a {
/*    white-space: nowrap; */
}
.nav li:hover ul { /* Display the dropdown on hover */
    left: 0; /* Bring back on-screen when needed */
/*    background:#fff;*/
    border-radius:5px;
}
.nav li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	color:#90c95d;
    /*background-color: #6b0c36;
    text-decoration: underline;*/
}
.nav li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration: none;
}
.nav li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
/*    background-color: #333;*/
color:#90c95d;
}


.header-area .main-nav .nav li ul li {
  margin-left: 0;
  padding:0 30px 10px 0;
/*  border-bottom:1px solid #eee;*/

}

.header-area .main-nav .nav li ul li a {
 float: left;
    display: inline-block;
    white-space: nowrap;
    color: #90c95d;
    border-bottom: 1px solid #eee;
    line-height: 30px;
    margin-left: 10px;

}

.header-area .main-nav .nav li ul li a:hover {

    color: #0d3f6d;


}

.home-services-item img {
	max-width:50px;
	height:auto;
}


.bujj-home-about{
	margin-top: 150px;
	align-self: center;
}

@media only screen and (max-width: 600px) {
  .bujj-home-about{
	margin-top: 50px;
	align-self: center;
}
}