.f7--qrcode-viewfinder {
  display: inline-block;
  width: 50px;
  height: 50px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cpath fill='%23000' d='M8.383 21.402c1.219 0 1.875-.68 1.875-1.922v-5.53c0-2.438 1.312-3.68 3.656-3.68h5.672c1.219 0 1.898-.68 1.898-1.899c0-1.195-.68-1.875-1.898-1.875h-5.742c-4.875 0-7.36 2.414-7.36 7.242v5.743c0 1.242.68 1.921 1.899 1.921m39.234 0c1.242 0 1.899-.68 1.899-1.922v-5.742c0-4.828-2.438-7.242-7.36-7.242h-5.719c-1.242 0-1.921.68-1.921 1.875c0 1.219.68 1.899 1.921 1.899h5.672c2.297 0 3.633 1.242 3.633 3.68v5.53c0 1.243.68 1.922 1.875 1.922m-20.625 4.57v-8.179c0-.562-.445-1.031-1.031-1.031h-8.156c-.586 0-1.032.468-1.032 1.031v8.18c0 .562.446 1.008 1.032 1.008h8.156c.586 0 1.031-.446 1.031-1.008m4.055-7.171h6.14v6.14h-6.14Zm4.36 4.36v-2.556h-2.555v2.555Zm-12.235 0v-2.556h-2.578v2.555Zm-4.36 7.898h6.141v6.14h-6.14Zm20.11.796v-2.554h-2.555v2.555Zm-7.055 0v-2.554h-2.555v2.555Zm-8.695 3.54V32.84h-2.578v2.554Zm12.234 0V32.84h-2.578v2.554Zm1.031 14.109h5.72c4.921 0 7.359-2.438 7.359-7.266V36.52c0-1.243-.68-1.922-1.899-1.922s-1.875.68-1.875 1.922v5.53c0 2.438-1.336 3.68-3.633 3.68h-5.672c-1.242 0-1.921.68-1.921 1.899c0 1.195.68 1.875 1.921 1.875m-22.593 0h5.742c1.219 0 1.898-.68 1.898-1.875c0-1.219-.68-1.898-1.898-1.898h-5.672c-2.344 0-3.656-1.243-3.656-3.68V36.52c0-1.243-.68-1.922-1.875-1.922c-1.242 0-1.899.68-1.899 1.922v5.718c0 4.852 2.485 7.266 7.36 7.266m18.023-10.57v-2.555h-2.555v2.555Zm7.055 0v-2.555h-2.555v2.555Zm.305-12.961v-8.18c0-.562-.446-1.031-1.032-1.031H30.04c-.586 0-1.031.468-1.031 1.031v8.18c0 .562.445 1.008 1.03 1.008h8.157c.586 0 1.032-.446 1.032-1.008M18.812 18.8h6.141v6.14h-6.14Zm8.18 19.406v-8.18c0-.562-.445-1.007-1.031-1.007h-8.156c-.586 0-1.032.445-1.032 1.007v8.18c0 .563.446 1.031 1.032 1.031h8.156c.586 0 1.031-.468 1.031-1.031'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.fluent--presence-available-10-filled {
  display: inline-block;
  width: 50px;
  height: 50px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath fill='%23000' d='M5 10A5 5 0 1 0 5 0a5 5 0 0 0 0 10m2.104-5.896l-2.25 2.25a.5.5 0 0 1-.708 0l-1-1a.5.5 0 0 1 .708-.708l.646.647l1.896-1.897a.5.5 0 0 1 .708.708'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.material-symbols-light--rule-settings-rounded {
  display: inline-block;
  width: 50px;
  height: 50px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m7.212 18.346l-1.054-1.042q-1.166-1.131-1.681-2.481t-.516-2.734q0-2.178 1.111-3.975t3.001-2.783q.196-.104.414-.054t.284.258q.067.182-.012.384q-.08.202-.257.306q-1.623.858-2.582 2.424q-.958 1.567-.958 3.44q0 1.22.463 2.37q.464 1.149 1.44 2.126l1.02 1.019v-2.527q0-.213.143-.357q.143-.143.357-.143q.213 0 .356.143t.144.357v3.462q0 .348-.23.577q-.23.23-.578.23H4.616q-.214 0-.357-.143q-.144-.143-.144-.357q0-.213.144-.356t.356-.144zm8.904-11.95v2.527q0 .214-.144.357q-.143.143-.356.143q-.214 0-.357-.143t-.143-.357V5.462q0-.348.23-.578q.229-.23.577-.23h3.462q.213 0 .356.143q.144.144.144.357t-.144.357t-.356.143h-2.597l1.054 1.042q.872.896 1.374 1.898q.501 1.002.69 2.079H18.9q-.183-.875-.614-1.704t-1.151-1.553zm1.246 14.412q-.162 0-.265-.103t-.134-.259l-.07-.504q-.57-.125-.938-.349t-.701-.558l-.498.21q-.137.068-.277.035q-.14-.034-.221-.165l-.158-.269q-.1-.13-.07-.286q.032-.156.157-.262l.402-.34q-.185-.543-.185-1.035t.185-1.035l-.403-.34q-.124-.106-.155-.262T14.1 15l.158-.27q.08-.13.22-.164q.141-.033.278.036l.498.21q.333-.335.7-.559q.369-.224.938-.35l.072-.503q.03-.156.133-.259q.103-.102.265-.102h.277q.161 0 .264.102q.103.103.134.259l.07.504q.57.125.938.352t.701.567l.493-.221q.136-.07.28-.036q.143.034.223.165l.158.28q.1.131.072.287t-.153.262l-.407.34q.184.53.184 1.029t-.184 1.029l.402.34q.125.106.155.262q.031.156-.069.286l-.158.27q-.08.13-.22.164t-.278-.036l-.498-.21q-.332.335-.7.56t-.938.348l-.071.504q-.031.156-.134.259t-.264.103zm.138-1.731q.883 0 1.518-.636q.636-.635.636-1.518q0-.882-.636-1.518q-.635-.636-1.518-.636t-1.518.636t-.636 1.518t.636 1.518q.635.636 1.518.636'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.middle_section {
    background: url(../../assets/img/curved_background.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
}
.business_middle{background: #ffffff; padding: 20px; border-radius: 10px; margin-top: 15px;}
.whiteblue_Box {
    background: url(../../assets/img/cruvd_Mask.png) #ffffff;
    background-position: bottom right;
    background-repeat: no-repeat;
    border-radius: 10px;
    position: relative;
    padding: 20px 20px 20px 20px;
    margin-bottom: 20px;
    text-align: center;
}
.whiteblue_Box:hover {
    box-shadow: 0px 0px 11px #0000001f;
}
.whiteblue_Box:hover .blue_icon {
    background: #FA8F21;
}
.whiteblue_Box figure {
}
.whiteblue_Box h3 {
    color: #000;
    font-size: 25px;
    font-weight: 600;
}
.whiteblue_Box p {
    font-size: 14px;
    color: #676767;
    font-weight: 400;
    line-height: 22px;
}

.step_boxes {
    text-align: center;
    /* border: 1px solid #cdcccc; */
    border-radius: 10px;
    background: #fff;
    height: 100%;
    padding: 20px 30px 10px;
}
.step_number {
    width: 60px;
    height: 60px;
    margin: 0px auto;
    border-radius: 50px;
    font-size: 30px;
    background: linear-gradient(180deg, #4673B4 0%, #212C4C 100%);
    color: #fff;
    line-height: 60px;
    margin-top: -40px;
    margin-bottom: 10px;
    font-weight: 600;
}
p.step_paragraph {
    color: #676767;
    font-size: 16px;
}

.step_boxes:hover {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
}
.step_boxes:hover .step_number {
  background: #0044F5;
}

/* --------------------------pritee- added style----------------------------------- */

.h3 {
  margin-top: 0px;
  margin-bottom: 0.4em;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 600;
}
.paragraph-l {
  font-size: 16px;
  font-weight: 200;
  color: #676767;
  margin: 0;
  line-height: 24px;
  opacity: 0.5;
  transition: opacity 0.5s ease-in-out;
}
.steps.active .paragraph-l {
  opacity: 1;
}
.stick-text_detail {
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.circle-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  margin-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #fff;
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
  margin-bottom: 10px;
}
.steps.steps .circle-number {
  background: #ffffff;
  color: #adadad;
  transition: background-color 0.4s ease, color 0.4s ease;
}
.steps.steps.active .circle-number {
  background: #0044f5;
  color: white;
}
.phone-mock img {
  padding: 30px;
}

.howedgebox {
  background: white;
  padding: 20px 40px;
  border-radius: 10px;
  margin-bottom: 15px;
  text-align: center;
  height: 100%;
}
.howedgebox figure {
  display: flex;

  align-items: center;

  justify-content: center;
}
.howedgebox img {
  width: 150px;
  height: 150px;
}
.howedgebox h3 {
  color: #000;

  font-size: 20px;
}

.howedgebox p {
  color: #676767;
  font-size: 16px;
}

.accordion-container {
  width: 100%;
  margin: 10px auto;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
  background: #fff;
  margin-bottom: 40px;
}

.accordion-container .accordion-item {
  max-height: 60px;
  overflow: hidden;
  transition: max-height 0.6s ease, transform 0.3s ease;
  border-bottom: 1px solid #eee;
  cursor: pointer;
}

.accordion-container .accordion-item.active {
  max-height: 600px;
  transform: scale(1.01);
  background: #fafafa;
}

.accordion-container .accordion-header {
  padding: 16px 20px;
  font-weight: 600;
  background: #242424;
  font-size: 1.1em;
  transition: background 0.3s;
}

.accordion-container .accordion-item.active .accordion-header {
  background: #0044f5;	
}
.accordion-container .accordion-item .accordion-header h3{
	color: #fff
}
.accordion-container .accordion-item.active .accordion-header h3{
  color: #ffffff	
}

.accordion-container .accordion-content {
  padding: 20px 20px;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.accordion-container .accordion-item.active .accordion-content {
  opacity: 1;
  transform: translateY(0);
}
.accordion-container .accordion-item .accordion-header h3 {
    background: url(https://iedge.digital/assets/img/downarrow.png) no-repeat calc(100% - 10px) center;
    background-size: 20px;
}
.accordion-container .accordion-item.active .accordion-header h3 {
    background-image: url(https://iedge.digital/assets/img/uparrow.png);
}

.phone-mock1 img {
  width: 100%;
  height: 300px;
  object-fit: contain;
  margin-bottom: 20px;
}
.paragraph {
  font-size: 16px;
	line-height: 28px;
  color: #676767;
}

@media only screen and (max-width: 767px) {
.hero .hero-content h1 {
    font-size: 24px;
    font-weight: 600;
}
.whiteblue_Box h3 {
    font-size: 22px;
}
}