#wrapper_bu {position: absolute; top: -60px; width: 100%; height: 500px; } 
.holder_bu { cursor: pointer } 
.holder_bu_awayL1 {position: absolute; top: 15%; left: 10%; width: 10%; height: 70%; background-color: rgba(0,0,50,0.7); border-radius: 10px;
  -webkit-transition: width 1s, height 1s, top 1s, left 1s; -moz-transition: width 1s, height 1s, top 1s, left 1s; 
  -o-transition: width 1s, height 1s, top 1s, left 1s; -ms-transition: width 1s, height 1s, top 1s, left 1s; transition: width 1s, height 1s, top 1s, left 1s } 
.holder_bu_awayL2 {position: absolute; top: 25%; left: 0%; width: 10%; height: 50%; background-color: rgba(0,0,50,0.5); border-radius: 10px;
  -webkit-transition: width 1s, height 1s, top 1s, left 1s; -moz-transition: width 1s, height 1s, top 1s, left 1s; 
  -o-transition: width 1s, height 1s, top 1s, left 1s; -ms-transition: width 1s, height 1s, top 1s, left 1s; transition: width 1s, height 1s, top 1s, left 1s } 
.holder_bu_center {position: absolute; top: 5%; left: 20%; width: 60%; height: 90%; background-color: #37c; border-radius: 10px;
  -webkit-transition: width 1s, height 1s, top 1s, left 1s; -moz-transition: width 1s, height 1s, top 1s, left 1s; 
  -o-transition: width 1s, height 1s, top 1s, left 1s; -ms-transition: width 1s, height 1s, top 1s, left 1s; transition: width 1s, height 1s, top 1s, left 1s } 
.holder_bu_awayR1 {position: absolute; top: 15%; left: 80%; width: 10%; height: 70%; background-color: rgba(0,0,50,0.7); border-radius: 10px;
  -webkit-transition: width 1s, height 1s, top 1s, left 1s; -moz-transition: width 1s, height 1s, top 1s, left 1s; 
  -o-transition: width 1s, height 1s, top 1s, left 1s; -ms-transition: width 1s, height 1s, top 1s, left 1s; transition: width 1s, height 1s, top 1s, left 1s } 
.holder_bu_awayR2 {position: absolute; top: 25%; left: 90%; width: 10%; height: 50%; background-color: rgba(0,0,50,0.5); border-radius: 10px;
  -webkit-transition: width 1s, height 1s, top 1s, left 1s; -moz-transition: width 1s, height 1s, top 1s, left 1s; 
  -o-transition: width 1s, height 1s, top 1s, left 1s; -ms-transition: width 1s, height 1s, top 1s, left 1s; transition: width 1s, height 1s, top 1s, left 1s }

.holder_bu_awayL1 img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; border-bottom-right-radius: 0; border-top-right-radius: 0; }
.holder_bu_awayL2 img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; border-bottom-right-radius: 0; border-top-right-radius: 0; }
.holder_bu_center img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.holder_bu_awayR1 img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; border-bottom-left-radius: 0; border-top-left-radius: 0;}
.holder_bu_awayR2 img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; border-bottom-left-radius: 0; border-top-left-radius: 0;}

.m-category-slider{ position: relative; margin-bottom: 40px; }
.m-category-slider .m-image-slider { cursor: pointer; }
.m-category-slider .m-image-slider:before  { border-radius: 20px; content: ""; background: linear-gradient(rgb(230, 100, 101, 0),75%, rgb(0, 0, 0, 0.9)); width: 100%; height: 100%; position: absolute; left: 0; }
.m-category-slider .m-image-slider a { width: 100%; object-fit: cover; }
.m-category-slider .m-image-slider a img { width: 100%; object-fit: cover; border-radius: 20px; }
.m-category-slider .m-slider-text { position: absolute; bottom: -36px; cursor: pointer; text-align: center; left: 0; right: 0; }
.m-category-slider .m-slider-text h4 { font-size: 25px; color: #ffffff; line-height: 30px; letter-spacing: 0.25px; font-weight: 700; text-transform: uppercase; margin: 0 0 15px; }
.m-category-slider .m-slider-text h4 a { color: #ffffff; }
.m-category-slider .m-slider-text h6 { display: none; font-size: 20px; line-height: 30px; color: #ffffff; font-family: 'Poppins', sans-serif; font-weight: 400; margin: 0 0 20px; }
.m-category-slider .m-slider-text h6 a {font-size: 20px; line-height: 30px; color: #ffffff; font-family: 'Poppins', sans-serif; font-weight: 400; margin: 0 0 20px;  }
.m-category-slider .m-slider-text p { padding-top: 15px; line-height: 36px; }
.m-category-slider .m-slider-text p a { font-size: 18px; font-weight: 500; color: #ffffff; letter-spacing: 0.36px; background-color: #87bc3d; padding: 20px 45px; border-radius: 50px; text-transform: uppercase; }
.m-category-slider:hover .m-slider-text { border-radius: 20px; background-color: rgb(135,188,61, 0.8); bottom: 0; top: 0; padding: 20px 10px ; display: flex; justify-content: center; flex-direction: column; }
.m-category-slider:hover .m-slider-text h6 { display: block; }
.m-category-slider:hover .m-slider-text p a { border: 1px solid #ffffff; background-color: transparent; }
.owl-nav { text-align: center; }
.owl-nav button {background-color: #87bc3d !important; width: 45px; height: 45px; border-radius: 45px; color: #ffffff !important; margin: 0 5px; }
.owl-nav button span { font-size: 26px; font-family: 'Commissioner-Regular'; margin: -5px 0 0; display: block !important; line-height: 26px; }
[type=button]:focus, [type=submit]:focus, button:focus{ outline: 0; }
.owl-nav button[type=button]:focus, .owl-nav button[type=submit]:focus, .owl-nav button:focus{ outline: 0; }


.m-chooseus-slider{ padding: 0px 40px 40px; }
.m-chooseus-slider .m-links { text-align: center; }
.m-chooseus-slider .m-chooseus-icon{}
.m-chooseus-slider .m-chooseus-icon img {width: 180px; text-align: center; display: inline-block; }
.m-chooseus-slider .m-chooseus-body{}
.m-chooseus-slider .m-chooseus-body .m-chooseus-title{ font-family: "Commissioner", Sans-serif; font-size: 40px; font-weight: 700; margin: 15px auto 20px; color: #1a1a1a; }
.m-chooseus-slider .m-chooseus-body p { font-family: "Poppins", Sans-serif; font-size: 18px; font-weight: 400; font-style: normal; text-decoration: none; line-height: 28px; color: #393939;}

@media screen and (max-width: 1600px){
  .m-category-slider .m-slider-text h4 { font-size: 21px;}
  .m-category-slider .m-slider-text p a { font-size: 16px; padding: 18px 35px; border-radius: 25px; }
}
@media screen and (max-width: 1500px){
  .l-service-sec .m-service-category { padding-top: 0 !important; }
}
@media screen and (max-width: 1400px){
  .m-category-slider .m-slider-text h4 { font-size: 18px; line-height: 26px; margin: 0 0 10px; }
  .m-category-slider .m-slider-text h6 { font-size: 16px; line-height: 24px; margin: 0 0 15px; }
  .m-category-slider .m-slider-text h6 a {font-size: 16px; line-height: 24px; margin: 0 0 15px;  }
  .m-category-slider .m-slider-text p { padding-top: 10px; line-height: 30px; }
  .m-category-slider .m-slider-text p a { font-size: 14px; padding: 15px 30px; }
  .m-category-slider:hover .m-slider-text { padding: 0 13px; }
}
@media screen and (max-width: 1024px){
  .m-chooseus-slider{ padding: 0px 40px 40px; }
  .m-chooseus-slider .m-links { text-align: center; }
  .m-chooseus-slider .m-chooseus-icon{}
  .m-chooseus-slider .m-chooseus-icon img {width: 180px; text-align: center; display: inline-block; }
  .m-chooseus-slider .m-chooseus-body{}
  .m-chooseus-slider .m-chooseus-body .m-chooseus-title{ font-size: 20px; margin: 10px auto ; }
  .m-chooseus-slider .m-chooseus-body p { font-size: 15px; line-height: 22px;}
}
@media screen and (max-width: 600px){
  .m-category-slider .m-slider-text h4 { font-size: 25px; line-height: 30px; margin: 0 0 15px; }
  .m-category-slider .m-slider-text h6 { font-size: 20px; line-height: 30px; margin: 0 0 20px; }
  .m-category-slider .m-slider-text h6 a {font-size: 20px; line-height: 30px; margin: 0 0 20px;  }
  .m-category-slider .m-slider-text p { padding-top: 15px; line-height: 36px; }
  .m-category-slider .m-slider-text p a { font-size: 18px; padding: 20px 45px; }
  .m-category-slider:hover .m-slider-text { padding: 20px 15px; }
}
@media screen and (max-width: 417px){
  .m-category-slider .m-slider-text h4 { font-size: 18px; line-height: 26px; margin: 0 0 10px; }
  .m-category-slider .m-slider-text h6 { font-size: 16px; line-height: 24px; margin: 0 0 15px; }
  .m-category-slider .m-slider-text h6 a {font-size: 16px; line-height: 24px; margin: 0 0 15px;  }
  .m-category-slider .m-slider-text p { padding-top: 10px; line-height: 30px; }
  .m-category-slider .m-slider-text p a { font-size: 14px; padding: 15px 30px; }
  .m-category-slider:hover .m-slider-text { padding: 0 13px; }
}