.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: 310px;
}.bi-service-feed-item .serial-number {
    top: 15px;
    right: 20px;
    color: #24294f;
    font-size: 45px;
    font-weight: 700;
    font-family: var(--heading);
    opacity: .3600000015;
    -webkit-text-fill-color: hsl(201.52deg 73.02% 50.59% / 0%);
    -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;
    left: -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 **/

 .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-right-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.8;
  -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: 530px;
    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: left;
  border: 1px solid #dddddd54;
  white-space: break-spaces;
  word-wrap: break-word;
  min-width: 150px;
}

 .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: 210px;
}

.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: 390px;
    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)
   {
        
   .cycleexcellence {
        min-height: 125px;
        border-bottom-right-radius: 13px;
    }
     .feature-style-two{
  position: relative;
  padding: 30px 0px 30px 0px;
}
   .heiexphow {
    min-height: auto;
 }  
  .feature-style-two .feature-block:nth-child(even) {
  margin-top: 0px;
}
   
 .cyclemethod {
    min-height: 460px;
 }
        .cyclehow {
        min-height: 350px;
    } 
   .custom-table th, .custom-table td {
    padding: 10px;
    font-size: 14px;
    white-space: nowrap;
    min-width: auto;
  }
  
  .table-container div {
    overflow-x: auto;    
  }   
   .table-container  {
    overflow-x: auto;    
  }   
    .heiexpfuture {
    min-height: auto;
} 
    
       
    .bi-service-feed-item { 
    min-height: auto;
}   
       
   }