@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

body {
  width: 100%;
  overflow-x: hidden;
  background: #fff;
}

a,
.btn,
.single-srv,
.curpoint,
.hovric {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.prifont {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

h1,
h2,
h3,
h4,
h5 {
  color: #000 !important;
}

.navbar.navbar-expand-lg{
  min-height: 75px;
}

.nav-link,
.navbar-expand-lg .navbar-nav .nav-link {
  font-size: 18px;
  font-weight: 700;
}

.nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-link:hover {
  color: #005aff;
}

.navbar .header-livechat{
  right: 0;
  top: 0;
}

.header-subnav{
  background: rgba(0 0 0, 0.3); backdrop-filter: blur(12px); z-index: 5
}


.nav-pills .nav-link.active {
  background: rgb(1, 59, 203);
}

.server-table .nav-link {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: 1px solid #b4d0e1;
  color: rgb(1, 59, 203);
}

.hero {
  height: 750px;
  background: rgb(0, 16, 61);
  background: linear-gradient(90deg, rgba(0, 16, 61, 1) 0%, rgba(0, 23, 68, 1) 100%);
}

.btn-live {
  background: rgb(1, 59, 203);
  background: linear-gradient(90deg, rgba(1, 59, 203, 1) 10%, rgba(0, 183, 113, 1) 100%);
  color: #fff;
  border: 0;
  width: 215px;
  height: 75px;
  line-height: 35px;
  border-radius: 0;
}

.btn-live i {
  font-size: 24px;
  float: left;
  padding-left: 21px;
  padding-top: 5px;
}

.btn-live .textc {
  float: left;
  padding-left: 12px;
  text-transform: uppercase;
  font-size: 18px;
}

.containerc {
  position: relative;
  width: 28px;
  height: 28px;
  overflow: hidden;
  top: 3px;
  left: 10px;
}

.circleanimated {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f8f9fa;
  position: absolute;
  opacity: 0.3;
}

.circlec {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #00a600;
  border: 2px solid #fff;
  position: absolute;
  top: calc(28px / 2 - 14px / 2);
  left: calc(28px / 2 - 14px / 2);

}


@keyframes circle {
  0% {
    transform: scale(0.1);
    opacity: 0.7;
  }

  80% {
    transform: scale(0.8);
    opacity: 0.5;
  }

  100% {
    transform: scale(0.5);
    opacity: 0.3;
  }
}




.partnrs .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 210px;
}

.ftslider .swiper-wrapper,
.ftslider2 .swiper-wrapper {
  padding: 40px 0 10px;
}

.ftslider .swiper-slide,
.ftslider2 .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 350px;
}

.industry-slider .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60%;
  opacity: 0.5;
}

.industry-slider .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.swiper {
  width: 100%;
  height: 100%;
}

.home-slider .swiper-slide {
  font-size: 18px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 60px;
  background-size: cover;
}

.home-slider .parallax-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 130%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}

.one {
  animation: circle 2s infinite ease;
}

.headr {
  z-index: 9;
  background: rgb(255 255 255 / 20%);
  height: 2px;
}

.navbar-textz {
  color: #ffffff;
  font-size: 24px;
  background: rgb(255 255 255 / 10%);
  padding: 5px 12px 5px 21px;
}

.navbar-textz i {
  font-size: 21px;
}

.srvpromo {
  background: url("../img/promobg.jpg") no-repeat;
  background-size: cover;
  position: relative;
  top: -100px;
}

.srvpromoin {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.srvnl {
  background-image: url("../img/srv-nl.jpg");
}

.srvus {
  background-image: url("../img/srv-usa.jpg");
}

.srvmn {
  background-image: url("../img/srv-mont.jpg");
}

.srvfra {
  background-image: url("../img/srv-fra.jpg");
}

.ftservers {
  background: url("../img/bgpixels.jpg") repeat-x top center;
}

.cbox {
  padding: 70px 0 190px;
}

@keyframes moveIt {
  from {
    background-position: bottom left;
  }

  to {
    background-position: top left;
  }
}

.sr7-bullets,
.sr7-tabs,
.sr7-thumbs {
  transform: translate(-15.5px, -130px) !important;
  z-index: 999;
}

.cboxc .splide__slide {
  width: 33.333%;
  text-align: center;
  padding: 0 2%;
}

.cboxc .splide__slide img {
  width: fit-content;
  margin: 0 auto;
}

.cboxc .splide__slide .card-body {
  display: none;
}

.cboxc .splide__slide .card-title {
  text-align: center;
  padding-bottom: 1.5em;
}

.cboxc .splide__slide.is-active .card-body {
  display: block;
}

.cboxc .splide__slide.is-active img {
  width: 50%;
}

.cboxc .splide__slide.is-active .card {
  opacity: 1;
  transform: scale(1);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}

p {
  font-size: 18px;
  line-height: 30px;
}

.icosng {
  width: 96px;
  height: 96px;
  padding: 2px;
  border-radius: 100%;
  /* background: rgb(0,188,110); */
  /* background: linear-gradient(90deg, rgba(0,188,110,1) 0%, rgba(0,65,185,1) 100%); */
  margin: 0 auto;
}

.icosn {
  width: 92px;
  height: 92px;
  border-radius: 100%;
  background: #015aff;
}

.icosn i {
  font-size: 48px;
  line-height: 90px;
}

.badgemd {
  font-size: 16px;
  font-weight: 500;
  padding: 0.5em 1em;
  letter-spacing: 2px;
}

.badgelg {
  font-size: 21px;
  font-weight: 500;
  padding: 0.7em 2em;
  letter-spacing: 1px;
}

.cextra li {
  font-size: 14px;
  list-style: none;
  font-weight: 500;
  line-height: 25px;
}

.cextra {
  padding: 0;
}

.partnrs .swiper-slide {
  height: 50px;
  display: flex;
  align-items: center;
}

.datacnt {
  background: rgb(248 251 255);
}

.casestd {
  background-color: #005aff;
  opacity: 1;
  background-image: repeating-radial-gradient(circle at 0 0, transparent 0, #005aff 190px), repeating-linear-gradient(#0041ff55, #0093ff);
}

.datacnt svg {
  width: 100%;
  height: 690px;
}

.datacnt .list-group-item {
  text-decoration: none;
  border: 1px solid rgb(1 90 255 / 25%);
}

.datacnt .list-group-item:hover {
  color: #fff !important;
  text-decoration: none;
  background: rgb(1 90 255) !important;
}

.datacnt .btn-group {}

.datacnt .btn {}

.datacnt .dicn {
  width: 90px;
  height: 90px;
  color: #fff;
  font-size: 45px;
  line-height: 86px;
  margin: 0 auto;
  box-shadow: 1px 1px 40px 12px rgb(1 90 255 / 24%);
}

.list-group {
  width: 100%;
}

.form-check-input:checked+.form-checked-content {
  opacity: .5;
}

.form-check-input-placeholder {
  border-style: dashed;
}

[contenteditable]:focus {
  outline: 0;
}

.list-group-checkable .list-group-item {
  cursor: pointer;
}

.list-group-item-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

.list-group-item-check:hover+.list-group-item {
  background-color: var(--bs-secondary-bg);
}

.list-group-item-check:checked+.list-group-item {
  color: #ffffff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.list-group-item-check[disabled]+.list-group-item,
.list-group-item-check:disabled+.list-group-item {
  pointer-events: none;
  filter: none;
  opacity: .5;
}

.list-group-radio .list-group-item {
  cursor: pointer;
  border-radius: .5rem;
}

.list-group-radio .form-check-input {
  z-index: 2;
  margin-top: -.5em;
}

.list-group-radio .list-group-item:hover,
.list-group-radio .list-group-item:focus {
  background-color: var(--bs-secondary-bg);
}

.list-group-radio .form-check-input:checked+.list-group-item {
  background-color: var(--bs-body);
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 2px var(--bs-primary);
}

.list-group-radio .form-check-input[disabled]+.list-group-item,
.list-group-radio .form-check-input:disabled+.list-group-item {
  pointer-events: none;
  filter: none;
  opacity: .5;
}

.mappin {
  position: absolute;
  font-size: 27px;
}

.mappin i {
  position: relative;
  z-index: 5;
  color: #fcb52b;
  text-shadow: 0px 3px 5px rgb(0 0 0 / 30%);
}

.mappin i:hover {
  color: #00bc6e;
}

.gflag {
  top: 183px;
  left: 700px;
}

.uflag {
  top: 221px;
  left: 356px;
}

.uflagd {
  top: 246px;
  left: 291px;
}

.uflagla {
  top: 240px;
  left: 221px;
}

.uflagsf {
  top: 213px;
  left: 198px;
}

.cflag {
  top: 189px;
  left: 369px;
}

.nflag {
  top: 174px;
  ;
  left: 656px;
}

.containercz {
  position: relative;
  width: 32px;
  height: 16px;
  /* overflow: hidden; */
  top: -27px;
  left: -9px;
}

.circleanimatedz {
  width: 30px;
  height: 20px;
  border-radius: 50%;
  /* background: #f8f9fa; */
  border: 3px solid #fcb52b;
  position: absolute;
  opacity: 0.3;
  top: 10px;
  left: 5px;
}

.circlecz {
  width: 21px;
  height: 14px;
  border-radius: 50%;
  /* background: #00a600; */
  border: 3px solid rgb(255 255 255);
  position: absolute;
  top: calc(54px / 2 - 33px / 2);
  left: calc(42px / 2 - 24px / 2);
}


@keyframes circlez {
  0% {
    transform: scale(0.8);
    opacity: 0.7;
  }

  80% {
    transform: scale(1.7);
    opacity: 0.5;
  }

  100% {
    transform: scale(0.8);
    opacity: 0.3;
  }
}

.onez {
  animation: circlez 2s infinite ease;
}


.custom-popover {
  --bs-popover-max-width: 200px;
  --bs-popover-border-color: var(--bd-violet-bg);
  --bs-popover-header-bg: #0036b0;
  --bs-popover-header-color: #fff;
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: .5rem;
}



.video-mask:after {
  content: " ";
  width: 100%;
  height: 120px;
  background: #fff;
  position: absolute;
  z-index: 1;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0) 100%);
  bottom: 0;
  left: 0;
}

.video-mask {
  overflow: hidden;
  position: absolute;
  left: -57%;
  top: 3em;
  -webkit-mask-position: 50% 60%;
  mask-position: 50% 60%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  height: 670px;
  max-width: 1400px;
  margin: auto;
  border-radius: 0 12rem 0 0;
}

.video-mask video {
  max-height: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  height: 750px;
  object-fit: cover;
  object-position: 0 100%;
}

.fts {
  overflow: hidden;
}

.splidez .splide__pagination,
.splidezz .splide__pagination,
.splidezzz .splide__pagination,
.splidez .splide__arrows,
.splidezz .splide__arrows,
.splidezzz .splide__arrows {
  display: none;
}

.carousel-container {
  width: 100%;
  height: 700px;
  position: relative;
  overflow: hidden;
}

.carousel {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.carousel-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cdnclints.carousel-container {
  height: 300px;
}

.cdnclints.carousel-container h2 {
  color: #fff !important;
  font-weight: 600;
  font-family: "Jost", sans-serif;
  position: relative;
}

.cdnclints.carousel-container:before {
  content: " ";
  width: 100%;
  height: 150px;
  background: #015aff;
  position: absolute;
  z-index: 1;
  background: linear-gradient(0deg, rgba(1, 90, 255, 0) 5%, rgb(0 89 255) 50%, rgba(1, 90, 255, 1) 100%);
}

.cdnclints.carousel-container:after {
  content: " ";
  width: 100%;
  height: 120px;
  background: #015aff;
  position: absolute;
  z-index: 1;
  background: #015AFF;
  background: linear-gradient(0deg, rgba(1, 90, 255, 1) 0%, rgba(1, 90, 255, 0.2) 80%, rgba(1, 90, 255, 0) 100%);
  bottom: 0;
}
.cdnclints{
  padding-left: 30px;
}


#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.video-maskz {
  overflow: hidden;
  position: absolute;
  right: -50%;
  top: -15em;
  -webkit-mask-position: 50% 60%;
  mask-position: 50% 60%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  height: 1100px;
  max-width: 1400px;
  margin: auto;
  -webkit-mask-image: url('data:image/svg+xml,<!--%3Fxml version="1.0" standalone="no"%3F--><svg id="sw-js-blob-svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="sw-gradient" x1="0" x2="1" y1="1" y2="0"><stop id="stop1" stop-color="rgba(55, 68.212, 248, 1)" offset="0%"></stop><stop id="stop2" stop-color="rgba(251, 168, 31, 1)" offset="100%"></stop></linearGradient></defs><path fill="rgba(55, 68.212, 248, 1)" d="M22.6,-27.6C29.2,-21.3,34.5,-14.2,36.2,-6.2C37.9,1.9,36,10.8,31.2,17.1C26.5,23.5,18.9,27.4,11.2,29.9C3.4,32.4,-4.6,33.5,-11.4,31.1C-18.3,28.8,-23.9,22.9,-27.3,16.2C-30.6,9.5,-31.7,1.8,-30.1,-4.9C-28.4,-11.7,-24.1,-17.6,-18.6,-24.1C-13.2,-30.6,-6.6,-37.5,0.7,-38.4C8,-39.2,15.9,-33.8,22.6,-27.6Z" width="100%" height="100%" transform="translate(50 50)" stroke-width="0" style="transition: 0.3s;"></path></svg>');
  mask-image: url('data:image/svg+xml,<!--%3Fxml version="1.0" standalone="no"%3F--><svg id="sw-js-blob-svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="sw-gradient" x1="0" x2="1" y1="1" y2="0"><stop id="stop1" stop-color="rgba(55, 68.212, 248, 1)" offset="0%"></stop><stop id="stop2" stop-color="rgba(251, 168, 31, 1)" offset="100%"></stop></linearGradient></defs><path fill="rgba(55, 68.212, 248, 1)" d="M20.6,-31.3C26.4,-28.4,30.6,-22.1,34.1,-15.3C37.5,-8.5,40.3,-1.2,38.3,4.8C36.4,10.8,29.7,15.3,24.8,22C19.9,28.8,16.8,37.6,11.1,40.4C5.5,43.2,-2.7,40.1,-10.8,37.4C-18.9,34.7,-27,32.6,-33.2,27.6C-39.5,22.6,-43.9,14.8,-42.5,7.7C-41.1,0.6,-33.9,-5.8,-30.3,-13.9C-26.7,-22,-26.7,-31.7,-22.2,-35.3C-17.8,-38.8,-8.9,-36.1,-0.7,-35C7.4,-33.8,14.9,-34.2,20.6,-31.3Z" width="100%" height="100%" transform="translate(50 50)" stroke-width="0" style="transition: 0.3s;"></path></svg>');
}

.video-maskz video {
  max-height: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  height: 750px;
  -o-object-fit: cover;
  object-fit: cover;
  object-position: 0 50%;
}

.th-margin-remove {
  margin: 0 !important;
  color: #bbb;
}

figure.testimonial {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  padding: 0 20px;
  text-align: left;
  box-shadow: none !important;
}

figure.testimonial * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

figure.testimonial img {
  max-width: 100%;
  vertical-align: middle;
  height: 90px;
  width: 90px;
  border-radius: 50%;
  margin: 40px 0 0 10px;
}

figure.testimonial blockquote {
  background-color: #fff;
  display: block;
  font-size: 18px;
  line-height: 30px;
  color: #737373;
  margin: 0;
  padding: 25px 50px 30px;
  position: relative;
}

figure.testimonial blockquote:before,
figure.testimonial blockquote:after {
  content: "\201C";
  position: absolute;
  color: #00b96e;
  font-size: 50px;
  font-style: normal;
}

figure.testimonial blockquote:before {
  top: 25px;
  left: 20px;
}

figure.testimonial blockquote:after {
  content: "\201D";
  right: 20px;
  bottom: 0;
}

figure.testimonial .arrow {
  top: 100%;
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #fff;
  margin: 0;
  position: absolute;
}

figure.testimonial .author {
  position: absolute;
  bottom: 45px;
  padding: 0 10px 0 120px;
  margin: 0;
  color: #ffffff;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

figure.testimonial .author h5 {
  opacity: 0.9;
  margin: 0;
  color: #000;
}

figure.testimonial .author h5 span {
  font-weight: 400;
  text-transform: none;
  padding-left: 5px;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.singltbl {
  margin-top: -150px;
  z-index: 9;
}
@media (max-width:992px){
  .singltbl {
    margin-top: 0px;
    z-index: 9;
  }
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev:before,
.slick-next:before {
  font-family: "FontAwesome";
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #bbb;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -40px;
}

.slick-prev:before {
  content: "";
}

.slick-next {
  right: -40px;
}

.slick-next:before {
  content: "";
}

.az {
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  left: 0;
  right: 80%;
  top: 0;
  bottom: 0;
  z-index: 9;
}

.azt {
  content: '';
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  position: absolute;
  left: 80%;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9;
}

.ftsz h5 {
  font-size: 1.5em;
  font-weight: 300;
}

.ftsz h5 strong {
  font-size: 1.1em;
  font-weight: 500;
}

.xsz {
  font-size: 0.7em;
}

.mainnavz {
  visibility: hidden;
  opacity: 0;
  top: -70px;
}

.mainnzav,
.mainnavzs {
  backdrop-filter: blur(5px);
  background: rgb(255 255 255 / 85%);
}

.mainnavzs {
  visibility: visible;
  opacity: 1;
  top: 0px;
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.wrapper {
  position: fixed;
  bottom: 50px;
  right: -370px;
  z-index: 99;
  max-width: 345px;
  width: 100%;
  background: #fff;
  border-radius: 8px;
  padding: 15px 25px 22px;
  transition: right 0.3s ease;
}

.wrapper.show {
  right: 20px;
}

.mainnzav .nav-link {
  padding: 12px 31px !important;
  position: relative;
  border: 1px solid transparent;
  border-radius: 0.375rem;
}

@media (max-width: 1399.98px){
  .mainnzav .nav-link {
    padding: 12px 20px !important;
  }
}
@media (max-width: 1199.98px){
  .mainnzav .nav-link {
    padding: 12px 12px 12px 12px !important;
  }
  .mainnzav .nav-link>i{
    display: none;
  }
  .mainnzav .btn-live{
    width: 150px;
  }
  .mainnzav .btn-live i{
    display: none;
  }
}
.mainnzav .nav-link>i {
  position: absolute;
  top: 7px;
  left: 22px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background: #005aff;
  color: #fff;
  border-radius: 0.5em;
  width: 40px;
  height: 40px;
  padding-top: 11px;
  text-align: center;
  transform: scale(0.5);
}

.mainnzav .nav-link:hover {
  border: 1px solid #005aff;
}

.mainnzav .nav-link:hover>i {
  left: -20px;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.video-maskdzg {
  overflow: hidden;
  position: absolute;
  right: -50%;
  top: -15em;
  -webkit-mask-position: 50% 60%;
  mask-position: 50% 60%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  height: 1100px;
  max-width: 1400px;
  margin: auto;
  -webkit-mask-image: url('data:image/svg+xml,<!--%3Fxml version="1.0" standalone="no"%3F--><svg id="sw-js-blob-svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="sw-gradient" x1="0" x2="1" y1="1" y2="0"><stop id="stop1" stop-color="rgba(55, 68.212, 248, 1)" offset="0%"></stop><stop id="stop2" stop-color="rgba(251, 168, 31, 1)" offset="100%"></stop></linearGradient></defs><path fill="rgba(55, 68.212, 248, 1)" d="M22.6,-27.6C29.2,-21.3,34.5,-14.2,36.2,-6.2C37.9,1.9,36,10.8,31.2,17.1C26.5,23.5,18.9,27.4,11.2,29.9C3.4,32.4,-4.6,33.5,-11.4,31.1C-18.3,28.8,-23.9,22.9,-27.3,16.2C-30.6,9.5,-31.7,1.8,-30.1,-4.9C-28.4,-11.7,-24.1,-17.6,-18.6,-24.1C-13.2,-30.6,-6.6,-37.5,0.7,-38.4C8,-39.2,15.9,-33.8,22.6,-27.6Z" width="100%" height="100%" transform="translate(50 50)" stroke-width="0" style="transition: 0.3s;"></path></svg>');
  mask-image: url('data:image/svg+xml,<!--%3Fxml version="1.0" standalone="no"%3F--><svg id="sw-js-blob-svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="sw-gradient" x1="0" x2="1" y1="1" y2="0"><stop id="stop1" stop-color="rgba(248, 117, 55, 1)" offset="0%"></stop><stop id="stop2" stop-color="rgba(251, 168, 31, 1)" offset="100%"></stop></linearGradient></defs><path fill="url(%23sw-gradient)" d="M18.6,-17.9C23.5,-8.7,26.4,-1,25.5,6.9C24.5,14.8,19.8,23,13.4,25C7,27,-1,22.9,-8.5,18.9C-16.1,14.8,-23.1,10.8,-26.2,4.1C-29.2,-2.7,-28.4,-12.4,-23.4,-21.5C-18.4,-30.7,-9.2,-39.4,-1.2,-38.5C6.9,-37.6,13.7,-27,18.6,-17.9Z" width="100%" height="100%" transform="translate(50 50)" stroke-width="0" style="transition: 0.3s;"></path></svg>');
}

.video-maskdzg video {
  max-height: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  height: 750px;
  -o-object-fit: cover;
  object-fit: cover;
  object-position: 0 50%;
}

.video-maskdz {
  overflow: hidden;
  position: absolute;
  right: 50px;
  top: 50px;
  -webkit-mask-position: 50% 60%;
  mask-position: 50% 60%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  max-width: 37%;
  margin: auto;
  height: 600px;
  border-radius: 55px;
  background: #bbb;
}

.video-maskdz video {
  min-height: 100%;
  height: 700px;
  -o-object-fit: cover;
  object-fit: cover;
  object-position: -298px -26px;
}

.video-maskdzs {
  background-image: url('../img/support.jpg');
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 300px;
  border-radius: 0 0 2rem 2rem;
}

.video-maskdzs video {
  max-height: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  height: 750px;
}

.video-maskdzsts {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: -29px;
  /* -webkit-mask-position: 50% 60%; */
  /* mask-position: 50% 60%; */
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  height: 700px;
  /* border-radius: 100%; */
  max-width: 870px;
  margin: auto;
  /* -webkit-mask-image:url('data:image/svg+xml,<!--%3Fxml version="1.0" standalone="no"%3F--><svg id="sw-js-blob-svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="sw-gradient" x1="0" x2="1" y1="1" y2="0"><stop id="stop1" stop-color="rgba(55, 68.212, 248, 1)" offset="0%"></stop><stop id="stop2" stop-color="rgba(251, 168, 31, 1)" offset="100%"></stop></linearGradient></defs><path fill="rgba(55, 68.212, 248, 1)" d="M22.6,-27.6C29.2,-21.3,34.5,-14.2,36.2,-6.2C37.9,1.9,36,10.8,31.2,17.1C26.5,23.5,18.9,27.4,11.2,29.9C3.4,32.4,-4.6,33.5,-11.4,31.1C-18.3,28.8,-23.9,22.9,-27.3,16.2C-30.6,9.5,-31.7,1.8,-30.1,-4.9C-28.4,-11.7,-24.1,-17.6,-18.6,-24.1C-13.2,-30.6,-6.6,-37.5,0.7,-38.4C8,-39.2,15.9,-33.8,22.6,-27.6Z" width="100%" height="100%" transform="translate(50 50)" stroke-width="0" style="transition: 0.3s;"></path></svg>'); */
  /* mask-image: url('data:image/svg+xml,<!--%3Fxml version="1.0" standalone="no"%3F--><svg id="sw-js-blob-svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="sw-gradient" x1="0" x2="1" y1="1" y2="0"><stop id="stop1" stop-color="rgba(248, 117, 55, 1)" offset="0%"></stop><stop id="stop2" stop-color="rgba(251, 168, 31, 1)" offset="100%"></stop></linearGradient></defs><path fill="url(%23sw-gradient)" d="M26.4,-29.3C33.4,-25.6,37.6,-16.5,38.5,-7.4C39.4,1.7,36.9,10.8,32,17.8C27.2,24.9,19.9,29.9,11.9,32.9C3.9,36,-5,37,-13,34.6C-20.9,32.1,-28,26.2,-31.2,18.9C-34.4,11.6,-33.6,2.9,-32.5,-6.2C-31.5,-15.3,-30.1,-24.7,-24.6,-28.7C-19.1,-32.7,-9.6,-31.2,0.1,-31.3C9.7,-31.4,19.4,-33.1,26.4,-29.3Z" width="100%" height="100%" transform="translate(50 50)" stroke-width="0" style="transition: 0.3s;"></path></svg>'); */
}

.video-maskdzsts video {
  max-height: 100%;
  min-width: 100%;
  max-width: 100%;
  /* min-height: 100%; */
  /* height: 750px; */
}

footer{
  background-color: #f1f1f1;
}

footer li,
footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

footer li a {
  text-decoration: none;
  color: #000;
  font-size: 18px;
  padding: 5px 14px;
  display: block;
  border-radius: 0.5rem;
}

footer li a:hover {
  color: #003bcb;
  background: #fff;
  transform: scale(1.1);
  font-weight: 700;
}

footer .hlt {
  writing-mode: sideways-lr;
  text-align: end;
  position: absolute;
  left: -5px;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 3px;
  top: 8px;
}


.section-1 {
  padding: 0 0 0 0;
  background: url('../img/Header-1-bg.jpg') no-repeat top, linear-gradient(90deg, rgba(0, 16, 61, 1) 80%, #0040a3 100%);
  background-size: cover;
}

.bg-image {
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  overflow: hidden;
  background: url('../img/cdn-promo.jpg') no-repeat;
  background-size: cover;
}

.bg-image .wrapperz {
  position: relative;
  display: flex;
  justify-content: end;
  align-items: end;
  margin: 0 auto;
  max-width: 1320px;
}

.bg-image img {
  margin-bottom: -77px;
  margin-right: -86px;
}


/* ===============================================
  == Header 3
  =============================================== */

.section-1 .header-3 {
  margin-top: 0px;
}

.section-1 .bg-image {}

.header-3 {
  border-radius: 8px;
  max-width: 1320px;
  min-height: 76px;
  margin: 0 auto;
  flex-wrap: wrap;
  display: flex;
  margin-top: 76px;
}

.header-3 .info {
  flex-basis: 0;
  max-width: 940px;
}

.header-3 p {
  color: white;
  margin-bottom: 0;
}

.header-3 .semi-bold {
  min-width: 152px;
  min-height: 32px;
  margin-top: 82px;
  margin-bottom: 0;
  border: 1px solid #18356c;
  border-radius: 8px;
}

.header-3 .semi-bold p {
  color: white;
  font-size: 15.67px;
  margin-bottom: 0;
}

.header-3 .p1 {
  color: #00ffa1;
  font-size: 72px;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.header-3 .p2 {
  color: white;
  font-size: 36px;
}

.header-3 .p3 {
  color: #cbced6;
  font-size: 30px;
  line-height: 48px;
}

.header-3 .bottom {
  margin-top: 51px;
}

/* ===============================================
  == Server Support
  =============================================== */

.server-support {
  max-width: 380px;
}

.server-support {
  width: 374px;
  height: 478px;
  margin-left: auto;
  position: relative;
}

.server-support .back-bg {
  width: 224px;
  height: 208px;
  border-radius: 32px;
  position: absolute;
  top: 150px;
  left: 160px;
  z-index: 0;
  overflow: hidden;
}

.server-support .back-bg video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 0;
}

.server-support .cont {
  position: absolute;
  width: 100vw;
  height: fit-content;
  z-index: 1;
  border-bottom: none;
}

.server-support .box {
  width: 180px;
  height: 167px;
  background-color: white;
  border-radius: 32px;
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.server-support .box .icon {
  font-size: 46.62px;
  color: #00bc6e;
}

.server-support .box h2 {
  font-size: 42.62px;
  text-align: center;
}

.server-support .box h3 {
  font-size: 21.31px;
  text-align: center;
}

.server-support .box-1 {
  margin: 68px 0 76px 112px;
}

.server-support .box-2 {
  margin-top: 68px;
  margin-left: 69px;
}

/* ===============================================
  == View Servers
  =============================================== */

.view-servers {
  color: #005aff;
  width: 224px;
  height: 58px;
  margin-right: 22px;
  border-radius: 29px;
  background-color: #005aff;
}

.view-servers p {
  font-size: 24px;
  text-align: center;
}

.subnav .nav-link {
  padding: 12px 37px 12px 65px !important;
  position: relative;
  border: 1px solid #ffffff;
  border-radius: 44px;
  font-size: 21px;
  margin: 12px 20px 12px 0;
}

.subnav .nav-link>i {
  position: absolute;
  top: 17px;
  left: 22px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.subnav .nav-link:hover {
  border-color: #2669ff;
}

.subnav .nav-link:hover>i {
  left: 31px;
  opacity: 1;
  visibility: visible;
}

.subnav .nav-link.active {
  border-color: #98b7d7;
}

.subnav .nav-link.active>i {
  left: 31px;
  opacity: 1;
  visibility: visible;
}

.plg {
  font-size: 30px;
  line-height: 40px;
}

.section-3 video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 0;
}

.bgcontent {
  z-index: 1;
  position: relative;
}

.bg-image .wrapperd {
  position: relative;
  margin: 0 auto;
  background: url('../img/Section-3-bg-image.png') no-repeat fixed 135% top, url('../img/Section-3-bg-image.png') no-repeat fixed -65% 30vh;
}


.pin.animate {
  opacity: 1;
}

@keyframes jump {
  0% {
    transform: scale(0.5) translateY(10px);
  }

  100% {
    transform: scale(1) translateY(0);
  }
}

.pricing-main{
  padding: 0 15px;
}
.pricing-main .card {
  flex-direction: row;
}

.pricing-main.cardsh .card {
  flex-direction: column;
}

.pricing-main .card.evo .card-header {
  background-color: rgb(207 228 255);
}

.pricing-mainz .card.evo .card-header {
  background-color: rgb(207 228 255);
}

.errpg {
  background: url('../img/eqr.jpg') no-repeat;
  background-size: cover;
}

.scdn {
  background: url('../img/bgcdn.jpg') no-repeat;
  background-size: cover;
}

.scdnb {
  background: url('../img/bgcdn2.jpg') no-repeat;
  background-size: cover;
}

.innerbg {
  width: 100%;
  height: 700px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.innerbg .ftimg {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 0;
}

.innerbg video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 0;
}

.innerbg::before {
  /* content:' '; */
  position: absolute;
  top: 0;
  left: -16vh;
  background: rgb(0 41 255 / 86%);
  width: 100vh;
  height: 100%;
  -moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-25deg) skewY(0deg);
  -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-25deg) skewY(0deg);
  -o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-25deg) skewY(0deg);
  -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-25deg) skewY(0deg);
  transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-25deg) skewY(0deg);
  z-index: 1;
  animation-name: fadeinlf;
  animation-duration: 0.5s;
}

.animate {
  animation-name: fadeintop;
  animation-duration: 0.7s;
}

@keyframes fadeinlf {
  from {
    left: -34vh;
    visibility: hidden;
    opacity: 0;
  }

  to {
    left: -16vh;
    visibility: visible;
    opacity: 1;
  }
}

@keyframes fadeintop {
  from {
    top: -5%;
    visibility: hidden;
    opacity: 0;
    position: absolute;
  }

  to {
    top: 0;
    visibility: visible;
    opacity: 1;
    position: relative;
  }
}

.dropdown-item:hover,
.dropdown-item:focus {
  position: relative;
  background-color: #005aff;
  color: #fff;
}

.read-txt {
  font-size: clamp(16px, 1.5vw, 21px);
  line-height: 147%;
}

.read-txt p {
  font-size: clamp(16px, 1.5vw, 21px);
  line-height: 147%;
}

.nlmarker {
  width: 139px;
  height: 157px;
  background: url('../img/nlpin.png') no-repeat;
  position: absolute;
  top: 30px;
  left: 330px;
}

.card-fticon {
  font-size: 72px;
  color: #005aff;
  position: relative;
  z-index: 5;
  margin: 12px 0 0 14px;
}

.card-fticon.lst-icon {
  font-size: 62px;
}

.ft-textsv {
  font-size: 24px;
  line-height: 37px;
}

.bg-effct {
  position: relative;
}

.bg-effct i {
  text-shadow: 5px 4px 5px rgb(255 255 255 / 65%);
}

.bg-effct::after {
  content: "";
  position: absolute;
  background: #BFD6FF;
  background: radial-gradient(circle, rgba(179, 207, 255, 1) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
  top: -25%;
  left: -25%;
  transform: scale(1.3);
  width: 100%;
  height: 120%;
  position: absolute;
}

.feature-card-dc {
  overflow: hidden;
}

.single-srv {
  border: 1px solid #c7ccd6;
  padding-bottom: 30px;
  padding: 0 30px 30px 30px;
  background: #eef0f4;
}

.single-srv:hover {
  transform: scale(1);
  background: #fff;
}

.listsrv {
  flex-direction: column !important;
}

.tserver-title h2 {}

.industry-section {
  background: #f8fbff;
}
.industry-section .btn-live {
  width: auto;
  height: 64px;
  padding: 0 25px 0 15px;
}
.industry-section .carousel-item{
  align-items: flex-start;
}
.industry-sections {
  background: #002766 url("../img/srvindustry.jpg") no-repeat center;
  background-size: cover;
}
@media (max-width: 1199px) {
  .industry-section .section-image{text-align: center;}
  .industry-section .section-image img{width: 100%; max-width: 520px;}
}

@media (max-width: 767px){
  .industry-section .carousel-item {max-width: 100%;}
}

.cdn-section {
  background: #002766 url("../img/srvindustry.jpg") no-repeat;
  background-size: cover;
}

.bg-blurs {
  background: rgb(0 90 255 / 70%);
  backdrop-filter: blur(5px);
  border: 1px solid rgb(255 255 255 / 15%);
}

.bg-blurs h4 {
  color: #fff !important;
}

.bg-blurs p {
  color: rgb(255 255 255 / 50%);
}

.curpoint {
  cursor: pointer;
}

.curpoint:hover {
  border-color: #005aff;
  background: #a0c2ff;
  color: #fff;
  transform: scale(1.05) translateY(-5px);
}

.hovrba:hover .hovric {
  color: #fcb52b !important;
}

.datacntin {
  background: rgb(18, 32, 59);
}

.datacntin svg {
  width: 100%;
  height: 412px;
}

.datacntin .gflag {
  top: 55px;
  left: 430px;
}

.datacntin .uflag {
  top: 87px;
  left: 224px;
}

.datacntin .uflagd {
  top: 100px;
  left: 180px;
}

.datacntin .uflagla {
  top: 95px;
  left: 145px;
}

.datacntin .uflagsf {
  top: 85px;
  left: 118px;
}

.datacntin .cflag {
  top: 67px;
  left: 235px;
}

.datacntin .nflag {
  top: 53px;
  left: 419px;
}

.datacntin .btn {
  background: #2857b0;
  border: 0;
}

.datacntin .btn:hover {
  background: #015aff;
}

.bgblurd {
  background-color: rgb(255 255 255 / 90%);
  backdrop-filter: blur(5px);
}

.px-10 {
  padding-left: 5rem;
  padding-right: 5rem;
}

@keyframes to-bottom {
  to {
    transform: translateY(100%);
  }
}

@keyframes to-top {
  to {
    transform: translateY(-100%);
  }
}

@keyframes to-left {
  to {
    transform: translateX(-100%);
  }
}

@keyframes to-right {
  to {
    transform: translateX(100%);
  }
}

.revealing-text {
  position: relative;
  display: inline-block;
}

.revealing-text>span:nth-child(1) {
  color: #555;
}

.revealing-text>span:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  transition: 1.5s;
  width: 100%;
  transform: translatex(-100%);
  overflow: hidden;
}

.revealing-text>span:nth-child(2)>span {
  transform: translatex(100%);
  display: inline-block;
  transition: inherit;
}

.revealing-text.revealed span:nth-child(2) {
  transform: translateX(0);
}

.revealing-text.revealed span:nth-child(2)>span {
  transform: translateX(0);
}

.titlecdn {
  font-size: 72px;
  text-transform: uppercase;
  background: -webkit-linear-gradient(#ff9300, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  font-family: "Jost", sans-serif;
}

.chi {
  font-weight: 600;
  font-family: "Jost", sans-serif;
}

.cdntitle .bg-dark {
  background: url("../img/bg-cdn.jpg") no-repeat;
}
.cdntitle .display-3{
  font-size: clamp(42px, 5vw, 62px) !important;
}
.cdnservers {
  margin-top: -195px;
  z-index: 9;
  position: relative;
  background: #fff;
}
@media (max-width: 991.98px){
  .cdnservers{
    margin-top: -40px;
  }
}

.ftcol1,
.ftcol2,
.ftcol3 {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 56px 56px 0 0;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.circle {
  width: 25%;
  height: 100%;
  border-radius: 50%;
  filter: blur(75px);
}

.circlebg {
  display: flex;
  position: absolute;
  z-index: -2;
  opacity: .7;
  width: 100%;
  height: 100%;
}

.circle-red {
  background: #6afeff;
}

.circle-blue {
  background-color: #015aff;
}

.circle-green {
  background-color: green;
}

.circle-yellow {
  background-color: #1eff00;
}

.sohov {
  position: relative;
}

.sohov .sohovico {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  visibility: hidden;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -10px;
  opacity: 0;
}

.sohov:hover .sohovico {
  visibility: visible;
  opacity: 1;
  right: 40px;
}

/* 
.mainnzav:before{
  content:" ";
  position:absolute;
  display:inline-block;
  background: #FFF;
background: #015AFF;
background: linear-gradient(90deg, rgba(1, 90, 255, 0) 0%, rgba(255, 255, 255, 1) 52%, rgba(1, 90, 255, 0) 100%); width:350px;
  height: 3px;
  top: 145px;
  opacity: 1;
  animation: shine 12s infinite linear;
  left:-100%;
}

@keyframes shine{
	0% {
		left:-100%;
	}
	12.5%{
		left:10%;
	}
	25%{
		left:50%;
	}
	
	95%{
		left:85%;
	}
	
	100%{
		left:110%;
	}
	
} */
.configGrid {
  width: 100%;
  height: auto;
  background: #fff;

}

.configGrid .item {
  width: 100%;
  height: auto;
  float: left;
  border-top: 1px solid #ebf4f9;
}

.configGrid .item .odd {
  width: 25%;
  background: #f7fafb;
  float: left;
  padding-left: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-right: 1px solid #b1cfe1;
  font-weight: 700;
}

.configGrid .item .even {
  width: 75%;
  background: #fff;
  float: left;
  padding-left: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.configGrid .item .icon {
  width: 32px;
  height: 27px;
  float: left;
  margin: 0 10px 0 0;
  padding: 0;
}

.configGrid .item i {
  font-size: 18px;
}

.configGrid .item p {
  padding: 0;
  margin: 0;
  font-size: 15px;
}

.configGrid .item .darkCell_l {
  background: #ebf4f9;
}

.configGrid .item .darkCell_r {
  background: #f7fafb;
}


.colvid {
  overflow: hidden;
  position: relative;
}

.colvid video {
  width: 100%;
  height: 100%;
}

.singlepg {
  height: auto;
  background-image: url("../img/srvr.jpeg");
  height: 620px;
}

.fullpw {
  background: #005aff;
  height: auto;
}

.bserver {
  height: 800px;
}

.sliderbg {
  height: 705px;
}

.sliderhero {
  width: 40%;
  height: 95vh;
  padding: 250px 50px 0 50px;
  margin: 0 0 0 3%;
  z-index: 7;
}

.sliderhero h1 {
  font-weight: 600;
  font-family: "Jost", sans-serif;
  font-size: 4.5rem;
  text-shadow: -5px -2px 20px rgb(0 58 255 / 66%);
  margin: 0 0 1rem;
  color: #0159fc !important;
}

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #005aff;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.toolsfd {
  position: relative;
}

.toolsfd:before {
  content: " ";
  width: 100%;
  height: 150px;
  background: #fff;
  position: absolute;
  z-index: 1;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 5%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
}

.toolsfd:after {
  content: " ";
  width: 100%;
  height: 120px;
  background: #fff;
  position: absolute;
  z-index: 1;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0) 100%);
  bottom: 0;
}

.mainHeading h1 {
  font-size: 1.75rem;
  color: #015aff !important;
  font-weight: 700;
}

.mainHeading h3 {
  font-size: 1.15rem;
}

.dropmenu {
  position: relative;
}

.dropmenu ul {
  background: #fff;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  padding: 11px 0;
  transform: scaleY(.5) translateY(-125px) skewX(10deg);
  box-shadow: 7px 12px 18px rgb(0 0 0 / 31%);
}

.dropmenu:hover>ul {
  visibility: visible;
  opacity: 1;
  top: 53px;
  transform: none;
}

.dropmenu ul li {
  list-style: none;
}

.dropmenu ul li a {
  border: 1px solid #fff;
  padding: 9px 20px;
  display: block;
  text-decoration: none;
  color: var(--bs-body-color);
  width: 209px;
  border-radius: 8px;
}

.dropmenu ul li a:hover {
  color: #005aff;
  background: #ebf4f9;
  border: 1px solid #b1cfe1;
  box-shadow: 5px 5px 10px rgb(0 0 0 / 15%);
  transform: scale(1.1) translateX(2px) translateY(2px);
}

.dropmenu:hover>.nav-link {
  border: 1px solid #005aff;
  background: #fff;
}

.dropmenu:hover>.nav-link i {
  left: -20px;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.dropmenu ul {
  border-radius: 0.5em;
}
.dropmenulg {
  position: relative;
}

.dropmenulg>ul {
  background: #fff;
  border: 1px solid #b1cfe1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 2;
  top: 100%;
  width: 750px;
  padding: 11px 15px;
  transform: scaleY(.5) translateY(-125px) skewX(10deg);
  box-shadow: 0 1rem 3rem rgba(54, 136, 255, 0.15);
}

.dropmenulg:hover>ul {
  visibility: visible;
  opacity: 1;
  top: 53px;
  transform: none;
}

.dropmenulg>ul>li {
  list-style: none;
}

.dropmenulg ul li .btn:hover {
  color: #ebf4f9;
  background: #005aff;
  border: 1px solid #005aff;
}

.dropmenulg ul li strong {
  color: #000;
}

.dropmenulg ul li .btn:hover strong {
  color: #ebf4f9;
}

.dropmenulg:hover>.nav-link {
  border: 1px solid #005aff;
  background: #fff;
}

.dropmenulg:hover>.nav-link i {
  left: -20px;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.dropmenulg>ul {
  border-radius: 0.5em;
}

.dropmenulg .submenuz li {
  list-style: none;
}

.dropmenulg .submenuz li a {
  padding: 9px 20px;
  display: block;
  text-decoration: none;
  color: #000;
}

.dropmenulg .submenuz li a:hover {
  color: #005aff;
  background: #fff;
}

@media (max-width: 1400px) {
  .dropmenulg>ul{
    width: 700px;
    left: -200px;
  }
}

@media (max-width: 1200px) {
  .dropmenulg>ul{
    width: 550px;
    left: -200px;
  }
}

@media (max-width: 992px) {
  .dropmenulg>ul{
    width: 100%;
    left: 0;
  }
}

.herooverlay {
  width: 57%;
  height: 100vh;
  max-height: 856px;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: url(assets/slider1.png) no-repeat center bottom;
  padding: 270px 0 0;
}

.herooverlay img {
  animation: slidanm 3s infinite ease;
}

@keyframes slidanm {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(15px);
  }

  100% {
    transform: translateY(0px);
  }
}

.polyg {
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  background: #fcb52b;
  width: 136px;
  height: 116px;
  line-height: 0;
  padding: 27px 0 0;
  position: absolute;
  right: -70px;
  top: 36px;
}

.pricrib {
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%, 0% 50%);
  border-left: 12px solid #fcb52b;
}

.heroslides {
  width: 57%;
  height: 100vh;
  right: 0;
  top: 0;
  z-index: 1;
}

.heroslides video {
  z-index: 1;
  max-height: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
}

.home-slider {
  position: absolute !important;
}

.slider-box {
  z-index: 7;
  top: 230px;
}

.slider-box .titlmain {
  background: rgb(255 255 255 / 90%);
  backdrop-filter: blur(5px);
}

.pricelbl {
  width: 60%;
  height: 34vh;
  bottom: -70px;
  right: 0px;
  background: #015AFF;
  background: linear-gradient(90deg, rgba(1, 90, 255, 0) 5%, rgba(1, 90, 255, 1) 34%);
  position: absolute;
  z-index: 6;
  padding: 0 0 0 6%;
  transform: skew(0deg, 17deg);
}

#image-carousel .splide__slide img {
  width: 100%;
  height: auto;
}

.cardzs-container {
  width: 100%;
  max-width: 100%;
  position: relative;
  padding: 90px 0 75px;
}

.cardzs-container .slide-button {
  position: absolute;
  -webkit-transform: translate(0, -45%);
  -moz-transform: translate(0, -45%);
  -o-transform: translate(0, -45%);
  -ms-transform: translate(0, -45%);
  transform: translate(0, -45%);
  bottom: -15px;
  right: 0;
  width: 38px;
  height: 38px;
  border-radius: 60px;
  background: rgb(0 90 255);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.cardzs-container .slide-button::after {
  content: '';
  display: block;
  margin-right: 30px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  width: 40px;
  height: 15px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='40px' height='16px' viewBox='0 0 40 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg id='Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='01_Elements-SOCIAL_06_01' transform='translate(-723.000000, -530.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E %3Cg id='Element' transform='translate(323.000000, 293.000000)'%3E %3Cg id='Button' transform='translate(400.000000, 226.000000)'%3E %3Cg id='Group' transform='translate(20.000000, 19.000000) rotate(-90.000000) translate(-20.000000, -19.000000) translate(12.000000, -1.000000)'%3E %3Cpath d='M8,-0.005 C8.64720869,-0.005 9.1795339,0.486874664 9.24354639,1.11719476 L9.25,1.245 L9.25,35.728 L13.3661165,31.6111165 C13.8217282,31.1555048 14.5415486,31.1251307 15.0323881,31.5199942 L15.1338835,31.6111165 C15.5894952,32.0667282 15.6198693,32.7865486 15.2250058,33.2773881 L15.1338835,33.3788835 L8.88388348,39.6288835 C8.85415028,39.6586167 8.82292614,39.6868589 8.79033283,39.7134885 L8.88388348,39.6288835 C8.83611292,39.676654 8.78543782,39.7197498 8.73242665,39.7581708 L8.63335299,39.8230183 L8.63335299,39.8230183 L8.54709706,39.8692811 L8.54709706,39.8692811 L8.4332961,39.9178207 L8.4332961,39.9178207 L8.35305808,39.944444 L8.35305808,39.944444 L8.22623179,39.9745798 L8.22623179,39.9745798 L8.09592556,39.9913741 L8.09592556,39.9913741 L8,39.995 L8,39.995 L7.9207504,39.9925284 L7.9207504,39.9925284 L7.80882215,39.980391 L7.80882215,39.980391 L7.7207289,39.9636857 L7.7207289,39.9636857 L7.60490332,39.9312742 L7.60490332,39.9312742 L7.48583329,39.8846939 L7.48583329,39.8846939 L7.36640634,39.8227553 L7.36640634,39.8227553 L7.2675769,39.7580563 L7.2675769,39.7580563 L7.20966717,39.7134885 L7.1618193,39.6723498 L7.1618193,39.6723498 L0.866116524,33.3788835 C0.377961159,32.8907281 0.377961159,32.0992719 0.866116524,31.6111165 C1.3217282,31.1555048 2.04154862,31.1251307 2.53238813,31.5199942 L2.63388348,31.6111165 L6.75,35.728 L6.75,1.245 C6.75,0.554644063 7.30964406,-0.005 8,-0.005 Z' id='Path'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
}

.cardzs-container .slide-button:hover {
  background: rgb(0 90 255 / 64%);
  -webkit-transform: translate(4px, -45%);
  -moz-transform: translate(4px, -45%);
  -o-transform: translate(4px, -45%);
  -ms-transform: translate(4px, -45%);
  transform: translate(4px, -45%);
}

.cardzs-container .slide-button:hover::after {
  margin-right: 20px;
}

.cardzs-container .cardzs-wrapper {
  width: 100%;
  position: relative;
}

.cardzs-container .cardz {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 50px;
  background: #FFF;
  border-radius: 20px;
  -webkit-box-shadow: 0px 8px 40px -30px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 8px 40px -30px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 8px 40px -30px rgba(0, 0, 0, 0.7);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  z-index: 9;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  opacity: 0;
}

.cardzs-container .cardz .image-wrapper {
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  will-change: transform;
}

.cardzs-container .cardz .image {
  width: calc(100% + 28%);
  -webkit-transform: translate(-20%, 0);
  -moz-transform: translate(-20%, 0);
  -o-transform: translate(-20%, 0);
  -ms-transform: translate(-20%, 0);
  transform: translate(-20%, 0);
  height: 200px;
  -webkit-box-shadow: 0px 20px 30px -15px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 20px 30px -15px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 20px 30px -15px rgba(0, 0, 0, 0.45);
  margin-bottom: 30px;
  user-select: none;
  overflow: hidden;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.cardzs-container .cardz .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: contrast(1.1) hue-rotate(12deg) brightness(0.9) saturate(0.8);
  border-radius: 10px;
}

.cardzs-container .cardz h3 {
  width: 100%;
  margin: 17px 0;
  font-weight: 900;
  font-size: 2rem;
  line-height: 2.7rem;
  letter-spacing: -0.5px;
  user-select: none;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.cardzs-container .cardz p {
  width: 100%;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 147%;
  user-select: none;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

@media (max-width: 1200px){
  .cardzs-container .cardz p {
    font-size: clamp(1rem, 3.5vw, 1.5rem);
  }
}

.cardzs-container .cardz .button {
  user-select: none;
  position: absolute;
  bottom: -25px;
  left: 30px;
  border-radius: 10px;
  background: #fcb52b;
  color: #FFF;
  font-size: 18px;
  padding: 6px 16px 0;
  height: 41px;
  display: block;
  -webkit-box-shadow: 0px 15px 20px -15px rgba(45, 126, 237, 0.7);
  -moz-box-shadow: 0px 15px 20px -15px rgba(45, 126, 237, 0.7);
  box-shadow: 0px 15px 20px -15px rgba(45, 126, 237, 0.7);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.cardzs-container .cardz .button:hover {
  left: 32px;
  -webkit-box-shadow: 0px 15px 20px -14px rgba(45, 126, 237, 0.85);
  -moz-box-shadow: 0px 15px 20px -14px rgba(45, 126, 237, 0.85);
  box-shadow: 0px 15px 20px -14px rgba(45, 126, 237, 0.85);
}

.cardzs-container .cardz .image,
.cardzs-container .cardz h3,
.cardzs-container .cardz p,
.cardzs-container .cardz .button {
  opacity: 0;
}

.cardzs-container .cardz.active {
  opacity: 1;
}

.cardzs-container .cardz.active .image {
  -moz-animation-name: image;
  -webkit-animation-name: image;
  animation-name: image;
  -moz-animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -moz-animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-delay: 0.15s;
}

@-webkit-keyframes image {
  from {
    opacity: 0;
    -webkit-transform: translate(-40%, 0);
    -moz-transform: translate(-40%, 0);
    -o-transform: translate(-40%, 0);
    -ms-transform: translate(-40%, 0);
    transform: translate(-40%, 0);
  }

  85% {
    opacity: 1;
  }

  to {
    opacity: 1;
    -webkit-transform: translate(-20%, 0);
    -moz-transform: translate(-20%, 0);
    -o-transform: translate(-20%, 0);
    -ms-transform: translate(-20%, 0);
    transform: translate(-20%, 0);
  }
}

@-moz-keyframes image {
  from {
    opacity: 0;
    -webkit-transform: translate(-40%, 0);
    -moz-transform: translate(-40%, 0);
    -o-transform: translate(-40%, 0);
    -ms-transform: translate(-40%, 0);
    transform: translate(-40%, 0);
  }

  85% {
    opacity: 1;
  }

  to {
    opacity: 1;
    -webkit-transform: translate(-20%, 0);
    -moz-transform: translate(-20%, 0);
    -o-transform: translate(-20%, 0);
    -ms-transform: translate(-20%, 0);
    transform: translate(-20%, 0);
  }
}

@-o-keyframes image {
  from {
    opacity: 0;
    -webkit-transform: translate(-40%, 0);
    -moz-transform: translate(-40%, 0);
    -o-transform: translate(-40%, 0);
    -ms-transform: translate(-40%, 0);
    transform: translate(-40%, 0);
  }

  85% {
    opacity: 1;
  }

  to {
    opacity: 1;
    -webkit-transform: translate(-20%, 0);
    -moz-transform: translate(-20%, 0);
    -o-transform: translate(-20%, 0);
    -ms-transform: translate(-20%, 0);
    transform: translate(-20%, 0);
  }
}

@keyframes image {
  from {
    opacity: 0;
    -webkit-transform: translate(-40%, 0);
    -moz-transform: translate(-40%, 0);
    -o-transform: translate(-40%, 0);
    -ms-transform: translate(-40%, 0);
    transform: translate(-40%, 0);
  }

  85% {
    opacity: 1;
  }

  to {
    opacity: 1;
    -webkit-transform: translate(-20%, 0);
    -moz-transform: translate(-20%, 0);
    -o-transform: translate(-20%, 0);
    -ms-transform: translate(-20%, 0);
    transform: translate(-20%, 0);
  }
}

.cardzs-container .cardz.active h3 {
  -moz-animation-name: h3;
  -webkit-animation-name: h3;
  animation-name: h3;
  -moz-animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -moz-animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-delay: 0.15s;
}

@-webkit-keyframes h3 {
  from {
    opacity: 0;
    -webkit-transform: translate(0, -20px);
    -moz-transform: translate(0, -20px);
    -o-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    transform: translate(0, -20px);
  }

  85% {
    opacity: 1;
  }

  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-moz-keyframes h3 {
  from {
    opacity: 0;
    -webkit-transform: translate(0, -20px);
    -moz-transform: translate(0, -20px);
    -o-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    transform: translate(0, -20px);
  }

  85% {
    opacity: 1;
  }

  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-o-keyframes h3 {
  from {
    opacity: 0;
    -webkit-transform: translate(0, -20px);
    -moz-transform: translate(0, -20px);
    -o-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    transform: translate(0, -20px);
  }

  85% {
    opacity: 1;
  }

  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes h3 {
  from {
    opacity: 0;
    -webkit-transform: translate(0, -20px);
    -moz-transform: translate(0, -20px);
    -o-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    transform: translate(0, -20px);
  }

  85% {
    opacity: 1;
  }

  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.cardzs-container .cardz.active p {
  -moz-animation-name: p;
  -webkit-animation-name: p;
  animation-name: p;
  -moz-animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -moz-animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-delay: 0.15s;
}

@-webkit-keyframes p {
  from {
    opacity: 0;
    -webkit-transform: translate(0, -15px);
    -moz-transform: translate(0, -15px);
    -o-transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    transform: translate(0, -15px);
  }

  85% {
    opacity: 1;
  }

  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-moz-keyframes p {
  from {
    opacity: 0;
    -webkit-transform: translate(0, -15px);
    -moz-transform: translate(0, -15px);
    -o-transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    transform: translate(0, -15px);
  }

  85% {
    opacity: 1;
  }

  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-o-keyframes p {
  from {
    opacity: 0;
    -webkit-transform: translate(0, -15px);
    -moz-transform: translate(0, -15px);
    -o-transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    transform: translate(0, -15px);
  }

  85% {
    opacity: 1;
  }

  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes p {
  from {
    opacity: 0;
    -webkit-transform: translate(0, -15px);
    -moz-transform: translate(0, -15px);
    -o-transform: translate(0, -15px);
    -ms-transform: translate(0, -15px);
    transform: translate(0, -15px);
  }

  85% {
    opacity: 1;
  }

  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.cardzs-container .cardz.active .button {
  -moz-animation-name: button;
  -webkit-animation-name: button;
  animation-name: button;
  -moz-animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: normal;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -moz-animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-delay: 0.15s;
}

@-webkit-keyframes button {
  from {
    opacity: 0;
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px);
  }

  85% {
    opacity: 1;
  }

  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-moz-keyframes button {
  from {
    opacity: 0;
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px);
  }

  85% {
    opacity: 1;
  }

  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@-o-keyframes button {
  from {
    opacity: 0;
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px);
  }

  85% {
    opacity: 1;
  }

  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes button {
  from {
    opacity: 0;
    -webkit-transform: translate(0, 20px);
    -moz-transform: translate(0, 20px);
    -o-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px);
  }

  85% {
    opacity: 1;
  }

  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.cardzs-container .cardz.inactive {
  position: absolute;
  top: 0;
  left: 0;
}

.cardzs-container .cardz.inactive:hover {
  cursor: pointer;
}

.cardzs-container .cardz.inactive:nth-child(2) {
  opacity: 0.8;
  z-index: 7;
  -webkit-transform: translate(20px, -20px) rotate(0deg);
  -moz-transform: translate(20px, -20px) rotate(0deg);
  -o-transform: translate(20px, -20px) rotate(0deg);
  -ms-transform: translate(20px, -20px) rotate(0deg);
  transform: translate(20px, -20px) rotate(0deg);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.cardzs-container .cardz.inactive:nth-child(2):hover {
  -webkit-transform: translate(20px, -20px) rotate(6deg);
  -moz-transform: translate(20px, -20px) rotate(6deg);
  -o-transform: translate(20px, -20px) rotate(6deg);
  -ms-transform: translate(20px, -20px) rotate(6deg);
  transform: translate(20px, -20px) rotate(6deg);
}

.cardzs-container .cardz.inactive:nth-child(3) {
  opacity: 0.6;
  z-index: 6;
  -webkit-transform: translate(40px, -40px) rotate(0deg);
  -moz-transform: translate(40px, -40px) rotate(0deg);
  -o-transform: translate(40px, -40px) rotate(0deg);
  -ms-transform: translate(40px, -40px) rotate(0deg);
  transform: translate(40px, -40px) rotate(0deg);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.cardzs-container .cardz.inactive:nth-child(3):hover {
  -webkit-transform: translate(40px, -40px) rotate(6deg);
  -moz-transform: translate(40px, -40px) rotate(6deg);
  -o-transform: translate(40px, -40px) rotate(6deg);
  -ms-transform: translate(40px, -40px) rotate(6deg);
  transform: translate(40px, -40px) rotate(6deg);
}

.cardzs-container .cardz.inactive:nth-child(4) {
  opacity: 0.4;
  z-index: 5;
  -webkit-transform: translate(60px, -60px) rotate(0deg);
  -moz-transform: translate(60px, -60px) rotate(0deg);
  -o-transform: translate(60px, -60px) rotate(0deg);
  -ms-transform: translate(60px, -60px) rotate(0deg);
  transform: translate(60px, -60px) rotate(0deg);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.cardzs-container .cardz.inactive:nth-child(4):hover {
  -webkit-transform: translate(60px, -60px) rotate(6deg);
  -moz-transform: translate(60px, -60px) rotate(6deg);
  -o-transform: translate(60px, -60px) rotate(6deg);
  -ms-transform: translate(60px, -60px) rotate(6deg);
  transform: translate(60px, -60px) rotate(6deg);
}

.cardzs-container .cardz.inactive:nth-child(5) {
  opacity: 0.4;
  z-index: 4;
  -webkit-transform: translate(80px, -80px) rotate(0deg);
  -moz-transform: translate(80px, -80px) rotate(0deg);
  -o-transform: translate(80px, -80px) rotate(0deg);
  -ms-transform: translate(80px, -80px) rotate(0deg);
  transform: translate(80px, -80px) rotate(0deg);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.cardzs-container .cardz.inactive:nth-child(5):hover {
  -webkit-transform: translate(80px, -80px) rotate(6deg);
  -moz-transform: translate(80px, -80px) rotate(6deg);
  -o-transform: translate(80px, -80px) rotate(6deg);
  -ms-transform: translate(80px, -80px) rotate(6deg);
  transform: translate(80px, -80px) rotate(6deg);
}

.infobox-container,
.trademark {
  display: none;
}

.subnav .dropdown-menu[data-bs-popper] {
  top: 100%;
}

.subnav .dropdown:hover>.nav-link {
  background: #005aff;
  color: #fff;
}

.subnav .dropdown:hover>.nav-link i {
  left: 31px;
  opacity: 1;
  color: #fff;
  visibility: visible;
  transform: scale(1);
}

.spliderz .splide__arrows {
  bottom: 8rem;
}

.spliderz .splide__pagination {
  bottom: 4rem;
  border-radius: 2rem;
  background: transparent;
}

.spliderz .splide__pagination .splide__pagination__page {
  background: #fff;
}

.spliderz .splide__pagination .splide__pagination__page.is-active {
  background: #005aff;
}

@media screen and (min-width: 1024px) {
  .trademark {
    display: block;
    position: absolute;
    z-index: 99;
    left: 50px;
    top: 50px;
    max-width: 70px;
    transition: all 0.3s ease-in-out;
  }

  .trademark svg {
    width: 100%;
  }

  .trademark:hover {
    transform: translate(0, -2px);
  }

  .trademark svg {
    width: 100%;
  }

  .trademark:hover {
    transform: translate(0, -2px);
  }

  .infobox-container {
    display: block;
    position: absolute;
    right: 50px;
    bottom: 50px;
    z-index: 99;
  }

  .infobox-container .social-media-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
  }

  .infobox-container .social-media-links a {
    margin: 0 15px;
    transition: all 0.3s ease-in-out;
  }

  .infobox-container .social-media-links a svg,
  .infobox-container .social-media-links a svg path {
    transition: all 0.3s ease-in-out;
  }

  .infobox-container .social-media-links a:hover {
    transform: translate(0, -2px);
  }

  .infobox-container .social-media-links a:hover svg path {
    fill: #323232;
  }
}

.main-content {
  max-width: 1024px;
  margin: 0 auto;
  width: 100%;
  padding: 0 15px;
}


.cdntitle .col-12:first-child {
  padding-bottom: 182px;
}

.mappin {
  cursor: pointer;
}

.datacnt h5 {
  font-size: 1.1rem;
}

h1,
h2,
h3,
h4,
h5,
.nav-link,
.btn {
  font-family: "Jost", sans-serif;
}

.dcinfo li {
  list-style: none;
}

.dcinfo {
  position: absolute;
  right: 0;
  top: 0;
  width: 569px;
  visibility: hidden;
  opacity: 0;
  background: rgb(255 255 255 / 80%);
  z-index: 9;
  backdrop-filter: blur(5px);
  border-radius: 1rem;
  transform: scale(0.3) translateX(-1010px);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.5s linear;
}

.dcshowd {
  visibility: visible;
  opacity: 1;
  transform: scale(1) translateX(0);
}

@keyframes mapins {
  0% {
    transform: scale(1);
    opacity: 0.1;
    left: 5vh;
  }

  30% {
    transform: scale(4);
    opacity: 0.3;
    left: 30vh;
  }

  60% {
    transform: scale(6);
    opacity: 0.2;
    left: 40h;
  }

  100% {
    transform: scale(7);
    opacity: 0;
    left: 65vh;
  }
}

@keyframes mapinz {
  0% {
    transform: scale(1);
    opacity: 0.1;
    top: 5vh;
  }

  30% {
    transform: scale(4);
    opacity: 0.3;
    top: 30vh;
  }

  60% {
    transform: scale(6);
    opacity: 0.2;
    top: 40h;
  }

  100% {
    transform: scale(7);
    opacity: 0;
    top: 65vh;
  }
}

.ftsrv {
  transform: scale(1.05);
}

.paymthod {
  font-size: 30px;
}

.paymthod li {
  cursor: pointer;
}

.paymthod li:hover {
  color: #015aff;
}

.whycards {
  margin-top: -180px;
}

.videoabout {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 500px;
  border-radius: 2.5rem;
  border: 5px solid #fff;
}

.dcinfocn {
  display: none;
}

@media (max-width: 767px) {
  .mappinac:before {
    animation: mapinz 0.5s 1 ease-out;
  }

  .dcinfo {
    transform: scale(0.3) translateX(0px) translateY(-710px);
  }

  .dcshowd {
    transform: scale(1) translateY(0);
  }

  .ftsrv {
    transform: scale(1);
  }

  .mainnav {
    top: 100%;
    position: absolute;
    background: rgb(255, 255, 255);
    width: 100%;
    left: 0px;
  }

  .mainnav.ps-5 {
    padding-left: 0 !important;
  }

  .mainnzav .nav-link {
    border-bottom: 1px solid rgba(107, 126, 147, 0.2);
  }

  .dropmenulg>ul {
    display: none;
    position: relative;
    width: 100%;
    padding: 5px;
    transform: none;
  }

  .dropmenulg:hover>ul {
    display: block;
    visibility: visible;
    opacity: 1;
    top: 0;
    transform: none;
  }

  .dropmenulg:hover>ul .btn i,
  .dropmenulg:hover>ul .btn small,
  .pricelbl,
  .wrapper header,
  .video-mask {
    display: none;
  }

  .video-maskdzs {
    position: relative;
    margin-top: -62px;
    width: 100%;
    margin-bottom: 25px;
    height: 210px;
  }

  .video-maskdz {
    position: relative;
    right: 0;
    top: 0;
    max-width: 100%;
    height: 200px;
    border-radius: 19px;
  }

  .video-maskdz video {
    min-height: 100%;
    height: 330px;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: -128px -11px;
  }

  .sliderhero {
    width: 100%;
    height: 95vh;
    padding: 110px 50px 0 30px;
    margin: 0;
  }

  

  .sliderhero h1 {
    font-size: 2.5rem;
  }

  .cbox {
    left: 0;
    top: 0;
    border-radius: 0;
  }

  .wrapper {
    bottom: 50px;
    left: 0;
    max-width: 100%;
  }

  .wrapper.show {
    right: 0;
  }

  .cardzs-container .cardz p {
    font-size: 1rem;
    line-height: 147%;
  }

  .cardzs-container .cardz {
    padding: 30px;
  }

  .cbox {
    width: 100%;
  }

  .splide__pagination,
  .splide__arrows {
    margin-left: -175px;
  }

  .mappin {
    font-size: 30px;
  }

  .mappin.gflag {
    top: 25px;
    left: 216px;
  }

  .mappin.uflag {
    top: 35px;
    left: 110px;
  }

  .mappin.cflag {
    top: 11px;
    left: 95px;
  }

  .mappin.nflag {
    top: 11px;
    left: 186px;
  }

  .containercz {
    width: 46px;
    height: 28px;
    top: -18px;
    left: -9px;
  }

  .circleanimatedz {
    width: 40px;
    height: 30px;
  }

  .circlecz {
    width: 22px;
    height: 18px;
  }


  .innerbg {
    height: 70vh;
  }

  .nlmarker {
    top: 11px;
    left: 130px;
  }

  .card-fticon {
    font-size: 36px;
    margin-top: 25px;
  }

  .card-fticon.lst-icon {
    font-size: 32px;
  }

  .innerbg {
    overflow: visible;
  }

  .ft-textsv {
    font-size: 21px;
    line-height: 31px;
  }

  .titlmain .display-5 {
    font-size: 1.3rem;
  }

  .innerbg.scdn {
    height: 90vh;
  }

  .titlecdn {
    font-size: 50px;
  }

  .scdn .display-5 {
    font-size: 1.3rem;
  }

  .cdntitle .col-12:first-child {
    padding-bottom: 0;
  }

  .cdntitle .col-12:last-child {
    padding-bottom: 182px !important;
  }

  .carousel-item {
    max-width: 300px;
  }

  .subnav .nav-link {
    border: 1px solid #b1cfe1;
  }

  .subnav .nav-link>i {
    opacity: 1;
    visibility: visible;
    color: #b1cfe1;
  }

  .fullpw {
    height: 50vh;
  }

  .configGrid .item .odd {
    width: 50%;
    padding-left: 1rem;
  }

  .configGrid .item .even {
    width: 50%;
  }

  header {
    height: auto !important;
    padding-bottom: 30px;
  }

  header.sliderbg {
    height: 70vh !important;
  }

  .whycards {
    margin-top: 0px;
  }

  .uflagd {
    top: 55px;
    left: 85px;
  }

  .uflagla {
    top: 31px;
    left: 64px;
  }

  .uflagsf {
    top: 11px;
    left: 48px;
  }

  .datacnt svg,
  .datacntin svg {
    width: 100%;
    height: 190px;
    margin-bottom: 3rem;
  }

  .home-slider .swiper-slide {
    padding: 0 15px;
  }

  .ind-fts,
  .ind-fts2 {
    bottom: auto;
    top: -12px;
  }

  .industry-slider .swiper-slide {
    width: 100%;
  }

  .pricing-main .card {
    flex-direction: column;
  }

  .ftcol1,
  .ftcol2,
  .ftcol3 {
    border-radius: 0;
  }
}



/************************/
.ourstory-cards .card-body{
  padding: 0;
}

.header-logo img{
  height: 42px
}
.data-center-list .card .icon-holder{
  min-width: 85px;
}
.data-center-list .card .icon-holder .card-body{
  padding: 5px;
}
.datacenters-quicklinks .actions-holder{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.datacenters-quicklinks .actions-holder .btn{
  padding: 10px 15px;
  min-width: 200px;
}
h4.lh150{
  line-height: 150%;
}

.baremetal-locations h1{
  font-size: clamp(1.5rem, 2.5vw, 3rem)
}

.baremetal-locations .line-btn{
  padding: 20px 40px;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
}

@media (max-width: 768px){
  .baremetal-locations .line-btn{
    padding: 15px 20px;
    font-size: clamp(1rem, 1.5vw, 1.25rem);
  }
}
@media (max-width: 567px){
  .data-center-list .card .icon-holder{
    min-width: 60px;
  }
}



/**************************************/
/** Price List (Grid / List Sorting) **/
/**************************************/
.pricard .card {
  overflow: hidden;
}

.pricard .card-header {
  border-right: 1px solid var(--bs-primary) !important;
}

/* CPU tile (first spec box) — kill left border to avoid double seam */
.pricard .card-body .row>.col-7:first-child {
  border-left: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* On xs (header stacks on top), bring the left border back for balance */
@media (max-width: 575.98px) {
  .pricard .card-body .row>.col-7:first-child {
    border-left: 1px solid var(--bs-border-color) !important;
  }
}

/* Pager UI only (does not affect other containers) */
.eq-pager {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
  justify-content: center;
  padding: .6rem .9rem;
  margin: 0;
  border: 0;
}

.eq-pager .eq-results {
  margin-right: .5rem;
  font-weight: 600;
  color: #222;
}

.eq-pager .eq-nav,
.eq-pager .eq-page,
.eq-pager .eq-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 .75rem;
  border: 1px solid #d9e5ff;
  border-radius: 10px;
  background: #f6f9ff;
  color: #015AFF;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
}

.eq-pager .eq-cta {
  min-width: auto;
}

.eq-pager .eq-page[aria-current="page"] {
  background: #015AFF;
  color: #fff;
  border-color: #015AFF;
}

.eq-pager .eq-nav[aria-disabled="true"] {
  opacity: .45;
  pointer-events: none;
}

.eq-pager .eq-ellipsis {
  padding: 0 .25rem;
  color: #6c757d;
}

.eq-pager .eq-nav:hover,
.eq-pager .eq-page:hover,
.eq-pager .eq-cta:hover {
  filter: brightness(.96);
}

/* Hide items by pagination */
.pg-hide {
  display: none !important;
}

/* Dividers + tighter gaps around pagers */
.eq-pager--top {
  border-top: 1px solid #e9ecef;
  margin-bottom: .5rem;
}

.eq-pager--bottom {
  border-bottom: 1px solid #e9ecef;
  margin-top: .5rem;
}

/* Active filter badges */
#active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
}

.badge-filter {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  background: #e6f0ff;
  color: #015AFF;
  border: 1px solid #cfe0ff;
  padding: .35rem .6rem;
  border-radius: 9999px;
  font-weight: 600;
  font-size: .875rem;
}

.badge-filter .remove {
  cursor: pointer;
  font-weight: 700;
  color: #666;
  line-height: 1;
}

.badge-filter .remove:hover {
  color: #c00;
}

#clearAllFilters {
  margin-left: .25rem;
}

/* Reduce space above and below the server cards (override Bootstrap py-5) */
.pricing-main {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}

/* ===== layout fixes inside the white box ===== */
.server-table .tserver-title {
  border-bottom: 1px solid #eef2f7;
}

.server-table .tserver-title .row {
  margin-left: 0;
  margin-right: 0;
}

#pills-tab .nav-link {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  border: 1px solid #e6ecff;
  height: 40px;
  border-radius: 12px;
}

#pills-tab .nav-link.active {
  background: #015AFF;
  color: #fff;
  border-color: #015AFF;
}

.tserver-body .tab-content .row {
  margin-top: .25rem;
}

/* ===== empty state to keep height when there are 0 results ===== */
/* Keep a reasonable min-height so the page doesn't collapse and break reveal timing below */
#filter {
  min-height: 340px;
  /* enough space for the empty state box */
  position: relative;
}

#filter .no-results {
  display: none;
}

#filter.is-empty .no-results {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  min-height: 240px;
  border: 1px dashed #d9e5ff;
  border-radius: 12px;
  background: #f8fbff;
  margin: .5rem 0;
  padding: 1.25rem;
  font-weight: 600;
  color: #0b3b8c;
}

.pagination-showall.eq-cta {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.featu_colum{
  position: relative;
}
.featu_colum i{
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 22px !important;
}
.sortling-holder{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}
.inline-block{
  display: inline-block !important;
}

@media (max-width: 767.98px) {
  .sortling-holder{
    justify-content: center;
  }
  .featu_colum i{
    top: unset;
    bottom: 15px;
    right: 15px;
  }
}
@media(max-width: 991px){
  .platform-msg img{
    max-width: 80%;
  }
  .btn-live {
    width: 100%;
    height: 50px;
  }

  .mobcntct {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
  }

  .mobcntct .card {
    height: 50px;
    text-align: center;
    font-size: 1.5rem;
    text-shadow: 1px 1px 1px #fff;
    background: rgb(255 255 255 / 80%);
    backdrop-filter: blur(5px);
  }

  .mobcntct .card.sts {
    padding: 12px 0 0;
  }
}

.support-video-holder{
  overflow: hidden;
  border-radius: 0 0 5px 5px;
}
.support-video-holder video{
  display: block;
}

.roudtick-green .icon-holder{
  min-width: 85px;
}
.roudtick-green .icon-holder .card-body{
  padding: 5px;
}
@media (max-width: 567px){
  .roudtick-green .icon-holder{
    min-width: 60px;
  }
}