/**About us**/
.fbox-content-spacing {
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
    padding: 20px;
  }

  /**infrastructure**/
  .why-choose-spacing {
margin-top:150px;
  }

  /**Industry Standards**/
  .col-padding-industry{
    padding:0px 64px;
  }

.fbox-icon img {
    border-radius: 50%;
    background-color: #f6f6f6 !important;
    padding: 8px; width: 50px;
}



.si-sticky.si-sidebar {
  --width: 240px;
  --height: 54px;
  --icon-size: var(--height); /* 54px */
  --text-width: calc(var(--width) - var(--height)); /* 230px - 54px */
  width: var(--icon-size);
  height: auto;
}

.si-sticky.si-sidebar:not(.si-sticky-right) { left: 0; }

.si-sticky.si-sidebar .social-icon {
  margin: 2px 0;
  margin-left: calc(-1 * var(--text-width));
  width: var(--width);
  height: var(--height);
  border: 0;
  border-radius: 0 4px 4px 0;
  display: inline-flex;
  align-items: center;
  transition: margin 0.2s ease-in-out;
}

.si-sticky.si-sidebar .social-icon i {
  position: absolute;
  left: auto;
  right: 0;
  width: var(--icon-size);
  height: var(--icon-size);
  line-height: var(--icon-size);
  text-align: center;
  transition: all 0.2s ease-in-out;
}

.si-sticky.si-sidebar .social-icon span {
  color: #FFF;
  font-size: 1rem;
  width: var(--text-width);
  text-align: center;
}


.si-sticky.si-sticky-right { right: 0; }

.si-sticky.si-sidebar.si-sticky-right .social-icon {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-left: 0;
  border-radius: 4px 0 0 4px;
}

.si-sticky.si-sidebar.si-sticky-right .social-icon i {
  left: 0;
  right: auto;
}

@media (min-width: 992px) {
  .si-sticky.si-sidebar:not(.si-sticky-right) .social-icon:hover { margin-left: 0; }
  .si-sticky.si-sidebar:not(.si-sticky-right) .social-icon:hover i { right: calc(-1 * var(--text-width)); }

  .si-sticky.si-sidebar.si-sticky-right .social-icon:hover { margin-left: calc(-1 * var(--text-width)); }
  .si-sticky.si-sidebar.si-sticky-right .social-icon:hover i { left: calc(-1 * var(--text-width)); }
}

.swiper-pagination {
  --cnvs-swiper-bar-color: #000;
  --cnvs-swiper-bar-size: 30px;
  --cnvs-swiper-bar-dot-size: 8px;
  --cnvs-swiper-bar-dot-color: #000;
  --cnvs-swiper-stroke-width: 6;
  --cnvs-swiper-autoplay-speed: 5000ms;
  --cnvs-swiper-bullet-gutter: 3px;
  --cnvs-swiper-bullet-offset: 25px;

  bottom: var(--cnvs-swiper-bullet-offset) !important;
}

.swiper-pagination.center-left,
.swiper-pagination.center-right {
  display: block;
  width: var(--cnvs-swiper-bar-size);
  top: 50% !important;
  bottom: auto !important;
  left: var(--cnvs-swiper-bullet-offset) !important;
  transform: translateY(-50%);
}

.swiper-pagination.center-right {
  right: var(--cnvs-swiper-bullet-offset) !important;
  left: auto !important;
}

.dark .swiper-pagination,
    .dark.swiper-pagination {
  --cnvs-swiper-bar-color: var(--bs-light);
  --cnvs-swiper-bar-dot-color: var(--bs-light);
}

.swiper-pagination span,
.swiper-pagination-bullet svg {
  position: relative;
  width: var(--cnvs-swiper-bar-size);
  height: var(--cnvs-swiper-bar-size);
  background-color: transparent;
  border: 0;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--cnvs-swiper-bullet-gutter);
}

.swiper-horizontal>.swiper-pagination.center-left.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-horizontal>.swiper-pagination.center-right.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--cnvs-swiper-bullet-gutter) 0;
}

.swiper-pagination span:hover,
.swiper-pagination span.swiper-pagination-bullet-active {
  background: transparent !important;
}

.swiper-pagination-bullet circle {
  stroke: var(--cnvs-swiper-bar-color);
  stroke-width: var(--cnvs-swiper-stroke-width);
  fill: none;
}

.swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: var(--cnvs-swiper-bar-dot-size);
  height: var(--cnvs-swiper-bar-dot-size);
  background: var(--cnvs-swiper-bar-dot-color);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.swiper-pagination-bullet circle {
  stroke-dashoffset: 260;
  stroke-dasharray: 259;
}
.swiper-pagination-bullet-active circle {
  transform: rotate(-90deg);
  transform-origin: center;
  animation-name: swiperSVGAnim;
  animation-duration: var(--cnvs-swiper-autoplay-speed);
  animation-timing-function: ease-in;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-fill-mode: forwards;
}

@keyframes swiperSVGAnim {
  0% {
    stroke-dashoffset: 260;
  }
  100% {
    stroke-dashoffset: 0;
  }
}