/** Shopify CDN: Minification failed

Line 102:20 Expected identifier but found "!"
Line 878:26 Expected identifier but found "!"
Line 878:29 Expected identifier but found "!"
Line 878:31 Expected identifier but found "!"
Line 880:25 Expected identifier but found "!"
Line 880:28 Expected identifier but found "!"
Line 880:30 Expected identifier but found "!"
Line 1648:0 Expected "}" to go with "{"

**/
.main-color {
  color: #169976 !important;
}
.main-color-shade {
  color: #1DCD0F !important;
}
.secondary-color {
  color: #261cc1 !important;
}
.gray-00 {
  color: #ffffff !important;
}
.gray-10 {
  color: #f6f7f5 !important;
}
.gray-20 {
  color: #ededed !important;
}
.gray-30 {
  color: #e0e0e0 !important;
}
.gray-50 {
  color: #9e9e9e !important;
}
.gray-60 {
  color: #6b6b6b !important;
}
.gray-70 {
  color: #2b2b2b !important;
}
.gray-80 {
  color: #1e1e1e !important;
}
h1, .custom-h1 {
  font-size: clamp(calc(var(--font-heading-scale) * 3.6rem),10vw,calc(var(--font-heading-scale) * 4.2rem)) !important;   /* 72px */
  font-weight: 800 !important;
  line-height: 1.2 !important;
}
h2, .custom-h2 {
  font-size: clamp(calc(var(--font-heading-scale) * 2.8rem),8vw,calc(var(--font-heading-scale) * 3.4rem)) !important;   /* 48px */
  font-weight: 800 !important;
  line-height: 1.2 !important;
}
h3, .custom-h3 {
  font-size: clamp(calc(var(--font-heading-scale) * 2.0rem),4vw,calc(var(--font-heading-scale) * 2.9rem)) !important;   /* 34px */
  font-weight: 800 !important;
  line-height: 1.5 !important;
}
h4, .custom-h4 {
  font-size: 1.9rem !important;   /* 24px */
  font-weight: 600 !important;
  line-height: 1.2 !important;
}
h5, .custom-h5 {
  font-size: 1.4rem !important;   /* 20px */
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
h6, .custom-h6 {
  font-size: 1.1rem !important;   /* 16px */
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
.body-large {
  font-size: 1.6rem !important;   /* 18px */
  font-weight: 400 !important;    /* Regular */
  line-height: 1.5 !important;
}
.body-medium {
  font-size: 1.4rem !important;   /* 16px */
  font-weight: 500 !important;    /* Medium */
  line-height: 1.5 !important;
}
.body-regular {
  font-size: 1.4rem !important;   /* 16px */
  font-weight: 400 !important;    /* Regular */
  line-height: 1.5 !important;
}
.body-small-bold {
  font-size: 1.3rem !important;   /* 14px */
  font-weight: 700 !important;    /* Bold */
  line-height: 1.5 !important;
}
.body-tiny {
  font-size: 1.2rem !important;   /* 120px */
  font-weight: 400 !important;    /* Regular */
  line-height: 1.5 !important;
}
.caption-1, .caption-2, .caption-3 {
  font-weight: 700; !important    /* Bold */
  line-height: 1.2 !important;
}
.caption-1 {
  font-size: 1.6rem !important;   /* 16px */
}
.caption-2 {
  font-size: 1.4rem !important;   /* 14px */
}
.caption-3 {
  font-size: 1.2rem !important;   /* 12rem */
}
.header__inline-menu {
  text-align: end;
}
a.btn.additional {
  background-color: #169976;
  color:#ffffff;
  padding: 10px 22px;
  border-radius: 5px;
  text-decoration:unset;
  margin-left: 15px;
}
.index-brandmarquee.index-brandmarquee .marquee-container {     background: transparent; }
/* Marquee */
    .marquee-container {
    overflow: hidden;
    white-space: nowrap;
    background: #f9f9f9;
    padding: 20px 0;
    background-color: #169976;
  }

  .marquee-content {
    display: flex;
    align-items: center;
  }

  .marquee-track {
    display: inline-flex;
    animation: scroll-left 50s linear infinite;
  }

  .marquee-track span {
    display: inline-block;
    padding: 0 30px;
    font-size: 14px;
    color: #fff;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.1em;
  }

  /* Animation keyframes */
  @keyframes scroll-left {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }

.index-brandmarquee .marquee-content {
  white-space: nowrap;
  padding: 80px 0;
  animation: marquee 20s linear infinite;
}
@keyframes marquee {
  0%   { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}
/* Explore apps */
    .explore_app{
     padding:50px 0;
     transition: opacity var(--duration-default) ease, transform var(--duration-default) ease;
     animation: animateMenuOpen var(--duration-default) ease;
    }
    .h2title {
      font-size: 46px;
      font-weight: 700;
      text-align:center;
      font-family: "Manrope", sans-serif;
      font-weight: 700;
    }
    .main-card {
      display:flex;
      justify-content: start;
      gap:30px;
      flex-wrap: wrap;
    }
    .card-head{
      display:flex;
      gap:20px;
      margin-bottom: 20px;
    }
    .cardblock{
      width: 48%;
    }

    .cardblock {
      background: #F6F6F3;
      border-radius: 5px;
      box-shadow: 0 4px 12px #00000014;
      padding: 50px;
      border: 1px solid #D8D8D8;
    }
    .card {
      /* background: white;
      border-radius: 16px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      padding: 50px;
      border: 1px solid #D8D8D8; */
    }
    /* .card-icon {
      width: 80px;
      height: 80px;
      border-radius: 12px;
      background-color: #6c3df4;
      display: flex;
      align-items: center;
      justify-content: center;
    } */

    .card-icon img {
      width: 80px;
      height: 80px;
      border-radius: 6px;
    }

    .card-content {
      flex: 1;
    }

    .card-title {
      font-size: 24px;
      font-weight: bold;
      margin: 14px 0px 14px;
      margin-bottom: 6px;
      font-family: "Manrope", sans-serif;
      font-weight: 600;
      letter-spacing: normal;
    }

    .card-stats {
      font-size: 16px;
      color: #000000;
      display: flex;
      gap: 12px;
      align-items: center;
      margin-bottom: 10px;
    }

    .card-stats span {
      display: flex;
      align-items: center;
      gap: 4px;
    }
    .description span,.description p {
      font-size: 16px;
      color: #000000;
      line-height: 1.5;
      margin-bottom: 20px;
    }

    .card-description {
      font-size: 16px;
      color: #000000;
      line-height: 1.5;
      margin-bottom: 20px;
    }

    .card-content span {
      font-size: 16px;
      color: #000000;
      line-height: 1.5;
      margin-bottom: 12px;
    }
    .card-button {
      background-color: #261CC1;
      color: #fff;
      font-weight: bold;
      padding: 10px 18px;
      border: none;
      border-radius: 5px;
      cursor: pointer;
      font-size: 14px;
      transition: background 0.2s;
      text-decoration: none;
    }

    .card-button:hover {
      background-color: #169976;
    }

/* indexaboutus */
.aboutus_index {
  display: flex;
  justify-content: center;
  gap: 50px;
  align-items: center;
  flex-wrap: wrap;
}

.aboutus_index .txt_div,.aboutus_index .img_div {
  width: 48%;
}
.aboutus_index .img_div img {
  width: 100%;
  /* height: 445px; */
}

.subcontent p {
  margin: 0;
  color: #000;
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 5px;
}
.aboutus_index .subcontent {
    margin-bottom: 15px;
}

.aboutus_index .subcontent h3{
  font-size: 24px;
  font-weight: 700;
  font-family: Manrope, sans-serif;
}

.txt_div .s-title {
    color: #169976;
    font-size: 24px;
    font-weight: 700;
    margin:0;
    line-height: 1.2;
}
.txt_div h2{font-size:30px;margin: 10px 0;    font-family: Manrope, sans-serif;
    font-weight: 600;letter-spacing: normal;}
.index-aboutus {
  margin: 80px 0;
}
.index-aboutus p{
  color: #000;
}

.indexss {background-color: #F6F6F3;padding:50px 0;}
.indexss .main-card.d-flex {
  flex-wrap: wrap;
}
.indexss .txt_center {
  text-align: center;
  margin: 50px 0;
}
.indexss .cardblock {
    background: #ffffff !important;
}
.indexss .cardblock p.card-description {
    margin: 16px 0 20px;
}

section.explore_app .sub_title{
    text-align: center;
}
/* section.explore_app .h2title {
    margin-bottom: 0;
} */
.review_main .h2title{
  margin-bottom: 0;
}
.testimonial {
  gap: 40px;
  margin-top: 50px;
}
.testimonial .card_main {
    background-color: #000000;
    padding: 30px;
    border-radius: 16px;
}
/* START Make slick track flex - same height for all review body for long or short*/
.testimonial .slick-track {
    display: flex !important;
}

.testimonial .slick-slide {
    height: inherit !important;
    display: flex !important;
}

.testimonial .slick-slide > div {
    display: flex;
    width: 100%;
}

.testimonial .card_main {
    height: 100%;
    width: 100%;
    display: flex !important;
    flex-direction: column;
}

.testimonial .auth {
    margin-top: auto;
}
/* END  Make slick track flex - same height for all review body for long or short*/

/* Push author to bottom */
.testimonial .auth {
    margin-top: auto;
}
.next-level {
  margin: 80px 0;
}

section.next-level .index_bgimg {
    text-align: center;
    padding: 100px 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #003399;
    border-radius: 16px;
}

.index_bgimg h2 {
    font-size: 48px;
    font-weight: 700;
    color: #FFFFFF;
    font-family: Manrope, sans-serif;
}

.index_bgimg p{
    color:#ffffff;
      margin-bottom: 30px;
}
.index_bgimg a {
    color: #003399;
    background-color: #D2F059;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 40px;
    margin-top: 20px;
    display: block;
    width: fit-content;
    margin: auto;
    display: flex;
    gap: 20px;
    align-items: center;
}
.index_bgimg a img{
  width: 40px;
  height: 40px;
  background-color: #003399;
  padding: 12px;
  border-radius: 50%;
}
.index-strengthen .main_card {
    display: flex;
    justify-content: center;
    gap:200px;
    /* flex-wrap: wrap; */
}
.index-strengthen p {
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0%;
  text-align: center;

}
.index-strengthen .main_card .img-block{
    text-align:center;
    /* width:30%; */
    position: relative;
}
.index-strengthen .main_card .img-block img.iconimg {
  width: 120px;
  height: 120px;
}
.index-strengthen .main_card .img-block img.imgarrowtop {
    position: absolute;
    width: 253px;
    top: 0;
    right: -230px;
}
.index-strengthen .main_card .img-block img.imgarrowbtm {
    position: absolute;
    width: 263px;
    top: 99px;
    right: -243px;
}
section.index-strengthen {
    background-color: #F6F6F3;
}
section.index-strengthen {
  background-color: #F6F6F3;
  padding: 90px 0;
}
/* spacing between slick cards */

/* compensate outer spacing */
.index_ourservices .slick-list {
    margin: 0 -15px;
}

.index_ourservices .slick-track{
   display: flex !important;
}
.index_ourservices .slick-slide{
    height: inherit !important;
    display: flex !important;
    padding: 0 15px;
    box-sizing: border-box;
}
.index_ourservices .slick-slide > div {
  display: flex;
  width: 100%;
}
.index_ourservices .card_block{
    width: 100%;
    display: flex !important;
    flex-direction: column;
    height: 100%;
}


.index_ourservices .card_block .card_img{
  position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 380px;
      border-radius: 16px 16px 0px 0px;
}
.index_ourservices .card_block .card_img .main_img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  object-fit: cover;
  object-position: center;
}
.breadcrumbs{
  display:none;
}
.facets-container{
  margin-bottom:60px;
  border-bottom:1px solid #f1f1f1;
  padding-bottom:15px;
}
.index_ourservices .card_des {
    background-color: #169976;
    color: #fff;
    padding: 20px;
    border-radius: 0 0px 16px 16px;
     flex: 1;
    display: flex;
    flex-direction: column;
}
.index_ourservices .slick-arrow{
  cursor:pointer;
}
.index_ourservices .card_des p{
  font-family: Inter;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 0%;
}
.index_ourservices .card_des span{
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0%;

}
.index_ourservices .title {
  font-size: 48px;
  color: #039;
  text-align: center;
  font-family: Manrope, sans-serif;
  font-weight: 700;
}
.index_ourservices .card_block .card_img:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color: rgba(0,0,0,.6);
}
.index_ourservices .card_block .card_img .svg_img {
  z-index: 9;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  width: 236px;
  height: 100%;
  margin: auto; 
}
.index_ourservices .main_card {
  display: flex;
  gap:30px;
  margin-top: 50px;
}

.main_card .slick-prev,
.main_card  .slick-next {
  top: auto;
  bottom: 10px; /* Distance from bottom */
  transform: none;
  z-index: 10;
}

/* Position container for arrows */

/* Wrap both arrows inside a custom container */
.main_card .slick-arrow {
  position: absolute;
  bottom: -100px;
  transform: translateX(-25%);
  display: flex;
  gap: 20px; /* Space between arrows */
  z-index: 10;
}
.slick-prev.pull-left.slick-arrow {
    right: 46%;
}
.slick-next.pull-right.slick-arrow {
    left: 51%;
}
.index_ourservices{
  padding:100px 0;
}
.index-brandmarquee {
  /* padding: 50px 0; */
  background-color: #F6F6F3;
  overflow: hidden;
}
.index-brandmarquee .marquee-container {
  padding: 0;
}
.index-brandmarquee img {
    margin: 0 40px;
}

.marquee-content {
  align-items: center;
  display: flex;
  gap: 100px;
}
.footer_solical_icon ul{
  justify-content: flex-start !important;
}
/* .footer_menu {
    width: 0px !important;!i;!;!;
} */
.banner__buttons--multiple .button--primary  {
  background-color: #261cc1;
  color: #ffffff;
  font-weight:700;
  border-radius:6px;
}
a.button.button--secondary {
    border: 1px solid;
    border-radius: 6px;
}
.aboutus_index a.btn {
  color: #261CC1;
  text-decoration:none;
  display:flex;
  gap: 10px;  
}
.btn_div {
    text-align: center;
    margin-top: 40px;
}

.testimonial .card_main p {
  font-style: italic; 
  color: #fff;
}
.testimonial .card_main .auth {
    color: #fff;
}

.btn_div button.card-button {
    background-color: #053B07;
    color: #ffffff;
}

.list-menu .custom_menu {
  width: 32rem;
  border-radius: 16px;
}
.list-menu .custom_menu .dropicon {
  width: 48px;
  height: 48px;
  border-radius: 16px;
}
.list-menu .header__submenu .header__menu-item {
  justify-content: flex-start;
  gap: 10px;
  font-weight: 500;
  color:#000;
}
.list-menu .header__submenu .header__menu-item:hover {
 text-decoration: none;
}
.list-menu .colunmenu {
  width: 580px;
  height: 220px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  border-radius: 16px;
  padding: 20px;
  /* position: relative; */
}
.list-menu .colunmenu:after {
  content: '';
  width: 1px;
  height: 90%;
  border: 1px solid #DFDFDF;
  position: absolute;
  right: 50%;
}
.list-menu .colunmenu .header__menu-item{
  color: #777777;
  width: 260px;
  position: relative;
}
.list-menu .colunmenu .header__menu-item:hover{  
  background-color: #039;
  color: #fff;
  border-radius: 5px;
}

.list-menu .colunmenu .header__menu-item:hover:after {
  content: '';
  position: absolute;
  left: 0;
  border: 1px solid;
  width: 0;
  height: 100%;
}
.mobilearrow {
  display: none;
}

nav.menu-drawer__navigation a.btn.additional {
    margin-left: 25px;
    display: block;
    width: max-content;
    padding: 8px 22px;
    background-color: #039;
    color: #ffffff;
    border: 1px solid #003399;
    margin-top: 10px;
}

.footer-block__heading {
    font-size: 20px;
    color: #121211;
    font-family: Manrope,sans-serif;
    font-weight: 700;
}
.testimonial .rating {
  display: flex;
  gap: 5px;
  align-items: center;
}
.testimonial .card_main {
  margin-right: 20px;
}
@media only screen and (max-width: 768px) {
  .main-card .cardblock,.aboutus_index div,.testimonial .card_main,.aboutus_index .img_div img,.index-strengthen .main_card .img-block{
     width: 100% !important; 
     padding: 25px;
  }
  .testimonial .card_main {
    margin-right: 10px;
    margin-left: 10px;
  }
  .card-stats {
      display: block;
  }
  .aboutus_index .subcontent {
      padding: 0 !important;
  }
  .aboutus_index .txt_div, .aboutus_index .img_div {
      padding: 0 !important;
  }
  .aboutus_index .img_div img{
    height: 100%;
    padding: 0 !important;
  }
  .indexss .txt_center {
      margin-bottom: 0 !important;
  }
  .index-strengthen h2.h2title {
      width: 100% !important;
      margin: auto auto 40px !important;
  }
  .index-strengthen .main_card .img-block {
      padding: 0 !important;
  }
  section.index-strengthen {
      padding: 50px 0;
  }
  .imgarrowtop,.imgarrowbtm {
    display:none;
  }
  .testimonial .card_main {
    margin-bottom: 0px;
  }
  .testimonial,.index-strengthen .main_card {
   flex-wrap: wrap;
  }
  .mobilearrow {
    display: block;
    margin: auto;
    height: 132px;
    width: 23px;
  }
  .index-strengthen .main_card{
    gap:10px;
  }
  .index_ourservices .card_block{
    margin-right: 0px;
  }
  .slick-next.pull-right.slick-arrow{
    left:55%;
  }
  .slick-prev.pull-left.slick-arrow{
    right: 40%;
  }
}
@media only screen and (max-width: 749px) {
  .footer_menu {
    width: 48% !important;
    display: inline-block;
    margin: 0 !important;
  } 
  .service-banner .content, section.service-offer .full_div .content, section.service-offer .full_div .img_div{
    width: 100% !important;
  }
  .service-offer .offer_div{
    gap:40px
  }
  .offer_div .card_div {
    width: 100%;
  }
  .service-div {
    padding:50px 0px !important;
  }
   section.service-offer .full_div {
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 425px) {
  .footer_menu {
    width: 48% !important;!i;!;!;
    display: inline-block;
    margin: 0 !important;!i;!;!;
  } 
}
section.service-banner, .service-banner-details  {
    background-image: url(https://cdn.shopify.com/s/files/1/0593/5821/6326/files/Background_Pattern_2.png?v=1748366465);
}
.service-div {
    padding: 100px 0px;
}
.service-div .pdp_des {
  margin-top: 50px;
}
.service-banner .content {
    text-align: center;
    width: 55%;
    margin: auto;
}

.service-banner .content .head,.faq-container .head,.service-banner-details .content_div .head {
    color: #4B9113;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    font-family: inter;
    margin-top: 0;
}

.service-banner .content .s_title,.service-banner-details .s_title {
    color: #000000;
    font-size: 72px;
    margin:0;
    font-family: Manrope;
    font-weight: 700;
    font-style: Bold;
    font-size: 72px;
    text-align: center;
}
.service-banner .content .s_subtitle{
  font-family: Inter;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  text-align: center;
}
.button--primary.install_ap_btn{
  background: #169976;
}
.button--primary.install_ap_btn{
  font-family: Inter;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 16px;
}
.s_btn .button--secondary {
  background-color: #00c853;
  color: #ffffff;
}
/* Service Page */

section.service-offer .card_div .point,.list_point .point{
  display:flex;
  align-items: center;
  gap: 20px;
}
section.service-offer .card_div .point p{
  margin: 10px 0px;
}

section.service-offer {
  background-color: #F6F6F3;
}
.offer_div {
    display: flex;
    justify-content:space-between;
      flex-wrap: wrap;
}
.card_div h2{
    font-size:34px;
    font-weight:700;
    color:#000;
    margin:0
    font-family: Manrope;
}

.card_div img {
  width: 100%;
  margin: 20px 0px;  
}
.full_div img{
  margin: 0 !important;
}
.card_div {
    width: 48.5%;
    background-color:#ffffff;
    padding:30px 50px;
    border-radius:16px;
}
section.service-offer .full_div {
    width: 100%;
    margin-top: 50px;
    display: flex;
    gap: 50px;
}
section.service-offer .full_div .content,section.service-offer .full_div .img_div{
    width:48.8%;
}
.service-offer .full_div .img_div img{width:100%;height:100%;border-radius:10px;}

.service-offer .full_div .content .point_div {
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    height:150px;
}

.service-offer .s_btn {
    text-align: center;
    margin-top: 80px;
}
.article-card .full-unstyled-link:hover {
    text-decoration: none;
}
article.article-template:before {
    content: "";
    /* background-color: #F6F6F3; */
    /* width: 100%; */
    /* height: 40%; */
    /* display: block;
    position: absolute;
    top:-100px; */
}
article.article-template {
  margin-top: 100px;
}
.full-unstyled-link {
  font-family: "Manrope", sans-serif;
}
.pdp-banner .gap-5{
  gap:5px;  
}
.pdp-banner .icon{
  width: 100px;
    height: 100px;
    border-radius: 8px;
}
.bfs {
  margin: 30px 0;
}
.bfs .btn{
  width: fit-content;
    margin: auto;
    background-color: #E0F0FF;
    display: flex;
    gap: 5px;
    align-items: center;
    padding: 12px 20px;
    border-radius: 8px;
    color: #000;
    font-size: 16px;
}
.mainf {
  background-color: #261CC1;
  padding: 80px 0;
  border-radius: 16px;
}
.mainf h2{
  margin:0;
}
.carddiv {
    display: flex;
    justify-content: center;
    margin-top: 60px;
}
.carddiv .main_div{
  background-color: #169976;
  width: 400px;
  margin: 0 40px;
  padding: 25px 20px;
  text-align: center;
  border-radius: 16px;
}
.carddiv p{
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 700;
  font-family: "Manrope", sans-serif;
}
.secm{
  padding: 100px 0;
}

section.app-banner {background-color: #F6F6F3;}

section.app-banner .appbanner_div{
    display:flex;
    flex-wrap:wrap;
}
section.app-banner .appbanner_div .img_div,section.app-banner .appbanner_div .content{
    width:48.5%
}
section.app-banner .appbanner_div .img_div img{
    width:100%;
    border-radius: 10px;
}
section.app-banner .appbanner_div .content {
padding:40px;
    
}
section.app-banner .appbanner_div .content img{
    width:70px;
    height:70px;
    border-radius:10px;
}
section.app-banner .appbanner_div .content h2 {
  font-size: 48px;
  font-weight: 700;
  font-family: "Manrope", sans-serif;
  margin-top: 15px;
  margin-bottom: 0;
}
 .btn-g{
  background-color: #00c853;
  color: #fff;
  gap:5px;
}
@media only screen and (max-width: 500px) {
  .service-offer .full_div .content .point_div{
    height: 100%;
  }
}
.pt-0 {
  padding-top: 0;
}
/* Pricing Plan*/
    .pricing-container {
      text-align: center;
    }
    .pricing-container .h2title{
      color:#003399;
    }
    .pricing-container  .plans {
      display: flex;
      justify-content: center;
      gap: 30px;
      flex-wrap: wrap;
    }
    .pricing-container .planheader{
      font-family: "Manrope", sans-serif;
    }
    .pricing-container .plan {
      border: 1px solid #ddd;
      border-radius: 10px;
      width: 48%;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    .pricing-container  .plan h3 {
      margin: 0;
      color: #333;
    }
    .pricing-container .plan .price {
      font-size: 24px;
      color: green;
      margin: 10px 0;
    }
    
.pricing-container  .planheader {
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding: 20px 30px;
    border-bottom: 1px solid #CECECE;
}

.pricing-container  .headtitle {
    text-align: left;
}
.pricing-container  .headtitle h3{
 font-family: "Manrope", sans-serif;   
    font-size:24px;
    font-weight:700;
}
.pricing-container  .headtitle p{
 font-family: "Manrope", sans-serif;   
    font-size:18px;
    font-weight:400;
    margin:0;
}
.pricing-container  .planheader .price {
    font-family: "Manrope", sans-serif;
    font-size: 48px;
    font-weight: 700;
    margin: 0;
    color: #003399;
}
.list_point {
  padding: 30px;
}

.list_point .point p{
  margin: 5px 0;
}
.list_point h6 {
text-align: left;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 15px;
    font-family: inter;
    color: #000;
}
.pricing-container p.note {
    font-style: italic;
    opacity: .5;
    font-size: 16px;
    margin-top: 40px;
}
.faq-container .head {
  text-align: center;
  color:#1E1E1E;
}
.faq-container .h2title{
  margin-top:30px;
  margin-bottom:30px;
  color:#000000;
  font-size:48px;
  font-family:Manrope;
  font-weight:bold;
}
    .pricing-container .planheader .price span {
        font-size: 24px;
        margin-top: 10px;
      }
      @media only screen and (max-width: 767px) {
        .carddiv .main_div{
          margin:20px 40px;
        }
        .pricing-container .plan,section.app-banner .appbanner_div .img_div, section.app-banner .appbanner_div .content{
          width:100%;
        }
        .pricing-container .plans{
          flex-wrap: wrap;
        }
        .list_point .point{
          text-align: left;
        }
        .pricing-container .planheader{
          align-items: unset;
        }
        .search-box input{
          max-width:350px;
          width:250px;
        }
       .service-banner-details .content_div .img_div .sp_icon{
        display: none;
      }
        body .service-banner-details .content_div .img_div img {
          margin-top: 30px;
        }
      }
 

  @media only screen and (max-width: 425px) {
    .blog-header .search-box input {
       width:180px;
    }
  }
.article-card .card__heading {
  font-family: Manrope,sans-serif;
  font-weight: bold;
  font-size: 30px;
}

.collection-list .card-img img {
  width: 100%;
  border-radius: 16px;
}
.collection-list .card-img{
  position: relative;
}
.collection-list .card-img:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 98%;
  background-color: #003399B2;
  border-radius: 16px;
}
.collection-list .card-img span {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  font-size: 30px;
}
.custom-product-grid {
    margin: 70px 0;
}
.custom-product-grid .cardblockcardblock {
    width: 32%;
}
.custom-product-grid .cardblock .card-icons, .cardblock .card-icons img {
    width:100%;
    height:100%;
}
.custom-product-grid .cardblock .card-title {
     margin-bottom: 20px;
 }
.bullet-list .d-flex {
    display: flex;
    gap:10px
}
.bullet-list .align-items-baseline {
    align-items: baseline;
}
.bullet-list .mb-2 {
    margin-bottom: 10px;
}

.service-banner-details .content_div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.service-banner-details .content_div .info_content,.service-banner-details .content_div .img_div {
    width: 48%;
    position: relative;
}
.service-banner-details .content_div .img_div img{
    width:100%;
    border-radius: 16px;
}
.service-banner-details .content_div .img_div .sp_icon {
    width: fit-content;
    background-color: #D2F059;
    border-radius: 16px;
    padding: 20px;
    position: absolute;
    bottom: -40px;
    left: -40px;
}
section.service-text-area {
  background-color: #F6F6F3;
}

section.service-text-area h2, .seo-title{
    font-size: 34px;
    margin: 10px 0;
    font-family: Manrope, sans-serif;
    font-weight: 600;
    letter-spacing: normal;  
}
section.our_process {
    background-color: #D2F059;
}
section.our_process .mainf{
  background-color: unset;
}
section.our_process h2 {
    color: #000000;
}
.our_process .carddiv {
    justify-content: space-between;
}
.our_process .main_div {
    background-color: unset;
    width: auto;
    margin: 0;
}
.our_process  .main_div img {
    width: 175px;
    height: 175px;
}
.shopify-marketing {
  background-color: #F6F6F3;
  padding: 50px 0;
}

.shopify-marketing .context {
    display: flex;
    justify-content: space-between;
}

.shopify-marketing .context .info_div,.shopify-marketing .context .list_point {
    width: 48%;
}
.shopify-marketing .context h3{
    font-size: 34px;
    font-weight: 700;
    font-family: Manrope, sans-serif;
}

.shopify-marketing .context .info_div {
    padding-top: 50px;
    text-align: right;
    width: 30%;
    text-align: left;
    margin-left: auto;
}
.mt-5 {
  margin-top: 40px;
}

.text-d-none {
  text-decoration: none;
}

.d-w-20 {
  width: 25%;
}
.d-w-60{
  width: 50%;
}
.article_content_main {
  display: flex;
}

.populer_article h2 {
  font-family: Manrope, sans-serif;
}
.list_view .article-card {
    border-bottom: 1px solid #cdcdcd;
}
.list_view .article-card:first-child {
    border-top: 1px solid #cdcdcd;
}
.populer_article h2,.table_content_sticky .metafield-rich_text_field h2 {
    font-family: Manrope, sans-serif;
    color: #003399;
    font-weight: 600;
}

.populer_article,.table_content_sticky {
  position: sticky;
  top: 85px;
  height: fit-content;
}

.article_content_main .article-card h3 a{
  font-family: Manrope, sans-serif;
  text-decoration: none;
  color: black;
}
.table_content_sticky .metafield-rich_text_field ul{
    list-style:none;
     padding:0;
}

.table_content_sticky .metafield-rich_text_field ul li a {
    text-decoration: none;
}
.table_content_sticky .metafield-rich_text_field ul li {padding: 5px 10px;position: relative;}

.table_content_sticky .metafield-rich_text_field ul li:hover:after {
  content: '';
  position: absolute;
  left: 0;
  border: 1px solid;
  width: 0;
  height: 100%;
  top: 0;
}

.table_content_sticky .metafield-rich_text_field ul li:hover{
  background-color: #003399;
  border-radius:5px;
}
.table_content_sticky .metafield-rich_text_field ul li:hover a{
  color: #ffffff;
  /* font-weight: bold; */
}
.table_content_sticky .metafield-rich_text_field ul li a{
    color:#777777;
}
.txt-center {
    text-align: center;
}

.aboutus_index h3 {
    margin: 0;
    margin-top: 20px;
    font-size: 3rem !important;
}
.index-strengthen  h2.h2title {
    width: 50%;
    margin: auto;
    margin-bottom: 60px;
    font-family: Inter;
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;

}
.article-template__title.custom-h2 {
    font-size: clamp(calc(var(--font-heading-scale) * 3rem),8vw,calc(var(--font-heading-scale) * 4.2rem)) !important;
}
.article_content_main .article-template__content h2, .populer_article h2 {
    font-size: 2.4rem !important;   /* 24px */
    font-weight: 600 !important;
    line-height: 1.2 !important;
}
.article_content_main .article-template__content h3, .populer_article .article-card h3 {
    font-size: 2.0rem !important;   /* 20px */
    font-weight: 700 !important;
    line-height: 1.2 !important;
}
.service-product h1.custom-text {
    font-size: clamp(calc(var(--font-heading-scale) * 4.5rem),8vw,calc(var(--font-heading-scale) * 6rem)) !important;
}

.rte table {
  width: 100%;
  border-collapse: collapse;
  font-family: sans-serif;
  margin: 20px 0;
}

/* Style headers */
.rte th {
  background-color: #f2f2f2;
  color: #333;
  font-weight: bold;
  text-align: left;
  padding: 12px;
  border: 1px solid #ddd;
}

/* Style table cells */
.rte td {
  padding: 12px;
  border: 1px solid #ddd;
}

/* Bold the first column (Features)
.rte td:first-child {
  font-weight: bold;
} */

/* Alternating row colors: Default to white (odd), make even rows gray */
.rte tbody tr {
  background-color: #ffffff;
}

.rte tbody tr:nth-child(even) {
  background-color: #e9e9e9;
}

/* Style for block-level code (wrapped in <pre><code>) */
pre {
  background-color: #f8f9fa;
  border: 1px solid #e1e4e6;
  border-radius: 6px;
  padding: 14px;
  overflow-x: auto; /* Allows long regex to scroll horizontally instead of breaking */
  margin: 15px 0;
}

pre code {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  font-size: 1.2rem;
  color: #24292e; /* Classic dark charcoal for readability */
}

/* Style for inline code (used inside table cells or paragraphs) */
p code, td code {
  background-color: #f1f3f5;
  color: #d63384; /* Subtle pink/red tint often used for inline regex/code */
  font-size: 1.25rem;
  padding: 3px 6px;
  border-radius: 4px;
  white-space: nowrap; /* Keeps your table patterns from breaking into two lines */
}
 @media only screen and (min-width: 789px){
    .service-product .service-content {
        display: flex;
    }
    .service-product .product-desc {
        width: 80%;
    }
    .service-product .sticky-form {
        position: sticky;
        top: 100px;
    }
}
 @media only screen and (max-width: 1024px){
  .populer_article, .table_content_sticky {
    position:relative;
    top: auto;
    height: auto;
  }
  .d-w-20,.d-w-60 {
    width: 100%;
    overflow: hidden;
  }
  .article_content_main {
    flex-wrap: wrap;
  }
  .shopify-marketing .context .info_div {
    margin: 0;
    width: 48%;
  }
}

@media only screen and (max-width: 768px){
  .footer-block.grid__item {
      text-align: center;
  }
  .footer-block__details-content li a.list-menu__item.list-menu__item--link {
      width: 100%;
      align-items: center;
      justify-content: center;
  }
  .footer_solical_icon ul.list-social.footer__list-social {
      justify-content: center !important;
  }
  .shopify-marketing .context .info_div, .shopify-marketing .context .list_point {
    width: 100%;
    text-align: center;
  }
  .shopify-marketing .context{
    flex-wrap:wrap;
  }
  .rte table {
    display: block;          /* Forces the table to act like a div container */
    overflow-x: auto;        /* Enables the horizontal scrollbar */
    white-space: nowrap;     /* Prevents text inside from wrapping awkwardly */
    -webkit-overflow-scrolling: touch; /* Smooth momentum scrolling on iOS */
  }
}


@media only screen and (max-width: 1270px){
   .service-banner-details .content_div .info_content, .service-banner-details .content_div .img_div{
     width: 100% !important;
   }
}

@media only screen and (max-width: 460px){
  .our_process .carddiv {
    justify-content: center;
  }
  .service-banner .content .s_title, .service-banner-details .s_title{
    font-size: 52px;
  }
}

@media (max-width: 768px) {
  .explore_app {
    padding: 15px 0 !important;
  }
  .header{
    padding: 0px 1rem 0px 1rem !important;
  }
  header-drawer {
    justify-self: self-end !important;
    margin-right: -69px!important;
    padding-top: 11px !important;
}