.body-ai-chatbot {
    padding: 0px;
}
:root {
  --theme-color1: #ffd700; /* gold */
  --theme-color2: #ffffff; /* white */
  --theme-color3: #000;    /* black */
  --text-cl-one:#646465;
}
.text-cl-one {
    color: var(--text-cl-one);
}
.cstm-color{
    color: #1C1C0D;
}
.font-heading-tropiline-regular h1,
.font-heading-tropiline-regular h2,
.font-heading-tropiline-regular h3,
.font-heading-tropiline-regular h4,
.font-heading-tropiline-regular h5,
.font-heading-tropiline-regular h6 
{
    font-weight: 500;
    line-height: 1.2;
}
.wmain-card-one:hover{
    filter: drop-shadow(-4px 0 12px rgba(0, 0, 0, 0.08));
    transition: filter 0.5s ease-in-out;
}
.wmain-card-two:hover{
    filter: drop-shadow(-4px 0 12px rgba(0, 0, 0, 0.08));
    transition: filter 0.5s ease-in-out;

}
.hero-area .section-thumbs{
      display: grid
;
    grid-template-columns: 52.5% 44.5%;
    grid-template-rows: auto auto;
    gap: 16px;
}
.sclr{
    color: #5C6972;
}
.review-area{
    background-color: #F7F7FA;
}
.hd-clr {
    color: var(--primary);
}
.review-list-item .thumb img {
    border-radius: 20px;
}

/* Outer Wrapper */
.working-block-style2 .inner-box {
  position: relative;
  text-align: center;
}
.bulck-download{
    background: #C5E3FF8A;
    padding: 7px 7px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
}
/* Background line */
.working-block-style2 .inner-box:before {
  background-color: rgb(28 28 13 / 50%);
  content: "";
  position: absolute;
  left: 0;
  top:42px;
  height: 1px;
  width: calc(100% + 24px);
}

/* Title box */

.working-block-style2 .title-box {
  margin-bottom: 104px;
  position: relative;
}

.working-block-style2 .title-box .working-count {
  font-weight: 700;
  color: #453030;
}

.working-block-style2 .title-box:before {
  background-color: #1C1C0D;
  border: 1px solid rgba(255, 255, 255, 0.15);
  bottom: -33px;
  content: "";
  height: 15px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 15px;
}

.working-block-style2 .title-box:after {
  background-color: #fff;
  bottom: -30px;
  content: "";
  height: 9px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 9px;
  transition: all 300ms ease;
}

/* Content box */
.working-block-style2 .content-box {
  position: relative;
  text-align: center;
  transition: all 300ms ease;
}

.working-block-style2 .content-inner {
  position: relative;
  overflow: hidden;
 background-color: white;
  border: 1px solid #EBEDEF;
  border-radius: 20px;
  padding: 60px 30px 52px;
  z-index: 1;
  height: 100%;
  gap: 10px;
}

.working-block-style2 .content-inner::before,
.working-block-style2 .content-inner::after {
  content: "";
  position: absolute;
  top: 0;
  width: 55%;
  height: 100%;
  background-color: #1C1C0D;
  z-index: -1;
  transition: all 400ms ease;
}

.working-block-style2 .content-inner::before {
  left: -1px;
  transform: translateX(-100%);
}

.working-block-style2 .content-inner::after {
  right: -1px;
  transform: translateX(100%);
}
.working-title.title{
    min-height: 55px;
    font-size: 20px;
}

/* Icon box */
.working-block-style2 .icon-box {
  font-size: 35px;
  line-height: 72px;
  position: absolute;
  width: 68px;
  height: 68px;
  top: -34px;
  z-index: 9;
  border-radius: 50%;
  text-align: center;
  left: calc(50% - 34px);
  color: #222222;
  background-color: #1C1C0D;
  transition: all 300ms ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-box {
  --icon-color-one: white;
  --icon-color-two: #1C1C0D;
}

.icon-box svg{
    fill: var(--icon-color-one);
        width: 45px;
    height: auto;
}

.working-block-style2 .icon-box::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  border-radius: 50%;
  background-color: #fff;
  z-index: -1;
  border: 1px solid #1C1C0D;;
  transition: all 300ms ease;
}

/* Hover Effects */
.working-block-style2 .inner-box:hover .content-inner::before {
  transform: translateX(0);
}

.working-block-style2 .inner-box:hover .content-inner::after {
  transform: translateX(0);
}

.working-block-style2 .inner-box:hover .icon-box {
  background-color: white;
  border: 1px solid #EBEDEF;
}

.working-block-style2 .inner-box:hover .working-title.title{
  color:white;
}
.working-block-style2 .inner-box:hover .working-details{
  color:white;
}
.working-block-style2 .inner-box:hover .icon-box svg{
    fill: var( --icon-color-two);
}
/* .working-block-style2 .inner-box:hover .icon-box::before {
  transform: scale(1);
} */


/* .working-block-style2 .inner-box:hover .title-box:before */
.working-block-style2 .inner-box:hover .title-box:after{
  background: #1C1C0D;
}




.working-block-style2 {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.working-block-style2 .inner-box {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.working-block-style2 .content-box {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.working-block-style2 .content-inner {
  flex: 1;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
}

.who-issnap {
   padding-bottom: 40px;
    font-size: 22px;
    padding-bottom:35px;
}

.snapid-sbtitle {
    padding-bottom: 20px;
}

.snapid-long-text {
    padding-bottom: 40px;
}
.roboy-img{
        width: 142px;
    position: relative;
    bottom: 4px;
}


.hero-area .section-content .feature-list{
    margin-top: 20px;
}

.who-issnap-card {
    border: 1px solid #EBEDEF;
    padding: 17px 40px 0px 17px;
    border-radius: 12px;
    height: 100%;
    background-color: white;
}
.hero-area .thumb-secondary:before{
        inset-inline-end: calc(100% + 18px);
        top: 52px;
        display: none;
}
.hero-area .thumb-secondary:after{
    display: none;
}
.hero-top-two-img{
    object-fit: cover;
    border-radius:15px;
}
.hero-area .thumb-secondary {
    margin-top: -88px;
    outline: 0px solid var(--white);
    border-radius: 15px;
    position: relative;
    /* width: 167px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-area .thumb-secondary img{
    border-radius: 20px;
    -webkit-mask-image: unset; 
    mask-image: unset; 
    -webkit-mask-repeat: unset;
    mask-repeat: no-repeat;
    -webkit-mask-size: unset;
    mask-size:unset;
      height: auto;
    width: 242px;
    rotate: -25deg;
    position: relative;
    z-index: 1;
}

.hero-area .meta-info {
    background-image: url(/frontend/imgs/index/gif-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 12px;
    padding: 0px;
}

/* .hero-area .thumb-main img:hover{
transform: scale(1.05);
transition: all 0.3s ease-in-out;
} */

.fw-500 {
    font-weight: 500 !important
}

.fw-600 {
    font-weight: 600 !important
}

.fw-700 {
    font-weight: 700 !important
}

.fw-800 {
    font-weight: 800 !important
}

.fw-900 {
    font-weight: 900 !important
}


.team-video-area .team-video-thumb {
    max-width: 550px
}

.team-video-area .section-content {
    max-width: 468px
}

@media only screen and (max-width: 991px) {
    .team-video-area .section-content {
        max-width: 550px
    }
}

.team-video-area .section-content .text-wrapper {
    margin-top: 27px
}

.team-video-area .section-content .reaching-list {
    margin-top: 26px
}

.team-video-area .section-content .reaching-list .title {
    font-size: 18px;
    font-weight: 500;
    color: var(--primary)
}

.team-video-area .section-content .reaching-list ul {
    margin-top: 18px
}

.team-video-area .section-content .reaching-list ul li {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.44;
    color: #5C6972;
    display: flex;
    gap: 4px;
    align-items: flex-start
}

.team-video-area .section-content .reaching-list ul li:not(:first-child) {
    margin-top: 10px
}

.team-video-area .section-content .reaching-list ul li img {
    margin-top: 2px
}

.team-video-area-inner {
   display: grid;
       grid-template-columns: 54% 46%;
    align-items: center;
    gap: 40px 0px;
}

@media only screen and (max-width: 991px) {
    .team-video-area-inner {
        flex-direction: column-reverse
    }
}





.pricing-area {
    padding-top: 112px
}

@media only screen and (max-width: 1919px) {
    .pricing-area {
        padding-top: 82px
    }
}

@media only screen and (max-width: 991px) {
    .pricing-area {
        padding-top: 62px
    }
}

@media only screen and (max-width: 767px) {
    .pricing-area {
        padding-top: 42px
    }
}

.pricing-area .section-header {
    text-align: center
}

.pricing-area .section-header .section-title {
    max-width: 615px;
    margin: 0 auto
}

.pricing-area .section-header .text {
    max-width: 550px;
    margin: 0 auto
}

.pricing-area .section-header .text-wrapper {
    margin-top: 27px
}

@media only screen and (max-width: 991px) {
    .pricing-area .section-header .text-wrapper {
        margin-top: 17px
    }
}

.pricing-area .toggle-content {
    margin-top: 50px
}

@media only screen and (max-width: 991px) {
    .pricing-area .toggle-content {
        margin-top: 30px
    }
}

.pricing-area .wcf__toggle_switcher {
    margin-top: 63px
}

@media only screen and (max-width: 1919px) {
    .pricing-area .wcf__toggle_switcher {
        margin-top: 43px
    }
}

@media only screen and (max-width: 991px) {
    .pricing-area .wcf__toggle_switcher {
        margin-top: 33px
    }
}

.pricing-area .pricing-wrapper {
    display: grid;
    grid-template-columns: 315px 315px 315px;
    justify-content: center;
    gap: 30px
}












.review-area {
    position: relative;
    z-index: 2;
    overflow: hidden
}

.review-area .section-heading {
    margin: unset
}

.big-imgbg-howwork .shape {
    position: absolute;
    top: -40px;
    left: 0;
    z-index: -2
}
.review-area .shape {
    position: absolute;
    top: -40px;
    left: 0;
    z-index: -2
}

.review-area .review-inner {
    display: grid;
    grid-template-columns: auto 560px;
    gap: 220px
}

.review-list-item.r-1 {
   background-color: #e5f6f6;
}

.review-list-item.r-2 {
    background-color: #fff7d0;
}



.review-list-item {
    /* display: grid;
    grid-template-columns: auto 170px;
    gap: 35px; */
      background-color:  #e5f6f6;
    padding: 15px;
    border-radius: 30px;
    max-width: 560px;
    padding-bottom: 20px;
    position: relative;
}

.review-list-item .content {
    padding-left: 27px;
}

.pin-spacer{
    margin-bottom: 30px !important;
}
.review-list-item .quote-icon {
    margin-left: -27px;
}

.review-list-item .text-wraper {
    padding-top: 30px;
}

.review-list-item .meta-info {
    display: flex;
    gap: 17px;
    align-items: center;
    padding-top: 24px;
    max-width: 150px;
}

.review-list-item .meta-info .name {
    font-size: 16px;
}

@media only screen and (max-width: 1199px) {
    .review-area .review-inner {
        gap: 20px
    }
}

@media only screen and (max-width: 991px) {
    .review-area .review-inner {
        grid-template-columns: 1fr;
        /* gap: 50px */
    }
}

@media only screen and (max-width: 767px) {
    .review-area .review-inner {
        grid-template-columns: 1fr;
        gap: 30px
    }
}

.review-area .thumb-wrapper {
    padding-bottom: 22px
}

@media only screen and (max-width: 991px) {
    .review-area .thumb-wrapper {
        max-width: 150px;
        padding-bottom: 15px
    }
}

.review-area .symbol-wrapper {
    padding-top: 35px
}

@media only screen and (max-width: 991px) {
    .review-area .symbol-wrapper {
        max-width: 100px;
        padding-top: 20px
    }
}




.feature-area {
    padding-top: 185px
}

@media only screen and (max-width: 1199px) {
    .feature-area {
        padding-top: 100px
    }
}

@media only screen and (max-width: 991px) {
    .feature-area {
        padding-top: 70px
    }
}

.feature-area .section-heading {
    max-width: 701px;
    margin: auto;
    text-align: center;
    margin-bottom: 63px
}

@media only screen and (max-width: 767px) {
    .feature-area .section-heading {
        margin-bottom: 30px
    }
}

.feature-item {
    padding: 40px 30px;
    text-align: center;
    border: 1px solid var(--border);
    border-radius: 40px;
    height: 100%;
    background-color: white;
}

.feature-item .title {
    font-size: 20px;
    padding-bottom: 16px;
    max-width: 210px;
    font-weight: 700;
    margin: auto;
}

.feature-item .thumb {
    padding-bottom: 35px;
}

.feature-item .thumb {
    padding-bottom: 35px;
}

.showcase-slider-area {
    background-color: #f6f7ff;
    padding-top: 110px;
    padding-bottom: 110px;
    position: relative;
    z-index: 2;
    overflow: hidden
}

@media only screen and (max-width: 991px) {
    .showcase-slider-area {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media only screen and (max-width: 767px) {
    .showcase-slider-area {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.showcase-slider-area .shape-bg {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -2
}

@media only screen and (max-width: 1919px) {
    .showcase-slider-area .shape-bg {
        top: 30px
    }
}

@media only screen and (max-width: 1199px) {
    .showcase-slider-area .shape-bg {
        top: auto
    }
}

@media only screen and (max-width: 991px) {
    .showcase-slider-area .shape-bg {
        display: none
    }
}

.showcase-slider-area .section-title-wrapper {
    padding-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .showcase-slider-area .section-title-wrapper {
        padding-bottom: 10px
    }
}

.showcase-slider-area .showcase-thumb {
    text-align: end
}

@media only screen and (max-width: 767px) {
    .showcase-slider-area .showcase-thumb {
        padding-top: 30px
    }
}

.showcase-slider-area .text-wraper {
    padding-bottom: 45px
}

@media only screen and (max-width: 767px) {
    .showcase-slider-area .text-wraper {
        padding-bottom: 25px
    }
}

.showcase-slider-area .showcase-slider-inner {
    display: grid;
  grid-template-columns: 520px 720px;
    gap: 60px
}

@media only screen and (max-width: 1399px) {
    .showcase-slider-area .showcase-slider-inner {
            grid-template-columns: 519px 543px;
    }
}

@media only screen and (max-width: 1199px) {
    .showcase-slider-area .showcase-slider-inner {
        grid-template-columns: 449px 470px;
        gap: 20px;
    }
  

}

@media only screen and (max-width: 991px) {
    .showcase-slider-area .showcase-slider-inner {
        grid-template-columns: 1fr;
        align-items: center
    }
}

@media only screen and (max-width: 767px) {
    .showcase-slider-area .showcase-slider-inner {
        grid-template-columns: 100%;
        gap: 20px
    }
}

.showcase-slider-area .showcase-list li {
    display: grid;
    grid-template-columns: 70px auto;
    gap: 30px;
    max-width: 390px
}

@media only screen and (max-width: 767px) {
    .showcase-slider-area .showcase-list li {
        gap: 20px;
        grid-template-columns: 50px auto
    }
}

.showcase-slider-area .showcase-list li:not(:last-child) {
    margin-bottom: 40px
}

@media only screen and (max-width: 767px) {
    .showcase-slider-area .showcase-list li:not(:last-child) {
        margin-bottom: 20px
    }
}

.showcase-slider-area .showcase-list li .title {
    font-size: 24px;
    margin-bottom: 10px
}

@media only screen and (max-width: 767px) {
    .showcase-slider-area .showcase-list li .title {
        font-size: 20px;
        margin-bottom: 5px
    }
}


.hero-area .section-content .section-title {
    max-width: 100%;
}

@media only screen and (max-width: 1919px) {
    .hero-area .section-content .section-title {
      font-size: 2.8vw;
    }
}

@media only screen and (max-width: 1919px) {
    .hero-area .section-content {
        padding: 70px;
    }
}

.hero-area .section-content .text {
    max-width: 100%;
}

.features-area .section-header .text {
    max-width: 1200px;
}

.features-area .section-header .section-title {
    max-width: 600px;
    margin: 0 auto;
}

.feature-box {
    background-color: white;
    filter: drop-shadow(0 0px 0px rgba(0, 0, 0, 0.0));
    border: 1px solid #ebedef;
    transition: transform 0.5s ease-in-out, filter 0.5s ease-in-out;
}

.feature-box:hover {
    filter: drop-shadow(-4px 0 12px rgba(0, 0, 0, 0.08));
}

@media only screen and (max-width: 1919px) {
    .feature-box {
        padding: 35px 20px 38px;
        height: 100%;
    }
}


.pricing-area {
    background-color: transparent;
}

.pricing-box {
    background-color: white;
    border-color: #0F2552;
    filter: drop-shadow(0 0px 0px rgba(0, 0, 0, 0.0));
    color: #1C1C0D;
    transition: filter 0.5s ease-in-out;
}
.pricing-box:hover{
    filter: drop-shadow(-4px 0 12px rgba(0, 0, 0, 0.08));
}

.pricing-box.popular {
    background-color: white;
    border: 1px solid #EBEDEF;
    color: #1C1C0D;
}

.pricing-box.popular p {
    color: #1C1C0D;

}

.pricing-box .title {
    color: #1C1C0D;
}

.pricing-box.popular .price {
    color: #1C1C0D;
}

.pricing-box.popular .title {
    color: #1C1C0D;

}


.pricing-box {
    border: 1px solid #EBEDEF;
}

.wcf__toggle_switcher.style-2 .before_label.active,
.wcf__toggle_switcher.style-2 .after_label.active {
    color: white;
}

.wcf__toggle_switcher .slide-toggle-btn .switcher {
    height: 30px;
    background-color: var(--white);
    border: var(--switcher-border-width) solid var(--white);
    border-radius: 30px;
    display: none;
}

.features-area .section-header .section-title {
    max-width: 100%;
    margin: 0 auto;
}

/* .hero-area-inner {
    display: grid
;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
} */

.snpaid-point-list {
    line-height: 24px;
    list-style-type: disc !important;
    padding-left: 20px;
    font-size: 16px;
}

.snpaid-point-list li {
    list-style-type: disc !important;
}

@media only screen and (max-width: 1919px) {
    /* .hero-area-inner {
        grid-template-columns: 1fr 1fr;
    } */
}


.cursor,
.cursor1,
.cursor2,
.cursor-testi {
    display: none !important;
}











.testimonial-area {
    /* background-color: #fafafa; */
    background-color: #F7F7FA;
    padding-top: 112px
}

@media only screen and (max-width: 1919px) {
    .testimonial-area {
        padding-top: 82px
    }
}

@media only screen and (max-width: 991px) {
    .testimonial-area {
        padding-top: 62px
    }
}

@media only screen and (max-width: 767px) {
    .testimonial-area {
        padding-top: 42px
    }
}

.testimonial-area .section-header {
    text-align: center
}

.testimonial-area .section-header .section-title {
    max-width: 580px;
    margin: 0 auto
}

.testimonial-area .section-header .text {
    max-width: 580px;
    margin: 0 auto
}

.testimonial-area .section-header .text-wrapper {
    margin-top: 27px
}

.testimonial-area .testimonial-wrapper-box {
    margin-top: 63px
}

@media only screen and (max-width: 1919px) {
    .testimonial-area .testimonial-wrapper-box {
        margin-top: 43px
    }
}

@media only screen and (max-width: 991px) {
    .testimonial-area .testimonial-wrapper-box {
        margin-top: 33px
    }
}


@media only screen and (max-width: 1919px) {
    .testimonial-area .swiper {
        max-width: 100%;
    }
}

.testimonial-area .swiper {
    max-width: 100%;
}

.review-list-item .meta-info {
    display: flex;
    gap: 17px;
    align-items: center;
    padding-top: 24px;
    max-width: 100%;
}

.showcase-slider-area .showcase-list li {
    display: grid;
    grid-template-columns: 100%;
    gap: 20px;
    max-width: 100%;
}

.showcase-slider-area .showcase-list li:not(:last-child) {
    margin-bottom: 30px;
}



.showcase-list li {
    list-style: disc !important;
}



.counter-area .text-wrapper {
    padding-bottom: 55px;
    max-width: 455px
}

@media only screen and (max-width: 767px) {
    .counter-area .text-wrapper {
        padding-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .counter-area .text-wrapper .text {
        font-size: 17px
    }
}

.counter-area .counter-thumbs {
    background-color: #f6f0df;
    border-radius: 40px;
    max-width: 630px;
    margin-left: auto;
    padding-left: 54px;
    padding-right: 45px;
    padding-top: 140px;
    position: relative
}

@media only screen and (max-width: 1919px) {
    .counter-area .counter-thumbs {
        max-width: 530px
    }
}

@media only screen and (max-width: 1199px) {
    .counter-area .counter-thumbs {
        max-width: 430px
    }
}

@media only screen and (max-width: 991px) {
    .counter-area .counter-thumbs {
        margin-left: unset;
        max-width: 330px
    }
}

@media only screen and (max-width: 767px) {
    .counter-area .counter-thumbs {
        padding-top: 50px
    }
}

.counter-area .counter-thumbs .shape-1 {
    text-align: end;
    position: relative
}

.counter-area .counter-thumbs .shape-2 {
    position: absolute;
    left: 55px;
    top: 41px
}

@media only screen and (max-width: 767px) {
    .counter-area .counter-thumbs .shape-2 {
        display: none
    }
}

.counter-area .counter-thumbs .shape-2 img {
    border-radius: 30px
}

.counter-area .counter-thumbs .shape-3 {
    position: absolute;
    bottom: 140px;
    left: -60px;
    z-index: 2;
    filter: drop-shadow(0px 40px 50px rgba(23, 34, 63, 0.1))
}

@media only screen and (max-width: 991px) {
    .counter-area .counter-thumbs .shape-3 {
        bottom: 50px;
        left: -20px
    }
}

@media only screen and (max-width: 767px) {
    .counter-area .counter-thumbs .shape-3 {
        display: none
    }
}

.counter-area .counter-thumbs .shape-3 img {
    border-radius: 30px
}


/* .hero-area .thumb-main img {
    height: 380px;
} */

.meta-info img.gif-image {
    /* height: 140px; */
    min-height: 100%;
    
}


/* Make swiper-wrapper flex container */
.swiper-wrapper {
    display: flex;
    align-items: stretch;
    /* Stretch all slides to same height */
}

/* Each slide should be flexible */
.swiper-slide {
    height: auto !important;
    display: flex;
}

/* Card stretches inside slide */
.feature-box {
    display: flex;
    flex-direction: column;
    flex: 1;
    /* Fill full height */
}

.testimonial-area .swiper {
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 22px;
    padding-right: 22px;
}


.product-area-inner {
    display: flex;
    gap: 40px 80px;
    justify-content: space-between;
    align-items: center;
}


.product-thumb {
    position: relative;
    min-width: 280px;
}

.product-thumb .shape-1 {
    position: absolute;
    top: 7%;
    inset-inline-start: 6%;
    width: 38%;
    z-index: 1;
    filter: drop-shadow(0px 30px 30px rgba(28, 32, 49, 0.13));
}

.product-thumb .shape-2 {
    position: absolute;
    bottom: 0;
    inset-inline-end: 6%;
    width: 82%;
    filter: drop-shadow(0px -30px 50px rgba(40, 41, 54, 0.15));
}


.product-area .section-content {
    max-width: 617px;
}

.product-area .section-content .text-wrapper {
    margin-top: 27px;
}

.product-area .section-content .btn-wrapper {
    margin-top: 40px;
}

.build-ul-list li {
    list-style-type: disc !important;
    font-size: 20px;
    line-height: 1.8;
}

.build-ul-list {
    padding-left: 20px;
}

.build-ul-list li {
    list-style-type: disc !important;
    font-size: 20px;
    line-height: 1.8;
}

.why-snapid-list {
    padding-left: 20px;
}

.why-snapid-list li {
    list-style-type: disc !important;
    font-size: 20px;
    line-height: 2;
}

.build-ul-list {
    padding-left: 20px;
}

.build-ul-list li {
    list-style-type: disc !important;
    font-size: 20px;
    line-height: 1.8;
}

.why-snapid-list {
    padding-left: 20px;
}

@media only screen and (max-width: 991px) {
    .product-area-inner {
        flex-direction: column;
    }
}

@media screen and (max-width: 767px) {
    .build-ul-list li {
        font-size: 16px;
    }

    .why-snapid-list li {
        font-size: 16px;
    }

}

/* .features-wrapper-box,
.features-wrapper,
.testimonial-area-inner,
.testimonial-wrapper-box,
.testimonial-wrapper,
.swiper,
.swiper-wrapper,
.swiper-slide {
  overflow-y: visible !important;
  overflow-x: hidden;
  height: auto !important;
}
 */
/* .wc-btn-primary:hover {
    background-color: var(--white);
    border-color: #9fa3a8;
    color: var(--primary);
}

 .wc-btn-primary.bookdemo{
     background-color: white;
     border-color: black;
     color: black;
    }
.wc-btn-primary.bookdemo:hover{
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
} */

.gif-main{
background: linear-gradient(203.59deg, #F3FFAC -0.84%, #E3F2FF 43.45%);


}
 .wc-btn-primary.bookdemo{
       background-color: #F7F7FA;
    border-color: #D7DAE0;
    color: var(--primary);
    }


.wc-btn-primary.bookdemo:hover{
       background-color: #E6E6EA;
    border-color: transparent;
    color: #1C1C0D;
}


.get-intouch-text {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.1;
}


.socil-icon-cc {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    border: 1px solid #5C6972;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    background-color: transparent;
    transition: all 0.3s ease; 
}

.socil-icon-cc:hover {
    background-color: #260404;
    border-color: #5C6972; 
    color: white;
}


.ct-message{
    min-height:124px !important;
}
.form-floating label{
    color: #5C6972;
}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label{
 opacity: 1;    
}
.form-floating .form-control {
    background-color: transparent;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid black;
    color: #5C6972;
}

.form-floating .form-control:focus {
    box-shadow: none;
}
.big-imgbg {
    position: relative;
    /* padding: 100px 0; */
    z-index: 1;
    overflow: hidden;
}
.big-imgbg-howwork{
    /* background-image: url(/frontend/imgs/index/big-imgbg-howwork.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover; */
        position: relative;
        isolation: isolate;
           background-color: rgb(246, 247, 255, 0.5); 

}
.geometric-shape-1 {
    position: absolute;
    right: -280px;
    top: -150px; 
    transform-origin: center;
}
/* .big-imgbg-howwork .area-shape-1 {
 
    position: absolute;
    width: 988.54px;
    height: 473.3px;
    inset-inline-end: 45%;
    top: 60px;
    background: linear-gradient(120.51deg, rgba(135, 212, 255, 0.5) 11.58%, #F3FFAC 82.42%);
    opacity: .3;
     filter: blur(100px); 
    transform: matrix(-1, 0, 0, 1, 0, 0);
    z-index: -1;
      pointer-events: none; 

} */

.big-imgbg::before {
      content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/frontend/imgs/index/big-imgbg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity: 0.05;
    z-index: -1;
}




.ready-to-trasform{
    background-image: url(/frontend/imgs/index/rttf.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
      padding: 0px;
    height: 100%;
    display: flex;
    min-height: 444px;
    align-items: center;
    
}

.ready-to-trasform-bg{
    background-image: url(/frontend/imgs/index/box-img.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%; 
    border: 1px solid #C5C5C5;
    border-radius: 15px;
    display: flex;
    background-size: cover  ;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
      padding: 5px 15px 5px 15px;
    
}
.ready-to-trasform-bg:hover{
    box-shadow: 0px 4px 11px 0px #7D767640;
}

.ready-tmaisn{
   display: grid;
grid-template-columns: calc(50% - 14px) calc(50% - 14px);
gap: 14px;

}

.ready-to-trasform-text{
    font-size: 20px;
    line-height: 32px;
    padding-top: 36px;
    max-width: 592px;
}

.feature-box .thumb img{
   height: 65px;
}

.snapid_logo{
   width:147px 
}
.snapid_logo-step{
   width:220px 
}
.snapid_logo-steptwo{
    width: 160px;
}
.snapid_logo-stepthree{
    width: 150px;
}

.pin-input-main{
    gap: 20px;
}

.login-form .form-control.sin-input {
    background-color: #EFEFEF;
    border: 0px;
    color: #8C9187;
    font-size: 14px;
    padding: .5rem .75rem;
    border-radius: 10px;
}
.login-form .form-control.sin-input:focus{
    box-shadow:none;
}
.step-three{
    min-height: 100vh;
}
.mn-step-twoform{
    background-color: #F9F9F9;
    padding: 12px;
    border: 1px solid #EBEDEF;
    color: #5C6972;
    border-radius:12px;
}

.submit-btn-bept {
    font-size: 14px;
    width: 100%;
    border-radius: 10px;
    background-color: #161313;
    color: #fff;
    font-weight: 500;
    border: none;
    min-height: 37px;
    padding: 7px;
}

.basic-face-box {
    border-radius: 10px;
    background-image: url(/frontend/images/gallery/scanneerbg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    padding: 8px;
    background-color:#F9F9F9;
   border: 1px solid #D9D9D9
}
.basic-face-box-inner{
        border-radius: 10px;
    display: flex;
    height: 100%;
     flex-direction: column;
    align-items: center;
    justify-content: center;
   border: 2px dashed #646465;
       padding: 14px;
}

.scan-face-box-insider-twopage {
    width: 54px;
    height: 54px;
    /* box-shadow: 0px 4px 4px 0px #00000040; */
    background-color: #949597;
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
}


.faceimg-img {
    width: 26px;
    height:26px;
}

.scan-facebtn {
    --bs-btn-color: white;
    --bs-btn-bg: #161313;
    --bs-btn-border-color: #161313;
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: #161313;
    --bs-btn-hover-border-color: #161313;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: white;
    --bs-btn-active-bg: #161313;
    --bs-btn-active-border-color: #161313;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: white;
    --bs-btn-disabled-bg: #161313;
    --bs-btn-disabled-border-color: #161313;
    margin-top: 25px;
    width: 140px;
    /* color: #434445; */
    /* padding: 10px 15px; */
    font-size: 14px;
    font-weight: 500;
    border-radius: 12px;
    height: 30px;
    display: flex
;
    align-items: center;
    justify-content: center;
}

.dz-message.scan-textboxbdpt-btn {
    width: 140px;
    background-color: white;
    font-size: 14px;
    font-weight: 600;
    border-radius: 12px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7B7D7E;
    border: 0.86px solid #B0ABAB;
}


.upload-section {
    /* background: linear-gradient(to bottom right, #0d1117, #1b1f24); */
    background-image: url(/frontend/images/gallery/brbg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: white;
    border-radius: 10px;
    text-align: center;
   border: 1px solid #D9D9D9;
    padding: 20px 20px 20px 20px;
    height: 100%;
    background-color:#F9F9F9;
        display: flex
;
    align-items: center;
}


.browsertext {
    color: #D0D0D0;
}


.uploder-up {
    background-color: #949597;
    width: 54px;
    border-radius: 50%;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* box-shadow: 0px 4px 4px 0px #00000040; */
}

.dz-message {
    color: white;
    font-weight: bold;
    font-size: 18px;
}



.nw-guest-updrbtn {
    --bs-btn-color: #7B7D7E;
    --bs-btn-bg: white;
    --bs-btn-border-color: #B0ABAB;
    --bs-btn-hover-color: #7B7D7E;
    --bs-btn-hover-bg: white;
    --bs-btn-hover-border-color: #B0ABAB;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #7B7D7E;
    --bs-btn-active-bg: white;
    --bs-btn-active-border-color: #B0ABAB;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #7B7D7E;
    --bs-btn-disabled-bg: white;
    --bs-btn-disabled-border-color: #B0ABAB;
    margin-top: 25px;
    width: 145px;
    /* color: #434445; */
    /* padding: 10px 15px; */
    font-size: 14px;
    font-weight: 600;
    border-radius: 22px;
    height: 30px;
    display: flex
;
    align-items: center;
    justify-content: center;
}


@media only screen and (max-width: 1919px) {
    .feature-box .content {
        margin-top: 35px;
    }
}
.vr {
    display: inline-block;
    align-self: stretch;
    width: var(--bs-border-width);
    min-height: 1em;
    background-color: #bbc3cb;
    opacity: 1;
    height: 100%;
        width: 0.2px;
}
.main-img{
    position: absolute;
    z-index: 9999;
    right: 0px;
    bottom: 0px;
    opacity: 54%;
}
footer{
    background-color:#F7F7FA;
   border: 1px solid #EBEDEF;
    color: black;
    border-radius: 12px; 
}
.footer-outer{
   
     padding: 88px 88px 0px 88px;
    position: relative;
    z-index: 1;
}
footer{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.bg-rm-footerlogo{
     width: 250px;
}
footer::before{
    content: "";
    position: absolute;
    background-image: url(/frontend/imgs/index/main-footer.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% auto;
    width: 100%;
    height: 100%;
    transform: rotate(-2deg);
    opacity: 0.9;
} 

/* footer::after{
    content: "";
    position: absolute;
    background-image: url(/frontend/imgs/index/main-footer.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% auto;
    width: 100%;
    height: 100%;
    transform: rotate(-2deg);
    opacity: 0.9;
} */
.logo-inside-inner{
    display: grid;
    grid-template-columns: 1fr 1px 1fr;

}
.address-area{
    gap: 8rem;
}
.company-info-main{
    display: flex;
    padding: 60px 0px 60px 180px;
    gap: 6.5rem;
    justify-content: space-between;
}
.social-links-fr-main .social-links-fr-list{
    background: white;
    border: 1px solid black;
    border-radius: 50%;
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
   
}
.social-links-fr-main{
    gap: 15px;
}
.spring-img{
   position: absolute;
    top: 142px;
    left: -8em;
 
}
.hero-top-one-main{
    position: relative;
}

.hto-upload{
    position: absolute;
    top: 21px;
    right: 0.5em;
    color: #1C1C0D;
    font-size: 56px;
    font-weight: 700 !important;
}

.hto-result{
      position: absolute;
    top: 6px;
    left: 13px;
    color: #1C1C0D;
    font-size: 56px;
    font-weight: 700 !important;
}
.hto-magic{
  position: absolute;
    top: 21px;
          left: 50%;
        transform: translateX(-50%);
       color: #1C1C0D;
       font-size: 56px;
        font-weight: 700 !important;

}

.grass-stripe{
    background: rgba(255, 255, 255, 0.1);
   border: 1px solid #D9D9D9;
    border-radius: 35px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    gap: 12px;
    box-sizing: border-box;
    color: #393737;
    min-height: 70px;
    margin-bottom: 8px;
}
  .glass-img-big{
        position: absolute;
        width: 310px;
        right: 0px;
    }

    .header-area.style-1 .main-menu>ul>li>a{
        border: 0px;
    }

.table-form{
    border: 1px solid #D9D9D9;
    border-radius: 12px;
    padding: 24px;
    backdrop-filter: blur(3px);
    /* border: 1px solid #D9D9D9 */

}
.jhali-right-img{
   position: absolute;
    right: 0px;
     top: -6em;
    opacity: 0.55;
    rotate: 182deg;
}

.out-sidecricle{
    position: absolute;
    right:-2rem !important;
    top: 11em;
}

.shaddow-main-img{
    position: absolute;
    top: 0em;
    left: -3em;
    width: 500px;
}



  

.custom-table th,
.custom-table td {
    padding: 14px 20px;
    vertical-align: middle;
}

/* Rounded corners */
.custom-table thead tr:first-child th:first-child {
    border-top-left-radius: 0.75rem;
}
.custom-table thead tr:first-child th:last-child {
    border-top-right-radius: 0.75rem;
}
.custom-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 0.75rem;
}
.custom-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 0.75rem;
}

/* Header styling */
.custom-table thead th {
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    background-color: transparent;
}
.custom-table thead th.feature-header {
    background-color: transparent;
    color: #1C1C0D;
}
.custom-table thead th.manual-cell {
    background-color: #F8F8F8;
    color: #1C1C0D;
}

/* Body styling */
.custom-table tbody td.feature-cell {
    background-color: transparent;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #5C6972;
}
.custom-table tbody td.manual-cell {
    background-color: #F8F8F8;
    color: #5C6972;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

/* Snap ID special header text */
.custom-table thead th.snapid-header .snaip-idtext {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: linear-gradient(90deg, #6773E1 0%, #383F7B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.custom-table thead th.snapid-header {
    background-color: #F9EEFD;
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    user-select: none;
    cursor: default;
}

/* Snap ID body cell */
.custom-table tbody td.snapid-cell {
    background-color: #F9EEFD;
    color: #5a5bad;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

/* Magic wand icon */
.icon-magic-wand {
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    font-size: 18px;
    color: #5a5bad;
    cursor: pointer;
    font-weight: 700;
    user-select: none;
    transform: rotate(-20deg);
    position: relative;
    top: 1px;
}
.custom-table {
    margin-bottom: 0px ! important;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #DFDFDF;
    border-right: 0px;
}

.custom-table th,
.custom-table td {
    border: none; 
}

.custom-table td,
.custom-table th {
    box-shadow: inset 0 -1px 0 #DFDFDF, inset -1px 0 0 #DFDFDF;
}

.custom-table tr:last-child td {
    box-shadow: inset -1px 0 0 #DFDFDF;
}
.team-video-area .team-video-thumb {
    max-width: 100%;
}

.line-zigzag-img{
    position: absolute;
    top: 0px;
    opacity: 0.55;
}

.custome-padding{
    padding: 0 30px;
}

.tag-line-main{
    gap:27px;
}
.snap-tagline-text{
    font-size:20px;
    font-weight: 500;
}
.per-step-cmstyle{
    height: 100vh;
    padding: 14px;
}
.align-top-img{
    position: absolute;
    top: 0px;
    left: 0px;
}
.align-btm-img{
    position: absolute;
    bottom: 0px;
    right: 0px;
}
  .ht32{
            height: 32;
        }

.step-1-form{
    backdrop-filter: blur(4px);
    height: 100%;
    border-radius: 12px;
    border: 1px solid #D9D9D9;
    display: flex;
    align-items: center;
}

.cstm-col-width{
    width:1111px;
}
.pdleft{
    padding-left: 0px;
}

.step-twoboxgrid{
       display: grid;
    grid-template-columns: 1fr 1fr 510px;
    gap: 16px;
}
.step-twoboxnexgrid{
    display: grid;
    grid-template-columns: 273px auto;
    gap: 16px;
}
.per-steptwo-cmstyle{
    min-height: 100vh;
    /* display: flex;
    align-items: center;
    justify-content: center; */
}
.step-2-form{
    min-height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
}
.selected-img{
    /* min-height: 16px; */
    color:#000000;
    font-size: 14px;
    font-weight: 500;
}
.built-scale{
    position: absolute;
    top: -36px;
    left: 0px;
}
.small-circle-img{
  position: absolute;
  right: -5em;
  top: -5em;

  animation: spin 10s linear infinite; /* 10s = speed */
}

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


.showcase-slider-thumb{
background-color: rgba(224, 255, 224, 0.2);
    border: 1px solid #D9D9D9;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(2px);
    position: relative;
    max-width: 640px;
    width: 100%;
}

.why-snapid-newimg{
  bottom: -43px;
    position: absolute;
    z-index: 99;
}
.team-video-area .team-video-thumb {
    max-width: 600px;
}
.max-cstm-width{
    max-width: 1050px;
}

.btn-info-addnew {
    --bs-btn-color: #D9D9D9;
    --bs-btn-bg: #161313;
    --bs-btn-border-color: #161313;
    --bs-btn-hover-color: #D9D9D9;
    --bs-btn-hover-bg: #161313;
    --bs-btn-hover-border-color: #161313;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #D9D9D9;
    --bs-btn-active-bg: #161313;
    --bs-btn-active-border-color: #D9D9D9;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #D9D9D9;
    --bs-btn-disabled-border-color: #D9D9D9;
        width: 101px;
    padding: 5px;
    font-size: 11px;
}
 .btn-info-addnew:active{
    box-shadow: none;
    border: none;
}
.btn-info-addnew:focus{
    box-shadow: none;
    border: none;
} 
/* .btn-info-addnew .btn-check:active+.btn:focus, .btn-info-addnew .btn-check:checked+.btn:focus, 
.btn-info-addnew .btn.active:focus, .btn-info-addnew .btn.show:focus, .btn-info-addnew .btn:active:focus{
box-shadow: none;
 } */
.btn-info-delete {
    --bs-btn-color: #1E1E1E;
    --bs-btn-bg: #DDDBDB;
    --bs-btn-border-color: #DDDBDB;
    --bs-btn-hover-color: #1E1E1E;
    --bs-btn-hover-bg: #DDDBDB;
    --bs-btn-hover-border-color: #DDDBDB;
    --bs-btn-focus-shadow-rgb: 11, 172, 204;
    --bs-btn-active-color: #1E1E1E;
    --bs-btn-active-bg: #DDDBDB;
    --bs-btn-active-border-color: #1E1E1E;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #1E1E1E;
    --bs-btn-disabled-bg: #DDDBDB;
    --bs-btn-disabled-border-color: #D9D9D9;
        width: 101px;
    padding: 5px;
    font-size: 11px;
}

.btn-info-delete:focus{
    box-shadow: none;
    border: none;
}
.btn-info-delete:active{
    box-shadow: none;
    border: none;
}
.top-grid-stree{
        display: grid;
   grid-template-columns:800px 300px;
    gap: 12px;
}

.register-form-box .social-links a:hover{
    color:white;
    background-color:#260404;
}
.offcanvas-area{
        z-index: 999999;    
}
.toggle-password {
    position: absolute;
    top: 1.4em;
    right: 1.5em
}

.wc-btn-primary.register-newuser{
    background-color: transparent;
    color: #1C1C0D;
}
.header-area.style-1 .wc-btn-primary:hover{
    border-color: #1C1C0D;
}
.offcanvas-area {
    background-color: #1C1C0D;
}

.header-area.style-1 .wc-btn-primary.login-btn:hover{
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary);
}
.scan-cstmtext{
    color: #121010;
}

@media screen and (max-width: 1400px) {
  .top-grid-stree {
    display: grid;
    grid-template-columns: 694px 300px;
    gap: 12px;
}
.hto-upload{
    font-size: 54px;
}
.hto-magic {
    font-size: 54px;

}
.hto-result {
    font-size: 54px;
}
    .spring-img {
        position: absolute;
        top: 142px;
        left: -8em;
        width: 259px;
    }
    .geometric-shape-1{
        width:19vw;
        top: -106px;
    }
    .company-info-main{
        padding: 60px 0px 60px 150px;
    }
    footer::before {
    background-size: 89% auto;
    }
    .working-title.title{
            min-height: 72px;
    }
 .hero-area .section-content {
        padding: 70px 40px 70px 40px;
    }
}
@media screen and (max-width: 1200px) {
    .step-twoboxgrid {
    display: grid;
    grid-template-columns: 1fr 1fr 361px;
    gap: 16px;
}

      .why-snapid-newimg {
        position: relative;
        bottom: 11px;
        z-index: 99;
    }
    .top-grid-stree {
        display: grid;
        grid-template-columns: 609px 311px;
        gap: 12px;
}
    .out-sidecricle {
    position: absolute;
    right: 0px;
    top: 14em;
    width: 250px;
}
   .hto-upload{
    font-size: 48px;
}
.hto-magic {
    font-size: 48px;
}
.hto-result {
    font-size: 48px;
}
      .geometric-shape-1{
        width: 250px;
    }
      .company-info-main {
          display: flex
;
        padding: 60px 0px 60px 43px;
        gap: 3rem;
        justify-content: space-between;
}
    .pricing-area .pricing-wrapper {
    display: grid
;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    justify-content: center;
    gap: 30px;
}
    .header__button{
        display: none;
    }
    .hero-area .section-content .section-title {
        font-size: 2.4vw;
    }
    .snpaid-point-list{
        padding-bottom:17px;
    }
    .who-issnap-card {
       padding: 17px 20px 0px 17px;
    }
    .get-intouch-text {
        font-size: 42px;
        font-weight: 700;
        line-height: 1.2;
    }
   
}

@media screen and (max-width: 992px) {
    .step-twoboxnexgrid {
        display: grid;
        grid-template-columns: 273px auto;
        gap: 9px;
    }
        .top-grid-stree {
        display: grid;
        grid-template-columns: 100%;
        gap: 12px;
    }

    .align-btm-img {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 62vw;
}
    .align-top-img{
        width: 33vw;
    }
    .step-twoboxgrid {
    display: grid;
    display: grid;
    grid-template-columns: calc(50% - 8px) calc(50% - 8px); /* gap adjust */
    gap: 16px;
}
.step-twoboxgrid .pointtreegrid{
        grid-column: 1 / span 2;
}
.step-twoboxnexgrid .pointtreegrid{
        grid-column:unset;
}
    .custome-padding{
            padding: 0 15px;
    }
    .team-video-thumb-order{
        order: 1;
    }
    .team-video-area-inner{
        display: grid;
        grid-template-columns: 100%;
        align-items: center;
        gap: 40px 0px;
    }
        .out-sidecricle {
        position: absolute;
        right: 0px;
        top: 12em;
        width: 250px;
    }
    .ready-to-trasform{
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .glass-img-big {
    position: absolute;
    width: 267px;
    right: 0px;
    bottom: 5em;
}

    .hero-area .section-content {
        padding: 40px;
    }
   .hero-area .thumb-secondary{
   margin-top: -13.6vw;
   }
   .hero-area .thumb-secondary:before {
   top: 95px;
}
.hero-area .thumb-secondary img{
    width: 343px;
}
.hto-upload {
    position: absolute;

    font-size: 56px;
}
.hto-magic {
    position: absolute;
  
    font-size: 56px;
}
.hto-result{
   
    font-size: 56px ;
    position: absolute;
  
}

.spring-img {
    position: absolute;
    top: 107px;
    left: -8em;
    width: 248px;
}
      .geometric-shape-1 {
        width: 200px;
    }
    footer::before {
    content: "";
    position: absolute;
    background-image: url(/frontend/imgs/index/vector.png);
    background-repeat: no-repeat;
    background-position: top left;
   background-size: 100% auto;
    width: 100%;
    height: 100%;
    transform: rotate(0deg);
    opacity: 0.65;
    }
    .bg-rm-footerlogo {
            width: 300px;
    }
    .company-info-main {
        padding: 61px 25px; 
    }
    .footer-outer{
            padding: 50px 50px 0px 50px;
    }
    .address-area {
    gap: 2rem;
}
    
         .review-list {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 15px;
        }
            .review-area .review-inner {
        grid-template-columns: 1fr;
        /* gap: 50px; */
    }
    .review-area .thumb-wrapper {
        max-width: 150px;
        padding-bottom: 15px;
    }
    .review-area .symbol-wrapper {
        max-width: 100px;
        padding-top: 20px;
    }
    .review-list-item:not(:last-child) {
        margin-bottom: 0;
    }
    .review-list-item .content {
        order: 2;
        padding-left: 0;
    }
    .review-list-item .quote-icon {
        margin-left: 0;
        position: absolute;
        right: 15px;
        top: 15px;
    }

    
    .review-list-item .text-wraper {
              padding-top: 69px;
    }

        .review-list-item .thumb {
        order: 1;
    }

    .review-list-item {
        grid-template-columns: 1fr;
        gap: 20px;
    }

        .section-title {
        font-size: 30px;
    }

    .working-title.title{
        min-height: auto;
    }
    .gap-20{
        grid-row-gap: 20px;
    }
     .hero-area .section-content .section-title {
        font-size: 50px;
    }
    .get-intouch-text {
        font-size: 40px;
        font-weight: 700;
    }
}

@media screen and (max-width: 768px) {
    .step-twoboxnexgrid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0px;
    }

    .big-imgbg
    .tag-line-main {
    gap: 10px;
}
     .bg-rm-footerlogo {
        margin-top: 18px;
    }
    .shaddow-main-img {
    position: absolute;
    top: -4em;
    left: 0px;
    height: 100%;
}
    .out-sidecricle {
        position: absolute;
        right: 0px;
        top: 14em;
        width: 145px;
    }
    .ct-message{
       min-height:auto !important;
    }
        .hero-area .thumb-secondary {
        margin-top: -13.8vw;
    }
        .bg-rm-footerlogo {
        width: 244px;
    }
    .company-info-main{
            display: flex
;
        justify-content: flex-start;
    }

    .company-info-main{
        padding: 16px 0px;
    }
    .company-info-main{
        justify-content: flex-start;
    }
    .logo-inside-inner{
        grid-template-columns:1fr;
    }
    .vr{
        display: none;
    }
    .taand-slcicon{
        gap: 1.2rem;
    }
    .address-area{
       flex-direction: column;
        gap: 1.2rem;
    }
    .get-intouch-text {
        font-size: 36px;
        font-weight: 700;
    }

    .hero-area .section-content .section-title {
        font-size: 40px;
    }
      .review-list {
        grid-template-columns: 1fr;
    }
        .hto-upload {
        position: absolute;
        font-size: 8vw;
        font-weight: 600 !important;
    }
        .hto-magic {
        font-size: 8vw;
        top: 15px;
    }

    .hto-result {
        font-size: 8vw;
    }
}


@media screen and (max-width: 576px) {
    .pin-spacer{
        margin-bottom: 0px !important;
    }
    .wc-btn-primary.register-newuser{
        padding: 13px 26px;
        background-color: transparent;
        border-color: white;
        color: white;
    }
    .wc-btn-primary.login-btn{
        padding: 13px 26px;
        background-color: white;
        color: #1C1C0D;
    }
    .footer-area.style-2 .footer-nav-list{
        margin-top: 0px;
    }
    .step-twoboxgrid {
        display: grid;
        grid-template-columns: calc(50% - 4px) calc(50% - 4px);
        gap: 8px;
    }

    .step-twoboxnexgrid .basic-face-box-inner{
        padding:20px;
    }
    .why-snapid-newimg {
    position: relative;
    bottom: 9px;
    z-index: 99;
}
    .small-circle-img {
            position: absolute;
            right: -2em;
            top: -3em;
            animation: spin 10s linear infinite;
            width: 30vw;
        }
    .selected-img{
        font-size: 12px;
    }
    .scan-facebtn{
        margin-top: 8px;    
    }
    .cstom-text{
        font-size: 10px;
    }
    .upload-section{
            padding: 6px 6px 6px 6px;
    }
    .basic-face-box{
        padding: 4px;
    }
    .basic-face-box-inner
{
    padding: 5px;
}
    .pin-input-main {
    gap: 12px;
}
    .step-1-form {
    backdrop-filter: blur(2px);
}
.snapid_logo-steptwo{
    width: 29vw;
}
    .snapid_logo-step {
            width: 29vw;
        }
    .big-imgbg{
        padding: 0px 0;
    }
    .snap-tagline-text{
    font-size: 3.5vw;
    font-weight: 500;
}
    .tag-line-main {
    gap: 0px;
}
        .out-sidecricle {
        position: absolute;
        right: 0px;
        top: 16em;
        width: 107px;
    }
    .custom-table th, .custom-table td {
    padding: 8px 8px;
    vertical-align: middle;
}
.table-form {
    padding: 2.5vw;
}
    .grass-stripe{
        min-height: 50px;
    }
    .grass-stripe svg{
        width: 27px;
    }
    .glass-img-big {
   position: absolute;
        width: 49vw;
        right: 0px;
        bottom: 3em;
}
    .ready-to-trasform{
        padding-top: 50px;
        padding-bottom: 50px
    }
    .hero-area .section-content .text-wrapper {
    margin-top: 12px;
}
    .hero-area .section-content {
        padding: 15px 15px 15px 15px;
    }
  
    .hero-area .thumb-secondary img
    {
        width: 40vw;
    }
    .hero-area .thumb-secondary{
        outline: 0vw solid var(--white);
    }
    .hero-area .section-thumbs{
               grid-row-gap: 8px;
        grid-column-gap: 8px;
    }
        .hto-magic {
        font-size: 8vw;
        top: 15px;
        }
    .hto-result{
        font-size: 8vw;
    }
        .hto-upload {
        position: absolute;
        font-size: 8vw;
        right: 0.7em;
        font-weight: 600 !important;
    }
       .hero-area .thumb-secondary:before {
        top: 7.2vw;
    }
    .hero-area .thumb-secondary:before {
        display: none !important;
    inset-inline-end: calc(100% + 6px);

}
.hero-area .thumb-secondary:after{
    display: none !important;
        top: -29px;
}
   .hero-area .thumb-secondary {
        margin-top: -13vw;
    }
        .hero-area .section-thumbs {
        grid-template-columns: 53% 45%;
        grid-template-rows: auto auto;
    }
    .hero-area .thumb-main{
        grid-column: 1 / 3;
    }
    .spring-img {
        position: absolute;
        top:0px;
        left: -8em;
        width: 229px;
    }
        .geometric-shape-1 {
        width: 151px;
        top: -100px;
    }
        .bg-rm-footerlogo {
        width: 145px;
                margin-top: 18px;
        margin-bottom: 8px;
    }
    .company-info-main{
        gap: 1.5rem;
        display: flex;
        flex-direction: column;
    }
        .footer-outer {
                padding: 30px 12px 0px 12px;
        }
    .testimonial-area .swiper{
        padding-top: 0px; 
        padding-bottom: 0px;
        padding-left: 0px; 
        padding-right: 0px;
    }

    .working-block-style2 .inner-box:before{
    width: calc(100%);
    }
    .hero-area {
        padding-top: 80px;
    }
    .meta-info img.gif-image {
        width: 300px;
    }
    .header-area.style-1 .header-area__inner{
    height: 65px;
    }
    .snapid_logo {
    width: 126px;
}
    .hero-area .section-content .section-title {
       font-size: 8.5vw;
    }
    .get-intouch-text {
        font-size: 24px;
        font-weight: 700;
        text-align: center;
    }
}


@media screen and (max-width: 480px) {
    .custom-table thead th.snapid-header .snaip-idtext{
            flex-direction: column;
    }
    .main-img {
    position: absolute;
    z-index: 9999;
    right: 0px;
    bottom: 0px;
    opacity: 54%;
    width: 182px;
}
    .btn-wrapper{
        flex-direction: column !important;
    }
     .btn-wrapper a {
        width: 100% !important;
     }
    .meta-info img.gif-image{
        width: 240px;
    }
      .snpaid-point-list{
     padding-bottom:17px;   
    }
    .get-intouch-text {
        font-size: 20px;
        font-weight: 700;
        text-align: center;
    }
    .ready-tmaisn {
        display: grid;
        grid-template-columns: 100%;
        gap: 10px;
    }
    .photograbh-img{
        padding-left: 4px;
    }
}