.bi-service-feed-item {
    z-index: 1;
    overflow: hidden;
    border-radius: 20px;
    /* margin-bottom: 25px; */
    padding: 90px 30px 45px;
    background: #eef1f5;
    border-bottom: 7px solid #1c85bf17;
    min-height: 270px;
}.bi-service-feed-item .serial-number {
    top: 15px;
    left: 20px;
    color: #24294f;
    font-size: 45px;
    font-weight: 700;
    font-family: var(--heading);
    opacity: .2600000015;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #24294f;
}

  .bi-service-feed-item .service-text h3 {
    color: #1c85bf;
    font-size: 27px;
    font-weight: 700;
    padding-bottom: 17px;
    text-transform: capitalize;
} .bi-service-feed-item:before {
    width: 0;
    height: 0;
    bottom: 0;
    z-index: -1;
    right: -50px;
    content: "";
    opacity: .2;
    /* visibility: hidden; */
    position: absolute;
    -webkit-transition: .5s;
    transition: .5s;
    border-bottom: 300px solid rgb(28 133 191 / 39%);
    border-right: 390px solid transparent;
    transform: scaleX(-1);
}.bi-service-feed-item .service-icon:before {
    z-index: -1;
    top: -20px;
    right: -10px;
    width: 68px;
    content: "";
    height: 68px;
    position: absolute;
    border-radius: 100%;
    opacity: .0500000007;
    background-color: var(--base-color);
    -webkit-transition: .5s;
    transition: .5s;
}
 

 .feature-style-two {
  position: relative;
  padding: 80px 0 50px;
}

.feature-block-one .inner-box {
  position: relative;
  overflow: hidden;  
  background: #fff;
  padding: 68px 30px 62px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.1);
  transition: all 0.5s ease;
  border-radius: 50%;
  border-bottom-left-radius: 0;
  text-align: center;
  height: 100%;
}

.feature-style-two .feature-block {
  margin-bottom: 40px;
}

.feature-style-two .feature-block-one .inner-box .icon-box {
  margin-bottom: 15px;
  font-size: 45px;
  font-weight: 700;
  opacity: 0.6;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: hsl(201.52deg 73.02% 50.59%);
}

 .feature-block-one .inner-box .hover-content:before {
  content: '';
  width: 300px;
  height: 300px;
  background: #6faccd0f;  
  border-radius: 50%;
  position: absolute;
  top: -150px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  opacity: 1;
}
 
.feature-block-one .inner-box .hover-content:after {
  content: '';
  width: 380px;
  height: 380px;
  background: #91c4e121;  
  border-radius: 50%;
  position: absolute;
  top: -180px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  opacity: 1;
}

/* Hover effect */
.feature-block-one .inner-box:hover {
  transform: translateY(-10px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}
.feature-style-two .feature-block:nth-child(even) {
  margin-top: 40px;
}

.cyclemethod {
    min-height: 450px;
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
    background: #eef2f7;
    border-radius: 15px;
    box-shadow: 0 5px 20px 0px rgb(0 0 0 / 0%);
    /* border-bottom-left-radius: 0px; */
    /* border-top-right-radius: 0px; */
}
 
 .text p {
    margin-bottom: 20px;
}


/****** table ******/
.table-container div{
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  width: 100%;
  max-width: 100%;
  overflow-x: auto;  
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.custom-table {
  border-collapse: collapse;
  width: 100%;
  background: #fff;
  table-layout: auto;
}

.custom-table thead {
  background: #2489c1;
  color: #fff;
}

.custom-table th,
.custom-table td {
  padding: 15px;
  text-align: right;
  border: 1px solid #dddddd54;
 white-space: break-spaces;
    word-wrap: break-word;
}

 .custom-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

.custom-table tbody tr:hover
  {
    background-color: #2e3464;
    transition: 0.3s;
    color: #fff;
}


 /******cards future**/
.heiexpfuture {
    min-height: 157px;
}

.inner-boxfuture {
    position: relative;
    display: block;
    background: #fff;
    overflow: hidden;
    border-radius: 15px;
    padding: 60px 30px 20px 30px;
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
    text-align: center;
    border-radius: 70px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
}

 .icon-boxfuture {
    position: relative;
    width: 90px;
    height: 90px;
    background-color: #ffffff;
    border: 2px solid #42466e2b;
    padding: 15px;
    transition: all 500ms ease;
    margin: 0 auto;
    top: 40px;
    z-index: 9;
    text-align: center;
    border-radius: 30px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
}
 .icon-boxfuture img {
    height: auto;
    max-width: 47px;
}
 
 
 /*******next business*/
.work-process-two__single {
    position: relative;
    display: block;
    max-width: 320px;
    width: 100%;
    margin: 0 auto 40px;
    text-align: center;
    margin-top: 10px;
}
 .work-process-two__single-icon {
    position: relative;
    display: block;
    width: 120px;
    margin: 0 auto;
}
.work-process-two__single-icon::before {
    position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px;
    border: 1px dashed #1792ce;
    border-radius: 50%;
    content: "";
    transition-delay: 0.6s;
    transition: .7s;
    animation: rotateBorder 5s linear infinite; /* هنا الحركة */
}

@keyframes rotateBorder {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.work-process-two__single-icon .inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    background: #1792ce;
    border-radius: 50%;
    margin: 0 auto;
    overflow: hidden;
    z-index: 1;
}
.work-process-two__single-icon .inner span {
    position: relative;
    display: inline-block;
    color: #ffffff;
    font-size: 55px;
    line-height: 55px;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    height: 70px;
    width: 70px;
    text-align: center;
 }.work-process-two__single-text {
    position: relative;
    display: block;
    margin-top: 43px;
} 
.work-process-two__single-text h3 {
    color: #1792ce;
    font-size: 21px;
    line-height: 28px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom:11px;
}
 
.cyclehow {
    min-height: 390px;
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
    background: #f0f7ff;
    border-radius: 15px;
    box-shadow: 0 5px 20px 0px rgb(0 0 0 / 0%);    border-bottom: 7px solid hsl(201.52deg 73.02% 50.59%);
    /* border-bottom-left-radius: 0px; */
    /* border-top-right-radius: 0px; */
} 

.heiexphow {
    min-height: 310px;
    border-radius: 50px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 8px solid #3a428217;
}

.heiexphow .icon-box {
    border-radius: 30px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    background-color: #ffffff !important;
}
.cycleexcellence {
    min-height: 185px;
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
    background: #e6eef7;
    border-radius: 30px;
    box-shadow: 0 5px 20px 0px rgb(0 0 0 / 0%);
    border-bottom: 7px solid hsl(233.33deg 36.99% 28.63%);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    color: #2e3464;
}
 .excell-title {
    padding: 20px;
    text-align: center;
    background: #259bdd;
    border-radius: 30px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    color: #fff;
}

.workteam2
  {
    padding: 25px 30px;
    border-radius: 20px;
    border: 1px solid #c2e3f6;
    padding-bottom: 10px;
    background: #ffffff;
    border-bottom: 7px solid #259bdd47;
}

 

@media (min-width: 0px) and (max-width: 991px)
   {
      
      .custom-table th, .custom-table td {
    padding: 10px;
    font-size: 14px;
    white-space: nowrap;  
  }
  .cycleexcellence {
        min-height: 125px;
        border-bottom-right-radius: 13px;
    }
     .cyclehow {
        min-height: 350px;
    } 
  .table-container div{
    overflow-x: auto;  
  } 
  .table-container  {
    overflow-x: auto;  
  } 
       .heiexpfuture {
    min-height: auto;
}   
   .heiexphow {
    min-height: auto;
 }     
        .feature-style-two .feature-block:nth-child(even) {
  margin-top: 0px;
}
    .cyclemethod {
    min-height: 410px;
 }
        .feature-style-two{
  position: relative;
  padding: 30px 0px 30px 0px;
} 
    .bi-service-feed-item { 
    min-height: auto;
}   
       
   }