/******
green: #CCFE00;
blue: #0051D6;
******/
* {
  transition: all 0.3s ease;
}
html, body {
  /* overflow-x: hidden; */
  max-width: 100%;
}

* {
  box-sizing: border-box;
}
body {
    /* font-family: "Inter", sans-serif; */
    /* font-family: 'futuralight'; */
    font-family: 'georgiaregular';
       font-size: 18px;
    color: #000;
    font-weight: 300;
    line-height: 29px;
    background-image: url(/wp-content/uploads/2026/05/body-background.svg);
    background-position: center;
    background-size: cover;
    background-repeat: repeat;
}



@font-face {
    font-family: 'futuralight';
    src: url('../fonts/futura_light_bt-webfont.woff2') format('woff2'),
         url('../fonts/futura_light_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'futurabook';
    src: url('../fonts/futura_book_font-webfont.woff2') format('woff2'),
         url('../fonts/futura_book_font-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'georgiaregular';
    src: url('../fonts/georgia-webfont.woff2') format('woff2'),
         url('../fonts/georgia-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 
}
 
@font-face {
    font-family: 'georgiabold';
    src: url('../fonts/georgiab-webfont.woff2') format('woff2'),
         url('../fonts/georgiab-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
 
}
img{
    max-width: 100%;
    width: 100%;
}
a{
    display: inline-block;
}
.pt-6 {
    padding-top: 80px;
}
.pb-6 {
    padding-bottom: 80px;
}


h1, h2, h3, h4{
      /* font-family: "Sora", sans-serif; */
/*       font-family: 'futurabook'; */
	font-family: 'georgiabold';
      font-weight: bold;

}
h1, .h1{
       font-size: 60px;
}
h2{
       font-size: 50px;
    margin-bottom: 20px;
}
h3{
      font-size: 40px;
}
h5 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px;
}
h5 span, h1 span, h2 span{
    color: #CCFE00;
}
h6{
    
font-size: 16px;
font-weight: 400;
letter-spacing: 3.2px;
    margin-bottom: 20px;
}
p, li{
    opacity: 0.7;
}
.bg-image {
    background-image: url(/wp-content/uploads/2026/05/dark-background.webp);
    background-position: bottom;
    background-attachment: fixed;
    background-size: cover;
}
.bg-grey{
    background-color: #F9F9F9;;
}
.sticky-div {
    position: sticky;
    top: 20px;
    display: inline-block;
}
.services-page-banner .counter-sec {
    position: relative;
    z-index: 1;
}
.common-btn {
    background-color: #CCFE00;
    border-radius: 100px;
    padding: 13px 30px;
    text-decoration: none;
    color: #000;
    font-weight: 600;
    align-items: center;
    display: inline-block;
}
.common-btn img, .common-text-btn img {
    width: 15px;
    margin-left: 5px;
}
.common-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
     
}
.common-btn:hover img, .common-text-btn:hover img {
    transform: translateX(5px);
}

.common-text-btn {
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    border-bottom: 1px solid #fff;
    padding: 5px 0px;
}
.common-text-btn:hover{
    transform: translateY(-4px);
    color: #CCFE00;
    border-bottom: 1px solid #CCFE00;
}
/*******************************************************************/
.header_box {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.header-logo img, .footer-sec .col-md-4 a img {
    width: 204px;
}
.header-sec {
    position: absolute;
    top: 0;
    width: 100%;
    padding-top: 20px;
    z-index: 999;
}
.main-banner {
    padding-top: 150px;
    padding-bottom: 180px;
    margin-bottom: -92px;
    background-image: url(/wp-content/uploads/2026/05/Group-148.svg) !important;
        background-color: #000;
}
.main-banner .counter-sec .counter-text h2 {
    font-size: 40px;
}
.main-banner .counter-sec .counter-text p {
    font-size: 14px;
}
.main-banner .counter-text{
    border: 0px;
}
.menu-sec ul {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 40px;
}
.menu-sec ul li a {
    text-decoration: none;
    color: #fff;
    opacity: 1 !important;
}

.core-box {
    padding: 50px;
    border-radius: 15px;
    display: flex;
    gap: 16px;
}
.icon-svg {
  color: #000;
}

.core-content img{
    width: 70px;
    height: auto;
    visibility: hidden;
}
.core-keyword {
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0px;
}

.core-box:hover {
    background: #0051D6;
      transform: translateY(-5px);

    box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.05), 0 16px 19px 0 rgba(0, 0, 0, 0.09);
}
.core-box:hover img{
     visibility: inherit;
}
.core-box:hover h5,
.core-box:hover p{
    color: #fff;
}

.core-box:hover .icon-svg {
  color: #fff;
}

.core-services .sticky-div p,
.technology-sec .accordion-item .accordion-body p {
       font-size: 25px;
    line-height: 35px;
}
.technology-sec .accordion-button {
    font-size: 25px;
    line-height: normal;
}

.Contact-details{
  list-style: none;
  margin: 0;
  padding: 0;
}

.Contact-details li{
  opacity: 1;
  margin-bottom: 10px;
}
.Contact-details li a {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #000;
}
.read-more-btn {
    text-decoration: none;
    color: #000000;
    border-bottom: 1px solid #000000;
    margin-top: 7px;
    display: inline-block;
    font-weight: 400;
}
.read-more-btn img {
    width: 15px;
}

.form-sec-home label {
    color: #D9D9D9;
    margin-bottom: 5px;
}


.form-sec-home .wpcf7-form-control {
    height: 55px;
    border-radius: 80px;
    border: 1px solid #707070;
    background-color: transparent;
    width: 100%;
    padding: 16px 26px;
    color: #fff;
}
select.wpcf7-form-control.wpcf7-select option {
    color: #000;
}
.form-sec-home p{
  opacity: 1;
}
.form-sec-home .wpcf7-textarea {
    height: 248px;
    border-radius: 31px;
}

.form-sec-home .wpcf7-form-control::placeholder
{
  color: rgba(217, 217, 217, 0.70);

}

.wpcf7-submit {
    background-color: #CCFE00 !important;
    border-radius: 100px !important;
    padding: 13px 30px !important;
    text-decoration: none !important;
    color: #000 !important;
    font-weight: 600 !important;
    align-items: center !important;
    display: block !important;
    width: auto !important;
    margin: 40px auto auto;
    text-align: center;
}
.common-btn:hover, .wpcf7-submit:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
     
}


.counter-text {
    border-right: 1px solid rgb(255 255 255 / 18%);
}

.counter-sec .col-md-3:last-child .counter-text {
    border-right: 0px solid rgb(255 255 255 / 18%);
}

.battle-tested {
    border-radius: 30px;
    border: 0.5px solid rgba(255, 255, 255, 0.17);
    background: rgba(28, 28, 31, 0.50);
    box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.05), 0 16px 19px 0 rgba(0, 0, 0, 0.09);
    padding: 40px;
    height: 100%;
}

.product-box {
    border-radius: 8px;
    border: 0.5px solid rgba(255, 255, 255, 0.19);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    padding: 3px 13px;
}

.prod-1{border-radius: 30px 30px 0 30px;}
.prod-2{border-radius: 30px 30px 30px 0px;}
.prod-3{border-radius: 30px 0px 30px 30px;}
.prod-4{border-radius: 0px 30px 30px 30px;}

.battle-tested:hover {
    transform: translateY(-4px);
    border-color: #0051D6;
    background-color: #0051D6;;
}


.serv-list {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0 3px 19px 0 rgba(0, 0, 0, 0.09);
    text-decoration: none;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #000;
    padding: 24px 20px;
}

.serv-list:hover{
    transform: translateY(-4px);
    background-color: #0051D6;
    color: #fff;
}

.list-check {
    list-style: none;
    padding: 0;
    margin: 0;
}
.list-check li{
    background-image: url("/wp-content/uploads/2026/05/check-Icon.svg");
}

.list-check li {
    background-image: url(/wp-content/uploads/2026/05/check-Icon.svg);
    padding-left: 28px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 19px;
    margin-bottom: 8px;
}

.counter-div-box {
    border-radius: 15px;
    background: #FFF;
    padding: 35px 100px;
    text-align: center;
}

.counter-div-box:hover{
    border-radius: 15px;
background: #0051D6;
box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.05), 0 16px 19px 0 rgba(0, 0, 0, 0.09);
 transform: translateY(-4px);
}
.counter-div-box:hover h2, .counter-div-box:hover p{
    color: #fff;
}

.copywrite-sec {
    border-top: 1px solid #212121;
}





.caseSwiper {
  overflow: hidden;
  width: 100%;
}

.case-prev-btn,
.case-next-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin-right: 8px;
}

.case-arrows {
    position: relative;
    top: 0;
    z-index: 99;
}



ul#footer_copyright_menu {
    display: inline-flex;
    margin: 0px;
    padding: 0px;
}

.pricing-box .col-md-12:nth-child(3) a.common-btn,
.pricing-box .col-md-12:nth-child(5) a.common-btn
{
    background-color: transparent;
    border: 1px solid #d6fa53;
    color: #d6fa53;
}










/* .procss-number::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: #000;
    top: 0;
} */
.image-src {
    background-image: url(/wp-content/uploads/2026/05/process-bg-image.webp);
    padding: 35px 35px 0px 35px;
    background-size: cover;
}
.process-sec {
  display: flex;
  gap: 35px;
  position: relative;
  align-items: flex-start;
  opacity: 0.4;                       
  transition: opacity 0.5s ease;
}

.process-sec.active {
  opacity: 1;                       
}

.process-sec.done {
  opacity: 1;                        
}

.process-ctn {
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0 0 34px 0 rgba(0,0,0,0.05), 0 16px 19px 0 rgba(0,0,0,0.09);
  padding: 35px;
  transition: background 0.4s ease;
}

.procss-number {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: 600;
  flex-shrink: 0;
  color: #fff;
  transition: background 0.4s ease, color 0.4s ease;
}

.process-ctn h5,
.process-ctn p {
  transition: color 0.4s ease;
}

/* Active step — blue card + yellow number */
.process-sec.active .process-ctn {
  background: #0051D6;
}
.process-sec.active .process-ctn h5,
.process-sec.active .process-ctn p {
  color: #fff;
}
.process-sec.active .procss-number {
  background: #CCFE00;
  color: #000;
}

/* Done steps — white card, black number (normal) */
.process-sec.done .process-ctn {
  background: #fff;
}
.process-sec.done .process-ctn h5,
.process-sec.done .process-ctn p {
  color: inherit;
}
.process-sec.done .procss-number {
  background: #000;
  color: #fff;
}
.process-sec         { opacity: 0.4; transition: opacity 0.5s ease; }
.process-sec.active  { opacity: 1; }
.process-sec.done    { opacity: 1; }  /* ← yeh hona chahiye */
.banner-image-box .imge-box-st {
    border-radius: 15px;
    
}
.banner-image-box{
  position: relative;
}
.banner-circle-main {
    position: absolute;
    bottom: 20px;
    left: -90px;
}

.menu_list p {
    text-transform: uppercase;
    color: #fff;
    opacity: 1;
}
.menu_list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu_list ul li a {
    text-decoration: none;
    color: #fff;
    margin-bottom: 20px;
}
.btm-ast a {
    border-radius: 10px;
    border: 1px solid #CCFE00;
    background: #000;
    text-decoration: none;
    color: #CCFE00;
    padding: 7px 16px;
    display: inline-block;
}
.list-term a {
    text-decoration: none;
    color: rgb(255 255 255 / 70%);
    margin-right: 25px;
}
.footer-sec {
    padding-top: 120px;
}
.font-size-h3{
    font-size: 40px;
    line-height: 58px;
}


#progressSection .progress-bar {
  width: 0 !important;
  transition: width 1.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.progress-sec h4 {
    font-size: 30px;
    font-weight: 400;
}
.progress-sec p {
    font-size: 25px;
    margin-bottom: 0px;
}
.progress-bar {
    background-color: #CCFE00;
}
.progress {
    background: #D9D9D9;
    border-radius: 0px;
    height: 7px;
}
.progress-sec {
    margin-bottom: 40px;
}


.slider_process_box {
  overflow: hidden;
  position: relative;
}
.slider_items {
  min-width: 100%;
  flex-shrink: 0;
}
.slider_track {
  display: flex;
  transition: transform 0.5s ease;
}
.slider_process_box {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.slider_track {
  display: flex;
  flex-wrap: nowrap;
  transition: transform 0.5s ease;
  will-change: transform;
}

.slider_items {
  min-width: 100%;
  width: 100%;
  flex-shrink: 0;
  box-sizing: border-box;
}
.slider_items:first-child {
  display: block;
}
.slider-prev-btn,
.slider-next-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateX(20px); }
  to   { opacity: 1; transform: translateX(0); }
}
/*************************************/
 .marquee-box {
  position: relative;
  padding: 45px 0px;
  overflow: hidden;
}

.footer-marquee {
  margin-bottom: -48px;
}

/* ── Shared wrapper ── */
.marquee-wrapper {
  width: 100%;
  overflow: hidden;
  padding: 12px 0;
}

.marquee-right-left {
  background-color: #0051D6;
  transform: rotate(2.036deg);
  overflow: hidden;
}

.marquee-left-right {
  background-color: #161515;
  transform: rotate(-1.724deg);
  position: absolute;
  top: 66px;
  width: 100%;
  overflow: hidden;
}

/* ── Track 1 & 3 : Right to Left ── */
#track1, #track3 {
  display: flex;
  width: max-content;
  flex-wrap: nowrap;
  animation: scrollLeft 18s linear infinite;
}
#track1:hover, #track3:hover {
  animation-play-state: paused;
}

/* ── Track 2 & 4 : Left to Right ── */
#track2, #track4 {
  display: flex;
  width: max-content;
  flex-wrap: nowrap;
  animation: scrollRight 18s linear infinite;
}
#track2:hover, #track4:hover {
  animation-play-state: paused;
}

/* ── Items ── */
.item1, .item2 {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 0 32px;
  white-space: nowrap;
  flex-shrink: 0;
}

.item1 span, .item2 span {
  color: #fff;
}

/* .dot1 {
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  flex-shrink: 0;
}

.dot2 {
  width: 8px;
  height: 8px;
  background: #0051D6;
  border-radius: 50%;
  flex-shrink: 0;
} */

/* ── Animations ── */
@keyframes scrollLeft {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@keyframes scrollRight {
  0%   { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

/* ── Responsive ── */
@media (max-width: 768px) {
  #track1, #track2, #track3, #track4 { animation-duration: 12s; }
  .item1, .item2 { padding: 0 20px; gap: 16px; }
  .marquee-wrapper { padding: 10px 0; }
}

@media (max-width: 480px) {
  #track1, #track2, #track3, #track4 { animation-duration: 10s; }
  .item1, .item2 { padding: 0 14px; gap: 12px; }
  .marquee-wrapper { padding: 8px 0; }
}






    /*************************************/




    .accordion-with-image {
  align-items: flex-start;
}

.acc-sticky-image {
  position: sticky;
  top: 100px;
  border-radius: 16px;
  overflow: hidden;
}

.acc-sticky-image img {
  width: 100%;
  /* height: 460px; */
  /* object-fit: cover; */
  /* border-radius: 16px; */
  transition: opacity 0.4s ease;
}

.acc-icon {
  width: 85.96px;
  display: block;
}

/* Accordion custom styling */
.accordion-item {
  border: none;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 0 !important;
  background: transparent;
}

.accordion-button {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  background: transparent;
  box-shadow: none;
  padding: 30px 24px;
  
}

div#progressSection h2 {
    letter-spacing: 9.6px;
    font-weight: 400;

}
div#progressSection h2 strong{
  font-weight: 700;

}

.accordion-button:not(.collapsed) {
  color: #000;
  background: transparent;
  box-shadow: none;
}

.accordion-button::after {
  display: none; /* default arrow hatao */
}

.accordion-button::before {
    content: '';
    width: 12px;
    height: 12px;
    background: #000;
    border-radius: revert-layer;
    flex-shrink: 0;
    margin-right: 16px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.accordion-body {
  padding: 0 0 24px 28px;
  color: #555;
  font-size: 15px;
  line-height: 1.7;
}


/***********/
.circle-effect {
  position: relative;
  width: 260px;
  height: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  animation: rotatecircle 8s linear infinite;
}

.circle-text svg {
  width: 100%;
  height: 100%;
}

.counter-tn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 2;
}

.counter-circle h2 span {
  font-size: 48px;
  font-weight: 700;
  color: #CCFE00;
}

.counter-circle p {
  font-size: 14px;
  color: #fff;
}

@keyframes rotatecircle {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}


.core-services .row{
  position: relative;
}
.high-growth-image {
    position: absolute;
    left: -60px;
    width: 140px;
    top: 50%;
    transform: translateY(-50%);
}





.banner-circle-text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  animation: rotateBannerCircle 8s linear infinite;
      padding: 7px;
}

.banner-circle-text svg {
  width: 100%;
  height: 100%;
}
.banner-circle {
  position: relative;
  width: 170px;
  height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #CCFE00;
  border-radius: 50%;
}

.banner-circle .imge-box-ct {
    width: 110px;
    height: 110px;
    object-fit: contain;
    position: relative;
    z-index: 2;
    background: #ffffff;
    border-radius: 50%;
    padding: 15px;
    line-height: 76px;
}
@keyframes rotateBannerCircle {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/***************************/
.pillar-box {
    border-radius: 30px;
    border: 0.5px solid rgba(255, 255, 255, 0.17);
    background: rgba(28, 28, 31, 0.50);
    box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.05), 0 16px 19px 0 rgba(0, 0, 0, 0.09);
    padding: 30px;
    height: 100%;
}
.image_pillar {
    border-radius: 15px;
    border: 0.5px solid rgba(255, 255, 255, 0.19);
    background: #CCFE00;
    width: 70px;
    height: 70px;
    padding: 17px;
}
.pre-title{
    text-transform: uppercase;
    opacity: 1;
    font-weight: bold;
}
.pre-14{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: normal;
}
.list-box-problems {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 45px;
    position: relative;
}
.list-box-problems::before {
    content: "";
    display: inline-block;
    position: absolute;
    background-image: url(https://metavaux.wpenginepowered.com/wp-content/uploads/2026/05/Line-29.svg);
    width: 80%;
    height: 1px;
    background-repeat: no-repeat;
    margin: auto;
    left: 0;
    right: 0;
    background-position: center;
    top: 27px;
    z-index: -1;
}
.number_prob {
    width: 56px;
    height: 56px;
    border: 1px solid #000;
    text-align: center;
    line-height: 54px;
    font-weight: bold;
    border-radius: 40px;
    margin: 0px auto 20px;
    background-color: #fff;
}
.inner-banner{
    padding-top: 150px;
     padding-bottom: 150px;
}

.inner-banner {
    padding-top: 150px;
    padding-bottom: 150px;
    background-color: #161515;
        background-image: url(/wp-content/uploads/2026/05/Group-148.svg);
    background-position: center;
    background-size: cover;
    background-repeat: repeat;
}
.box-mission {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.05), 0 16px 19px 0 rgba(0, 0, 0, 0.09);
    padding: 35px;
    display: flex;
        gap: 25px;
    align-items: start;
}
.mission-icon {
    width: 62px;
    height: 62px;
    border-radius: 10px;
    border: 0.5px solid rgba(255, 255, 255, 0.04);
    background: #CCFE00;
    display: flex;
    align-items: center;
    padding: 16px;
    flex-shrink: 0;
}

ul#myTab-box {
    border: 0px;
    gap: 15px;
}
ul#myTab-box li button {
    border-radius: 50px;
    border: 1px solid #DEDEDE;
    background: #EFEFEF;
    color: #000;
    line-height: normal;
    padding: 12px 21px;
}
ul#myTab-box li button.active {
border: 1px solid #BBE900;
background: #CCFE00;
}

.solu_box {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.05), 0 16px 19px 0 rgba(0, 0, 0, 0.09);
    padding: 40px;
    height: 100%;
}
.altc-box {
    display: flex;
    align-items: center;
    gap: 6px;
}
.altc-box span{
        width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 27px;
}


.box_enter-soft {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0 3px 19px 0 rgba(0, 0, 0, 0.09);
    padding: 20px;
    margin-bottom: 20px;
}
.box_enter-soft:hover{
    background: #0051D6;
        transform: translateY(-4px);
}
.box_enter-soft:hover p{
    color: #fff;
}
.box_enter-soft p{
opacity: 1;
}
.icon-enter-soft {
    border-radius: 10px;
    border: 0.5px solid rgba(255, 255, 255, 0.04);
    background: #CCFE00;
    width: 42px;
    height: 42px;
    padding: 8px;
}
.right-enter-soft p {
    opacity: 1;
    font-weight: 600;
}
.left-enter-soft, .box_enter-soft {
    display: flex;
    align-items: center;
    gap: 13px;
}
.box_enter-soft {
    justify-content: space-between;
}


.image_box_work {
    background-image: url(/wp-content/uploads/2026/05/profile-backgound.webp);
    padding: 25px 25px 0px 25px;
}
.about-page-sec-div .mission-icon {
    background-color: transparent;
    padding: 0px;
    width: 36px;
    height: 36px;
}
.about-page-sec-div {
    display: flex;
    gap: 20px;
    align-items: start;
}
.work-list-sec {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.05), 0 16px 19px 0 rgba(0, 0, 0, 0.09);
    overflow: hidden;
    position: relative;
    padding-bottom: 215px;
    height: 100%;
}
.work-cont-box, .work-bottom-sec {
    padding: 25px;
}

.cat-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}
.cat-list li {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 6px;
}
.cat-list li a {
    border-radius: 7px;
    border: 1px solid #E0E0E0;
    background: #F2F2F2;
    font-size: 12px;
    text-decoration: none;
    color: #000;
    font-weight: 400;
    padding: 0px 8px;
}
.work-tag-list{
     list-style: none;
    margin: 0px;
    padding: 0px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.work-full-width .work-tag-list{
grid-template-columns: 1fr 1fr 1fr;
}
.work-tag-list li {
    border-radius: 7px;
    border: 1px solid rgba(0, 81, 214, 0.20);
    background: #F8FBFF;
    padding: 17px;
    text-align: center;
     opacity: 1 !important;
}

.title-f {
    font-family: "Sora", sans-serif;
    color: #0051D6;
    font-size: 20px;
    font-weight: 600;
    opacity: 1 !important;
    margin-bottom: 0px;
}
.pre-sml {
    font-size: 11px;
    margin-bottom: 0px;
    line-height: normal;
}
.work-bottom-sec {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0;
    right: 0;
}

.work-full-width .work-bottom-sec{
    position: relative;
}
.work-full-width{
    padding-bottom: 0px;
}
.strong_font_sora{
    font-family: "Sora", sans-serif;
    font-weight: bold;
}
.review_sec-box {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.05), 0 16px 19px 0 rgba(0, 0, 0, 0.09);
    padding: 35px;
}




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

.reviewSwiper {
  overflow: hidden !important;  
  padding-bottom: 50px !important;
}

.review_sec-box {
  margin: 28px 15px;   
}

/* Dots */
.reviewSwiper .swiper-pagination {
  bottom: 0px;
}

.swiper-pagination-bullet {
  background: #ccc;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #CCFE00;
}

.reviewSwiper .swiper-button-prev {
  left: 0px;
  color: #0051D6;
}

.reviewSwiper .swiper-button-next {
  right: 0px;
  color: #0051D6;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 20px;
  font-weight: 700;
}

.ready-to-build {
    margin-bottom: -100px;
    padding-bottom: 170px;
}
.journey_box {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    position: relative;
}
.journey_box::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    border-left: 1px dashed #d6fa53;
    position: absolute;
    margin-left: 7px;
    z-index: 0;
    top: 6px;
}
.journey_box:last-child:after{
display: none;
}
.image_journey_bt {
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}
.why-choose-table {
    width: 100%;
    color: #fff;
}
.why-choose-table thead {
    background: rgba(255, 255, 255, 0.05);
}
table.why-choose-table tr td, table.why-choose-table tr th {
    text-align: center;
    padding: 16px;
    border-bottom: 1px solid #ffffff17;
}
table.why-choose-table tr td:first-child, table.why-choose-table tr th:first-child {
    text-align: left;
}
.text-green{
  color: #CCFE00;

}

ul.social-media {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: flex;
    gap: 10px;
}
ul.social-media li {
    opacity: 1;
}
.social-media li a img {
    width: 48px !important;
}

.acc-sticky-image {
    background-image: url(/wp-content/uploads/2026/05/process-bg-image.webp);
    background-size: cover;
    padding: 35px 35px 0px;
    border-radius: 0px;
}

.acc-sticky-image img{
  border-radius: 0px;
}

.accordion-collapse.collapse.show, .accordion-button:not(.collapsed) {
    background-color: #EBEBEB;
}
.accordion-body {
    padding-top: 90px;
    max-width: 570px;
}
.accordion-with-image{
   background-color: #F5F5F5;
}
.accordion-item:last-of-type{
  border: 0px;;
}
.accordion-button{
  position: relative;
}

/* 06-05-2026 */

.trust_box {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.05), 0 16px 19px 0 rgba(0, 0, 0, 0.09);
    padding: 26px;
    display: flex;
    align-items: center;
    gap: 18px;
}

.imge_trust_box {
    border-radius: 10px;
    border: 0.5px solid rgba(255, 255, 255, 0.04);
    background: #CCFE00;
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    padding: 18px;
        flex-shrink: 0;
}

.trust-title {
    font-size: 20px;
    font-weight: 600;
    opacity: 1;
}

.global-presence {
    border-radius: 30px;
    border: 0.5px solid rgba(255, 255, 255, 0.17);
    background: rgba(28, 28, 31, 0.50);
    box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.05), 0 16px 19px 0 rgba(0, 0, 0, 0.09);
    padding: 60px 30px;
    text-align: center;
}


strong{
  font-weight: 600;

}


.sev-box {
    border-radius: 40px;
    background-image: url(/wp-content/uploads/2026/05/dark-background.webp);
    background-position: bottom;
    background-size: cover;
        padding: 65px 56px 180px;
        position: relative;
            height: 100%;
}
.tech-section .row {
    justify-content: space-between;
}
.inner-banner .counter-text {
    border: 0px;
}
.sev-box .btn-box {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 60px;
}
.serv-icon-image img {
    height: 100px;
}
.sev-box h6::after {
    content: "";
    display: inline-block;
    width: 121px;
    height: 1px;
    background: #CCFE00;
    position: relative;
    top: -4px;
    margin-left: 10px;
}
.serv-list-page-box::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    border-left: 1px dashed #d6fa53;
    position: absolute;
    margin-left: 20px;
    z-index: 0;
}
.sev-box div:nth-last-child(2)::after{
  display: none;
}
.serv-list-page-box .mission-icon {
    position: relative;
    z-index: 9;
}
.serv-list-page-box {
    background-color: transparent;
    padding: 0;
    border-radius: 0px;
    position: relative;
}
.problems-platform .row {
    position: relative;
    z-index: 1;
}
.serv-list-page-box .mission-icon {
    width: 42px;
    height: 42px;
    padding: 10px;
}
.serv-icon-image {
    width: 273px;
    height: 180px;
    border-radius: 40px;
    background: #0051D6;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    margin-bottom: 50px;
    margin-top: -103px;
}
.tect-box-sec {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.05), 0 16px 19px 0 rgba(0, 0, 0, 0.09);
    height: 100%;
    padding: 26px;
}
.faq-accordion {
  border: none;
}
/* Each item */
.faq-item {
  background: transparent !important;
  border: none !important;
  border-bottom: 0px solid #e0e0e0 !important;
  border-radius: 0 !important;
}

/* Button */
.faq-btn {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 14px 0 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #000000 !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
}

/* Default + icon */
.faq-btn::after {
  display: none !important; 
}

.faq-btn::before {
    content: '+';
    font-size: 35px;
    font-weight: 300;
    color: #000;
    flex-shrink: 0;
    width: auto;
    text-align: center;
    transition: transform 0.3s ease;
    order: -1;
    background-color: transparent;
    margin: 0;
        line-height: 15px;
        top: 3px !important;
}
div#faqAccordion .accordion-collapse {
    background-color: transparent;
    padding: 0px;
}
/* Active X icon */
.faq-btn:not(.collapsed)::before {
  content: '×';
}

.faq-body, .faq-btn {
    padding: 0px 20px 20px 40px !important;
    /* padding-left: 33px !important; */
    max-width: 100% !important;
}
.faq-body{
    padding-bottom: 40px !important;
}

/* Smooth transition */
.accordion-collapse {
  transition: height 0.35s ease !important;
}







.invest-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.invest-list li {
    color: #fff;
}
.from-text{
  opacity: 1;
}
.price-text-bt span {
    color: #CCFE00;
    font-size: 48px;
    font-weight: 700;
}
.price-text-bt {
    font-size: 25px;
    opacity: 1;
    color: #fff;
}
.pricing-box-page-sec {
    position: relative;
    padding-bottom: 140px;
}
.price-btn-box {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    padding: 0px 30px;
}
.price-btn-box.text-center a {
    width: 100%;
}

.most-seller p {
    border-radius: 50px;
    border: 0.5px solid #CCFE00;
    background: #CCFE00;
    opacity: 1;
    color: #000;
    text-align: center;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    display: inline-block;
    padding: 6px 12px;
    position: absolute;
    top: -17px;
    margin: auto;
    line-height: normal;
    left: 0;
    right: 0;
    width: max-content;
}




.services-page-banner .counter-sec h2 {
    font-size: 40px;
}
.services-page-banner {
    background-color: #000;
    position: relative;
    z-index: 1;
}
.services-page-banner .col-md-7 {
    position: relative;
    z-index: 1;
}



@media (min-width: 1280px) {
.serv-banner-image {
    position: absolute;
    right: 0;
    width: 700px;
    top: 50%;
    transform: translateY(-50%);
}
}



.box-sec-contact {
    border-radius: 30px;
    border: 0.5px solid rgba(255, 255, 255, 0.17);
    background: #161515;
    box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.05), 0 16px 19px 0 rgba(0, 0, 0, 0.09);
    padding: 40px;
    height: 100%;
}
.box-sec-contact h5{
    font-size: 20px;
    margin-top: 15px;
}
.image-cont-box {
    border-radius: 15px;
    border: 0.5px solid rgba(255, 255, 255, 0.34);
    background: #2F2F2F;
    width: 83px;
    height: 83px;
    margin: auto;
    padding: 20px;
    display: flex;
    align-items: center;
}


label.cf7-check-label br, .form-sec-home label br{
    display: none;
}
.wpcf7-response-output {
    color: #ffb900;
    text-align: center;
}

.cf7-checkbox, .wpcf7-acceptance {
    border: 0px !important;
    padding: 0px !important;
}
.cf7-checkbox .wpcf7-list-item, .wpcf7-acceptance .wpcf7-list-item {
    margin: 0px !important;
}
span.wpcf7-list-item-label a {
    text-decoration: underline;
    color: inherit;
    font-weight: 600;
}
.enquiry-check p {
    margin-bottom: 0px;
}







.cf7-toggle-group span.wpcf7-form-control {
    padding: 0;
    border: 0;
    display: inline-block;
}
.cf7-toggle-group .wpcf7-list-item input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-chkbox-project .wpcf7-list-item input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.cf7-toggle-group .wpcf7-list-item label {
    display: inline-block;
    padding: 8px 20px;
    color: rgba(255, 255, 255, 0.75);
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease;
    border-radius: 80px;
    border: 1px solid #707070;
    background: #191919;
}
.cf7-toggle-group span.wpcf7-list-item {
    margin: 0px;
}
.cf7-toggle-group .wpcf7-list-item-label {
    font-weight: 400;
}
.cf7-toggle-group .wpcf7-list-item label:hover {
  border-color: rgba(255,255,255,0.55);
  color: #fff;
}

.cf7-toggle-group .cf7-active {
    border: 1px solid #CCFE00 !important;
    background: #CCFE00 !important;
    color: #000 !important;
}

.cf7-toggle-group .wpcf7-list-item {
    margin-right: 8px !important;
    margin-bottom: 8px !important;
}




.current-menu-item, .current_page_item {
    opacity: 1;
}
.current-menu-item a, .current_page_item a {
    color: #CCFE00 !important;
    font-weight: 700;
    opacity: 1;
}


/* .soluction-box .sev-box {
    padding: 65px 56px 65px;
} */
.soluction-box {
    background-color: #f9f9f9;
}
/***********************************/
@media (max-width: 1366px) {
    .main-banner .counter-sec .counter-text p {
    font-size: 13px;
    line-height: normal;
}
h1, .h1 {
    font-size: 50px;
}
h2 {
    font-size: 40px;
}
}
@media (max-width: 1199px) {
    h1, .h1 {
    font-size: 40px;
    }
    h2 {
    font-size: 35px;
}
 }
/*****startmobile*****/
@media (max-width: 991px) {
button#rmp_menu_trigger-184 {
        position: relative;
        background-color: #d6fa53;
        top: 0;
        margin-left: 3px;
        right: 0;
            width: 46px;
    height: 42px;
    }
    #rmp_menu_trigger-184.is-active {
    background: #d6fa53;
}
#rmp_menu_trigger-184:hover, #rmp_menu_trigger-184:focus {
    background: #d6fa53;
}
#rmp_menu_trigger-184:not(.is-active):hover .responsive-menu-pro-inner, #rmp_menu_trigger-184:not(.is-active):hover .responsive-menu-pro-inner::before, #rmp_menu_trigger-184:not(.is-active):hover .responsive-menu-pro-inner::after {
    background-color: #000;
}
#rmp_menu_trigger-184:not(.is-active):hover .responsive-menu-pro-inner, #rmp_menu_trigger-184:not(.is-active):hover .responsive-menu-pro-inner::before, #rmp_menu_trigger-184:not(.is-active):hover .responsive-menu-pro-inner::after {
    background-color: #000 !important;
}
#rmp_menu_trigger-184.is-active .responsive-menu-pro-inner, #rmp_menu_trigger-184.is-active .responsive-menu-pro-inner::before, #rmp_menu_trigger-184.is-active .responsive-menu-pro-inner::after {
    background-color: #000000;
}
#rmp-container-184 {
    width: 100%;
    max-width: 100%;
    background-color: #000;
    padding-top: 80px;
}
#rmp_menu_trigger-184 .responsive-menu-pro-inner, #rmp_menu_trigger-184 .responsive-menu-pro-inner::before, #rmp_menu_trigger-184 .responsive-menu-pro-inner::after {
  
    background-color: #000000;
}
.header-logo img, .footer-sec .col-md-4 a img {
    width: 114px;
}
.header_box .common-btn {
        padding: 8px 17px;
    }



        h1, .h1 {
    font-size: 35px;
    }
    h2 {
    font-size: 30px;
}
.progress-sec h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
.core-keyword {
    font-size: 16px;
}
.acc-sticky-image {
    padding: 15px 15px 0px;
}
    body, .progress-sec p{
        font-size: 14px;
            line-height: 24px;
    }
    .font-size-h3 {
    font-size: 28px;
    line-height: 45px;
}
h3 {
    font-size: 20px;
}
    .common-btn {
    padding: 11px 23px;
}
  .menu-header-menu-container {
    display: none;
}  
.banner-circle-main {
        bottom: -90px;
        left: 20px;
    }
h6 {
    font-size: 14px;
    letter-spacing: 2.2px;
}
}
@media (max-width: 767px) {
h2 {
        font-size: 25px;
    }
    .counter-sec .col-md-3:nth-child(2) .counter-text{
        border: 0px;

    }
    .counter-sec .col-md-3:nth-child(3),  .counter-sec .col-md-3:nth-child(4){
margin-bottom: 0px !important;
    }
    .core-box {
    padding: 30px;
}
.high-growth-image {
    z-index: -2;
}
    .form-sec-home > .wpcf7.js {
    padding: 0px 30px;
}
.contact-box-stm .Contact-details {
    border-top: 1px solid #0000001c;
    padding-top: 30px;
    margin-top: 20px;
}
.menu_list p {
    margin-top: 50px;
}
.menu_list ul li:last-child a {
    margin: 0px;
}
.copywrite-sec .col-md-6 {
    text-align: center !important;
}
ul#footer_copyright_menu li a {
    margin: 0px;
    padding: 0px 10px;
}
.list-box-problems {
    grid-template-columns: 1fr 1fr;
    gap: 45px;
}
.list-box-problems::before{
    display: none;
}
}
@media (max-width: 600px) {
    .procss-number {
    width: 40px;
    height: 40px;
    font-size: 16px;
}
.process-sec {
    gap: 13px;
}
.process-ctn {
    padding: 28px;
}
.why-choose .col-md-12.mt-5 {
    overflow-x: scroll;
}
.inner-banner {
    background-repeat: repeat;
    background-size: auto;
}
}
@media (max-width: 480px) {
    .header_box .common-btn {
        padding: 5px 12px;
        font-size: 10px;
    }
   .header_box .common-btn img {
    width: 11px;
    margin-left: 1px;
}
.serv-icon-image {
    width: 183px;
    height: 130px;
}
.sev-box {
    padding: 65px 30px 180px;
}
.sev-box h6::after {
    width: 61px;
}



    .list-box-problems {
    grid-template-columns: 1fr;
    gap: 45px;
}
       .counter-text{
        border: 0px;

    }
    .circle-under-form{
        display: grid !important;
        text-align: center;
    }




.btn-box .common-btn {
        padding: 11px 23px;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }


   .btn-box .common-text-btn {
    text-align: center;
    margin: auto;
    margin-top: 10px;
}
.btn-box {
    text-align: center;
    width: 90%;
            margin: auto;
}
.btn-box .common-text-btn {
    margin-top: 10px;
}
}
@media (max-width: 360px) {

}