/* Global Styles */

/* Nav Styles */

/* Blog Styles */

.post-loop-ind-main-container img {
  height: auto !important;
  aspect-ratio: 1/1;
}

.page-numbers {
  padding: 5px 10px;
  background-color: white;
  border: 1px solid #999;
  border-radius: 6px;

  +.current {
    color: white;
    background-color: #000;
  }
}

#blog-archive-main-container .elementor-widget-posts article.elementor-post {
  padding-bottom: 40px;
  border-bottom: 1px solid #DCDEEB;

  .elementor-post__thumbnail {
    aspect-ratio: 1/1;
  }

  @media (width >=1140px) {

    .elementor-post__text {
      padding-right: 100px;
    }
  }

}

/* Tabs */

/* Helper Styles */

.aspect-ration-1-1 {
  aspect-ratio: 1/1;
}

.icon-line-height-0 {
  line-height: 0;
}

@media (max-width: 767px) {

  #aiSearchTabs.e-n-tabs-mobile>.elementor-widget-container>.e-n-tabs>.e-n-tabs-heading {
    display: flex;
    flex-direction: column;
    column-gap: 20px;
  }

  .e-n-tabs-mobile>.elementor-widget-container>.e-n-tabs>.e-n-tabs-heading {
    display: flex;
    column-gap: 20px;
  }

  .e-n-tab-title {
    flex-shrink: 0;
    max-width: 100%;
    flex-basis: auto;
    padding: 10px !important;
    border: 1px solid #dadada !important;
  }

}

.hide {
  display: none;
}

.show {
  display: flex;
}

/* Buttons */

.btn-pill a {
  border: 2px solid white;
  cursor: pointer;
  background-color: black !important;
  color: white !important;
  font-weight: 600;

  &:hover {
    color: white !important;
    background-color: #ADB2C4 !important;
  }
}

.btn-pill-left a {
  border-radius: 50px 0 0 50px;
}

.btn-pill-right a {
  border-radius: 0px 50px 50px 0;
}

.btnPillActive a {
  color: black;
  border: 2px solid white;
  background-color: white !important;
  color: black !important;
}

.btn-in-card-arrow .elementor-button-content-wrapper {
  justify-content: space-between !important;
}

/*

.btn-pill-left, .btn-pill-right{
    a {
        border: 2px solid white;
        cursor: pointer;
    }
    & a:hover {
        background-color: black!important;    
        color: white!important;
    }
}

& a:hover {
        background-color: black!important;    
        color: white;
    }
*/

/* Data Points*/

.datapoints {

  white-space: nowrap;

  .datapoint-hp-1,
  .datapoint-hp-2,
  .datapoint-hp-3,
  .datapoint-hp-4 {
    padding: 20px 20px;
  }
}

.datapoint-two-points {

  .datapoint-hp-2,
  .datapoint-hp-3,
  .datapoint-hp-4 {
    border-left: 1px solid rgba(255, 255, 255, 0.4)
  }

  @media (width <=767px) {
    .datapoint-hp-2 {
      border-top: 1px solid rgba(255, 255, 255, 0.4);
      border-left: 0px;
    }
  }
}

.datapoint-four-points {

  .datapoint-hp-2,
  .datapoint-hp-3,
  .datapoint-hp-4 {

    border-left: 1px solid rgba(255, 255, 255, 0.4)
  }

  @media (width <=767px) {
    .datapoint-hp-1 {
      border-left: 0px solid rgba(255, 255, 255, 0.4);
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    }

    .datapoint-hp-2 {
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);

    }

    .datapoint-hp-3 {
      border-left: 0px solid rgba(255, 255, 255, 0.4);
    }
  }

}

#datapointsAiModels.datapoints {
  white-space: wrap !important;

}

@media (width <=767px) {
  #datapointsAiModels.datapoints {

    .datapoint-hp-1,
    .datapoint-hp-2,
    .datapoint-hp-3,
    .datapoint-hp-4 {
      border: 0;
    }

    .datapoint-hp-2,
    .datapoint-hp-4 {
      border-left: 1px solid rgba(255, 255, 255, 0.4);
    }
  }
}

/* Background Gradients*/

.bg-gradient-angular-1 {
  background-size: cover;
  background-position: center;
  background:
    conic-gradient(from 65.61deg at 48.25% 0%, rgba(159, 115, 241, 0) -24.51deg, rgba(242, 98, 181, 0) 125.18deg, #5FC5FF40 170.92deg, #FFAC8940 216.02deg, #8155FF40 236.07deg, #789DFF 275.83deg, rgba(159, 115, 241, 0) 335.49deg, rgba(242, 98, 181, 0) 485.18deg);
  background-color: black;

}

/* Homepage */

.globe-container {
  aspect-ratio: 1 / 1 !important;
}



@media (width <= 1024px){
  #globeCanvas3d {
    width: 420px!important;
    height: 420px!important;

  }

  #CWOcanvas3d {
    width: 340px !important;
    height: 340px !important;
  }

        
  #cloudAiInfraSpineraaaaa {
    width: 100px !important;
    height: 100px !important;
  }

}

@media (width <=413px) {
  #globeCanvas3d {
    width: 380px !important;
    height: 380px !important;

  }
}

#rotatingGlobeHP {
  mask-image: linear-gradient(to top, transparent 50%, black 100%)
}

#rotatingGlobeHP  {
  padding-top: 40px;
  
}

.customer-logo-carousel .swiper-slide-image {
  padding: 10px;
  height: auto !important;
}

.customer-logo-carousel:before {
  content: ' ';
  width: 75px;
  background: linear-gradient(to right, white, transparent 80%);
  z-index: 10
}

.customer-logo-carousel:after {
  content: ' ';
  position: absolute;
  right: 0;
  display: block;
  width: 75px;
  height: 100px;
  background: linear-gradient(to left, white, transparent 80%);
  z-index: 11;
}