*{box-sizing: border-box; max-width: 100%;outline: none;margin: 0;padding: 0; color:#313438}
html{scroll-behavior: smooth;}
body{font-family: 'Ancizar Sans', sans-serif;}
img{max-width: 100%;display: block;}
.container{max-width: 1190px; margin: 0 auto;padding: 0 15px;}
.row{display: flex; flex-wrap: wrap;margin: 0 -15px;max-width: unset;}
.col-md-8{width: 66.6666666667%; padding: 0 15px;}
.col-md-4{width: 33.3333333333%; padding: 0 15px;}
.col-md-12{width: 100%; padding: 0 15px;}
.col-md-6{width: 50%; padding: 0 15px;}
.col-md-3{width: 25%; padding: 0 15px;}
.col-md-9{width: 75%; padding: 0 15px;}
.col-md-1{width: 8.3333333333%; padding: 0 15px;}

h1, .h1{font-weight:600;font-size:88px;line-height:88%;letter-spacing:0%;font-family: 'Ancizar Sans', sans-serif;margin-bottom: 25px;}
h2{font-weight:600;font-size:48px;line-height:108%;letter-spacing:0%;font-family: 'Ancizar Sans', sans-serif;}
h3{font-weight:600;font-size:40px;line-height:103%;letter-spacing:0%;font-family: 'Ancizar Sans', sans-serif;}
h4{font-weight:600;font-size:32px;line-height:93%;letter-spacing:0%;font-family: 'Ancizar Sans', sans-serif;}
.p1 p{font-weight:400;font-size:24px;line-height:120%;letter-spacing:0%;font-family: 'Ancizar Sans', sans-serif;}
.p2 p{font-weight:300;font-size:16px;line-height:114.99999999999999%;letter-spacing:0%;font-family: 'Ancizar Sans', sans-serif;}
.link{font-weight:500;font-size:18px;line-height:114.99999999999999%;letter-spacing:0%;font-family: 'Ancizar Sans', sans-serif;}
.b1{font-weight:600;font-size:32px;line-height:93%;letter-spacing:0%;font-family: 'Ancizar Sans', sans-serif;}
.b2{font-weight:600;font-size:24px;line-height:93%;letter-spacing:0%;font-family: 'Ancizar Sans', sans-serif;}

section.home_banner .container { max-width: 1210px; } 
.home-banner-content { padding-left: 20px; } 
section.home_banner { padding: 78px 0 70px 0; } 
h1 span { color: #FFA500; } 
section.home_banner .col-md-7 { flex: 0 0 62%; max-width: 62%; } 
section.home_banner .col-md-5 { flex: 0 0 38%; max-width: 38%; } 
.home-banner-content .gtn-group { margin-top: 56px; } 
.gtn-group{gap:20px; display: flex;flex-wrap: wrap;}
.btn.btn-primary.b1 { background: #FFA500; border-color: #FFA500; border-radius: 8px; padding: 15px 23px 15px 23px; } 
.btn.btn-primary.outline { background-color: #fff; color: #FFA500; }
.gtn-group .btn:not(:last-child) { margin-right: 0px; } 
.home-banner-img { padding-top: 57px; }
.btn { display: inline-flex;align-items: center;} 
.btn img { margin-right: 11px; }

.heading { text-align: center; } 
section.how-it-works { padding: 65px 0 65px 0; } 
section.how-it-works .heading { margin-bottom: 140px; } 
.works-row:not(:last-child) { margin-bottom: 163px; } 
.works-row.row.reverse { flex-flow: row-reverse; } 
.how-it-works-content { padding-left: 43px; padding-top: 15px; position: relative;padding-right: 20px;} 
.how-it-works-content h3 { margin-bottom: 29px; } 
.works-row { align-items: center; } 
.how-it-works-content:before { content: ''; width: 6px; height: 46px; background: #FFA500; position: absolute; left: 0; top: 15px; } 
.works-row.row.reverse .how-it-works-content { text-align: right; padding-left: 90px; padding-right: 40px; } 
.works-row.row.reverse .how-it-works-content:before { right: 0; left: unset; }
  
section.shopify-integration { padding: 69px 0 120px 0; } 
section.shopify-integration .heading { max-width: 800px; margin: 0 auto 80px auto; } 
.shopify-integration-content { column-count: 2; } 
.shopify-integration-item { display: block; margin-bottom: 29px;page-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid;} 
.shopify-integration-item-inner { display: flex; background: linear-gradient(180deg, rgba(244, 233, 199, 0.0925) 0%, rgba(250, 224, 180, 0.25) 51.84%, rgba(255, 165, 0, 0.1875) 114.33%); border-radius: 16px; padding: 73px 40px 57px 40px; justify-content: space-between;gap: 20px;} 
.shopify-integration-item-inner-img {flex: 1;} 
.shopify-integration-item-inner-content { width: 68.8%; } 
.shopify-integration-item-inner-img img { margin: 0 auto; }

section.grow-your-store { background: #FFA500 url('../images/cc-bg.png') no-repeat bottom right; text-align: center; padding: 115px 0 113px 0; } 
section.grow-your-store .gtn-group { margin-top: 38px; justify-content: center; } 
.btn.btn-primary.white { background: #FFFFFF; color: #FFA500; } 
section.grow-your-store * { color: #fff; }
a.btn.btn-primary.white.outline { border-color: #FFFFFF; background: transparent; color: #fff; }

section.performance { padding: 101px 0 80px 0; } 
section.performance .heading { max-width: 530px; margin: 0 auto 60px auto; text-align: center; } 
.performance-item-inner { display: flex; flex-wrap: wrap; align-items: flex-start; } 
.performance-content-right {width: 42.35%; margin-left: -17%; box-shadow: 0px 3.66px 25.84px 0px #00000012; border-radius: 14px; overflow: hidden;margin-top: 48px;} 
.performance-content-right img { width: 100%; height: 100%; object-fit: cover; }
.performance-content-left { width: 74.6%; background: linear-gradient(180deg, rgba(244, 233, 199, 0.1961) 0%, rgba(250, 224, 180, 0.53) 51.84%, rgba(255, 165, 0, 0.3975) 114.33%); border-radius: 24px; padding: 77px 240px 0px 110px; } 
.conversion-rate { background: #fff; border-radius: 14px; display: inline-block; padding: 19px 58px 10px 28px; top: 52px; position: relative; box-shadow: 0px 3.66px 25.84px 0px #00000012; margin: 0 0 0 -23px; width: 90.2%; } 
.performance-content-left h3 { margin-bottom: 32px;position: relative;} 
.conversion-rate h4 { font-size: 27px; margin-bottom: 23px; } 
.conversion-rate-text { font-size: 44px; font-weight: 700; }     
.conversion-rate-text span { color: #397C5A; font-size: 22px; background: #E7F4E9; display: inline-flex; border-radius: 6px; padding: 0 11px; margin-left: 3px;align-items: center;}
.performance-content-left h3:before { content: '“'; font-family: Ancizar Sans; font-weight: 600; font-size: 158.18px; line-height: 103%; letter-spacing: 0; color: #FFD68D; position: absolute; left: -67px; top: -55px; } 
.performance-content-left h3:after { content: '“'; font-family: Ancizar Sans; font-weight: 600; font-size: 158.18px; line-height: 103%; letter-spacing: 0; color: #FFFEFD; position: absolute; right: -17px; bottom: -51px; transform: rotate(180deg); }
 

section.faq .heading { text-align: left; position: relative; padding-left: 53px; margin-bottom: 45px; } 
section.faq { padding: 90px 0 83px 0; } 
section.faq .container { max-width: 1138px; } 
section.faq .heading:before { content: ''; width: 6px; height: 46px; background: #FFA500; position: absolute; left: 0; top: 0; } 
.faq-item-head { padding: 28px 60px 28px 32px; position: relative;cursor: pointer;} 
.faq-item-head p { margin: 0px; } 
.faq-content { padding-left: 52px; } 
.faq-item-head:before, .faq-item-head:after { content: ''; height: 2px; background: #1C1B1F; width: 18px; position: absolute; border-radius: 18px; top: 42px; right: 33px; transition: 0.4s ease; } 
.faq-item-head:after { transform: rotate(90deg); } 
.faq-item { background: #F3F0F3; border-radius: 12px; margin-bottom: 18px; } 
.faq-item-content { padding: 20px 32px; display: none; }
.faq-item.open .faq-item-head:after { opacity: 0; }

.conversion-rate .tooltip-icon { display: block; color: #D9D9D9; font-family: 'Ancizar Sans', sans-serif; border: 1px solid #D9D9D9; width: 24px; height: 24px; text-align: center; border-radius: 50%; margin-left: auto; font-size: 19px; line-height: 1.3; cursor: pointer; } 
.conversion-rate .tooltip { opacity: 1; right: 0; top: 22px; right: 27px; } 
.conversion-rate .tooltip-content { max-width: 180px; opacity: 0;background-color: #fff;padding: 5px;border-radius: 5px;text-align: right;} 
.conversion-rate .tooltip:hover .tooltip-content { opacity: 1; } 
.conversion-rate-text span img { margin-left: 10px; }

footer#colophon { background: #FFF4DF; padding: 39px 0 0 0; } 
.footer-logo.shopify-logo img { margin-left: auto; } 
.footer-links ul>li>a { font-size: 16px; line-height: 1.5; color: #313438; font-weight: 700; } 
.footer-links ul { display: flex; flex-wrap: wrap; gap: 49px; } 
.footer-links ul>li { display: block; } 
.footer-links { margin-top: 45px; margin-bottom: 42px; } 
.footer-social { border-top: 1px solid #313438; display: flex; padding: 28px 0 25px 0; } 
.footer-social .social-links>ul { display: flex; justify-content: flex-end; gap: 14px; } 
.footer-social .copyright { width: 50%; } 
.footer-social .social-links { width: 50%; } 
.footer-social .social-links>ul>li { display: block; }
.footer-logo a { display: inline-block; } 
.footer-logo.shopify-logo { text-align: right; }

.header-logo img { max-width: 153px; } 
.main-header .col-md-12 { display: flex; } 
.header-logo { width: 153px; } 
.header-menu { width: calc(100% - 153px); display: flex; justify-content: space-between; } 
.header-menu .nav-menu {display: flex;margin-bottom: 0;margin-left: 96px;gap: 32px;} 
.header-menu nav#site-navigation { flex: 1; } 
.hamburger { display: none; } 
.header-menu .nav-menu>li { display: block; } 
.header-menu .nav-menu>li>a { color: #313438; } 
.btn.btn-primary.b2 { background: #FFA500; border-color: #FFA500; border-radius: 8px; padding: 13px 17px 13px 17px; } 
header.site-header { padding: 31px 0 30px 0;background: linear-gradient(0deg, rgba(255, 255, 255, 0) 36.54%, rgba(255, 165, 0, 0.22) 100%);} 
.header-cta .btn.btn-primary.b2 { font-size: 27px; padding: 12px 17px 12px 17px; }
.banner-text { padding-right: 40px; }

.header-menu .nav-menu>li>a:hover, .footer-links ul>li>a:hover { color: #ffa500; text-decoration: none; } 
.footer-social .social-links>ul>li a:hover { opacity: 0.5; } 
.footer-social .social-links>ul>li a { transition: 0.4s ease; } 
.btn.btn-primary:hover,.btn.btn-primary:focus, .btn.btn-primary:active { background: #FFA500 !important; border-color: #FFA500 !important; color:#fff !important; box-shadow: 0 0 0 .2rem rgb(255 165 0 / 50%) !important; } 
.btn.btn-primary:hover img,.btn.btn-primary:focus img, .btn.btn-primary:active img{filter:brightness(0) invert(1)} 
.btn.btn-primary.white:hover,.btn.btn-primary.white:focus, .btn.btn-primary.white:active { background: #fff !important; border-color: #fff !important; color:#ffa500 !important; box-shadow: 0 0 0 .2rem rgb(255 255 255 / 50%) !important; } 
.btn.btn-primary.white:hover img,.btn.btn-primary.white:focus img, .btn.btn-primary.white:active img{filter:unset}

.main-con-sec.error-main { text-align: center; padding: 10% 0; } 
.main-con-sec.error-main .orange-link { margin-top: 40px; }
.footer-social .copyright p{margin-bottom:0;}

@media (min-width: 1400px) {
    .home-banner-img { padding-top: 57px; max-width: unset; width: 118%; margin-left: -7px; }
    section.home_banner { padding: 78px 0 40px 0; }
}
@media (max-width: 1199px) {
    .header-menu .nav-menu { margin-left: 50px; } 
    h1, .h1 { font-size: 65px; line-height: 1; } 
    .home-banner-content .gtn-group { display: flex; flex-wrap: wrap; gap: 15px; } 
    .gtn-group{gap:15px;}
    .gtn-group .btn:not(:last-child) { margin-right: 0px; } 
    .home-banner-content {padding-left: 0;} 
    section.home_banner { padding: 60px 0 50px 0; } 
    section.how-it-works { padding: 60px 0 60px 0; } 
    section.how-it-works .heading { margin-bottom: 80px; } 
    .how-it-works-content { padding: 15px 0px 0 25px; } 
    .works-row.row.reverse .how-it-works-content { padding: 15px 25px 0 0px; } 
    .works-row:not(:last-child) { margin-bottom: 100px; } 
    section.shopify-integration .heading { margin: 0 auto 60px auto; } 
    section.shopify-integration { padding: 60px 0 80px 0; } 
    section.grow-your-store .gtn-group { gap: 15px; display: flex; flex-wrap: wrap; width: 100%; justify-content: center; } 
    .b1 { font-size: 28px; } 
    .gtn-group .btn { display: flex; align-items: center; } 
    h4 { font-size: 24px; } 
    h3 { font-size: 36px; } 
    .conversion-rate h4 { font-size: 24px; }
}
@media (max-width: 1023px) {
    .header-menu .nav-menu { margin-left: 30px; }
    section.home_banner .col-md-7, section.home_banner .col-md-5 { flex: 0 0 100%; max-width: 100%; }
    .home-banner-content { text-align: center; }
    .home-banner-content .gtn-group { justify-content: center; }
    .home-banner-img { max-width: 520px; margin: 0 auto; }
    .col-md-6 { flex: 0 0 100%; width: 100%; max-width: 100%; }
    .works-row.row { flex-flow: column-reverse; }
    section.how-it-works .heading { margin-bottom: 60px; }
    .how-it-works-content { margin-top: 30px; }
    .works-row.row.reverse { flex-flow: column-reverse; }
    .works-row.row.reverse .how-it-works-content { padding: 15px 0px 0 25px; text-align: left; }
    .works-row.row.reverse .how-it-works-content:before { left: 0; right: unset; }
    .works-row:not(:last-child) { margin-bottom: 60px; }
    h2 { font-size: 36px; }
    .shopify-integration-content { column-count: 1; }
    section.grow-your-store { padding: 80px 0 80px 0; }
    h1, .h1 { font-size: 62px; }
    .performance-item-inner { flex-flow: column-reverse; align-items: center; }
    .performance-content-right { width: 80%; margin-left: 0px; margin-top: 0; z-index: 1; }
    .performance-content-left { width: 100%; margin-top: -50px; padding: 130px 100px 0px 110px; }
    section.faq { padding: 60px 0 60px 0; }
    footer#colophon .col-md-6 { flex: 0 0 50%; max-width: 50%; width: 50%; }
    .banner-text{padding-right:0;}
}
@media (max-width: 767px) {
    .header-menu nav#site-navigation { display: none; position: absolute; background: #ffa500; width: 100%; left: 0; top: calc(100% + 30px); z-index: 5; padding: 20px 15px; } 
    .header-menu { justify-content: flex-end; align-items: center; } 
    .hamburger { display: block; height: 30px; width: 40px; position: relative; margin-left: 25px; } 
    .hamburger:before, .hamburger:after { content: ''; height: 2px; width: 100%; position: absolute; top: 0; left: 0; background: #ffa500;transition: 0.4s ease;} 
    .hamburger:after { bottom: 0; top: unset; } 
    .hamburger .hamburger-inner { height: 2px; width: 100%; background: #ffa500; position: absolute; top: 14px; left: 0;transition: 0.4s ease;} 
    h1, .h1 { font-size: 52px; } 
    .header-cta .btn.btn-primary.b2 { font-size: 18px; } .p1 p { font-size: 18px; } .b1 { font-size: 20px; } 
    .btn.btn-primary.b1 { padding: 10px 20px; } 
    section.home_banner { padding: 50px 0 30px 0; } 
    section.how-it-works { padding: 40px 0 60px 0; } h2 { font-size: 32px; } 
    section.how-it-works .heading { margin-bottom: 40px; } 
    h3 { font-size: 28px; } 
    .how-it-works-content:before { height: 30px; } 
    .works-row:not(:last-child) { margin-bottom: 50px; } 
    section.shopify-integration { padding: 40px 0 60px 0; } 
    .conversion-rate-text { font-size: 36px; } 
    .faq-content { padding-left: 0px; } 
    section.faq .heading:before { height: 38px; } 
    section.faq .heading { padding-left: 30px; margin-bottom: 40px; } 
    section.faq { padding: 40px 0; } 
    .header-menu .nav-menu { margin-left: 0px; flex-flow: column; gap: 20px; } 
    .header-menu .nav-menu>li>a { color: #fff; padding: 10px 0; display: block; } 
    .header-menu .nav-menu>li:not(:last-child) { border-bottom: 1px solid #fff; }
    .site-header.open .hamburger .hamburger-inner { opacity: 0; } 
    .site-header.open .hamburger:before { transform: rotate(45deg); transform-origin: left; } 
    .site-header.open .hamburger:after { transform: rotate(-45deg); transform-origin: left; }
}
@media (max-width: 575px) {
    .hamburger{margin-left:15px;}
    .header-logo img{max-width:130px;}
    h1,.h1{font-size:40px;}
    .home-banner-content .gtn-group{margin-top:30px;}
    section.how-it-works{padding-bottom:40px;}
    .shopify-integration-item-inner{padding:40px 20px 30px 20px;}
    h4{font-size:22px;}
    section.shopify-integration .heading{margin-bottom:40px;}
    .shopify-integration-item{margin-bottom:20px;}
    section.shopify-integration{padding-bottom:40px;}
    section.grow-your-store{padding:60px 0;}
    .b1{font-size:18px;}
    .performance-content-left{padding:80px 20px 20px 20px;}
    .performance-content-left h3:after,.performance-content-left h3:before{display:none;}
    .conversion-rate{top:0;margin:0;width:100%;}
    .conversion-rate-text{font-size:32px;}
    section.performance{padding:50px 0 50px 0;}
    section.performance .heading{margin-bottom:30px;}
    .faq-item-head{padding:20px 45px 20px 20px;}
    .faq-item-head:before,.faq-item-head:after{top:30px;right:20px;}
    .faq-item-content{padding:0px 20px 15px 20px;}
    footer#colophon .col-md-6{flex:0 0 100%;width:100%;max-width:100%;}
    .footer-logo{display:flex;align-items:center;justify-content:center;}
    .footer-logo.shopify-logo{margin-top:30px;}
    .footer-links ul{justify-content:center;gap:25px;}
    .footer-social{flex-flow:column-reverse;}
    .footer-social .social-links{width:100%;}
    .footer-social .copyright{width:100%;text-align:center;}
    .footer-social .social-links>ul{justify-content:center;}
    .btn.btn-primary.b1 { min-width: 213px; justify-content: center; }
}