.sp-slider .sp-item .sp-background {
    background-position: left;
}
.dot-controller-dot.sp-slider .sp-dots ul li, .dot-controller-dot.sp-slider .sp-dots ul li.active {
    border-color: #899a5c;
}
.dot-controller-dot.sp-slider .sp-dots ul li::after {
    background: #899a5c;
}
@media(max-width:1024px){
  .sppb-carousel-extended-item:nth-child(odd){
    margin-right:0px!important;
  }
}
@media(max-width:991px){
  .sppb-carousel-extended-item{
  margin:0px!important;
}
}
@media(min-width:1024px){
  .client-story .sppb-testimonial-carousel-message {
    min-height:900px;
  }
}

.bg-001 {
  background-size: 100% 100%!important;
}
.bg-003:before {
  content:"";
  background-image:url("/images/0_oaktree/pattern/bg-service.svg");
  background-repeat:no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  width:100%;
  height: 245px;
  position:absolute;
  bottom: -35px;

}
@media(max-width:767px){
  .bg-003:before {
  height: 180px;
  bottom: -35px;
}
  
}
@media(min-width:768px){
  .bg-green:after {
  content:"";
  background-image:url("/images/0_oaktree/pattern/bg-team.svg");
  background-repeat:no-repeat;
  background-size:100% 100%;
  width:100%;
  height: 465px;
  position:absolute;
  bottom: -70px;
  left:0;
  right:0;
  z-index:0;
}
.bg-002:after {
  content:"";
  background-image:url("/images/0_oaktree/pattern/bg-approach.svg");
  background-repeat:no-repeat;
  background-size:100% 100%;
  width:100%;
  height: 465px;
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  left:0;
  right:0;
  z-index:0;
}
}

.cls-services-page #sp-page-builder {

  position:relative;
	 counter-reset: my-counter;
}
#service-001 h3 {position:relative;}
#service-001 h3:before{
    content: "01";
    font-size:150px;
    font-weight:700;
    color: #acacac;
    position:absolute;
    top:-75px;
    z-index:9;
    left:-25px;
    opacity:0.1;
}
#service-002 h3 {position:relative;}
#service-002 h3:before{
    content: "02";
    font-size:150px;
    font-weight:700;
    color: #acacac;
    position:absolute;
    top:-75px;
    z-index:9;
    left:-25px;
    opacity:0.1;
}
#service-003 h3 {position:relative;}
#service-003 h3:before{
    content: "03";
    font-size:150px;
    font-weight:700;
    color: #acacac;
    position:absolute;
    top:-75px;
    z-index:9;
    left:-25px;
    opacity:0.1;
}
#service-004 h3 {position:relative;}
#service-004 h3:before{
    content: "04";
    font-size:150px;
    font-weight:700;
    color: #acacac;
    position:absolute;
    top:-75px;
    z-index:9;
    left:-25px;
    opacity:0.1;
}
#service-005 h3 {position:relative;}
#service-005 h3:before{
    content: "05";
    font-size:150px;
    font-weight:700;
    color: #acacac;
    position:absolute;
    top:-75px;
    z-index:9;
    left:-25px;
    opacity:0.1;
}
#service-006 h3 {position:relative;}
#service-006 h3:before{
    content: "06";
    font-size:150px;
    font-weight:700;
    color: #acacac;
    position:absolute;
    top:-75px;
    z-index:9;
    left:-25px;
    opacity:0.1;
}
#service-007 h3 {position:relative;}
#service-007 h3:before{
    content: "07";
    font-size:150px;
    font-weight:700;
    color: #acacac;
    position:absolute;
    top:-75px;
    z-index:9;
    left:-25px;
    opacity:0.1;
}
#service-008 h3 {position:relative;}
#service-008 h3:before{
    content: "08";
    font-size:150px;
    font-weight:700;
    color: #acacac;
    position:absolute;
    top:-75px;
    z-index:9;
    left:-25px;
    opacity:0.1;
}
@media(max-width:767px){
	#service-001 h3:before{
    font-size: 70px;
    position:absolute;
    top: -30px;
    left:0px;
}
  	#service-002 h3:before{
    font-size: 70px;
    position:absolute;
    top: -30px;
    left:0px;
}
    	#service-003 h3:before{
    font-size: 70px;
    position:absolute;
    top: -30px;
    left:0px;
}
    	#service-004 h3:before{
    font-size: 70px;
    position:absolute;
    top: -30px;
    left:0px;
}
    	#service-005 h3:before{
    font-size: 70px;
    position:absolute;
    top: -30px;
    left:0px;
}
    	#service-006 h3:before{
    font-size: 70px;
    position:absolute;
    top: -30px;
    left:0px;
}
    	#service-007 h3:before{
    font-size: 70px;
    position:absolute;
    top: -30px;
    left:0px;
}
    	#service-008 h3:before{
    font-size: 70px;
    position:absolute;
    top: -30px;
    left:0px;
}
}

.whyus-wrapper {position:relative}
.whyus-wrapper .whyus-icon {
  position:absolute;
  bottom: 40px;
  right:20px;
}
@media(min-width:768px) and (max-width:991px) {
  .whyus-wrapper .whyus-icon {
  position:absolute;
  bottom: 55px;
  right:10px;
}
  .whyus-wrapper .whyus-icon img{
 width:45px;
    height:45px;
}
}

.whyus-wrapper {
  box-shadow: 4px 3px 30px 0px 
		rgba(3, 13, 40, 0.4);
	border-radius: 10px!important;
  overflow:hidden;
}
#sec-services:before {
  content:"";
  background-image:url("/images/0_oaktree/pattern/bg-service.svg");
  background-repeat:no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  width:100%;
  height: 245px;
  position:absolute;
  bottom: -35px;

}
.service-inner-wrapper {
  box-shadow: 4px 3px 30px 0px 
		rgba(3, 13, 40, 0.4);
  /* overflow:hidden; */
}
.service-inner-wrapper .sppb-addon-content:hover .sppb-media-content{
	background-color: rgb(137 154 92);
}
.service-inner-wrapper .sppb-media-content {
    position: absolute;
    bottom: 0;
    background-color: rgb(13 115 115 / 70%);
	transition:all 0.3s;
    width: 100%;
    color: #fff;
}
.service-wrapper img {
  width:100%;
}
.service-wrapper h5 {
  padding:15px 0!important;
}
.service-wrapper .sppb-carousel-extended-item.active:hover  .sppb-carousel-extended-heading {
	background-color:#899a5c!important;
}
/************testimonial*********/
.sppb-testimonial-carousel-testi_layout3 .sppb-testimonial-carousel-item-content::before {display:none;}

/********team***********/
.team-wrapper .sppb-addon-single-image-container {
    display: block;
}
.team-wrapper img { width:100%!important;}
.team-wrapper {
    border-radius: 10px;
    /* background-color:#a62b47; */
    background-image: linear-gradient(180deg, #1e236a 70%, #982e4e );
    overflow: hidden;
}
.team-inner-wrapper {

}


.animated-heading-before-part {
    margin-right: 0px;
    display: block;
    width: 100%;
    text-align: center;
}
.animated-heading-after-part {
    display: block;
    width: 100%;
    text-align: center;
}