* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('../fonts/OpenSansCondensed-ExtraBold.woff2') format('woff2'),
        url('../fonts/OpenSansCondensed-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('../fonts/OpenSansCondensed-Regular.woff2') format('woff2'),
        url('../fonts/OpenSansCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans Condensed';
    src: url('../fonts/OpenSansCondensed-Bold.woff2') format('woff2'),
        url('../fonts/OpenSansCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/OpenSans-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Medium.woff2') format('woff2'),
        url('../fonts/OpenSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('../fonts/OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/*Shopify Css Start*/
.sopify-hero-section{
    padding: 56px 0px;
}

.sopify-hero-box{
    background: url('../images/shopify/shopify-hero-banner.png') no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0px 0px 0px 96px;
    height: 637.53px;
    border: 1px solid rgba(142, 27, 62, 0.3);
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.sopify-hero-l-content{
    display: flex;
    flex-direction: column;
    row-gap: 28px;
    max-width: 587px;
}

.sopify-hero-details h1{
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 72px;
    letter-spacing: -2.1828px;
    color: #141414;
    margin-bottom: 20px;
    max-width: 475px;
}

.sopify-hero-details h1 span{
    color: #8E1B3E;
}

.sopify-hero-details p{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.114884px;
    color: #141414;
    margin-bottom: 0px;
    max-width: 478px;
}   

.sopi-hero-btn{
    display: flex;
    align-items: center;
    gap: 13px;
}

.sopi-hero-btn .btn-primary{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 21px;
    gap: 10px;
    background: #8E1B3E;
    border-radius: 11.6937px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: -0.350812px;
    color: #FFFFFF;
}

.sopi-hero-btn .btn-primary:hover,
.sopi-hero-btn .btn-primary:focus,
.sopi-hero-btn .btn-primary:focus:active,
.sopi-hero-btn .btn-primary:active{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 21px;
    gap: 10px;
    border-radius: 11.6937px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: -0.350812px;
}

.sopi-hero-btn .btn-primary:hover svg path,
.sopi-hero-btn .btn-primary:hover:focus svg path{
  stroke: #121212;
}

.sopi-hero-btn .btn-primary:focus svg path,
.sopi-hero-btn .btn-primary:active svg path{
  stroke: #FFFFFF;
}

.sopi-hero-btn .btn-secondary{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 21px;
    gap: 10px;
    background: #FFFFFF;
    border: 1px solid rgba(142, 27, 62, 0.3);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
    border-radius: 11.6937px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: -0.350812px;
    color: #8E1B3E;
}

.sopi-hero-btn .btn-secondary:hover,
.sopi-hero-btn .btn-secondary:focus,
.sopi-hero-btn .btn-secondary:focus:active,
.sopi-hero-btn .btn-secondary:active{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 21px;
    gap: 10px;
    background: #8E1B3E;
    border: 1px solid rgba(142, 27, 62, 0.3);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
    border-radius: 11.6937px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: -0.350812px;
    color: #FFFFFF;
}

.sopi-hero-btn .btn-secondary:hover svg path,
.sopi-hero-btn .btn-secondary:hover:focus svg path{
  stroke: #FFFFFF;
}

.sopi-hero-btn .btn-secondary:focus svg path,
.sopi-hero-btn .btn-secondary:active svg path{
  stroke: #FFFFFF;
}

.sopify-hero-r-image{
    position: absolute;
    right: -160px;
    top: 50%;
    transform: translateY(-50%);
}

.back-end-title h3{
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 46px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -2.01926px;
    color: #141414;
    max-width: 518px;
    margin: 0 auto;
}

.backend-box{
    padding: 44px 0px;
    border-top: 1px solid rgba(142, 27, 62, 0.24);
    border-bottom: 1px solid rgba(142, 27, 62, 0.24);
    margin-top: 56px;
    display: flex;
    gap: 43.33px;
}

.backend-items{
    display: flex;
    flex-direction: column;
    row-gap: 14px;
    width: 100%;
}

.backend-items h4{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: #000000;
    margin-bottom: 0px;
}

.backend-items p{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 0px;
}

.plugin-step-section{
    padding: 56px 0px;
}

.go-live-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.go-live-content{
    max-width: 600px;
}

.go-live-content h2{
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 54px;
    line-height: 60px;
    align-items: center;
    letter-spacing: -2.28px;
    color: #141414;
    max-width: 540px;
    margin-bottom: 24px;
}

.go-live-steps{
    display: flex;
    align-items: center;
}

.go-live-steps .circle {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 54px;
    font-weight: 800;
    mix-blend-mode: multiply;
}

.go-live-steps .circle-1 {
    background-color: #AB1B38;
}

.go-live-steps .circle-2 {
    background-color: #F1702C;
    margin-left: -22px;
}

.go-live-steps .circle-3 {
    background-color: #D74929;
    margin-left: -22px;
}

.go-live-steps-wrapper {
    padding-top: 56px;
    display: flex;
    flex-direction: column;
    row-gap: 48px;
}

.go-live-step-item{
    display: flex;
    align-items: center;
    column-gap: 28px;
    row-gap: 48px;
}

.step-badge h5{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 12px;
    gap: 20px;
    background: #8E1B3E;
    border-radius: 12.2143px;
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #FFFFFF;
    margin-bottom: 32px;
}

.go-live-content h4{
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #000000;
    margin-bottom: 16px;
}

.go-live-content p{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.114884px;
    color: #060606;
    margin-bottom: 32px;
}

.go-live-content a{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #8E1B3E;
    gap: 7px;
}

.go-live-content a span{
    display: inline-flex;
}

.why-qat-mer-section{
    padding: 56px 0px;
}

.why-mer-chos-title h2{
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 54px;
    line-height: 60px;
    letter-spacing: -2.28px;
    color: #141414;
    margin-bottom: 24px;
    text-align: center;
}

.why-mer-chos-title p{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    letter-spacing: -0.114884px;
    color: #141414;
    max-width: 448px;
    margin: 0 auto;
}

.why-qat-chos-wrap{
    display: flex;
    align-items: stretch;
    gap: 55px;
    padding-top: 56px;
}

.why-chos-qat-box{
    padding: 24px;
    background: rgba(251, 228, 216, 0.2);
    border: 0.947363px solid rgba(142, 27, 62, 0.2);
    border-radius: 18.9473px;
    width: 100%;
}

.why-chos-qat-box span{
    margin-bottom: 25px;
    display: block;
}

.why-chos-qat-box h2{
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -1px;
    color: #000000;
    margin-bottom: 15px;
}

.why-chos-qat-box p{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 0px;
}

.end-to-end-section{
    padding-bottom: 56px;
}

.end-to-end-wrapper{
    padding: 56px;
    background: url('../images/shopify/end-to-end-bg.png'), #4A0D2B;
    border-radius: 20px;
    background-size: cover;
}

.end-to-header{
    display: flex;
    justify-content: space-between;
    margin-bottom: 56px;
}

.end-to-header h1{
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 54px;
    line-height: 60px;
    letter-spacing: -2.28px;
    color: #FFFFFF;
    max-width: 600px;
}

.header-right{
    max-width: 448px;
}

.header-right p{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: right;
    color: #FFFFFF;
    margin-bottom: 26px;
    max-width: 348px;
}

.end-to-end-wrapper .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.end-to-end-wrapper .card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 28px;
    background: rgba(153, 105, 122, 0.21);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
}

.icon-container {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    width: 36px;
    height: 36px;
    background: #8B1A2E;
    border-radius: 8px;
}


.end-to-end-wrapper .card-title {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 14px;
}

.end-to-end-wrapper .card-text {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0px;
}

.payment-badges{
    text-align: right;
}

.payment-badges .badge{
    padding: 0px;
}

.accept-payment-box{
    height: 426px;
    background: url('../images/shopify/accept-payment-bg.png') no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.accept-payment-figure{
    position: absolute;
    right: 56px;
    bottom: -24px;
}

.accept-payment-content{
    padding-left: 56px;
    max-width: 581px;
}

.accept-payment-content h1{
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    line-height: 72px;
    letter-spacing: -2.1828px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.accept-payment-content p{
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.114884px;
    color: #FFFFFF;
    margin-bottom: 20px;
    max-width: 377px;
}

.accept-payment-content .btn-secondary{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 21px;
    gap: 10px;
    background: #FFFFFF;
    border-radius: 11.6937px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: -0.350812px;
    color: #8E1B3E;
}

.accept-payment-content .btn-secondary:hover,
.accept-payment-content .btn-secondary:focus,
.accept-payment-content .btn-secondary:focus:active,
.accept-payment-content .btn-secondary:active{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 21px;
    gap: 10px;
    background: #8E1B3E;
    border-radius: 11.6937px;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: -0.350812px;
    color: #FFFFFF;
}

.accept-payment-content .btn-secondary:hover svg path,
.accept-payment-content .btn-secondary:hover:focus svg path{
  stroke: #FFFFFF;
}

.accept-payment-content .btn-secondary:focus svg path,
.accept-payment-content .btn-secondary:active svg path{
  stroke: #FFFFFF;
}

.desktop-btn-show{display: block;}
.mobile-btn-show {display: none;}
/*Shopify Css End*/



/* Footer Code Css Start */
footer{
  background-color: #FAFBFD;
  padding: 0px !important;
}

.footer-menu-wrap{
  padding: 24px 0px;
  display: flex;
  gap: 32px;
  margin-bottom: 24px;
}

.footer-menu-list{
  flex: 1;
}

.footer-menu-box{
  margin-bottom: 32px;
}

.footer-menu-box h6{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.005em;
  color: #8E1B3E;
  margin-bottom: 8px;
}

.footer-menu-box ul{
  padding-left: 0px;
  list-style-type: none;
  margin-bottom: 0px;
}

.footer-menu-box ul li a{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.005em;
  color: #141414;
  margin-bottom: 8px;
  display: inline-block;
}

.footer-menu-box ul li a:hover,
.footer-menu-box ul li a:focus{
  color: #8E1B3E;
}

.footer-card-main{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.footer-social-wrap ul{
  padding-left: 0px;
  margin-bottom: 0px;
  list-style-type: none;
  display: flex;
  gap: 12px;
}

.footer-social-wrap ul li a{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  width: 32px;
  height: 32px;
  background: #F4E8EC;
  border-radius: 50px;
}

.footer-social-wrap ul li a span{
  display: inline-flex;
}

.footer-card-wrap ul{
  padding-left: 0px;
  margin-bottom: 0px;
  list-style-type: none;
  display: flex;
  gap: 6px;
}

.footer-card-wrap ul li a{
  display: inline-block;
}

.f-card-second{
  margin-bottom: 0px;
  padding-bottom: 24px;
  border-bottom: 1px solid #9CA3AF;
}

.footer-copy-main{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-copy-main .f-copy-text p{
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.005em;
  color: #141414;
  margin-bottom: 0px;
}

.f-copy-app ul{
  margin-bottom: 0px;
  padding-left: 0px;
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 24px 0px;
}
/* Footer Code Css End */


/* Responsive Css Start */
/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
/*HOME PAGE CSS START*/
body {padding-top: 102px !important;}
.container{padding: 0px 20px !important;}
/* Responsive Css End */

/*SHOPIFY CSS START*/
.sopify-hero-section .container{padding: 0px 16px !important;}
.sopify-hero-section {padding: 32px 0px;}
.sopify-hero-box {padding: 16px !important; height: 100%; flex-direction: column;}
.sopify-hero-r-image {position: unset; transform: none;}
.sopify-hero-l-content {row-gap: 16px; max-width: 100%; align-items: center;}
.sopify-hero-l-content .shopify-logo svg {width: 120px;}
.sopify-hero-details h1 {font-size: 32px; line-height: 36px; letter-spacing: -1.5px; margin-bottom: 16px !important; max-width: 100%; text-align: center;}
.sopify-hero-details p {font-size: 14px; line-height: 20px; letter-spacing: 0%; max-width: 100%; text-align: center;}
.desktop-btn-show{display: none;}
.mobile-btn-show {display: block;}
.sopi-hero-btn .btn-secondary {padding: 14px 12px; gap: 10px; font-size: 14px; line-height: 16px;}
.sopi-hero-btn .btn-secondary svg{display: none;}
.sopi-hero-btn .btn-primary {padding: 14px 12px; gap: 10px; font-size: 14px; line-height: 16px;}
.sopi-hero-btn .btn-primary svg{display: none;}
.back-end-title h3 {font-size: 28px; line-height: 36px; letter-spacing: -1px; max-width: 100%;}
.backend-box {padding: 32px 0px; margin-top: 32px; flex-direction: column; gap: 24px; border-bottom: 0px;}
.backend-items span{display: flex; justify-content: center; align-items: center; padding: 8px; width: 36px; height: 36px; background: #FAF3F5; border-radius: 8px;}
.backend-items {row-gap: 16px;}
.backend-items h4 {font-size: 20px; line-height: 26px; letter-spacing: 0px;}
.plugin-step-section {padding: 0px 0px;}
.plugin-step-section{padding: 32px 0px; background: #FFF5F5; border-width: 1px 0px; border-style: solid; border-color: rgba(142, 27, 62, 0.3);}
.go-live-wrapper {flex-direction: column;}
.go-live-content {max-width: 100%; order: 1;}
.go-live-steps {order: 0;}
.go-live-steps .circle {width: 60px; height: 60px; font-size: 28px;}
.go-live-steps .circle-2 {margin-left: -12px;}
.go-live-steps .circle-3 {margin-left: -12px;}
.go-live-content h2 {font-size: 28px; line-height: 36px; letter-spacing: -1px; max-width: 100%; margin-bottom: 16px; margin-top: 16px;}
.go-live-wrapper .go-live-content p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 24px;}
.go-live-steps-wrapper {padding-top: 0px; row-gap: 24px;}
.go-live-step-item {column-gap: 28px; row-gap: 16px; flex-direction: column; padding: 20px; background: #FFFFFF; border: 1px solid rgba(142, 27, 62, 0.2); border-radius: 12px;}
.step-badge h5 {padding: 9px 12px; border-radius: 10px; font-size: 18px; line-height: 26px; margin-bottom: 12px;}
.go-live-content h4 {font-size: 20px; line-height: 26px; margin-bottom: 12px;}
.go-live-step-item .go-live-content p{font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 0px !important;}
.go-live-content a {display: none;}
.why-qat-mer-section {padding: 32px 0px;}
.why-mer-chos-title h2 {font-size: 28px; line-height: 36px; letter-spacing: -1px; margin-bottom: 16px; text-align: left; padding-right: 18px;}
.why-mer-chos-title p {font-size: 14px; line-height: 20px; text-align: left; letter-spacing: 0px; max-width: 100%; margin: 0px;}
.why-qat-chos-wrap {gap: 16px; flex-direction: column; padding-top: 24px;}
.why-chos-qat-box span {margin-bottom: 20px;}
.end-to-end-wrapper {padding: 32px 16px; border-radius: 12px;}
.end-to-header {margin-bottom: 24px; flex-direction: column;}
.end-to-header h1 {font-size: 28px; line-height: 36px; letter-spacing: -1px; max-width: 100%; margin-bottom: 16px !important;}
.header-right p {text-align: left; margin-bottom: 16px; max-width: 100%;}
.payment-badges {text-align: left;}
.end-to-end-wrapper .grid {grid-template-columns: initial; gap: 12px;}
.end-to-end-wrapper .card {padding: 20px; border-radius: 12px; margin-bottom: 0px;}
.end-to-end-wrapper .icon-container {margin-bottom: 12px;}
.end-to-end-wrapper .icon-container svg {height: 18px; width: 18px;}
.end-to-end-wrapper .card-title {font-size: 14px; line-height: 22px; margin-bottom: 12px;}
.end-to-end-wrapper .card-text {font-size: 13px !important;}
.end-to-end-section {padding-bottom: 32px;}
.accept-payment-content {max-width: 100%; padding: 32px 16px;}
.accept-payment-box {height: auto; border-radius: 10px; align-items: flex-start; flex-direction: column;}
.accept-payment-content h1 {font-size: 32px; line-height: 36px; letter-spacing: -1.5px; text-align: center;}
.accept-payment-figure {position: initial;}
.accept-payment-content p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 20px; max-width: 100%; text-align: center;}
.accept-payment-content .btn-secondary {padding: 13px 21px; border-radius: 10px; font-size: 14px; line-height: 18px; letter-spacing: -0.350812px; width: 100%;}
.accept-payment-content .btn-secondary:hover, .accept-payment-content .btn-secondary:focus, .accept-payment-content .btn-secondary:focus:active, .accept-payment-content .btn-secondary:active{padding: 13px 21px; border-radius: 10px; font-size: 14px; line-height: 18px; letter-spacing: -0.350812px; width: 100%;}
.accept-payment-content .btn-secondary span{display: none;}
/*SHOPIFY CSS END*/

/*FOOTER CSS START*/
.footer-menu-wrap {gap: 0;flex-wrap: wrap;}
.footer-menu-list {flex: initial; flex: 0 0 calc(50% - 0px);}
.footer-card-main {align-items: center; margin-bottom: 16px; flex-direction: column; row-gap: 16px;} /* flex-start JVB*/
.f-card-second{border-top: 1px solid #9CA3AF;padding-top: 25px;} /* JVB */
.footer-copy-main {align-items: flex-start; justify-content: space-between; flex-direction: column;}
.footer-copy-main .f-copy-text {order: 2;}
.f-copy-app ul {padding: 0px 0px 16px 0px;}
.footer-copy-main .f-copy-text p {margin-bottom: 16px;}

/*FOOTER CSS END*/
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
/*HOME PAGE CSS START*/
body {padding-top: 102px !important;}
.container{padding: 0px 20px !important;}
/* HOME PAGE CSS END */

/*SHOPIFY CSS START*/
.sopify-hero-section .container{padding: 0px 16px !important;}
.sopify-hero-section {padding: 32px 0px;}
.sopify-hero-box {padding: 16px !important; height: 100%; flex-direction: column;}
.sopify-hero-r-image {position: unset; transform: none;}
.sopify-hero-l-content {row-gap: 16px; max-width: 100%; align-items: center;}
.sopify-hero-l-content .shopify-logo svg {width: 120px;}
.sopify-hero-details h1 {font-size: 32px; line-height: 36px; letter-spacing: -1.5px; margin-bottom: 16px !important; max-width: 100%; text-align: center;}
.sopify-hero-details p {font-size: 14px; line-height: 20px; letter-spacing: 0%; max-width: 100%; text-align: center;}
.desktop-btn-show{display: none;}
.mobile-btn-show {display: block;}
.sopi-hero-btn .btn-secondary {padding: 14px 12px; gap: 10px; font-size: 14px; line-height: 16px;}
.sopi-hero-btn .btn-secondary svg{display: none;}
.sopi-hero-btn .btn-primary {padding: 14px 12px; gap: 10px; font-size: 14px; line-height: 16px;}
.sopi-hero-btn .btn-primary svg{display: none;}
.back-end-title h3 {font-size: 28px; line-height: 36px; letter-spacing: -1px; max-width: 100%;}
.backend-box {padding: 32px 0px; margin-top: 32px; flex-direction: column; gap: 24px; border-bottom: 0px;}
.backend-items span{display: flex; justify-content: center; align-items: center; padding: 8px; width: 36px; height: 36px; background: #FAF3F5; border-radius: 8px;}
.backend-items {row-gap: 16px;}
.backend-items h4 {font-size: 20px; line-height: 26px; letter-spacing: 0px;}
.plugin-step-section {padding: 0px 0px;}
.plugin-step-section{padding: 32px 0px; background: #FFF5F5; border-width: 1px 0px; border-style: solid; border-color: rgba(142, 27, 62, 0.3);}
.go-live-wrapper {flex-direction: column;}
.go-live-content {max-width: 100%; order: 1;}
.go-live-steps {order: 0;}
.go-live-steps .circle {width: 60px; height: 60px; font-size: 28px;}
.go-live-steps .circle-2 {margin-left: -12px;}
.go-live-steps .circle-3 {margin-left: -12px;}
.go-live-content h2 {font-size: 28px; line-height: 36px; letter-spacing: -1px; max-width: 100%; margin-bottom: 16px; margin-top: 16px;}
.go-live-wrapper .go-live-content p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 24px;}
.go-live-steps-wrapper {padding-top: 0px; row-gap: 24px;}
.go-live-step-item {column-gap: 28px; row-gap: 16px; flex-direction: column; padding: 20px; background: #FFFFFF; border: 1px solid rgba(142, 27, 62, 0.2); border-radius: 12px;}
.step-badge h5 {padding: 9px 12px; border-radius: 10px; font-size: 18px; line-height: 26px; margin-bottom: 12px;}
.go-live-content h4 {font-size: 20px; line-height: 26px; margin-bottom: 12px;}
.go-live-step-item .go-live-content p{font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 0px !important;}
.go-live-content a {display: none;}
.why-qat-mer-section {padding: 32px 0px;}
.why-mer-chos-title h2 {font-size: 28px; line-height: 36px; letter-spacing: -1px; margin-bottom: 16px; text-align: left; padding-right: 18px;}
.why-mer-chos-title p {font-size: 14px; line-height: 20px; text-align: left; letter-spacing: 0px; max-width: 100%; margin: 0px;}
.why-qat-chos-wrap {gap: 16px; flex-direction: column; padding-top: 24px;}
.why-chos-qat-box span {margin-bottom: 20px;}
.end-to-end-wrapper {padding: 32px 16px; border-radius: 12px;}
.end-to-header {margin-bottom: 24px; flex-direction: column;}
.end-to-header h1 {font-size: 28px; line-height: 36px; letter-spacing: -1px; max-width: 100%; margin-bottom: 16px !important;}
.header-right p {text-align: left; margin-bottom: 16px; max-width: 100%;}
.payment-badges {text-align: left;}
.end-to-end-wrapper .grid {grid-template-columns: initial; gap: 12px;}
.end-to-end-wrapper .card {padding: 20px; border-radius: 12px; margin-bottom: 0px;}
.end-to-end-wrapper .icon-container {margin-bottom: 12px;}
.end-to-end-wrapper .icon-container svg {height: 18px; width: 18px;}
.end-to-end-wrapper .card-title {font-size: 14px; line-height: 22px; margin-bottom: 12px;}
.end-to-end-wrapper .card-text {font-size: 13px !important;}
.end-to-end-section {padding-bottom: 32px;}
.accept-payment-content {max-width: 100%; padding: 32px 16px;}
.accept-payment-box {height: auto; border-radius: 10px; align-items: flex-start; flex-direction: column;}
.accept-payment-content h1 {font-size: 32px; line-height: 36px; letter-spacing: -1.5px; text-align: center;}
.accept-payment-figure {position: initial;}
.accept-payment-content p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 20px; max-width: 100%; text-align: center;}
.accept-payment-content .btn-secondary {padding: 13px 21px; border-radius: 10px; font-size: 14px; line-height: 18px; letter-spacing: -0.350812px; width: 100%;}
.accept-payment-content .btn-secondary:hover, .accept-payment-content .btn-secondary:focus, .accept-payment-content .btn-secondary:focus:active, .accept-payment-content .btn-secondary:active{padding: 13px 21px; border-radius: 10px; font-size: 14px; line-height: 18px; letter-spacing: -0.350812px; width: 100%;}
.accept-payment-content .btn-secondary span{display: none;}
/*SHOPIFY CSS END*/

/*FOOTER CSS START*/
.footer-menu-wrap {gap: 0;flex-wrap: wrap;}
.footer-menu-list {flex: initial; flex: 0 0 calc(50% - 0px);}
.footer-card-main {align-items: flex-start; margin-bottom: 16px; flex-direction: column; row-gap: 16px;}
.footer-copy-main {align-items: flex-start; justify-content: space-between; flex-direction: column;}
.footer-copy-main .f-copy-text {order: 2;}
.f-copy-app ul {padding: 0px 0px 16px 0px;}
.footer-copy-main .f-copy-text p {margin-bottom: 16px;}
/*FOOTER CSS END*/
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
/*HOME PAGE CSS START*/
body {padding-top: 82px !important;}
.container{padding: 0px 20px !important;}
/* HOME PAGE CSS END */

/*SHOPIFY CSS START*/
.sopify-hero-section .container{padding: 0px 16px !important;}
.sopify-hero-section {padding: 32px 0px;}
.sopify-hero-box {padding: 16px !important; height: 100%; flex-direction: column;}
.sopify-hero-r-image {position: unset; transform: none;}
.sopify-hero-l-content {row-gap: 16px; max-width: 100%; align-items: center;}
.sopify-hero-l-content .shopify-logo svg {width: 120px;}
.sopify-hero-details h1 {font-size: 32px; line-height: 36px; letter-spacing: -1.5px; margin-bottom: 16px !important; max-width: 100%; text-align: center;}
.sopify-hero-details p {font-size: 14px; line-height: 20px; letter-spacing: 0%; max-width: 100%; text-align: center;}
.desktop-btn-show{display: none;}
.mobile-btn-show {display: block;}
.sopi-hero-btn .btn-secondary {padding: 14px 12px; gap: 10px; font-size: 14px; line-height: 16px;}
.sopi-hero-btn .btn-secondary svg{display: none;}
.sopi-hero-btn .btn-primary {padding: 14px 12px; gap: 10px; font-size: 14px; line-height: 16px;}
.sopi-hero-btn .btn-primary svg{display: none;}
.back-end-title h3 {font-size: 28px; line-height: 36px; letter-spacing: -1px; max-width: 100%;}
.backend-box {padding: 32px 0px; margin-top: 32px; flex-direction: column; gap: 24px; border-bottom: 0px;}
.backend-items span{display: flex; justify-content: center; align-items: center; padding: 8px; width: 36px; height: 36px; background: #FAF3F5; border-radius: 8px;}
.backend-items {row-gap: 16px;}
.backend-items h4 {font-size: 20px; line-height: 26px; letter-spacing: 0px;}
.plugin-step-section {padding: 0px 0px;}
.plugin-step-section{padding: 32px 0px; background: #FFF5F5; border-width: 1px 0px; border-style: solid; border-color: rgba(142, 27, 62, 0.3);}
.go-live-wrapper {flex-direction: column;}
.go-live-content {max-width: 100%; order: 1;}
.go-live-steps {order: 0;}
.go-live-steps .circle {width: 60px; height: 60px; font-size: 28px;}
.go-live-steps .circle-2 {margin-left: -12px;}
.go-live-steps .circle-3 {margin-left: -12px;}
.go-live-content h2 {font-size: 28px; line-height: 36px; letter-spacing: -1px; max-width: 100%; margin-bottom: 16px; margin-top: 16px;}
.go-live-wrapper .go-live-content p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 24px;}
.go-live-steps-wrapper {padding-top: 0px; row-gap: 24px;}
.go-live-step-item {column-gap: 28px; row-gap: 16px; flex-direction: column; padding: 20px; background: #FFFFFF; border: 1px solid rgba(142, 27, 62, 0.2); border-radius: 12px;}
.step-badge h5 {padding: 9px 12px; border-radius: 10px; font-size: 18px; line-height: 26px; margin-bottom: 12px;}
.go-live-content h4 {font-size: 20px; line-height: 26px; margin-bottom: 12px;}
.go-live-step-item .go-live-content p{font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 0px !important;}
.go-live-content a {display: none;}
.why-qat-mer-section {padding: 32px 0px;}
.why-mer-chos-title h2 {font-size: 28px; line-height: 36px; letter-spacing: -1px; margin-bottom: 16px; text-align: left; padding-right: 18px;}
.why-mer-chos-title p {font-size: 14px; line-height: 20px; text-align: left; letter-spacing: 0px; max-width: 100%; margin: 0px;}
.why-qat-chos-wrap {gap: 16px; flex-direction: column; padding-top: 24px;}
.why-chos-qat-box span {margin-bottom: 20px;}
.end-to-end-wrapper {padding: 32px 16px; border-radius: 12px;}
.end-to-header {margin-bottom: 24px; flex-direction: column;}
.end-to-header h1 {font-size: 28px; line-height: 36px; letter-spacing: -1px; max-width: 100%; margin-bottom: 16px !important;}
.header-right p {text-align: left; margin-bottom: 16px; max-width: 100%;}
.payment-badges {text-align: left;}
.end-to-end-wrapper .grid {grid-template-columns: initial; gap: 12px;}
.end-to-end-wrapper .card {padding: 20px; border-radius: 12px; margin-bottom: 0px;}
.end-to-end-wrapper .icon-container {margin-bottom: 12px;}
.end-to-end-wrapper .icon-container svg {height: 18px; width: 18px;}
.end-to-end-wrapper .card-title {font-size: 14px; line-height: 22px; margin-bottom: 12px;}
.end-to-end-wrapper .card-text {font-size: 13px !important;}
.end-to-end-section {padding-bottom: 32px;}
.accept-payment-content {max-width: 100%; padding: 32px 16px;}
.accept-payment-box {height: auto; border-radius: 10px; align-items: flex-start; flex-direction: column;}
.accept-payment-content h1 {font-size: 32px; line-height: 36px; letter-spacing: -1.5px; text-align: center;}
.accept-payment-figure {position: initial;}
.accept-payment-content p {font-size: 14px; line-height: 20px; letter-spacing: 0px; margin-bottom: 20px; max-width: 100%; text-align: center;}
.accept-payment-content .btn-secondary {padding: 13px 21px; border-radius: 10px; font-size: 14px; line-height: 18px; letter-spacing: -0.350812px; width: 100%;}
.accept-payment-content .btn-secondary:hover, .accept-payment-content .btn-secondary:focus, .accept-payment-content .btn-secondary:focus:active, .accept-payment-content .btn-secondary:active{padding: 13px 21px; border-radius: 10px; font-size: 14px; line-height: 18px; letter-spacing: -0.350812px; width: 100%;}
.accept-payment-content .btn-secondary span{display: none;}
/*SHOPIFY CSS END*/

/*FOOTER CSS START*/
.footer-menu-wrap {gap: 0;flex-wrap: wrap;}
.footer-menu-list {flex: initial; flex: 0 0 calc(50% - 0px);}
.footer-card-main {align-items: flex-start; margin-bottom: 16px; flex-direction: column; row-gap: 16px;}
.footer-copy-main {align-items: flex-start; justify-content: space-between; flex-direction: column;}
.footer-copy-main .f-copy-text {order: 2;}
.f-copy-app ul {padding: 0px 0px 16px 0px;}
.footer-copy-main .f-copy-text p {margin-bottom: 16px;}
.footer-menu-wrap {gap: 0;flex-wrap: wrap;}
.footer-menu-list {flex: initial; flex: 0 0 calc(50% - 0px);}
/*FOOTER CSS END*/
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Styles for laptops/desktops */
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  /* Styles for big screens */
}

/* XXL devices (extra wide screens, 1400px and up) */
@media (min-width: 1400px) {
  /* Styles for very large monitors */
}

/* Responsive Css End */