@charset "UTF-8";
*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}



:root {
  --phone-width: 576px;
  --tablet-width: 768px;
  --desktop-width: 1112px;
  --desktop-width-sm: 1024px;
  --desktop-width-m: 1280px;
  --desktop-width-l: 1580px;
  --desktop-width-xl: 1660px;
  --desktop-width-xxl: 1820px;
  --content-width: 1440px;
  --blog-width: 1000px;
  --blog-text-width: 800px;
  --blog-head-width: clamp(768px, 70%, 992px);
  --page-gutter: 20px;
  --grid-gutter: 24px;
  --vertical-gap: 5vmin;
  --base-transition: 0.3s;
  --primary-color1: #01afe9;
  --primary-color1-rgb: 1, 175, 233;
  --primary-color2: #1b2c5c;
  --primary-color2-rgb: 27, 44, 92;
  --primary-color3: #fff;
  --primary-color3-rgb: 255, 255, 255;
  --secondary-color1: #ffffff;
  --secondary-color2: #009cff;
  --secondary-color2-rgb: 0, 156, 255;
  --secondary-color3: #04e4ff;
  --secondary-color4: transparent;
  --secondary-color5: #9536e5;
  --secondary-color6: #18ccfc;
  --secondary-color7: #131848;
  --secondary-color8: #90c404;
  --text-new1: #5f6568;
  --text-new2: #3b7bce;
  --bg-color1: #f1f5fe;
  --body-bg: #fff;
  --body-bg-alt: #00042a;
  --body-bg-alt2: #00031f;
  --body-text-color: var(--primary-color2);
  --body-text-color-alt: var(--primary-color3);
  --titles-color: var(--primary-color2);
  --titles-color-alt: var(--secondary-color1);
  --titles-color-accent: var(--primary-color1);
  --primary-link-color: var(--primary-color1);
  --primary-link-color-alt: var(--secondary-color3);
  --border-color: #333;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --hero-bg-spacing: 12px;
}

.colors-inverted {
  color: var(--body-text-color-alt);
  --section-title-color: var(--section-title-color-alt);
  --btn-link-color: var(--secondary-color1);
  --btn-secondary-gradient: linear-gradient(92.64deg, #6afff6 0%, #00e4ff 100%);
  --btn-secondary-color: var(--primary-color2);
}

.bg-dark-ny {
  background-color: var(--body-bg-alt);
}

.bg-gradient {
  background: linear-gradient(
    131.8deg,
    rgba(149, 54, 229, 0.7019607843) 0,
    rgba(89, 54, 229, 0.7019607843) 46.87%,
    rgba(4, 228, 255, 0.7019607843) 100%
  );
}

/*--done */

.min-container-01 .cbconainetblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0 30px;
}

.s-web-services {
  overflow-x: clip;
  position: relative;
}

.s-web-services .bg-image {
  position: absolute;
  inset: 0;
  z-index: 0;
  top: 10%;
}

.s-web-services.bg-dark:before {
  content: "";
  position: absolute;
  width: 50vw;
  height: 50vw;
  bottom: 60%;
  left: -20%;
  border-radius: 100%;
  background: radial-gradient(
    ellipse at center,
    rgba(4, 228, 255, 0.8) 0,
    rgba(4, 228, 255, 0) 70%
  );
  opacity: 0.2;
}

.s-web-services.bg-dark:after {
  content: "";
  position: absolute;
  width: 50vw;
  height: 80vw;
  border-radius: 100%;
  top: 10%;
  right: -25%;
  background: radial-gradient(
    ellipse at center,
    rgba(4, 228, 255, 0.8) 0,
    rgba(4, 228, 255, 0) 60%
  );
  opacity: 0.3;
}

.s-web-services.bg-dark .min-container-01:before {
  content: "";
  position: absolute;
  width: 70vw;
  height: 70vw;
  top: 25%;
  left: 24%;
  border-radius: 100%;
  background: radial-gradient(
    ellipse at center,
    rgba(136, 66, 220, 0.9) 0,
    rgba(136, 66, 220, 0) 70%
  );
  opacity: 0.5;
}

@media (min-width: 992px) {
  .s-web-services.bg-dark .conainercblockcontent {
    max-width: calc(58% - 30px);
  }
  .s-web-services.bg-dark .conainercblockcontent.main {
    max-width: 41%;
    position: sticky;
    top: 60px;
  }
}

@media (min-width: 992px) and (min-width: 1113px) {
  .s-web-services.bg-dark .conainercblockcontent.main {
    padding-top: 0;
  }
}

.s-web-services.bg-dark .c-block__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 15px;
}

@media (max-width: 1112px) {
  .s-web-services.bg-dark .c-block__inner {
    row-gap: 7px;
  }
}

.s-web-services.bg-dark--1:before {
  width: 25vw;
  opacity: 0.4;
  -webkit-transform: translateX(-100%) rotate(2.61deg);
  transform: translateX(-100%) rotate(2.61deg);
  left: 6.25%;
}

.s-web-services.bg-dark--1 .min-container-01:before {
  top: -10vw;
  width: 100vw;
  left: 0;
  right: 0;
  height: 86vw;
  opacity: 0.4;
}

.s-web-services .min-container-01 {
  --c-block-padding: 0;
}

@media (min-width: 992px) {
  .s-web-services .conainercblockcontent {
    max-width: 50%;
  }
  .s-web-services .conainercblockcontent.main {
    max-width: calc(50% - 30px);
    position: sticky;
    top: 100px;
  }
}

@media (min-width: 992px) and (min-width: 1113px) {
  .s-web-services .conainercblockcontent.main {
    padding-right: 30px;
    padding-top: 40px;
  }
}

.s-web-services .c-block__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 40px;
}

@media (max-width: 1112px) {
  .s-web-services .c-block__inner {
    row-gap: 30px;
  }
}

.s-web-services .web-service {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 30px 20px 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 20px;
  position: relative;
  --h3-margin-bottom: 0;
}

@media (min-width: 992px) {
  .s-web-services .web-service {
    padding: 66px 40px 40px 40px;
  }
}

.s-web-services .web-service > * {
  position: relative;
  z-index: 2;
}

.s-web-services .web-service .c-image {
  position: absolute;
  inset: 0 10px auto 50%;
  width: auto;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 0;
}

.s-web-services .web-service .c-image img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.s-web-services .web-service.has-numbers {
  padding-left: 80px;
}

@media (max-width: 1112px) {
  .s-web-services .web-service.has-numbers {
    padding-left: 50px;
  }
}

.s-web-services .web-service.has-numbers .c-block__number {
  position: absolute;
  left: -80px;
  top: 1px;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  background: linear-gradient(94deg, #009cff -2.26%, #9536e5 63.14%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (max-width: 1112px) {
  .s-web-services .web-service.has-numbers .c-block__number {
    font-size: 24px;
    left: -50px;
    top: 3px;
  }
}

.s-web-services .web-service.-white {
  background: linear-gradient(
    118deg,
    rgba(255, 255, 255, 0.05) 32.88%,
    rgba(255, 255, 255, 0) 100%
  );
  margin-bottom: 15px;
}

.s-web-services .web-service.-white:before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  background-color: #fff;
  z-index: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 992px) {
  .s-web-services .web-service.-white:hover {
    color: var(--primary-color2);
  }
  .s-web-services .web-service.-white:hover .c-heading__title {
    color: var(--primary-color2);
  }
  .s-web-services .web-service.-white:hover .c-image {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  .s-web-services .web-service.-white:hover .expander,
  .s-web-services .web-service.-white:hover:before {
    opacity: 1;
    width: 55vw;
  }
}

@media (min-width: 992px) {
  .s-web-services .web-service.-blue {
    padding: 40px;
    row-gap: 25px;
  }
}

@media (min-width: 1112px) {
  .s-web-services .web-service.-blue.has-numbers {
    padding-left: 80px;
  }
}

@media (max-width: 1112px) {
  .s-web-services .web-service.-blue.has-numbers {
    padding-left: 50px;
  }
}

.s-web-services .web-service.-blue:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    158deg,
    rgba(255, 255, 255, 0.05) 14.21%,
    rgba(255, 255, 255, 0) 85.83%
  );
  z-index: 0;
  width: 100%;
  opacity: 1;
  -webkit-transition: opacity ease-in-out 0.5s;
  transition: opacity ease-in-out 0.5s;
}

.s-web-services .web-service.-blue:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    253deg,
    rgba(255, 255, 255, 0) 11.07%,
    rgba(255, 255, 255, 0.05) 75.01%
  );
  z-index: 1;
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity ease-in-out 0.5s;
  transition: opacity ease-in-out 0.5s;
}

.s-web-services .web-service.-blue:hover:before {
  opacity: 0;
}

.s-web-services .web-service.-blue:hover:after {
  opacity: 1;
}

.s-web-services .web-service .expander {
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 1;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.s-web-services .web-service .expander img {
  position: absolute;
  bottom: 0;
  right: 0;
}

.s-web-services .main img {
  max-width: 100%;
  height: auto;
  width: 100%;
}

.s-web-services .main .c-image {
  margin-bottom: 40px;
}

@media (max-width: 766px) {
  .s-web-services .main .c-heading {
    --h2-margin-bottom: 0;
  }
}

.s-web-services .main .c-heading__pre {
  color: #2e65ff;
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 12px;
}

@media (min-width: 992px) {
  .s-web-services .main .c-image {
        margin-left: 0px;
        width: 100%;
        display: flex;
        justify-content: center;
  }
}

.conainercblockcontent.main.mymainclasses {
  /*background-color: #ffffff1a;*/
  background-color: transparent;
  padding: 0px !important;
  border-radius: 0px;
}

.c-heading__title {
  font-size: 30px;
  font-weight: 800;
  color: #fff;
}

@media (max-width: 991px) {
  .min-container-01 .cbconainetblock {
    display: block;
    padding: 25px 0px;
  }
}

/* faq  */

.faq_headingshome h3 {
  font-size: 2rem;
  font-weight: 800;
  color: var(--primary-color2, #1b2c5c);
  margin-bottom: 1rem;
  letter-spacing: 0.02em;
  line-height: 1.2;
  text-align: center;
  position: relative;
  padding-left: 24px;
}

/* .faq_headingshome h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 32px;
  background: linear-gradient(180deg, #009cff 0%, #9536e5 100%);
  border-radius: 4px;
} */

.accordion-button::after {
  display: none !important;
}

.icon-toggle {
  width: 20px;
  height: 20px;
  margin-left: auto;
  transition: transform 0.3s ease;
  position: relative;
    top: -5px;
}

.accordion-button.collapsed .icon-minus {
  display: none;
}

.accordion-button:not(.collapsed) .icon-plus {
  display: none;
}

#faqsectionHome .accordion-item {
  background-color: #fff;
  border: 1px solid #eee !important;
  margin-bottom: 10px;
  border-radius: 15px;
  overflow: hidden;
}s

#faqsectionHome .accordion-button:not(.collapsed),
#faqsectionHome .accordion-button:hover {
  box-shadow: none !important;
  background-color: #eff6ff !important;
}


#faqsectionHome .accordion-button , #faqsectionHome .accordion-body {
    padding: 1.5rem;
}

#faqsectionHome .accordion-body {
      font-size: 18px;
    color: #000;
}


#faqsectionHome .accordion-button {
            font-size: 1.25rem;
        line-height: 1.75rem;
            font-weight: 600;
            color: #1e3a8a;
}

#myAccordion .accordion-header{
    margin-bottom: 0;
    margin-top: 0px;
}

.sectionMpadding{
    padding-top: 65px;
    padding-bottom: 65px;
        background-color: #00042a !important;
    
}

@media(max-width:767px){
    .sectionMpadding{
    padding-top: 60px;
    padding-bottom: 60px;
}
}

