	body{
		font-family: "open sans", serif;
	}
	h2 {
		font-size:1.5em;
		font-weight: 700;
	}


#service-content h2{
	color:#222;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #FCE54A;
    text-align: left;
    list-style: none;
    background-color: #222;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
}
.dropdown-item{
	    color: #FCE54A;

}
	
	  .hero-section {
    background: url(../images/homebanner.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    padding: 30px;
  }

  .hero-section#consultancy {
    background: url("../images/consultancybanner.jpg") no-repeat center center;
    background-size: cover;
    color: #fff;
    padding: 30px;
  }

  .hero-section#onlinerisk {
    background: url("../images/onlineriskassesmentbanner.jpg") no-repeat center center;
    background-size: cover;
    color: #fff;
    padding: 30px;
  }

  .hero-section#handsbanner {
    background: url("../images/handsbanner.jpg") no-repeat center center;
    background-size: cover;
    color: #fff;
    padding: 30px;
  }

  .hero-section#h-and-sbanner {
    background: url("../images/handsbanner2.jpg") no-repeat center center;
    background-size: cover;
    color: #fff;
    padding: 30px;
  }

  .hero-section#high-rise {
    background: url("../images/high-risebg.jpg") no-repeat center center;
    background-size: cover;
    color: #fff;
    padding: 30px;
  }






	  .hero-section#contactus {
    background: url("../images/contactusbanner.jpg") no-repeat center center;
    background-size: cover;
    color: #fff;
    padding: 30px;
  }
	
	
  .navbar-custom {
    background-color: transparent;
    border-bottom: 2px solid white;
  }
  .navbar-custom .navbar-nav .nav-link {
    color: #fff;
    font-weight: 400;
  }
  .navbar-custom .navbar-nav .nav-link:hover {
   color:#FCE54A;
  }
	
	
	#offer-blocks img{
		border-top-left-radius: 10px;
			border-top-right-radius: 10px;
		border-bottom:10px solid #FCE54A;
	}
	
	
	#offer-blocks h3 {
		color:#FCE54A;
		
		font-size:22px;
	}
	
	#offer-blocks h3 span{
		color:#fff;
		font-weight: 300;
		display: block;
		font-size:18px;
	}
	
	
	.offer-block-item{
		background:#222;
		border-radius: 10px;
	}
	
  .header-content {
    padding: 120px 0;
  }

#contactus .header-content{
	 padding: 60px  0;
}


.contact-info-container{
	background:#222;
	padding:10px 10px 1px;
	margin-bottom:15px;
	border-radius:5px;
}

.contact-info-container h5{
	color:#fff;
}


  .header-content h1 {
font-weight:700;
		font-size:1.75em;
	  line-height: 130%;
  }


.header-content.service  span{
	color:#FCE54A;
	display:block;
	font-size:20px;
}
  .header-content.service  h1 {
font-weight:700;
	  margin-top:0;
		font-size:2.25em;
	  line-height: 130%;
  }


  .header-content p {
    font-weight: 400;
    font-size: 1.2rem;
    margin-bottom: 20px;
  }
  .btn-primary {
    font-weight: 700;
    color: #222;
    background-color: #FCE54A;
    border-color: #FCE54A;
  }
  .btn-primary:hover {
	color:#fff;
    background-color: #222;
    border-color: #FCE54A;
  }
	
	  .btn-secondary {
    font-weight: 700;
    color: #FCE54A;
    background-color: transparent;
    border-color: #FCE54A;
  }
  .btn-secondary:hover {
	color:#fff;
    background-color: #222;
    border-color: #FCE54A;
  }
  
  
  a.btn.btn-outline-warning{
      border-color:#FCE54A!important;
      color:#FCE54A!important;
  }
	
	 a.btn.btn-outline-warning:hover{
      background:#222!important;
      color:#FCE54A!important;
  }
  
  @media(min-width:600px){
        .m-ml-2{
    margin-left: 0.5rem!important;
}
	
  }
a.yellow-link:link, a.yellow-link:visited{
		    color: #FCE54A!important;
	} 
	
	
	a.yellow-link:hover, a.yellow-link:active{
		    color: #fff!important;
	} 
	
	
	a.black-link:link, a.black-link:visited{
		    color: #222!important;
	} 
	
	
	a.black-link:hover, a.black-link:active{
		    color: #444!important;
	} 
	
	
.border-white{
	border:1px solid #fff;
}

	.highlighted-text {
  position: relative;
  text-align: center;
  display: inline-block; /* Makes the underline only as wide as the text */
}

.highlighted-text:after {
  content: '';
  position: absolute;
  left: 10%; /* Adjusts the starting point of the underline to 10%, making it 80% width with equal margins */
  bottom: -10px; /* Adjusts the position of the underline below the text */
  width: 80%;
  height: 3px; /* Thickness of the underline */
  background-color: #FCE54A; /* Color of the underline */
  display: block;
}

	
	.underline-title {
  display: inline; /* Adjust this as needed */
  position: relative;
  color: white; /* Assuming the text is white */
  padding-bottom: 10px; /* Space for the underline */
}

.underline-title::after {
  content: '';
  display: block;
  width: 50%; /* Width of the underline */
  height: 3px; /* Height of the underline */
  background-color: #FCE54A; /* Color of the underline */
  position: absolute;
  bottom: 0; /* Position directly at the bottom of the text */
  left: 0; /* Center the underline */
}

.text-yellow{
    color:#FCE54A!important;
}
	
	  .footer {
    background: #343a40;
    color: white;
    padding: 20px 0;
  }

	.footer h5{
		font-size:15px;
	}
	
#sub-footer{
  background-color: #FCE54A; /* Color of the underline */

}
	
    .navbar-custom .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

    .navbar-toggler {
      border-color: rgba(255,255,255,0.1); /* If you want a border, set opacity to 1 */
	  
    }

    @media (max-width: 991.98px) {
     
    }
	
	    @media (max-width: 600px) {
			#main-logo{
				padding:0px 100px 0px 0px
			}
			
			.m-mt-5{
				margin-top:20px;
			}
	}
	
	
	
a.no-text-decoration{
    text-decoration:none!
}


.breakout-black{
     background-color: #222;
     color:#fff;
}

.breakout-yellow{
     background-color: #FCE54A;
     color:#222;
}



.breakout-yellow .btn.btn-primary{
     background-color: #222;
     color:#FCE54A;
}

.breakout-yellow .btn.btn-primary:hover{
     background-color: #444;
     color:#fff;
}


/*TESTIMONIAL*/
#testimonial-slider {
  background-image: linear-gradient(#222, #222);
}
#testimonial-slider .carousel-inner {
  color: #fff;
  font-size: 1.2em;
  padding: 2em 5em;
  min-height: 300px;
}
#testimonial-slider .carousel-item.optimal {
  font-style: italic;
}
#testimonial-slider .carousel-control-prev, .carousel-control-next {
  position: absolute;
  bottom: 10px;
  color: #FCE54A;
  font-size: 35px;
}
#testimonial-slider .carousel-control-prev .fas, .carousel-control-next .fas {
  background: #fff;
  padding: 0.25em;
  color: #FCE54A;
  border-radius: 50%;
}
#testimonial-slider .stars {
  display: inline-block;
  margin-bottom: 10px;
}
#testimonial-slider .stars i {
  color: #FCE54A;
  font-size: 18px !important;
  margin-top: 20px;
}
#testimonial-slider .author {
  color: #FCE54A;
  display: inline-block;
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: .6s;
  transition-property: opacity;
}
.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
  opacity: 0;
}
.carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev {
  transform: translateX(0);
  transform: translate3d(0, 0, 0);
}

.carousel-control-next,.carousel-control-prev{
    opacity:1;
}
