.ct-banner-inner {
    position: relative;
    padding: 0 55px 48px 70px;
}

 .item-feature {
    overflow: hidden;
}
.item-feature img {
    width: 100%;
    -webkit-border-radius: 150px 0 0 0;
    -khtml-border-radius: 150px 0 0 0;
    -moz-border-radius: 150px 0 0 0;
    -ms-border-radius: 150px 0 0 0;
    -o-border-radius: 150px 0 0 0;
    border-radius: 150px 0 0 0;
}

.ct-banner.layout5 .box-squares.squares1 {
    top: 0;
    right: 30px;
    width: 100px;
    height: 73px;
}

.ct-banner.layout5 .box-squares {
    position: absolute;
}

.ct-banner.layout5 .box-squares.squares1 .item-square1 {
    height: 40px;
    width: 37px;
    background-color: #fff;
    top: 0;
    right: 25px;
}
.ct-banner.layout5 .box-squares.squares1 span {
    position: absolute;
}

.ct-banner.layout5 .box-squares.squares1 .item-square2 {
    width: 26px;
    height: 27px;
    top: 14px;
    right: 0;
    background-color: #faa80a;
}

.ct-banner.layout5 .box-squares.squares1 .item-square3 {
    width: 35px;
    height: 33px;
    background-color: #48c8f2;
    bottom: 0;
    left: 0;
}

.ct-banner.layout5 .box-squares.squares2 {
    bottom: 0;
    left: 0;
    width: 175px;
    height: 220px;
}

.ct-banner.layout5 .box-squares.squares2 .item-square1 {
    height: 55px;
    width: 58px;
    background-color: #fff;
    top: 0;
    right: 0;
}

.ct-banner.layout5 .box-squares.squares2 .item-square2 {
    width: 117px;
    height: 133px;
    bottom: 32px;
    left: 0;
    background-color: #faa80a;
}

.ct-banner.layout5 .box-squares.squares2 .item-square3 {
    width: 35px;
    height: 33px;
    background-color: #48c8f2;
    bottom: 0;
    right: 23px;
}

.ct-banner.layout5 .item-btn {
    position: absolute;
    bottom: 95px;
    right: 0;
}


.ct-banner.layout5 .btn-link {
    line-height: 53px;
    padding-left: 32px;
    padding-right: 32px;
    background-color: #141414;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    position: relative;
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    -ms-transition: .3s cubic-bezier(.24,.74,.58,1);
    -o-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1);
    margin-right: 10px;
    margin-bottom: 10px;
}

.ct-banner.layout5 .btn-link:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: initial;
    border: 2px solid #faa80a;
    position: absolute;
    top: 10px;
    left: 10px;
    opacity: 1;
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    -ms-transition: .3s cubic-bezier(.24,.74,.58,1);
    -o-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1);
}


.ct-banner.layout5 .box-squares.squares2 span {
    position: absolute;
}

.ct-banner.layout5 .btn-link:hover {
    color: #fff;
    text-decoration: none;
    margin-right: 0;
    margin-bottom: 0;
}

.ct-banner.layout5 .btn-link:hover:before {
    top: 0;
    left: 0;
    border-color: #141414;
}



/* my css styles (sud) */
.bread-back{
    text-align: center;
    padding: 84px 0px 14px;
    color: white;
    background: linear-gradient(rgb(29 38 113 / 12%), rgb(0 0 0 / 80%)), url(https://img.freepik.com/free-photo/muscular-car-service-worker-repairing-vehicle_146671-19605.jpg?w=826&t=st=1691388437~exp=1691389037~hmac=796e620…);
    background-repeat: no-repeat;
    object-fit: cover;
    background-size: cover !important;
}

.bread-back .bb{
    font-size: 37px;
    margin-bottom: 15px;
    font-family: jost;
}

.breadcrumb{
    border-radius: 0%;
    font-family: 'Jost';
}



/* -----------pro.php  */
.procatback{
    padding-top:3%;
    
}

.pro{
    border: 1px solid #dfdfdf;
    margin-bottom:30px;
}

.proname{
    font-size: 18px;
    text-align: center;
    margin:0 auto;
    color: black;
    padding: 15px
}



.cat-name{
    font-size: 30px;
    margin-top: 0px;
    padding-left:15px;
    margin-bottom: 20px;
    font-weight:900;
}

.main-ched{
    margin-bottom:0px;
    text-align:center;
    font-size: 50px;
}

.main-ched::after{
    content: "";
    padding-top 5px;
    display: block;
    height: 0.5em;
    width:15%;
    margin:0 auto;
    border-top: 3px solid red;
}

.selected span {
  color:red !important;
}


.our-commitment-box{
    padding:37px;
    box-shadow: 2px 2px 10px #e6e6e6;
}
.our-commitment{
    padding:30px;
}



/* --contact ---  */

.btn{
    width: 37%;
 text-decoration: none;
}

  button{
      
      background:#fd0101 !important;
      border:0px solid black;
      border-radius:5px;
      padding: 5px 10px 5px 10px;
      text-transform:none;
      transition:0.2s;
  }

  button:hover{
    background:#fff !important;
    color:red;
    border:1px solid red;
  }

.wraper{
    color: #150f0f;
    height: 457px;
    padding-top: 5%;
    padding: left;
    padding-left: 5%;
}




/* infra  */
.imm{
    margin: 51px 24px 10px 88px;
    border-radius: 12% 5% 12% 5%;
    width: 466px;
}
.mission{
    font-size:25px;
    font-weight:500;
    border-bottom:2px solid white;
    display:inline-block;
}
.second{
    padding:30px;
}

.about-welcome{
    margin-top:50px;
}



/* pro  */

button{
          
    background:#fd0101 !important;
    border:0px solid black;
    border-radius:5px;
    padding: 5px 10px 5px 10px;
    text-transform:none;
  }
  
  button:hover{
    background:#fff !important;
    color:red;
    border:1px solid red;
  }

  .this-hover{
    position: relative;
    width: 50%;
  }


  /* quality  */
  .mission{
    font-size:25px;
    font-weight:500;
    border-bottom:2px solid black;
    display:inline-block;
}
.second{
    padding:30px;
}

.active a{
    color:red !important;
  }


  .red{
    border-bottom:1px solid red;
  }