.clients .swiper-slide {
  border-right: 1px solid #dedede;
  /* margin-right: 4px; */
}

.clients {
  border-left: 1px solid #dedede;
  /* margin-right: 4px; */
}
.elvtng{
line-height: 1.5;}
.qltybxmn:hover .qlcntcont h3 {
color: #fff
}
.icbnms h3 {
font-size: 27px;
margin-bottom: 0px;
transition: .5s all ease-in-out;
position: relative;
margin: 0;
padding-left: 60px;
line-height: 35px;
}
.icbnms h3 img {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
height: 40px;
}
.incnrsc .counter {
color: #fff;
font-weight: 600;
font-size: 1.5rem;
margin-bottom: 0;
line-height: 1.7rem;
}
.descsec{opacity: 0;
transition: .5s all ease-in-out;}
.secrts{
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: .5s all ease-in-out;
}
.bxmdns:hover .descsec{
opacity: 1;}

.bxmdns:hover .secrts{
background: #00000057;}
.bg-bcd{
  background:url('../img/bgcom.jpg');
  background-size: cover;
  background-position: right;
}

 

.systimeline { 
justify-content: space-between; 
flex-wrap: wrap;
position: relative;
}

.phase { 
background: #fff;
border-radius: 12px;
padding: 20px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
position: relative;
height: 80%;
}

.phase h3 {
margin-top: 0;
font-size: 1.1rem;
font-weight: 600;
}

.phase p {
font-size: 0.9rem;
line-height: 1.4;
margin-bottom: 12px;
}

.phase ul {
padding-left: 18px;
margin: 0;
}

.phase ul li {
margin-bottom: 6px;
font-size: 0.9rem;
}

/* Colored backgrounds for each phase */
.design { background: #dbeafd; }
.bdric_1{box-shadow: 0px 0px 4px 5px var(--primary-color);}
.planning { background: #b4feff; }
.bdric_2{box-shadow: 0px 0px 4px 5px var(--secondary-color);}
.management { background: #ffedd5; }
.bdric_3{box-shadow: 0px 0px 4px 5px var(--primary-color);}
.support { background: #dbfce7; }
.bdric_4{box-shadow: 0px 0px 4px 5px var(--secondary-color);}

/* Circle icons */
.icon {
width: 85px;
height: 85px;
border-radius: 50%;
border: 2px dashed #aaa;
display: flex;
align-items: center;
justify-content: center;
background: #fbfbfb;
margin: 0 auto 35px auto;
position: relative;
}

.icon img {
width: 50px;
height: 50px;
}

.phase .icon-line {
position: absolute;
top: -40px;
left: 50%;
transform: translateX(-50%);
height: 40px;
width: 2px;
background: #aaa;
}
.fred {
position: absolute;
width: 75%;
left: 12%;
border-bottom: 2px dashed #aaa;
top: 43px;
}
.icon::after {
  content: "";
position: absolute;
width: 10px;
left: 49%;
border-left: 2px dashed #aaa;
top: 83px; 
height: 35px;
}
.text-left{text-align: left;}
.csaccordion.accordion-wrapper .card-header button{padding-block: 10px;}
.csaccordion.accordion-wrapper .card-header{padding-block: 0px;}
.csaccordion.accordion-wrapper .card{background: none !important;
border-bottom: 1px solid #31313169;
box-shadow: none;
border-radius: 0;
margin-bottom: 0px;
padding-block: 10px;}
.csaccordion.accordion-wrapper .card-header button:before { 
left: 0.3rem;}
.stritms img.icncs {
height: 60px; 
}
.imbxfls figure.rounded::before { 
border-radius: 50px;
}
@media (max-width: 900px) {
.systimeline { justify-content: center; }
}
@media (max-width: 1199.98px) {
  .phase{ height: 83%;
      padding-top: 57px !important;}
      .icon { 
          margin: 0px auto 0px auto;
          position: relative;
          top: 37px;
          z-index: 1;
      }
      .icon::after { 
          top: -39px; 
      }
      .firsticon:after, .secondicon:after{
          display: none;
      }  
      .icon::after {
  top: -27px;
  height: 27px;}
}
@media (max-width: 991.98px) {
  .imbxfls figure.rounded::before {
    border-radius: 25px;
}
  .cntprs, .scnbx5, .emisblk, .stritms, .strcsc {
  padding: 23px;
}
  .phase{ height: 83%;
      padding-top: 57px !important;}
      .icon { 
          margin: 0px auto 0px auto;
          position: relative;
          top: 37px;
          z-index: 1;
      }
      .icon::after { 
          top: -39px; 
          height: 36px;
      }
    
}
@media (max-width: 767.98px) {
  .phase{height: auto;}
  .secondicon:after{
          display: block;
      }   
}