/*.carousel__slide  {
  will-change:transform;
  transition:transform 0.9s ease-out,opacity 0.9s ease-out;
  opacity:1;
}

*/
/*html,body  {
  overflow-x:hidden;
}

*/
.contactus-page .universalheader.sticky,.about-us-page .universalheader.sticky{
    position: sticky;
  top: 0;
  z-index: 999;
}
.sup-head>div:first-child .head-menu>button.is-active:after {
  top: 50%;
  transform: translateY(20%);
}

.sup-head>div:first-child .head-menu>button.is-active {
  background-color: #f2f2f2 !important;
}

.sup-head li.has--children.nav__menu__item .head-menu.header-item-menu ul {
  display: none !important;
}

.sup-head li.has--children.nav__menu__item .head-menu.header-item-menu ul.inner-menu.subemnu-open {
  display: block !important;
}

div#industries,
div#why_choose {
  overflow: hidden;
}

:root {
  --root-h1-font-weight: 600;
  --root-h2-font-weight: 600;
  --root-h3-font-weight: 600;
}

.block-heading--size-l .block-heading__title,
.h1,
.sku__pricing-current,
h1 {
  font-weight: var(--root-h1-font-weight, 600);
}


.block-feature--m .block-feature__title,
.block-heading--size-m .block-heading__title,
.h2,
.stat-large__description,
h2 {
  font-weight: var(--root-h2-font-weight, 600);
}

.block-feature--s .block-feature__title,
.block-heading--size-s .block-heading__title,
.h3,
.sku__pricing-discount,
.sku__title>:first-child,
h3 {
  font-weight: var(--root-h3-font-weight, 600);
}

.price__sec .sku__pricing-current {
  font-size: var(--root-h2-font-size, 2rem);
  font-weight: var(--root-h2-font-weight, 500);
  line-height: 1;
  margin-bottom: 10px;
}

.microsoft-365-consulting-support .price__sec .sku__pricing-current,
.google-workspace-consulting .price__sec .sku__pricing-current {
  padding-bottom: var(--root-spacing-m);
}

.price__sec .layout__col.card-plan-detail__content span.d-block.h6 {
  font-weight: 700;
}

.price__sec .main__section__layout-header {
  width: 100% !important;
}

div#cloud_services .block-feature__title .h4 {
  font-weight: 600;
}

a#contact-header {
  border: 1px solid;
  border-radius: 3px;
  border-color: #000000;
  height: 31px;
  margin: 1px 8px;
  margin-top: 11px;
  padding-top: 4px;
  line-height: 1.5;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: normal;
  background: #000000;
  color: #FFFFFF;
  margin-right: 0 !important;
}

.fg--neutral-highlight {
  --fg-val: var(--theme-foreground-neutral-highlight, #0078d4);
}

a#contact-header:hover {
  text-decoration: none !important;
}

a#contact-header:hover:before {
  display: none;
}

.web-logo {
  display: flex;
  align-items: center;
}

.main__section__image {
  display: none !important;
}

div#our-values .main__section__image,
.our-mission-img .main__section__image {
  display: var(--sm-bg-img-display) !important;
}

.main__section.next-steps .main__section__image,
.main__section.cloud-step .main__section__image {
  display: var(--sm-bg-img-display) !important;
}

.custom-pricing .main__section__image {
  display: var(--sm-bg-img-display) !important;
}

.home-banner {
    background-color: #fff;
    z-index: 0;
    /* padding-top: 100px; */
    /* padding-bottom: 100px; */
    /* height: calc(100vh - 112px); */
    display: flex;
    align-items: center;
    --sm-breadth-top: var(--root-spacing-5xl);
    --sm-breadth-bottom: var(--root-spacing-5xl);
}

@keyframes slide-up {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }

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

.sliderAnimation {
  animation: fade-in 1.2s ease-in-out, slide-up 1.2s ease-in-out;
  animation-fill-mode: both;
}

.about-sec .card-horizontal-container,
.contact-sec .card-horizontal-container {
  margin-bottom: 8px !important;
}

.contct-us {
  margin-top: 0 !important;
}

.contct-us .block-feature__badge .badge {
  background-color: transparent;
  width: 50px;
  height: 50px;
  border: 1px solid #d2e6f5;
}

.con-title {
  padding-bottom: 7px;
}

.contct-us .card-horizontal__media .block-heading__title {
  margin-bottom: 4px;
}

.contct-us .card-horizontal__media .base.block-feature__paragraph {
  margin-bottom: 16px;
}

.contact-form form .form-group .col-md-6:nth-child(even) {
  padding-right: 0;
}

.contact-form form .form-group .col-md-6:nth-child(odd) {
  padding-left: 0;
}

div#about,
div#cloudsup,
.amazon-aws div#superpower,
.it-consulting-page div#superpower,
.it-security-page div#superpower,
.managed-private-cloud div#cloud_security,
.microsoft-teams div#superpower,
.contact-page-form {
  background-color: var(--bg--color--grey);
}

.amazon-aws div#cloud-security,
.it-consulting-page div#cloud-security,
.it-security-page div#cloud-security,
.managed-private-cloud div#cloud_optimization,
.microsoft-teams div#cloud_optimization {
  --card-box-shadow: var(--root-depth-4);
  box-shadow: var(--card-box-shadow);
  z-index: 1;
}

.amazon-aws .testimonials-1,
.it-consulting-page .testimonials-1,
.it-security-page .testimonials-1,
.managed-private-cloud .testimonials-1,
.microsoft-365-consulting-support div#price-section,
.microsoft-azure-page div#services1,
.microsoft-teams .testimonials-1,
.google-workspace-consulting div#price-section {
  background-color: transparent;

}

.home-banner .btn {
  --button-bg-color: var(--button-pressed-bg-color);
}

.home-banner .btn.btn--secondary {
  --button-border-color: var(--button-pressed-border-color);
}

.home-banner .owl-theme .owl-dots .owl-dot span {
  margin: 5px 5px;
}

.home .main-home-banner .media {
  padding: 0;
}

.home-banner .owl-carousel.owl-loaded {
  width: 100%;
  height: calc(500px - 9rem);
}

/*.home-banner .owl-item  img  {
  height:280px;
  width:496px;
}

*/
.home-banner .owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 10px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  bottom: -55px;
  margin: 0 !important;
}

.media--pos-top-left {
  --pos-y: start;
  --pos-x: flex-start
}

.media--pos-top-middle {
  --pos-y: start;
  --pos-x: center
}

.media--pos-top-right {
  --pos-y: start;
  --pos-x: flex-end
}

.media--pos-middle-left {
  --pos-y: center;
  --pos-x: flex-start
}

.media--pos-middle-middle {
  --pos-y: center;
  --pos-x: center
}

.media--pos-middle-right {
  --pos-y: center;
  --pos-x: flex-end
}

.media--pos-bottom-left {
  --pos-y: end;
  --pos-x: flex-start
}

.media--pos-bottom-middle {
  --pos-y: end;
  --pos-x: center
}

.media--pos-bottom-right {
  --pos-y: end;
  --pos-x: flex-end
}

.media--pos-middle-middle {
  justify-content: var(--pos-x);
  align-items: var(--pos-y)
}

.media--pos-top-left {
  justify-content: var(--pos-x);
  align-items: var(--pos-y)
}

.media--pos-top-right {
  justify-content: var(--pos-x);
  align-items: var(--pos-y)
}

.media--pos-bottom-left {
  justify-content: var(--pos-x);
  align-items: var(--pos-y)
}

.media--pos-bottom-right {
  justify-content: var(--pos-x);
  align-items: var(--pos-y)
}

.c-uhfh.c-sgl-stck nav.c-uhfh-gnav,
.c-uhfh.c-sgl-stck nav#uhf-c-nav {
  display: block;
}

.it-support .block-feature {
  --animation-duration: 1200ms;
  animation: fade-in var(--animation-duration), slide-up var(--animation-duration) ease-in-out 0s 1 normal none;
}

.accordion--vertical-product .accordion,
.accordion--vertical-product>div:first-child {
  height: auto !important;
}

.accordian-sec .tab-panel.active.show .ocr-accordion {
  --animation-duration: 1200ms;
  animation: fade-in var(--animation-duration), slide-up var(--animation-duration) ease-in-out 0s 1 normal none;
}

.contct-us form .form-inline .form-control,
.contct-us form textarea {
  display: block;
  width: 100%;
  vertical-align: middle;
  border: none;
  border-bottom: 1px solid #d4d4d4;
  background-color: transparent;
  padding: 16px;
  font-size: 14px;
  margin-bottom: 3px;
}

.contct-us form .form-group.text-right {
  margin-bottom: 0;
  margin-top: 27px;
}

.contct-us form textarea {
  min-height: 150px;
}

.contct-us .block-feature .block-feature__body {
  width: 100%;
}

.contct-us .card-horizontal__content .block-feature__title {
  padding-bottom: 25px;
}

.contct-us form .form-inline .form-control {
  height: 51.2px;
}

.contct-us .block-feature__badge .badge {
  width: 50px;
  height: 54px;
}

.text-right {
  text-align: right;
}

.contct-us form .form-inline label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0;
}

.contct-us .card-horizontal,
.contct-us .card-horizontal:hover {
  background-color: transparent;
  box-shadow: none;
  border: none;
}

.contct-us .row {
  margin: 0;
}

.contct-us .row .col {
  padding: 0;
}

.contct-us .card-horizontal__media {
  padding-right: 0;
}

.contct-us .card-horizontal__content {
  padding-left: 0;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  color: var(--button-pressed-color);
  background-color: var(--button-pressed-bg-color);
  border-color: var(--button-pressed-border-color);
}

.contact-form,.contact-form-contact {
  /* --card-media-order:1;
  */
  /* --card-horizontal-content-gap:var(--root-spacing-4xl);
  */
  --card-horizontal-box-shadow: var(--root-depth-4);
  --card-horizontal-background-color: var(--theme-background-card-normal);
  --card-horizontal-border-radius: var(--root-radii-l);
  --card-horizontal-padding: var(--root-card-padding-default);
  display: block;
  box-shadow: var(--card-horizontal-box-shadow);
  overflow: hidden;
  background: var(--card-horizontal-background-color);
  border-radius: var(--card-horizontal-border-radius);
  border: var(--root-border-xs) solid var(--theme-border-card-fade);
  padding: 25px 20px 30px 20px;
}

.contact-icon {
  gap: var(--root-spacing-l);
  margin-bottom: 35px;
}
.icon-details a {
    color: var(--bs-heading-color);
    text-decoration: none;
}
.footer-row-2 .contact-icon {
  margin-bottom: 0;
}

.contct-us a {
  text-decoration: none;
}

.block-feature__footer {
  gap: var(--root-spacing-m);
}

.contact-sec {
  position: relative;
  background-size: initial;
  background-position: right 0px top;
  background-image: url(../images/dot-pattern-opacity-1.png) !important;
  background-repeat: no-repeat;
}

body div.contact-sec.contact-section-two {
    background-image: none !important;
    padding-bottom: 0;

}
/*.main__section.main__section--1-column-hero-rtl.footer-row-1.padt-5 {
    padding-top: 3rem;
}
*/
.contact-section-two .main__section {
    padding-bottom: 0;
}

div#contact .block-feature__badge .badge .ocr-icon {
  justify-content: center;
}

.contct-us .signle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.accordian-sec,
#industries,
#Customer-stories,
.managed-it-page .it-support,
.network_sec,
.partner-sec,
.boost_teamwork,
.microsoft-365-consulting-support #price-section,
.google-workspace-consulting #price-section,
.microsoft-azure-page .it-support,
.it-services div#price-section,
.it-support-page div#price-section {
  position: relative;
}

/*div#contact:before,.accordian-sec:before,#industries:before,#Customer-stories:before,.managed-it-page .it-support:before,.network_sec:before,.partner-sec:before,.boost_teamwork:before, .microsoft-365-consulting-support #price-section:before,.google-workspace-consulting #price-section:before,.microsoft-azure-page .it-support:before,.it-services div#price-section:before,.it-support-page div#price-section:before  {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  filter:blur(123px);
  opacity:0.3;
  z-index:0;
  background:rgb(245,245,245);
  background:linear-gradient(134deg,rgba(245,245,245,1) 0%,rgba(245,245,245,1) 30%,rgba(0,156,223,1) 100%);
}
*/
.managed-it-page .accordian-sec:before,
.microsoft-azure-page .accordian-sec:before {
  display: none;
}

.microsoft-azure-page .accordian-sec {
  background-color: transparent;
}

.managed-it-page .it-support,
.it-services div#price-section,
.it-support-page div#price-section {
  background-color: transparent;
}

/*.microsoft-365-consulting-support #price-section:before{
  display: block;
}*/

.service .fg--base-highlight.block-feature__label .small-title,
#why_choose .fg--base-highlight.block-feature__label .small-title {
  color: var(--root-color-blue-blue-900);
}

#industries .layout--cols-5 {
  --layout-column-count: 5;
}

/*#why_choose .card .card__content .block-feature  {
  margin-bottom:28px;
}

*/
.accordion-button {
  transition: all 0.8s linear !important;
}

.accordion-collapse {
  transition: height 0.8s linear !important;
}

.accordion-button::after {
  transition: transform 0.8s linear !important;
}

.accordion-body {
  /*opacity:0;
  */
  transform: translateY(-5px);
  transition: opacity 0.8s linear, transform 0.8s linear !important;
}

.accordion-body.show {
  opacity: 1;
  transform: translateY(0);
}

#Customer-stories .container {
  position: relative;
  z-index: 1;
}

div#Customer-stories .carousel-wrapper,
.main-home-banner .carousel-wrapper {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  display: flex;
  gap: 1rem;
  scroll-behavior: smooth;
  padding: 0.67rem 1rem;
  overflow: hidden;
}

div#Customer-stories .carousel,
.main-home-banner .carousel {
  display: flex;
  min-width: 102%;
  scroll-snap-align: start;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  /* background:#f4f4f4;
  */
  /* height:200px;
  */
  border-radius: 10px;
}

div#Customer-stories .row {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

div#Customer-stories .testimonial-card .testimonial-card__media {
  padding-left: 8px;
}

div#Customer-stories .carousel-nav,
.main-home-banner .carousel-nav {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}

div#Customer-stories .carousel-nav a,
.main-home-banner .carousel-nav a {
  width: 8px;
  height: 8px;
  background: #999;
  border-radius: 50%;
  display: inline-block;
  transition: background 0.3s;
}

div#Customer-stories .carousel-nav a:hover,
.main-home-banner .carousel-nav a:hover {
  background: #333;
}

div#Customer-stories .testimonial-card {
  flex-direction: row-reverse;
}

div#Customer-stories .testimonial-card .inner-box .thumb {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 100px;
  height: 100px;
  overflow: hidden;
}

div#Customer-stories .testimonial-card .inner-box .thumb img {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  border-radius: 8px;
}

div#Customer-stories .testimonial-card .inner-box .image-2 {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

div#Customer-stories .testimonial-card .rating {
  position: relative;
  font-size: 14px;
  z-index: 2;
  color: yellow;
}

div#Customer-stories .testimonial-card .info-box {
  position: relative;
  margin-bottom: 10px;
}

div#Customer-stories .testimonial-card .info-box .name {
  margin-bottom: 5px;
  font-size: 20px;
  color: #17253d;
}

div#Customer-stories .testimonial-card .info-box .designation {
  display: block;
  margin-bottom: 0;
  color: #17253d;
  font-size: 18px;
}

div#Customer-stories .owl-carousel .owl-stage-outer {
  padding-bottom: 10px;
}

div#Customer-stories .testimonial-card .content-box .text {
  position: relative;
  font-size: 16px;
  line-height: 30px;
  margin-top: 100px;
  max-width: 460px;
}

div#Customer-stories .testimonial-card .content-box:after {
  content: "";
  position: absolute;
  top: 0;
  left: 4px;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 36px solid var(--bg-theme-color1);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left;
  transform-origin: left;
  z-index: 3;
}

div#Customer-stories .testimonial-card .rating img {
  height: auto;
  width: 23%;
}

.animation .animation {
  animation-delay: 250ms
}

--root-spacing-l:1.5rem;

.block-feature {
  --block-feature--spacing: var(--root-spacing-m);
  --block-feature--direction: column;
  --block-feature-align-items: flex-start;
  --block-feature-text-align: left;
  --block-feature-eyebrow-gap: var(--root-spacing-2xs);
  --block-feature-headings-gap: var(--root-spacing-2xs);
  --block-feature-body-gap: var(--root-spacing-m);
  --block-feature-body-copy-padding: 0;
  flex-direction: var(--block-feature--direction);
  gap: var(--block-feature--spacing);
}

div#Customer-stories .layout {
  --_column-gap: var(--ds-nupcards-layout-column-gap, var(--root-density-horizontal-default, 1rem));
  --_row-gap: var(--ds-nupcards-layout-row-gap, var(--root-density-vertical-default, 1rem));
  --_column-count: var(--ds-nupcards-layout-column-count, var(--layout-column-count, 1));
  --_column-gap-offset: calc(var(--_column-gap) * (var(--_column-count) - 1));
  --_available-width: calc(100% - var(--_column-gap-offset));
  --layout-column-width: calc(var(--_available-width) / var(--_column-count));
  column-gap: var(--_column-gap);
  row-gap: var(--_row-gap);
  display: flex;
  flex-wrap: wrap;
}

#Customer-stories .layout--cols-2 {
  --ds-nupcards-layout-column-gap: 24px;
  --ds-nupcards-layout-row-gap: 24px;
  --ds-hero-layout-col-first-child-flex: 0 1 40%;
  --ds-hero-layout-col-first-child-justify-content: unset;
  --ds-hero-layout-col-last-child-flex: 0 1 60%;
  --ds-hero-layout-col-last-child-justify-content: center;
  --ds-hero-cta-layout-height: 100%;
  --ds-hero-cta-layout-align-items: center;
  --ds-hero-cta-layout-col-display: flex;
  --ds-hero-cta-layout-justify-content: center;
  --ds-hero-cta-background-color: var(--ds-specs-and-stats-card-background-color, transparent);
}

:root {
  --bg--color--grey: #f5f5f5 !important;
}

.bg--color--grey {
  background-color: var(--bg--color--grey) !important;
}

.it-support,
.service,
.counter,
#why_choose,
.faq_Sec,
.testimonials-1,
.next-steps,
.managed-it-page .accordian-sec,
div#price-section,
.faq__sec,
.why-choose-teams,
.microsoft-azure-page .accordian-sec,
.backup-ransomware-page .partner-sec,
.driving-growth{
  background-color: var(--bg--color--grey);
}

.our-background,
.what-we-do {
  background-color: transparent !important;
}

.what-we-do .main__section {
  padding-top: 0 !important;
}

.about-sec,
.contact-sec,
.service,
.accordian-sec,
.counter,
#industries,
#why_choose,
#Customer-stories,
.faq_Sec,
.managed-it-page .it-support,
div#price-section,
.custom-pricing,
.network_sec,
.testimonials-1,
.partner-sec,
.faq__sec,
div#cloudsup,
div#superpower,
.boost_teamwork,
.enhanced_securtiy,
.microsoft-365-consulting-support div#services1,
.google-workspace-consulting div#services1,
.microsoft-azure-page .accordian-sec,
.microsoft-azure-page .it-support,
.it-services .it-support,
.it-support-page .it-support {
  position: relative;
  margin-bottom: 8px;

}

.about-sec:after,
.contact-sec:after,
.service:after,
.accordian-sec:after,
.counter:after,
#industries:after,
#why_choose:after,
#Customer-stories:after,
.faq_Sec:after,
.managed-it-page .it-support:after,
div#price-section:after,
.custom-pricing:after,
.network_sec:after,
.testimonials-1:after,
.partner-sec:after,
.faq__sec:after,
div#cloudsup:after,
div#superpower:after,
.boost_teamwork:after,
.enhanced_securtiy:after,
.microsoft-365-consulting-support div#services1:after,
.google-workspace-consulting div#services1:after,
.microsoft-azure-page .accordian-sec:after,
.microsoft-azure-page .it-support:after,
.it-services .it-support:after,
.it-support-page .it-support:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 8px;
  background-color: var(--theme-foreground-accent-strong-normal);
  bottom: -8px;
  z-index: 1;
}

.service .main__section {
  padding-top: 0;
}

.service .main__section__slot {
  margin-top: 0 !important;
}

.counter-block {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

.counting {
  font-weight: bold;
  line-height: 84px;
  /*width: 210px;*/
  padding: 24px;
  font-family: var(--root-font-family-headings, var(--root-font-family-segoe-variable-display));
  /*min-width: 210px;*/
}

.counting h3 {
  /*font-size:47px;*/
  font-size: 57px;
  font-weight: bold;
}

.google-workspace-consulting .counting h3,
.microsoft-365-consulting-support .counting h3,
.it-services .counting h3,
.backup-ransomware-page .counting h3 {
  text-align: center;
}

.custom-counter-section .counting h3 {
  text-align: center;
}

.counter-heading h5 {
  font-size: 37px;
  line-height: 44px;
  text-align: center;
}

.counter-heading h5.text-left {
  text-align: left;
}

.counter-heading h5 span {
  color: var(--theme-foreground-base-highlight);
}

.counter-block .card__content {
  width: calc(var(--layout-available-width) / var(--layout-column-count));
  width: 70%;
}

.counter-block .counting {
  width: calc(var(--layout-available-width) / var(--layout-column-count));
  width: 30%;
}

.footer .block-feature .align-items-start {
  text-align: var(--block-feature-text-align-center, center);
}

.footer .block-feature__headings {
  text-align: var(--block-feature-text-align-center, center);
}

.footer .block-feature {
  --block-feature-text-align-center: center;
}

.footer .card .block-feature__body {
  padding: 0;
}

.get-now h3 {
  color: var(--theme-foreground-accent-strong-normal);
}

.get-now .card {
  background: var(--theme-background-card-dark, #000)
}

.get-now .base.block-feature__paragraph.text-center {
  color: var(--theme-foreground-accent-strong-normal);
}

.get-now .btn {
  border-color: var(--theme-foreground-accent-strong-normal);
  color: var(--theme-foreground-accent-strong-normal);
  border-radius: var(--border-radius-0);
}

.btn.blue-color {
  color: var(--theme-border-accent-subtle-normal);
  border-radius: var(--border-radius-0);
}

.btn.blue-color:hover {
  border-color: var(--theme-border-accent-subtle-normal);
}

.footer .card .card__content {
  padding: var(--root-card-padding-custom);
}

.footer-row-1 .base.block-feature__paragraph.text-center {
  text-align-last: center;
}

ul.footer--menu {
  padding-left: 0;
}

ul.footer--menu li {
  list-style-type: none;
  padding: 5px 0;
}

ul.footer--menu li a {
  text-decoration: none;
  color: var(--text-color--grey);
  font-size: var(--font-size-19px);
}

.footer-row-3 h3 {
  color: var(--text-color--grey);
}

.base.block-feature__paragraph .addres-footer,
.footer-phone {
  color: var(--text-color--grey);
  font-size: var(--font-size-19px);
  font-weight: var(--root-base-font-weight, 400);
  line-height: var(--root-base-line-height, 1.5rem);
  letter-spacing: var(--root-base-letter-spacing, -.03em);
  margin-bottom: 0;
}

.base.block-feature__paragraph a {
  color: var(--text-color--grey);
  text-decoration: none;
}

.footer-phone {
  padding: var(--root-spacing-xl) 0 !important;
  padding-top: 5px !important;
}

.footer-phone.moved-phone {
    padding-bottom: 0px !important;
}

.footer-logo img {
  width: 102px;
  max-width: 140px;
  margin-top: -4px;
}

.copyright-text {
  font-weight: var(--root-base-font-weight, 400);
  font-size: var(--root-base-font-size, 1rem);
  line-height: var(--root-base-line-height, 1.5rem);
  letter-spacing: var(--root-base-letter-spacing, -.03em);
  color: var(--text-color--grey);
}

.privacy-terms.align-items-end {
  gap: 10px;
}

.footer-row-3 {
  background-color: var(--root-color-warm-gray-50);
}

.footer .icon-signle .badge {
  --badge-width: 32px;
  --badge-height: 32px;
  border: none;
}

.social-media-icon ul {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-bottom: 0;
}

.footer-row-2 .icon-signle .signle-icon {
  display: flex;
  align-items: center;
}

.social-media-icon ul li {
  list-style-type: none;
}

/*.card  {
  --card-background-color:var(--theme-background-card-normal);
  --card-background-color:var(--theme-background-card-dark);
  --card-content-gap:var(--root-spacing-2xl);
  --card-box-shadow:var(--root-depth-4);
  --card-border-radius:var(--root-radii-l);
  --card-padding:var(--root-card-padding-default);
  --card-media-horizontal-padding:var(--root-spacing-xs);
  box-shadow:var(--card-box-shadow);
  background:var(--card-background-color);
  border-radius:var(--card-border-radius);
  height:100%;
}

*/
.footer-row-2 {
  padding-top: 30px;
  padding-bottom: 30px;
  box-shadow: var(--card-box-shadow);
}

.faq_Sec .accordion .accordion-header {
  margin-bottom: 0;
  border-top: none;
  line-height: 1.5;
}

.faq_Sec .accordion-button:not(.collapsed) {
  background-color: transparent;
  padding-bottom: 0;
}

.faq_Sec .accordion-item,
.accordion,
.accordion-button {
  background-color: transparent;
}

.faq_Sec .accordion-item,
.accordion {
  border-left: none;
  border-right: none;
}

.faq_Sec .accordion-button::after {
  left: 0;
  position: absolute;
}

.faq_Sec .accordion-button {
  box-shadow: none !important;
}

.faq_Sec .accordion-button {
  padding: var(--root-spacing-xl);
}

/*.faq_Sec .accordion-collapse.collapse.show .accordion-body  {
  padding-top:0;
}

*/
.accordion.first-accordian .accordion-item {
  border-top: none;
}

.accordion .ocr-accordion-item button {
  text-align: left;
}

.carousel__arrow-next,
.carousel__arrow-prev {
  border: 2px solid var(--root-color-blue-black-800);
}

ul.footer--menu li a:hover {
  text-decoration: underline;
  color: var(--root-color-blue-black-800);
}

.counter .layout {
  --layout-row-gap: 1rem;
  margin-bottom: 0 !important;
}

div#footer {
  background-color: var(--theme-foreground-accent-strong-normal);
}

#industries .card__content {
  padding: 40px 20px;
}

/*#industries .layout--cols-5  {
  padding-right:0;
}

*/
#industries .card__content img {
  width: var(--root-icon-xl-max-width);
  max-width: var(--root-icon-xl-max-width);
  max-height: var(--root-icon-xl-max-height);
  font-size: var(--root-icon-2xl-font-size);
}

.cta-blue .card-horizontal {
  padding: 30px;
  background-image: url(../images/cta.png);
}

.cta-blue .card-horizontal-container {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

.cta-blue h2, .cta-blue .paragraph {
    color: var(--theme-foreground-accent-strong-normal);
}
.cta-blue .card-horizontal__content {
    padding-right: 0;
}

.geo h2,
.geo .block-heading__paragraph {
  color: var(--theme-foreground-accent-strong-normal);
}

.media {
  --media-display: flex;
  --media-width: inherit;
  --media-max-width: 100%;
  --media-height: auto;
  --media-border-radius: inherit;
  --media-aspect-ratio: initial;
  --media-overlay-background: var(--theme-background-background-overlay-fill, rgba(255, 255, 255, 0.6));
  position: relative;
  display: var(--media-display);
  width: var(--media-width);
  max-width: var(--media-max-width);
  height: var(--media-height);
  border-radius: var(--media-border-radius)
}

.sup-head.cloud-stack .sup-head-actions .super-search button#search {
  display: none;
}

/*managed-it page css start*/
.managed-it-banner {
  background-color: var(--root-color-brilliant-blue-200);
}

.main__section--blade-product-plan-cards.price__sec .carousel--card-grid .card-plan-detail--grid-card .card-plan-detail__content {
  padding-bottom: var(--root-spacing-xl);
}

.custom-pricing .row.main__section__slot {
  margin-top: 0;
}

.managed-it-banner .owl-carousel.owl-loaded {
  padding-bottom: 0 !important;
}

.managed-it-banner .owl-carousel.owl-loaded {
  height: auto;
}

.faq__sec .ocr-faq-item {
  transition: all 0.3s ease;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 0;
  padding-bottom: 1.5rem;
}

.faq__sec .ocr-faq-item button.col.ocr-faq-item__header {
  padding-bottom: 0 !important;
}

.faq__sec .ocr-faq-item__body-wrapper.collapse {
  transition: height 0.35s ease;
  overflow: hidden;
  /*  padding-bottom:1.5rem;
  */
}

.faq__sec .ocr-faq-item__body {
  padding-bottom: 0;
}

.faq__sec .ocr-faq-item__content {
  border-bottom: none;
}

/*managed-it page css end*/
/*rohit work*/

/*.customPlaceholder  {
  width:100%;
  max-width:400px !important;
  height:auto;
  display:block;
  background-image:url('https://fastly.picsum.photos/id/408/200/200.jpg?hmac=VJjKULX_XeyV5C9mbWyv6XTsG5EV-ZBsqbiQIi6xTeg');
}

*/

.customPlaceholder {
  filter: blur(15px);
  transition: filter 0.5s ease, opacity 0.5s ease;
  opacity: 0.5;
  height: 600px;
  width: 800px;
}

.customPlaceholder.loaded {
  filter: none;
  opacity: 1;
}

.accordion--vertical {
  overflow-y: hidden;
}

.ocr-faq-item__body.show {
  padding-bottom: 1.5rem;
}

#accordion-container-accordion-inpage-oc4ff5 button[aria-expanded="true"] {
  margin-bottom: 1rem !important;
}

.btnSet-regquest {
  padding: 8px 16px;
}

.card-promo .card-promo__image .media::before {
  background: linear-gradient(180deg, rgba(244, 250, 253, 0) 26%, #f4fafd 68%) !important;
}

/*accordian-flickering-next-section-solution*/
.new-lazy .lazy-img {
  width: 100%;
  /* or explicit w/h to stop CLS */
  height: auto;
  transition: opacity .3s ease;
}

.new-lazy .lazy-img[data-loaded="true"] {
  opacity: 1;
}

.new-lazy .lazy-img:not([data-loaded]) {
  opacity: 0.1;
  /* faint until the real one appears */
}

/*about-us-page*/

.reduced-gap .card-horizontal__content {
    gap: 5.1rem;
}

@media (max-width:859.98px) {
  .reduced-gap .card-horizontal__content {
    gap: 2rem;
}

}

span.our {
  font-size: 12.5rem;
  text-transform: uppercase;
  color: var(--block-heading-eyebrow-color);
  font-weight: bold;
}

.our-mission-title span {
  display: inline-block;
  line-height: 11.5rem;
  vertical-align: middle;
}

div#about_offer .card {
  background-image: linear-gradient(180deg, #009cdf 1.5%, #f9f9f9 1.5%);
}

div#about_offer .block-feature__paragraph {
  color: var(--theme-foreground-base-subtle);
  -moz-text-align-last: start;
  text-align-last: center;
}

div#about_offer .block-feature__headings.d-flex.flex-column.align-items-start {
  text-align: center;
  align-items: center !important;
  justify-content: center;
}

div#about_offer .block-feature__body.d-flex.flex-column.align-items-start {
  align-items: center !important;
}

div#about_offer .card .card__content .block-feature {
  align-items: center !important;
}

div#about_offer .block-slim {
  justify-content: center;
}

div#about_offer div#Get-started .ocr-img.media__asset {
  width: 6rem;
  height: 6rem;
}

div#about_offer div#Get-started .ocr-img.media__asset img {
  width: 100%;
  max-width: 6rem;
  max-height: 6rem;
  font-size: 6rem;
}

/*about-us-page*/
/*contact-us-page*/
.contact-page-form {
    background-color: #fafafa;
}
.contact-page-form .main__section{
  padding-bottom: var(--sm-breadth-bottom) !important;
}

div#contact-info .block-feature__body {
  padding-right: 0;
}

div#contact-info .base.block-feature__paragraph {
  text-align-last: center !important;
}

div#contact-info .base.block-feature__paragraph h5 {
  color: var(--text-color--grey);
}

/*div#contact_form form .form-inline .form-control,
div#contact_form form textarea {
  height: 51.2px;
  border: 1px solid #d4d4d4;
}

div#contact_form form .col-md-6 {
  padding: 0;
  width: calc(100% / 2 - 10px);
  flex: none;
}

div#contact_form form .col-md-12 {
  padding: 0;
}

div#contact_form .form-group {
  justify-content: space-between;
}

div#contact_form .block-feature__title {
  padding-bottom: 0;
}

div#contact_form .card-horizontal-container {
  margin-bottom: 0;
}
*/
/*contact-us-page*/
.contact-form form .col-md-12 {
    padding: 0;
}

.eop-contact-form .main__section {
    padding-bottom: 0;
}
.eop-contact-form .contct-us .card-horizontal__content {
    padding: var(--card-horizontal-padding);
    order: 2;
    /* padding-inline-start: calc(var(--root-copy-padding-l) + var(--card-horizontal-padding)); */
    padding-right: 2px;
    padding-left: 0;
}
.eop-contact-form .contct-us .card-horizontal__media{
  padding-inline-end: calc(var(--root-copy-padding-l) + var(--card-horizontal-padding));
}
.eop-contact-form .card-horizontal__content .block-feature__title {
  padding-bottom: 0px;
}
.eop-contact-form  .card-horizontal__content .block-feature__title {
    padding-bottom: 0;
}

.eop-contact-form .card-horizontal__media .base.block-feature__paragraph {
    margin-bottom: 16px;
}

.eop-contact-form form .form-group .col-md-6:nth-child(odd) {
    padding-left: 0;
}

.eop-contact-form form .form-group .col-md-6:nth-child(even) {
    padding-right: 0;
}

/*sup-protect-animated section css*/
.sup-platform-cards {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center
}

.sup-platform-cards:not(:last-child) {
  margin-bottom: 36px
}

.sup-platform-cards__content {
  position: relative;
  width: 100%;
  max-width: 1180px;
  padding: 0 0 40px;
  margin: 0 auto
}

.sup-platform-cards__content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #009cdf;
  border-radius: 20px;
  z-index: -2
}

.sup-platform-cards__content::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 4px*2);
  height: calc(100% - 4px*2);
  border-radius: calc(20px - 4px + 1px);
  background: var(--bg--color--grey);
  z-index: -1;
}

.sup-platform-cards__flag {
  position: relative;
  margin-top: -30px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 13px;
  border-radius: 10px;
  width: 93%;
  max-width: 618px;
  background: #8e71f4;
  font-weight: 700;
  font-size: 35px;
  line-height: 35px;
  color: #fff
}

.sup-platform-cards__flag::after {
  content: "";
  position: absolute;
  top: 0;
  left: 13px;
  width: calc(100% - 13px*2);
  height: 100%;
  border-radius: 6px
}

.sup-platform-cards__title {
  margin: 0;
  font-size: 72px;
  line-height: 74px;
  font-weight: 400;
  color: #000
}

.sup-platform-cards__title:not(:last-child) {
  margin-bottom: 40px
}

.sup-platform-cards__title--small {
  font-size: 55px;
  line-height: 55px
}

.sup-platform-cards__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 618px;
  min-height: 68px;
  padding: 12px 8px;
  margin-left: auto;
  margin-right: auto;
  border: 3px solid #009cdf;
  border-radius: 8px;
  -webkit-transition: .3s;
  transition: .3s;
  color: #009cdf;
  font-size: 30px;
  line-height: 38px
}

.sup-platform-cards__item:not(:last-child) {
  margin-bottom: 20px
}

.sup-platform-cards__item--small {
  font-size: 22px;
  line-height: 26px
}

.sup-platform-cards__item:hover {
  border: 0;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(80deg, #4aa079 -4.87%, #67d57c 94.19%);
  background: linear-gradient(10deg, #4aa079 5%, #67d57c 95%)
}

.sup-platform-tile {
  position: relative;
  -webkit-transition: .3s;
  transition: .3s
}

.sup-platform-tile-front {
  position: relative;
  height: 100%;
  padding: 93px 14px 10px;
  background: #4e5862;
  background-repeat: no-repeat;
  background-position: 50% 32%;
  background-size: auto 47.2px;
  border-radius: 12px;
  -webkit-transition: 1s;
  transition: 1s
}

.sup-platform-tile-front--cloud {
  background-image: url(../images/icon_tile_cloud.svg)
}

.sup-platform-tile-front--virtual {
  background-image: url(../images/icon_tile_virtual.svg)
}

.sup-platform-tile-front--physical {
  background-image: url(../images/icon_tile_physical.svg)
}

.sup-platform-tile-front--apps {
  background-image: url(../images/icon_tile_apps.svg)
}

.sup-platform-tile-front--unstructured {
  background-image: url(../images/icon_tile_unstructured.svg)
}

.sup-platform-tile-front--saas {
  background-image: url(../images/icon_tile_saas.svg)
}

.sup-platform-tile-front--containers {
  background-image: url(../images/icon_tile_containers.svg)
}

.sup-platform-tile-front__title {
  margin: 0;
  font-size: 22px;
  line-height: 22px;
  font-weight: var(--root-h5-font-weight, 600);
  text-align: center;
  color: #fff
}

.sup-platform-tile-front__title--small {
  font-size: 19px;
  line-height: 19px
}

.sup-platform-tile-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  gap: 50px;
  padding: 30px 8px 0;
  background: #fff;
  border-radius: 8px;
  -webkit-transition: 1s;
  transition: 1s
}

.sup-logos {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 53px;
  padding: 24px 0 0;
  margin-left: auto;
  margin-right: auto
}

.sup-logos__item {
  position: relative;
  text-decoration: none
}

.sup-logos__item::before {
  top: 50%;
  right: -43px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #929ba5
}

.sup-logos__item::after,
.sup-logos__item::before,
.sup-platform-tile-logo::after,
.sup-platform-tile-logo::before {
  content: "";
  position: absolute;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out;
  will-change: background
}

.sup-logos__item::after {
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #929ba5
}

.sup-logos__item:hover {
  text-decoration: none
}

.sup-platform-tile-logo,
.sup-platform-tile-logo__img-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.sup-platform-tile-logo {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  color: #848991
}

.sup-platform-tile-logo::after,
.sup-platform-tile-logo::before {
  background: 0 0
}

.sup-platform-tile-logo::before {
  top: 50%;
  left: -50px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.sup-platform-tile-logo::after {
  bottom: -33px;
  left: 50%;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.sup-logos__item.cisco-logo::before {
    display: none;
}

.sup-platform-tile-logo__img-wrapper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 55px
}

.sup-platform-tile-logo__title {
  font-size: 19px;
  line-height: 27px;
  text-align: center;
  color: #4e5862
}

.sup-platform-tile-logo__img--vmw {
  width: 100%;
  height: auto
}

.sup-platform-tiles {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 13px;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto 24px;
  text-align: left
}

.sup-platform-tiles__item {
  width: 100%;
  max-width: 300px;
  min-height: 147px;
  -webkit-transition: .3s;
  transition: .3s
}

.sup-platform-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 48px;
  margin: 16px auto 0;
  text-align: center;
  color: #8e71f4
}

.sup-platform-details__item {
  position: relative
}

.sup-platform-details__item:not(:last-child)::before {
  content: "•";
  position: absolute;
  top: 0;
  right: -28px;
  font-size: 20px;
  line-height: 28px
}

.sup-platform-details__title {
  margin: 0;
  padding: 0;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600
}

.sup-platform-pie-chart {
  position: absolute;
  left: calc(50% - 750px);
  top: calc(50% - 750px);
  width: 1500px;
  height: auto
}

.sup-platform-pie-chart__donut-segment {
  fill: transparent;
  stroke: #f9f9f9;
  stroke-dasharray: 100 0;
  stroke-dashoffset: 125
}

.sup-platform-hidden {
  opacity: 0
}

.sup-platform-visible {
  opacity: 1
}

.sup-platform-card-animated,
.sup-platform-tile-animated {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: .7s;
  animation-delay: .7s;
  -webkit-animation-name: hPlatformFadeInUp;
  animation-name: hPlatformFadeInUp
}

.sup-platform-card-animated {
  -webkit-animation-name: hPlatformFadeInDown;
  animation-name: hPlatformFadeInDown
}

.sup-platform-bgr-animated .sup-platform-pie-chart__donut-segment {
  -webkit-animation: hPlatformAnimateBorder 2s .4s linear both;
  animation: hPlatformAnimateBorder 2s .4s linear both
}

.sup-platform {
  position: relative;
  z-index: 1;
  padding: 80px 0;
  overflow: hidden;
  background: #f9f9f9;
  text-align: center
}

.sup-platform__title {
  margin: 0 0 16px;
  font-size: 44px;
  line-height: 52px;
  letter-spacing: -.44px;
  font-weight: 700
}

.sup-platform__subtitle {
  margin: 0 0 48px;
  font-size: 28px;
  line-height: 36px;
  font-weight: 400
}

.sup-logos-block {
  position: relative;
  overflow: hidden;
  text-align: center
}

.sup-logos-block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -100
}

@-webkit-keyframes hPlatformFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(24px);
    transform: translateY(24px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@keyframes hPlatformFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(24px);
    transform: translateY(24px)
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

@-webkit-keyframes hPlatformFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@keyframes hPlatformFadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
  }
}

@-webkit-keyframes hPlatformAnimateBorder {
  to {
    stroke-dashoffset: 75;
    stroke-dasharray: 0 100
  }
}

@keyframes hPlatformAnimateBorder {
  to {
    stroke-dashoffset: 75;
    stroke-dasharray: 0 100
  }
}



@media screen and (min-width: 846px) {

  .sup-logos__item:not(:nth-child(5n))::before,
  .sup-logos__item:not(:nth-child(5n+1)) .sup-platform-tile-logo::before {
    width: 40px;
    height: 1px
  }

  .sup-logos__item:not(:nth-child(-n+5))::after,
  .sup-logos__item:not(:nth-last-child(-n+5)) .sup-platform-tile-logo::after {
    width: 1px;
    height: 20px
  }

  .sup-logos__item:hover .sup-platform-tile-logo::after,
  .sup-logos__item:hover .sup-platform-tile-logo::before,
  .sup-logos__item:hover::after,
  .sup-logos__item:hover::before {
    background: #009cdf
  }
}

@media screen and (max-width: 1280px) {
  .sup-logos {
    gap: 46px 40px
  }

  .sup-platform-tile-logo {
    min-height: 113px
  }

  .sup-platform-logo::after {
    bottom: -26px
  }

  .sup-platform-tile-logo__title {
    font-size: 17px;
    line-height: 25px
  }

  .sup-platform-cards__content {
    padding: 32px 36px
  }

  .sup-platform-logos {
    gap: 46px 40px
  }

  .sup-platform-tile-logo {
    min-height: 113px
  }

  .sup-platform-tile-logo::after {
    bottom: -26px
  }

  .sup-platform-tile-logo__title {
    font-size: 17px;
    line-height: 25px
  }

}

@media screen and (max-width: 1170px) {
  .sup-platform-cards__flag {
    width: calc(100% - 20px - 20px);
    max-width: 548px;
    padding: 12px 8px;
    font-size: 22px;
    line-height: 26px
  }

  .sup-platform-cards__title {
    font-size: 44px;
    line-height: 44px
  }

  .sup-platform-cards__title:not(:last-child) {
    margin-bottom: 18px
  }

  .sup-platform-cards__title--small {
    font-size: 39px;
    line-height: 39px
  }

  .sup-platform-cards__item {
    max-width: 548px;
    min-height: auto;
    font-size: 22px;
    line-height: 26px
  }

  .sup-platform-tile-back {
    padding: 25px 0 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    gap: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
  }

  .sup-platform-tile-back__item {
    width: 38%
  }

  .sup-platform-tiles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 13px 3%
  }

  .sup-platform-tiles__item {
    max-width: 31%;
    margin: 0;
    min-height: auto
  }
}

@media screen and (max-width: 845px) {
  .sup-logos {
    grid-template-columns: repeat(4, 1fr)
  }

  .sup-logos__item:last-child::before {
    content: none
  }

  .sup-platform-tiles__item {
    max-width: 47%
  }
}

@media screen and (max-width: 480px) {
  .sup-platform-cards__content {
    padding: 15px
  }

  .sup-platform-cards__content::before {
    border-radius: 6px
  }

  .sup-platform-cards__content::after {
    top: 3px;
    left: 3px;
    width: calc(100% - 3px*2);
    height: calc(100% - 3px*2);
    border-radius: calc(6px - 3px)
  }

  .sup-platform-cards__flag {
    font-size: 18px;
    line-height: 22px;
    border-radius: 4px
  }

  .sup-platform-cards__flag::after {
    border-radius: 4px
  }

  .sup-platform-cards__title {
    font-size: 32px;
    line-height: 32px
  }

  .sup-platform-cards__title:not(:last-child) {
    margin-bottom: 12px
  }

  .sup-platform-cards__item {
    padding: 11px 6px 12px;
    border-radius: 4px;
    border-width: 2px;
    font-size: 18px;
    line-height: 22px
  }

  .sup-platform-tile-front {
    min-height: 146px
  }

  .sup-logos__item:not(:nth-child(2n))::before {
    right: -24px;
    width: 35px
  }

  .sup-platform-details {
    gap: 32px
  }

  .sup-platform-details__item:not(:last-child)::before {
    right: -20px;
    font-size: 16px;
    line-height: 24px
  }
}

@media screen and (max-width: 620px) {
  .sup-platform-tile-front {
    padding: 100px 4px 10px;
    background-position: 50% 30%
  }

  .sup-platform-tile-front__title {
    font-size: 18px;
    line-height: 18px
  }

  .sup-logos {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;
    padding: 20px 0 10px
  }

  .sup-logos__item:not(:nth-child(2n))::before {
    right: -30px;
    width: 40px;
    height: 1px
  }

  .sup-logos__item:not(:nth-child(-n+2))::after {
    width: 1px;
    height: 20px
  }

  .sup-platform-tile-logo {
    gap: 3px
  }

  .sup-platform-tiles {
    gap: 16px 4%
  }
}


@media screen and (max-width: 1170px) and (min-width:620.03px) {
  .sup-platform-tile-front {
    padding: 10px 16px 11px;
    background-position: 97% 50%;
    background-size: auto 70%
  }

  .sup-platform-tile-front__title {
    text-align: left
  }
}

@media screen and (min-width: 846px) and (max-width:1280px) {
  .sup-logos__item:not(:nth-child(5n+1)) .sup-platform-tile-logo::before {
    left: -35px;
    width: 35px
  }

  .sup-logos__item:not(:nth-child(5n))::before {
    right: -40px;
    width: 35px
  }
}

@media screen and (min-width: 846px) and (max-width:1023px) {
  .sup-logos__item:not(:nth-child(5n+1)) .sup-platform-tile-logo::before {
    left: -31px;
    width: 23px
  }

  .sup-logos__item:not(:nth-child(5n))::before {
    right: -32px;
    width: 23px
  }
}

@media (min-width: 621px) and (max-width:845px) {
  .sup-logos__item:not(:nth-child(4n))::before {
    width: 40px;
    height: 1px
  }

  .sup-logos__item:not(:nth-child(-n+4))::after {
    width: 1px;
    height: 20px
  }
}

/*sup-protect-animated section css*/

div#map-section {
  padding: 0;
}
/*subpage-new-layout-css*/


.subpage-banner .main__section {
    padding-top: 3.8rem;
    padding-bottom: 0;
    position: relative;
}
.supage-backgound {
    background: -webkit-linear-gradient(13deg,#ddeef9 2.7%,#FAF3F2 33.93%,#FFF 86.27%);
    background: oldlinear-gradient(13deg,#ddeef9 2.7%,#FAF3F2 33.93%,#FFF 86.27%) -moz-;
    background: -o-linear-gradient(13deg,#ddeef9 2.7%,#FAF3F2 33.93%,#FFF 86.27%);
    background: linear-gradient(77deg,#ddeef9 2.7%,#FAF3F2 33.93%,#FFF 86.27%);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    width: 100%;
    height: 100vw;
    z-index: 0;
}

.subpage-banner .main__section .container {
    max-width: 100%;
    padding: 0;
    width: 100%;
}
.subpage-banner .main__section .container .row{
  margin: 0;
}

.subpage-banner .main__section .container .row .col{
  padding: 0;
}

.subpage-banner .button-group .btn {
    font-weight: 600;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    line-height: 34px;
    text-align: center;
    transition: all .2s ease-in-out;
    padding: 0 12px;
    margin-right: 20px;
    min-width: 200px;
    height: 40px;
}

.subpage-banner .button-group .btn.btn--secondary {
    background-color: #fff;
}

.subpage-banner .block-slim a {
    color: var(--theme-foreground-base-highlight);
    font-size: 15px;
    font-weight: 400;
}

.main__section.big-image-sec .card {
    width: 95%;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: none;
    background-color: transparent;
}
.main__section.big-image-sec .card .media{
  justify-content: center;
    border: none !important;
    box-shadow: none;
    max-width: 100% !important;

}

div#sub-banner .badge.badge--size-xl {
    --badge-width: 4.563rem;
    --badge-height: 4.563rem;
    border: none;
    background-color: transparent;
}

div#sub-banner .badge.badge--size-xl>div.ocr-icon{
      --icon-font-size: 100% !important;
    --icon-max-width: 100% !important;
    --icon-max-height: 100% !important;

}
div#sub-banner .main-title h2,.tab-last-icon-row .main-title h2{
    color: var(--block-heading-eyebrow-color);
}

.subpage-banner .block-heading__paragraph {
    max-width: 39.813rem;
    padding-right: 0;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 26px;
    color: #242424;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.subpage-banner .block-slim.justify-content-center {
    margin-top: 32px;
}

.subpage-banner .button-group {
    column-gap: 0;
}

.subpage-banner .main-title h2 {
    text-fill-color: transparent;
    font-style: normal;
    /*line-height: 65px;*/
    background: -webkit-linear-gradient(96.2deg, #193fed -3.08%, #009cdf 14.74%, #1b34a7 72.12%);
    background: oldlinear-gradient(96.2deg, #193fed -3.08%, #009cdf 14.74%, #1b34a7 72.12%) -moz-;
    background: -o-linear-gradient(96.2deg, #193fed -3.08%, #009cdf 14.74%, #1b34a7 72.12%);
    background: linear-gradient(96.2deg, #193fed -3.08%, #009cdf 14.74%, #1b34a7 72.12%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
    /*-webkit-text-fill-color: transparent;*/
    font-size: 3.125rem;
    margin-top: 18px;
}
.rotating-text {
/*  font-size: 25px;*/
 /* line-height: 1.2;*/
  font-weight: 600;
  text-align: center;
}
.rotating-text span{
    text-align: left;
}
.window {
  display: inline-block;
  overflow: hidden;
  height: 56px; /* make sure it's visible */
  vertical-align: bottom;
}

.window span {
    line-height: 56px;
}

.window-inner {
  display: block;
  color: var(--bs-heading-color);
  animation: scroll-text 5s ease-in-out infinite;
}

.window-inner span{
      color: var(--theme-foreground-base-strong) !important; 
}

.window-inner span {
  display: block;
}

@keyframes scroll-text {
  0% { transform: translateY(0%); }
  16.66% { transform: translateY(-16.66%); }
  33.33% { transform: translateY(-33.33%); }
  50% { transform: translateY(-50%); }
  66.66% { transform: translateY(-66.66%); }
  83.33% { transform: translateY(-83.33%); }
  100% { transform: translateY(-83.33%); }
}




.main__section.big-image-sec .card__media {
    padding: 0;
}

.main__section.big-image-sec {
    padding-bottom: 0;
    padding-top: 4.38rem;
}

.main__section.tabs-main-section {
    padding-top: 6.65rem;
    padding-bottom: 0;
}

.card.main-card {
   box-shadow: 0 0.125rem 0.25rem var(--root-depth-color-2, rgba(0, 0, 0, 0.14));
}
.tabs-continer{
      margin: 0 auto;
    min-width: 250px;
    max-width: 1776px;
}
.col.tabs-continer-col {
    padding: 0;
}
div#tab-sec .main__section {
    padding-top: 4.5rem;
    padding-bottom: 4.938rem;
    background-color: #FAFAFA;
}

.card-horizontal__content.text--col {
    padding-right: 8.125rem !important;
}

.tabs-main-section ul#myTab {
    border-bottom: none;
}

.tabs-main-section .tab-content {
    margin-top: 0;
}

.tabs-main-section .nav-tabs li button {
    background-color: var(--bg--color--grey);
    -webkit-box-shadow: #FAFAFA 0 8px 0,rgba(0,0,0,.14) 0 0 8px;
    -moz-box-shadow: #FAFAFA 0 8px 0,rgba(0,0,0,.14) 0 0 8px;
    box-shadow: #FAFAFA 0 8px 0,rgba(0,0,0,.14) 0 0 8px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-radius: 20px 20px 0 0;
    padding: 29px 0;
    margin-right: 16px;
    margin-left: 0;
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(0,0,0,.14) 0 -5px 8px;
}

.tabs-main-section .nav-tabs li button:hover:before{
  display: none;
}

.tabs-main-section ul#myTab li.nav-item {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    margin-left: 0;
}

.tab-button.m365.tab-button--active {
    background-color: #FAFAFA;
    color: #464FEB;
}

.tabs-main-section .nav-tabs li button {
    background-color: transparent !important;
    border: none;
    font-size: 1.313rem;
}

.tabs-main-section .nav-tabs li:last-child {
    margin-right: 0;
}

.tabs-main-section .nav-tabs li button {
    background-color: #e3ecf0 !important;
    border: none;
    background-color: #e6f3f9 !important;
}

.tabs-main-section .nav-tabs li button.active {
    background-color: #fafafa !important;
}

.tabs-main-section .nav-tabs li button{
      color: var(--theme-border-accent-subtle-normal) !important;
}

.tabs-main-section .nav-tabs li button img {
    margin-right: 20px;
}

.tabs-main-section .nav-tabs li button img.active-img {
    display: none;
}
.tabs-main-section .nav-tabs li button.active img.static-img{
  display: none;

}

.tabs-main-section .nav-tabs li button.active img.active-img {
    display: inline-block;
}
div#tab-sec .main__section .container .main__section__layout-header {
    width: 43.75rem;
    padding: 0 !important;
    margin: 0 auto;
}

.tabs-main-section .block-feature__title span.d-block.h3, .tabs-main-section .main-title h2 {
    font-size: 2.313rem;
    font-weight: bold;
    line-height: 1.19;
}
/*
.main-title.first-title h2 {
    font-size: 2.313rem;
    font-weight: bold;
}*/

.tabs-main-section .block-feature__paragraph,.tabs-main-section .block-heading__paragraph {
    text-align: left !important;
     color: #5C5C5C;
    font-size: 18px;
    line-height: 26px;
}

.tabs-main-section .block-heading__paragraph {
    text-align: center !important;
    margin-top: 16px;
    margin-bottom: 1.9rem;
    padding-right: 0;
}

body.main-page.page-base.sub-page {
    overflow-x: hidden;
}

.two-col .block-feature__headings {
    align-self: auto !important;
    text-align: left !important;
}

.two-col .block-feature__badge {
    align-self: auto !important;
}

.two-col .card-horizontal__media {
    padding-right: 0;
}

.two-col .card-horizontal {
    border-radius: 0;
    box-shadow: none;
    border: none;
    background-color: transparent;
}

.two-col .ocr-img img {
    border-radius: 0;
}

.text--col {
    padding-right: calc(50%/6) !important;
}
.two-col .badge.badge--size-xl {
    --badge-width: 3rem;
    --badge-height: 3rem;
    border: none;
}
.two-col .main__section {
    padding: 0 !important;
}
.tab-last-icon-row .main__section__layout-header {
    margin-bottom: 4.1rem !important;
}

.tab-last-icon-row .block-heading__paragraph {
    padding-right: 0;
}

/*.subpage-end-icon {
    padding-bottom: 7rem;
}*/
.footer-tabs ul#myTab li.nav-item {
    width: 230px !important;
    -webkit-box-flex: unset;
    -webkit-flex-grow: unset;
}
.footer-tabs .nav-tabs li button {
    border-radius: 40px;
    padding: 0;
    line-height: 2.33;
}
.footer-tabs ul#myTab {
    justify-content: center;
    border: none;
}
.footer-tabs .nav-tabs li button {
    background-color: var(--bg--color--grey) !important;
    border-radius: 40px;
    padding: 0;
    line-height: 2.33;
    box-shadow: none;
    color: var(--theme-foreground-accent-subtle-normal) !important;
    font-size: 1.125rem;
}
.footer-tabs .nav-tabs li button.active {
    background-color: var(--theme-border-accent-subtle-normal) !important;
    color: var(--theme-foreground-accent-strong-normal) !important;
}
.row.tab-last-icon-row {
    padding-top: 7rem;
}
.footer-tabs .row.tab-last-icon-row {
  padding-top: 0;
}
.two-col .card-horizontal-container {
    margin-bottom: 0;
}
div#tab-inner-container {
    max-width: 100%;
    width: 100%;
    padding: 0;
}

.text--col {
    padding-left: 0 !important;
}

.text--col .block-feature__title {
    padding-bottom: 8px;
}

.text--col .block-feature__body {
    row-gap: 12px;
}

.two-col .row {
    margin: 0;
    align-items: center;
}

.row.two-col-2 {
    padding-top: 35px;
}

.tabs-outer-col{
  padding: 0;
}

.tabs-main-section ul#myTab li.nav-item:last-child button {
    margin-right: 0;
}
.tabs-continer .row.main__section__slot{
  margin: 0;
}

.tab-last-icon-row .main-title h2 {
    font-size: 2.813rem !important;
    text-fill-color: transparent;
    font-style: normal;
    line-height: 65px;
    background: -webkit-linear-gradient(96.2deg, #193fed -3.08%, #009cdf 14.74%, #1b34a7 72.12%);
    background: oldlinear-gradient(96.2deg, #193fed -3.08%, #009cdf 14.74%, #1b34a7 72.12%) -moz-;
    background: -o-linear-gradient(96.2deg, #193fed -3.08%, #009cdf 14.74%, #1b34a7 72.12%);
    background: linear-gradient(96.2deg, #193fed -3.08%, #009cdf 14.74%, #1b34a7 72.12%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -o-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

.footer-tabs {
    background-color: #fafafa;
    padding-top: 7.55rem;
    padding-bottom: 3rem;
}

/*subpage-new-layout-css*/

.it-security-business .col {
    gap: 0.5rem !important;
}

@media (max-width: 1778px){
  .tabs-main-section .container-md.cta-stacked--horizontal-cards{
    width: calc(50% / 6 + 400px + 657px);
    padding: 0;
  }
}

@media (max-width: 1399px){
  .tabs-main-section .container-md.cta-stacked--horizontal-cards{
                width: -webkit-calc(40px + 340px + 508px);
        width: -moz-calc(40px + 340px + 508px);
        width: calc(40px + 340px + 508px);
  }
}

@media (max-width: 1399px) {
.tabs-main-section .nav-tabs li button {
    font-size: 16px;
}
.tabs-main-section .nav-tabs li button img {
    margin-right: 16px;
    width: 24px;
    height: 24px;
}
.tabs-main-section .nav-tabs li button {
    padding: 15px 0;
}
.footer-tabs .container {
    padding: 0 !important;
}
.tabs-main-section .block-feature__title span.d-block.h3, .tabs-main-section .main-title h2 {
  font-size: 29px;
  line-height: 34px;
}
}

@media (max-width: 1083px) {
.footer-tabs ul#myTab li.nav-item {
    width: 194px !important;
}
.tabs-main-section .nav-tabs li button {
  padding: 6px 0;
  line-height: 48px;
}
.tab-last-icon-row .main__section__layout-header {
    margin-bottom: 3.5rem !important;
}
.footer-tabs .nav-tabs li button {
    font-size: 18px;
    width: 208px;
    padding: 0;
}

}
@media (max-width: 1083px) {
.two-col .row {
    width: 32rem;
    margin-left: auto !important;
    margin-right: auto !important;
    flex-direction: column;
}
.two-col .row .row{
  width: 100% !important;
}
.two-col .col-md-6 {
    width: 100% !important;
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 0;
}
    .row.two-col-2 .card-horizontal .card-horizontal__content {
        order: unset;
    }
    div#tab-sec .main__section .container .main__section__layout-header {
    width: 32rem;
}
.tabs-main-section .block-feature__title span.d-block.h3, .tabs-main-section .main-title h2 {
  font-size: 24px;
  line-height: 30px;
}
.tabs-main-section .block-feature__paragraph, .tabs-main-section .block-heading__paragraph {
  font-size: 16px;
  line-height: 24px;
}
.tabs-main-section .block-heading__paragraph {
  margin-bottom: 1.1rem;
}
.two-col .col-md-6 {
  width: 100% !important;
  flex: 0 0 100%;
  max-width: 100%;
  padding-bottom: 0;
  width: width: 340px;
  width: 340px !important;
  padding: 0 !important;
}
.row.two-col-2 {
  padding-bottom: 35px;
}
}
/*responsive css start*/

/*code comment on 25/07/2025*/
/*@media (min-width:860px) and (max-width:1440px)  {
.card-promo .card-promo__image .media::before {
    background: linear-gradient(180deg, rgba(244, 250, 253, 0) 37%, #f4fafd 67%) !important;
}
}
@media (min-width:768px) and (max-width:1026px){
  .card-promo .card-promo__image .media::before {
    background: linear-gradient(180deg, rgba(244, 250, 253, 0) 26%, #f4fafd 65%) !important;
}
}*/
/*code comment on 25/07/2025*/

.stats_counter .block-heading__title {
  text-align: center;
}

div#counter__stats .main-title.counter-heading,
div#supercloud-protect .main-title.counter-heading h2 {
  margin-bottom: var(--root-spacing-l);
}


@media (min-width:860px) and (max-width:1440px) {
  .card-promo .card-promo__image .media::before {
    background: linear-gradient(180deg, rgba(244, 250, 253, 0) 51%, #f4fafd 82%) !important;
  }
}

@media (min-width:1025px) and (max-width:1200px) {

  .accordian-sec .accordion--vertical-product .accordion,
  .accordion--vertical-product>div:first-child {
    max-height: 795px;
  }
}

@media (min-width:860px) and (max-width:1083.99px) {
  div#counter__stats .counter-block {
    flex-direction: row;
    align-items: center;
  }
}

@media (max-width: 1083.99px) {
  div#counter__stats .layout--cols-2 {
    --layout-column-count: 1;
  }
}

@media (max-width:991px) {
  .our-mission h4 br {
    display: none;
  }

  .middle-nav nav#sticky-nav .dropdown__link {
    text-decoration: none;
  }

  .secondary-nav .dropdown .list-item__inner .list-item__trailing.is-active .glyph-prepend-chevron-down {
    transform: rotate(180deg);
    transition: transform .6s ease;
  }

  .secondary-nav .dropdown .list-item__inner .list-item__trailing .glyph-prepend-chevron-down {
    color: var(--theme-foreground-base-strong);
  }

  .mobile-menu {
    display: none;
  }

  .sup-head-gnav.mobile-open {
    display: block !important;
    transition: all .3s ease-in;
    top: 54px !important;
  }

  .inner-menu.subemnu-open {
    display: block !important;
    transition: all .3s ease-in;
  }

  .secondary-nav .menu-list.show {
    top: 52px;
    border-radius: 0;
    left: 0;
  }

  button.cloud-action.c-glyph.glyph-global-nav-button.is-active::before {
    font-family: "MWF-MDL2";
    content: "";
  }

  a#contact-header {
    /* display:none;
  */
    position: absolute;
    width: auto;
    right: 10px;
    margin-right: 0;
  }

  .h1-heading.first-slide-home h1 {
    line-height: 2.9rem;
    font-size: 2.7rem;
  }

  .home-banner .owl-theme .owl-nav.disabled+.owl-dots {
    bottom: -35px;
  }

  .main-home-banner .main__section--layout-cols-2.row {
    flex-direction: column-reverse;
  }

  div#Customer-stories .carousel-wrapper,
  .main-home-banner .carousel-wrapper {
    padding: 4px;
  }

  .container,
  .container-md,
  .container-sm {
    max-width: 100%;
  }

  div#Customer-stories .testimonial-card .info-box .designation {
    font-size: 19px;
  }

  .cta-blue .row.align-items-center {
    flex-direction: column-reverse;
  }

  .cta-blue .block-slim.justify-content-end {
    justify-content: center !important;
  }

  .cta-blue .card-horizontal__content {
    padding: 0 !important;
  }

  .cta-blue .card-horizontal__content .block-feature {
    justify-content: center;
  }

  .cta-blue .card-horizontal-container {
    width: 75%;
  }

  .counting {
    padding-bottom: 16px !important;
  }

  div#Customer-stories .testimonial-card .testimonial-card__media {
    padding-bottom: 8px;
  }

  div#Customer-stories .carousel-wrapper,
  .main-home-banner .carousel-wrapper {
    gap: 2rem;
  }

  .social-media-icon ul {
    justify-content: center;
    padding-left: 0;
    margin-bottom: 6px;
    /*    margin-top:4px;
  */
  }

  .counter-block {
    flex-direction: column;
  }

  .counting {
    font-size: 50px;
    font-weight: bold;
    line-height: 65px;
    width: 100%;
    text-align: left;
    padding: 24px;
    padding-bottom: 0 !important;
    width: 100% !important;
  }

  .counter-block .card__content {
    width: 100% !important;
  }

  .counting h3 {
    font-size: 50px;
    line-height: 60px;
  }

  .counter-block .paragraph {
    padding-right: 2rem;
  }

  .counting h3 {
    font-size: 50px;
  }

  .it-services .counting h3 {
    text-align: left;
  }

  .google-workspace-consulting .counting h3,
  .microsoft-365-consulting-support .counting h3,
  .it-services .counting h3,
  .backup-ransomware-page .counting h3 {
    text-align: left;
  }

  .google-workspace-consulting .counter-block,
  .microsoft-365-consulting-support .counter-block {
    flex-direction: column !important;
  }

  .custom-counter-section .counting h3 {
    text-align: left;
  }

  .custom-counter-section .counter-block {
    flex-direction: column !important;
  }

  .counter-heading h5 {
    font-size: 26px;
    line-height: 30px;
    text-align: center;
  }

  /*.counter .card .card__content .block-feature  {
  align-items:center !important;
}

*/
  /*.counter .block-feature__body,.counter .block-feature__body .paragraph  {
  align-items:center !important;
  text-align:center;
  text-align-last:center !important;
}

*/
  .counter-block .card__content {
    padding: 24px;
    padding-top: 16px;
  }

  .contct-us .cta-stacked .card-horizontal-container .row {
    flex-direction: column-reverse;
  }

  .contact-form {
    margin-bottom: 5px;
    margin-top: 62px;
    padding-top: 30px;
  }
 /* .eop-contact-form .main__section{
    padding-top: 0;
  }
*/

  .eop-contact-form .contct-us .card-horizontal__media {
    padding-right: 0;
    padding-left: 0;
}
  .contact-form .form-group {
    margin-bottom: 0;
  }

  .contct-us form .form-group.text-right {
    margin-bottom: 0;
    margin-top: 20px;
  }

  .contact-form form .form-group .col-md-6 {
    padding: 0;
  }

  .footer-row-2 .contact-icon {
    justify-content: center;
    margin-bottom: 24px;
  }

  .footer-row-2 .three-up-cards__card.layout__col h5 {
    text-align: center;
  }

  .footer-row-2 h4 {
    text-align: center;
    margin-bottom: 20px;
    /* font-weight:bold;
  */
    font-size: 22px;
  }

  .footer-row-2 .icon-details h5 {
    margin-bottom: 0;
  }

  .footer-row-1 .layout.layout--cols-3 {
    --layout-row-gap: 1rem;
  }

/*  .footer-logo {
    margin-top: 1rem;
  }*/

  .counter-block {
    align-items: flex-start;
  }

  .inner-menu.subemnu-open {
    padding-left: 30px;
  }

  .sup-head>div:first-child .head-menu>button.is-active:after {
    top: 50%;
    transform: translateY(50%);
    padding: 0;
  }

  div#Get-started .layout--cols-4 {
    --layout-column-count: 1;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .home-banner {
    padding-top: 48px;
    padding-bottom: 80px;
  }

  .home-banner .owl-carousel.owl-loaded {
    width: 100%;
    height: 100%;
  }

  .privacy-terms.align-items-end {
    justify-content: flex-start !important;
  }

  .home-banner .owl-theme .owl-nav.disabled+.owl-dots {
    bottom: -60px;
  }

  #industries .layout--cols-5 {
    --layout-column-count: 3;
    /* overflow-x:scroll;
  */

    padding: 20px 10px;
  }

  .animation.animation--effect-2-scroll {
    opacity: 0;
    transform: translateY(20px);
    will-change: opacity, transform;
  }

  /* Animation trigger when effect-on is added */
  .animation.animation--effect-2-scroll.effect-on {
    animation: fadeMoveUp 1s ease forwards;
  }

  @keyframes fadeMoveUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .carousel--type-regular .carousel__container {
    margin: unset !important;
  }

  .testimonials-1 .testimonial-card__media.order-md-1 {
    order: 1 !important;
  }

  .testimonials-1 .testimonial-card .testimonial-card__content {
    order: 2;
  }
  .eop-contact-form .cta-stacked .card-horizontal-container .row {
    flex-direction: column;
}
}

@media (min-width:860px) {
  #industries .layout--cols-5 {
    --layout-column-count: 5;
  }

  .footer-row-2 .layout--cols-4 {
    --layout-column-count: 4;
  }

  .copyright-text {
    align-items: flex-start !important;
  }

  .testimonials-1 .testimonial-card .testimonial-card__content {
    order: 2;
  }

  .cloud-testimonial .testimonial-card {
    flex-direction: row-reverse;
  }
}

.cloud-testimonial .testimonial-card blockquote .h4 {
  font-weight: 400;
}

@media (min-width:1025px) and (max-width:1440px) {
  .copyright-text {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left;
  }

  .cta-blue .card-horizontal-container {
    width: 65%;
  }

  .h1-heading.first-slide-home h1 {
    font-size: 3.5rem;
  }

  .counter-heading h5 {
    font-size: 30px;
    line-height: 35px;
  }
}

@media (min-width:1025px) and (max-width:1300px) {
  .cta-blue .card-horizontal-container {
    width: 80%;
  }

  /*.counting,.counting h3  {
  font-size:50px;
}
*/
  .counting {
    width: calc(100% / 2 - 4px);
  }

  .h1-heading.first-slide-home h1 {
    font-size: 3rem;
  }

  .counter-heading h5 {
    font-size: 26px;
    line-height: 34px;
  }
}

@media (min-width:992px) and (max-width:1300px) {

  .contact-form form .form-inline .form-control,
  .contact-form form textarea {
    height: 38.2px;
  }

 .contact-form form textarea {
    min-height: 100px;
  }

  .contact-form .form-group {
    margin-bottom: 10px;
  }

}

@media (min-width:992px) and (max-width:1080px) {
  .home-banner .owl-theme .owl-nav.disabled+.owl-dots {
    bottom: -60px;
  }
.main__section.tabs-main-section {
    padding-top: 75px !important;
}
div#tab-sec .main__section {
    padding-bottom: 4.538rem;
}
.text--col .block-feature__title {
    padding-bottom: 0;
}
.text--col .block-feature__footer {
    display: none;
}
.text--col .base.block-feature__paragraph {
    padding-bottom: 15px;
}
.row.tab-last-icon-row {
    width: 100%;
}
.row.tab-last-icon-row .main__section__layout-header {
    width: 100% !important;
}
.row.tab-last-icon-row .main__section__layout-header h2 {
    line-height: normal;
}
.row.tab-last-icon-row .main__section__layout-header .block-heading__paragraph {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
}
.tab-last-icon-row .main__section__layout-header {
    margin-bottom: 5rem !important;
}
.row.tab-last-icon-row {
    padding-top: 8rem;
}
.footer-tabs {
    padding-top: 7rem;
}
}

@media (min-width:992px) and (max-width:1024px) {

  /*    .home-banner .owl-item  img  {
  height:100%;
  width:100%;
}

*/
  .home-banner .owl-theme .owl-nav.disabled+.owl-dots {
    bottom: -60px;
  }

  .counter-heading h5 {
    font-size: 27px;
    line-height: 34px;
  }

  .counting,
  .counting h3 {
    font-size: 46px;
  }

  .cta-blue .card-horizontal-container {
    width: 80%;
  }

  div#Customer-stories .testimonial-card .info-box .designation {
    font-size: 22px;
  }

  .icon-details h5 {
    font-size: 15px;
  }

  .copyright-text {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    text-align: left;
  }

  div#counter__stats .layout--cols-2 {
    --layout-column-count: 1;
  }

  .counter-block {
    align-items: center;
  }

  #industries .card__content {
    padding: 20px 20px;
  }

  .h1-heading.first-slide-home h1 {
    font-size: 2.7rem;
  }

  .secondary-nav .container>.button-group {
    margin-left: 0;
  }

  .accordion--vertical .accordion {
    flex-basis: calc(36% - 1rem / 2);
  }


}

@media (max-width: 1024px){
  .subpage-banner .main-title h2 {
    font-size: 31px;
    line-height: 35px;
}
.window {
    height: 52px;
}
.subpage-banner .button-group .btn {
    min-width: 164px;
}
.main__section.tabs-main-section {
    padding-top: 4.1rem;
}
.tab-last-icon-row .main-title h2{
  line-height: normal !important;
}
}
@media (min-width:810px) and (max-width:1080px) {
    .eop-contact-form .card-horizontal__content .base.block-feature__paragraph {
    margin-bottom: 16px;
}
 .two-col-ipad .layout--cols-4{
        --layout-column-count: 2
    }
}


@media (min-width:860px) and (max-width:992px) {
  div#contact_form .col-lg-12.col-md-6 {
    max-width: 100%;
    flex: 100%;
  }
}

@media (max-width:768px) {
  #industries .layout--cols-5 {
    --layout-column-count: 3;
    /* overflow-x:scroll;
  */
  }
}

.stat {
  margin: 150px auto;
  text-align: center;
}

.highlight {
  color: #111;
  padding: 20px 0;
  font-weight: bold;
  display: block;
  overflow: hidden;
  margin-bottom: 0;
  font-family: var(--root-font-family-headings, var(--root-font-family-segoe-variable-display));
  font-size: var(--root-h1-font-size, 2.5rem);
}

.stat i {
  color: #f7c221;
}

.milestone-details {
  font-weight: bold;
  font-size: 18px;
  color: #999;
}

.img-milestone .ocr-img.media__asset {
  border-radius: 0 !important;
  --image-border-radius: 0;
}

.stats_counter .card {
  box-shadow: none;
  border-radius: 0;
}

/*.round-counter{
  position: relative;
      width: 230px;
    height: 230px;
    background: #adacaf;
    display: grid;
    place-content: center;
    border-radius: 50%;
}


.round-counter:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: conic-gradient(rgb(0 156 223) calc(92%), rgba(0, 0, 0, 0) 0deg);
}*/
/*rohit add circle counter*/
.milestone-counter.round-counter {
  position: relative;
  width: 230px;
  height: 230px;
}

.milestone-counter svg {
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-90deg);
}

.milestone-counter circle {
  fill: none;
  stroke-width: 12;
  stroke-linecap: round;
}

.bg {
  stroke: #ccc;
  stroke-width: 12;
  fill: none;
}

.progress {
  stroke: #009cdf;
  stroke-width: 12;
  fill: none;
  stroke-linecap: round;
  stroke-dasharray: 690;
  stroke-dashoffset: 690;
}

.milestone-counter i,
.stat-count {
  position: relative;
  display: block;
  text-align: center;
  z-index: 2;
}

.milestone-counter i {
  font-size: 3em;
  color: #333;
  margin-top: 40px;
}

.stat-count {
  font-size: 100px;
  font-weight: bold;
  color: #222;
}

.subTexthead {
  /*   position: absolute;
  bottom: 80px*/
  ;
  font-size: 50px;
  font-weight: 800;
  margin-top: 20px;
}

.milestone-counter .base.block-feature__paragraph {
  margin-top: 15px;
}

.zb-number .base.block-feature__paragraph {
  margin-top: -4px;
}

.number-counter {
  display: flex;
  align-items: center;
}

.setofcircle.normal-number {
  flex-direction: column;
  /* height: auto; */
  margin-bottom: 0;
}

.normal-number.three-year .setofcircle.topmove {
  flex-direction: column;
  height: 188px;
}

.setpostion {
  padding-top: 25px;
}

.normal-number.three-year .setofcircle.topmove .number-counter {
  flex-direction: column;
}

.setofcircle {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.setofcircle .persign {
  font-size: 48px;
  margin-left: 4px;
  margin-bottom: 4px;
}

.setofcircle #stat-count {
  overflow: inherit;
  font-size: 70px;
}

.stats_counter .stat-count.highlight {
  overflow: inherit;
}

.normal-number .subTexthead p {
  font-size: 46px;
}

@media screen and (max-width:1280px) {

  .milestone-counter .base.block-feature__paragraph {
    height: 80px;
  }

  .zb-number .base.block-feature__paragraph {
    margin-top: -17px;
  }

  .setpostion {
    padding-top: 19px;
  }

  .backup-ransomware-page .stats_counter .layout--cols-4 {
    row-gap: 38px;
  }
}

@media screen and (max-width:768px) {
  .milestone-counter .base.block-feature__paragraph {
    height: 110px;
  }

  .zb-number .base.block-feature__paragraph {
    margin-top: -23px;
  }

  .setpostion {
    padding-top: 7px;
  }
}

/*@media (max-width:767px)  {

}*/
/*@media screen and (max-width: 767px) {

}*/

@media screen and (max-width:767px) {
 header.sup-head.cloud-stack .mobileDisnone {
    display: none !important;
}
 .home header.sup-head.cloud-stack .mobileDisnone {
    display: block !important;
}
  .home-banner {
    height: auto;
}
  .home-banner .owl-carousel.owl-loaded {
    width: 100%;
    height: 100%;
    padding-bottom: 40px;
  }

  .cta-blue .card-horizontal-container {
    width: 100%;
  }

  div#Customer-stories .testimonial-card .content-box .text {
    position: relative;
    margin-top: 55px;
    height: 260px;
  }

  div#Customer-stories .testimonial-card .info-box .name {
    font-size: 17px;
  }

  .copyright-text {
    justify-content: flex-start;
  }

  .privacy-terms.align-items-end {
    justify-content: flex-start !important;
  }

  .home-banner {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .contct-us {
    margin-top: 0 !important;
  }

  .contct-us .cta-stacked .card-horizontal-container {
    margin-bottom: 0;
  }

  .contct-us .card-horizontal .card-horizontal__content {
    padding-bottom: 0;
  }

  .contct-us .card-horizontal .card-horizontal__content,
  .contct-us .card-horizontal .card-horizontal__media {
    padding-bottom: 0;
    padding-left: 5px;
    padding-right: 5px;
  }

  .contct-us .card-horizontal .card-horizontal__content .contact-icon:last-child {
    margin-bottom: 0;
  }

  .contct-us .card-horizontal .custom-btn {
    width: 100%;
  }

  .counter-heading h5 {
    font-size: 21px;
    line-height: 24px;
  }

  div#Customer-stories .owl-carousel .owl-stage-outer {
    padding-bottom: 8px;
  }

  div#Customer-stories .testimonial-card .inner-box .image-2 {
    bottom: -31px;
    right: 0;
    width: 21%;
  }

  .footer-row-3 h3 .h4 {
    font-size: 25px !important;
  }

  ul.footer--menu li a {
    font-size: 16px;
  }

  div#Customer-stories .testimonial-card {
    flex-direction: column-reverse;
  }

  .cta-blue h2 span.d-block.h3 {
    font-size: 30px;
    padding-bottom: 10px;
  }

  .cta-blue .card-horizontal {
    padding: 16px;
  }

  #industries .layout--overflow {
    width: 97.33333%;
  }

  #industries .layout--cols-5 {
    --layout-column-count: 2;
  }

  #industries .card__content {
    padding: 18px 20px;
  }

  #counter__stats .card .card__content .block-feature {
    margin-bottom: .5rem;
    gap: 0;
  }

  .carousel--type-regular .carousel__container {
    margin: unset !important;
  }

  .contct-us .card-horizontal .card-horizontal__content,
  .contct-us .card-horizontal .card-horizontal__media {
    padding-top: 0;
  }

  .contct-us .card-horizontal__content .block-feature__title{
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .contct-us .icon-details h5 {
    font-size: 20px;
  }

  .contct-us .col,.eop-contact-form .col {
    padding: 0;
  }

  .main__section {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .contact-sec {
    background-size: 50%;
  }

  .contct-us form .form-inline .form-control,
  .contct-us form textarea {
    width: 100%;
    margin-bottom: 10px;
  }

  .eop-contact-form form .form-inline .form-control,
  .eop-contact-form form textarea {
    width: 100%;
    margin-bottom: 10px;
  }

  .contct-us .card-horizontal__media .block-heading__title,.eop-contact-form .card-horizontal__content .block-heading__title {
    margin-bottom: 12px;
  }

  .eop-contact-form .cta-stacked .card-horizontal-container .row {
    flex-direction: column;
}

.eop-contact-form .card-horizontal__media {
    padding-top: 0px !important;
}

  .block-feature--m .block-feature__title,
  .block-heading--size-m .block-heading__title,
  .h2,
  .stat-large__description,
  h2 {
    font-weight: 600;
  }

  .contct-us .contact-icon {
    margin-bottom: 37px;
  }

  @keyframes slide-fade-right-to-left {
    0% {
      transform: translateX(50px);
      opacity: 0
    }

    100% {
      transform: translateX(0);
      opacity: 1
    }
  }

  .carousel__slide {
    opacity: 0;
    transform: translateX(50px);
    animation: none !important;
  }

  body .carousel__window .carousel__container .carousel__slide.layout__col {
    animation: slide-fade-right-to-left 1500ms ease-in-out forwards !important;
  }

  .carousel__slide .not-visible-slide {
    animation: none !important;
  }

  @keyframes slide-fade-right-to-left {
    0% {
      transform: translateX(50px);
      opacity: 0
    }

    100% {
      transform: translateX(0);
      opacity: 1
    }
  }

  .animation-block {
    opacity: 0;
    transform: translateX(50px)
  }

  .animation-block.visible {
    animation: slide-fade-right-to-left 1500ms ease-in-out forwards
  }

  /*.counter-block  {
  animation:fade-in 1.2s ease-in-out,slide-up 1.2s ease-in-out;
  animation-fill-mode:both;
}

.block-heading.animation.animation--effect-2-scroll.effect-on  {
  animation:fade-in 1.2s ease-in-out,slide-up 1.2s ease-in-out;
  animation-fill-mode:both;
}

div#Customer-stories .owl-carousel.animation.animation--effect-2-scroll  {
  animation:fade-in 1.2s ease-in-out,slide-up 1.2s ease-in-out;
  animation-fill-mode:both;
}

.tabs-pill-bar.tabs.animation.animation--effect-2-scroll.effect-on  {
  animation:fade-in 1.2s ease-in-out,slide-up 1.2s ease-in-out;
  animation-fill-mode:both;
}

*/
  /* Base state */
  .animation.animation--effect-2-scroll {
    opacity: 0;
    transform: translateY(20px);
    will-change: opacity, transform;
  }

  /* Animation trigger when effect-on is added */
  .animation.animation--effect-2-scroll.effect-on {
    animation: fadeMoveUp 1s ease forwards;
  }

  .rotate {
    transform: rotate(180deg) !important;
    transition: transform 0.3s ease !important;
  }

  @keyframes fadeMoveUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .counter-block .card__content {
    padding-top: 0;
  }

  .sup-platform-cards {
    padding-left: 0;
    padding-right: 0;
  }

  span.our {
    font-size: 6rem;
  }

  .our-mission-title span {
    line-height: 6.5rem;
  }

  .our-mission .block-heading__paragraph h4 br {
    display: none;
  }

  div#our-values .main__section__image img {
    object-position: right;
    position: relative;
  }

  div#our-values .block-heading {
    z-index: 10;
    position: relative;
  }

  div#our-values .block-heading .block-heading__paragraph {
    color: #fff;
    text-align: var(--block-feature-text-align-center, center);
  }

  div#our-values .block-heading h2 {
    color: #fff;
    text-align: var(--block-feature-text-align-center, center);
  }

  div#our-values .main__section__image .ocr-img.media__asset:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    z-index: 1;
  }

  div#about_offer .block-heading__title h2 {
    text-align: var(--block-feature-text-align-center, center);
  }

  div#contact_form form .col-md-6 {
    width: 100%;
  }

  div#contact_form .paragraph br {
    display: none;
  }

  div#contact_form .card-horizontal__media {
    padding-top: 30px;
  }

  div#map-section iframe {
    height: 250px;
  }

  div#contact_form .form-group {
    margin-bottom: 0;
  }

  .milestone-counter.round-counter .base.block-feature__paragraph {
    margin-top: 27px;
  }

  .milestone-counter.normal-number.three-year {
    padding-top: 23px;
  }

  .milestone-counter.three-year .base.block-feature__paragraph {
    margin-top: 9px;
  }

  .year-card .card__content {
    padding-bottom: 0;
  }

  .last-col-counter .card__content {
    padding-top: 10px;
  }

  .enterprice-counter-col .card__content {
    padding-top: 0;
  }

  .subTexthead {
    margin-top: 13px !important;
  }

  .three-up-cards__card.layout__col.zb-col {
    padding-bottom: 25px;
  }

  .custom-counter-section .block-heading h4 br {
    display: none;
  }

  .managed-it-page .custom-pricing .block-heading__paragraph div br {
    display: none;
  }

  .price__sec .main__section__layout-header {
    width: 100% !important;
    text-align: var(--block-heading-text-align) !important;
  }

  .stats_counter .layout--cols-4 {
    --layout-column-count: 1;
  }

  .milestone-counter .base.block-feature__paragraph {
    margin-top: 0;
    height: auto !important;
  }

  .zb-number .base.block-feature__paragraph {
    margin-top: 15px;
  }

  .milestone-counter .base.block-feature__paragraph {
    height: auto !important;
  }

  .stats_counter .three-up-cards__card.layout__col {
    padding-bottom: 35px;
  }

  .three-up-cards__card.layout__col.year-card {
    padding-bottom: 0;
    padding-top: 15px;
  }

  .milestone-counter.zb-number .img-milestone {
    margin-top: 5px;
  }

  /*.three-up-cards__card.layout__col.year-card .card__content {
    padding-bottom: 0;
}*/
  .counting {
    width: 100% !important;
  }

  .universalheader {
    z-index: 501;
    position: relative;
  }

  .backup-ransomware-page .stats_counter .layout--cols-4 {
    --layout-column-count: 1;
    row-gap: 30px;
  }

  .geo-btn a.btn {
    width: auto;
    margin: 0 auto;
  }
  .two-col .row {
    width: 100% !important;

}
    div#tab-sec .main__section .container .main__section__layout-header {
    width: 100% !important;
}
.tabs-main-section ul#myTab li.nav-item {
    margin: 0;
}
.tabs-main-section .nav-tabs.main--tabs li button img {
    display: none !important;
}
.footer-tabs .container ul#myTab li.nav-item {
    width: 225px !important;
    margin-bottom: 12px;
}
.first-title h2 {
    font-size: 24px;
    line-height: 30px;
}
div#tab-sec .main__section {
    padding-bottom: 54px !important;
}
.text--col .block-feature__body .block-feature__paragraph {
    margin-top: 5px;
}
div#sub-banner .row,div#tab-sec .main__section .row{
  margin-left: 0;
  margin-right: 0;
}
.subpage-banner .main-title h2.rotating-text {
    font-size: 31px;
    line-height: 30px;
}
.subpage-banner .sku__buttons {
    margin-top: 33px;
}
.subpage-banner .main-title h2 span{
  text-align: center;
}
.subpage-banner .button-group .btn {
    max-width: 164px;
    margin-right: auto !important;
    margin-left: auto;
    min-width: 185px;
}
.subpage-banner .main-title h2 {
    font-size: 31px;
    margin-top: 21px;
    line-height: 34px;
}
.subpage-banner .main__section__layout-header {
    width: 95%;
    margin: 0 auto;
}
.subpage-banner .main__section {
    padding-top: 4.43rem;
}
.tabs-main-section .block-heading__paragraph {
    margin-bottom: 8px;
    margin-top: 18px;
}
.window span {
    line-height: 52px;
}
.subpage-banner .block-heading__paragraph {
    font-size: 16px;
    line-height: 24px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.subpage-banner .block-slim.justify-content-center {
    text-align: center;
    margin-top: 28px;
}
.main__section.tabs-main-section {
    padding-top: 70px;
}
.two-col .card-horizontal-container {
    width: calc(50%/6 * 10 - 24px);
    margin: 0 auto;
}
.text--col .block-feature__footer {
    display: none;
}
.row.two-col-2 {
    padding-bottom: 30px;
    padding-top: 20px;
}
.col-md-6.text--col {
    padding-bottom: 21px !important;
}
.two-col .card-horizontal-container .col {
    padding: 0;
}
.tabs-main-section .nav-tabs li button {
  padding: 0;
}
.text--col .block-feature__title {
    padding-bottom: 0;
}
div#tab-sec .main__section .container .tab-main-top-header {
    width: 243px !important;
    margin: 0 auto;
}
.top-first-tab .container {
    padding: 0;
}
.tabs-main-section .nav-tabs li button {
    font-size: 13px;
}
.row.tab-last-icon-row {
    padding-top: 7rem;
    padding: 125px 21px 62px;
}
.tab-last-icon-row .main__section__layout-header {
    margin-bottom: 6.5rem !important;
}
.footer-tabs .row.tab-last-icon-row {
    padding: 0;
}
.footer-tabs{
  padding-top: 0;
}
.footer-tabs .nav-tabs li button {
    width: 225px;
    font-size: 18px;
}
/*.tab-last-icon-row .main-title h2{
  font-size: 45px;
}*/
.tabs-outer-col .row {
    flex-direction: column-reverse;
}
.col.tabs-continer-col .three-up-cards.layout {
    display: block;
}
.tab-last-icon-row .main-title h2{
  line-height: normal;
}
}

/*rohit work here*/
/*submenu */
/*.inner-menu.subemnu-open  {
  padding-left:30px;
}

*/
.is-active::after {
  rotate: 180deg;
}

/*end*/
.ocr-img.loading {
  position: relative;
  background-color: #f0f0f0;
  overflow: hidden;
  min-height: 50px;
  /* enough space for dots */
}

.ocr-img.loading::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #888;
  box-shadow: 30px 0 0 #888, 60px 0 0 #888;
  transform: translate(-50%, -50%);
  animation: dotsBounce 1.4s infinite ease-in-out;
}

@keyframes dotsBounce {

  0%,
  80%,
  100% {
    background-color: #888;
    box-shadow: 30px 0 0 #888, 60px 0 0 #888;
  }

  40% {
    background-color: transparent;
    box-shadow: 30px 0 0 #888, 60px 0 0 #888;
  }

  60% {
    background-color: #888;
    box-shadow: 30px 0 0 transparent, 60px 0 0 #888;
  }
}


@media (min-width:641px) and (max-width:1199.98px) {
  .footer .footer-row-3 .container {
    padding: 0 25px;
  }

  .footer-row-3 .layout--cols-4 {
    display: flex;
    flex-wrap: wrap;
  }

  .footer-row-3 .layout--cols-5 {
    display: flex;
    flex-wrap: wrap;
  }

  .footer .footer-row-3 .layout--cols-5 .three-up-cards__card.layout__col {
    max-width: 47.3333%;
    display: block;
  }
}

@media (min-width:1079px) and (max-width:1279px) {
  .milestone-counter .base.block-feature__paragraph {
    height: 85px;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .milestone-counter .base.block-feature__paragraph {
    height: 110px;
  }

  .zb-number .base.block-feature__paragraph {
    margin-top: -25px;
  }
}

@media (min-width:767px) and (max-width:991px) {
  .zb-number .base.block-feature__paragraph {
    margin-top: -31px;
  }
}

@media (min-width:481px) and (max-width:640px) {
  .footer .footer-row-3 .container {
    padding: 0 25px;
  }

  .footer-row-3 .layout--cols-4 {
    display: flex;
    flex-wrap: wrap;
  }

  .footer .footer-row-3 .layout--cols-4 .three-up-cards__card.layout__col {
    max-width: 47.3333%;
    display: block;
  }
}

@media (min-width:320px) and (max-width:640px) {
  .ocr-faq-item button {
    padding: 0px !important;
  }

  .ocr-faq-item button {
    padding: 0px !important;
  }

  ul#accordion-container-accordion-inpage-oc4ff5 li {
    padding: 1.5rem 0px;
  }
  

  /*button[aria-expanded="true"] .ocr-faq-item__header--title  {
  padding-bottom:1rem !important;
}

*/
}


@media (max-width:420px) {
  #why_choose .card .card__content .block-feature {
    margin-bottom: 0;
  }
}
/*rohit added the code*/
.alert {
            border-radius: 5px;
            padding: 15px;
            margin-top: 20px;
        }
        
        .success-message {
            display: none;
            text-align: center;
            padding: 30px;
            background-color: var(--light-gray);
            border-radius: 10px;
            margin-top: 20px;
        }
        
        .success-message h3 {
            color: var(--primary-color);
        }
        
       
        .error-message {
            color: red;
            font-size: 0.875rem;
            margin-top: 5px;
            display: none;
        }
        
        .input-error {
            border-color: red !important;
        }
        
       
.sup-platform-cards__content {
  position: relative;
  z-index: 1;
}

.sup-platform-cards__content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #009cdf;
  border-radius: 20px;
  z-index: -2;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: top;
  transition: transform 1.5s ease, opacity 1s ease;
}
.sup-platform-cards__content.visible::before {
  opacity: 1;
  transform: scaleX(1);
}