@font-face { font-family: 'Shopify Sans Web'; src: url('/wp-content/themes/webzia-infotech/fonts/premier-shopify-icons/ShopifySansWeb-Bold.eot'); src: url('/wp-content/themes/webzia-infotech/fonts/premier-shopify-icons/ShopifySansWeb-Bold.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/webzia-infotech/fonts/premier-shopify-icons/ShopifySansWeb-Bold.woff2') format('woff2'), url('/wp-content/themes/webzia-infotech/fonts/premier-shopify-icons/ShopifySansWeb-Bold.woff') format('woff'), url('/wp-content/themes/webzia-infotech/fonts/premier-shopify-icons/ShopifySansWeb-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: 'Shopify Sans Web'; src: url('/wp-content/themes/webzia-infotech/fonts/premier-shopify-icons/ShopifySansWeb-Regular.eot'); src: url('/wp-content/themes/webzia-infotech/fonts/premier-shopify-icons/ShopifySansWeb-Regular.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/webzia-infotech/fonts/premier-shopify-icons/ShopifySansWeb-Regular.woff2') format('woff2'), url('/wp-content/themes/webzia-infotech/fonts/premier-shopify-icons/ShopifySansWeb-Regular.woff') format('woff'), url('/wp-content/themes/webzia-infotech/fonts/premier-shopify-icons/ShopifySansWeb-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'Shopify Sans Web'; src: url('/wp-content/themes/webzia-infotech/fonts/premier-shopify-icons/ShopifySansWeb-Medium.eot'); src: url('/wp-content/themes/webzia-infotech/fonts/premier-shopify-icons/ShopifySansWeb-Medium.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/webzia-infotech/fonts/premier-shopify-icons/ShopifySansWeb-Medium.woff2') format('woff2'), url('/wp-content/themes/webzia-infotech/fonts/premier-shopify-icons/ShopifySansWeb-Medium.woff') format('woff'), url('/wp-content/themes/webzia-infotech/fonts/premier-shopify-icons/ShopifySansWeb-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }

@font-face { font-family: 'icomoon'; src:  url('/wp-content/themes/webzia-infotech/fonts/premier-shopify-icons/icomoon.eot?258zg0'); src:  url('/wp-content/themes/webzia-infotech/fonts/premier-shopify-icons/icomoon.eot?258zg0#iefix') format('embedded-opentype'), url('/wp-content/themes/webzia-infotech/fonts/premier-shopify-icons/icomoon.ttf?258zg0') format('truetype'), url('/wp-content/themes/webzia-infotech/fonts/premier-shopify-icons/icomoon.woff?258zg0') format('woff'), url('/wp-content/themes/webzia-infotech/fonts/premier-shopify-icons/icomoon.svg?258zg0#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; }
  
  [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  
  .icon-techniques7:before { content: "\e906";  }
  .icon-techniques6:before { content: "\e907";  }
  .icon-techniques5:before { content: "\e908"; }
  .icon-techniques4:before { content: "\e909"; }
  .icon-techniques3:before { content: "\e90a"; }
  .icon-techniques2:before { content: "\e90b"; }
  .icon-techniques1:before { content: "\e90c"; }
  .icon-integration:before { content: "\e90d"; }
  .icon-enhanced:before { content: "\e90e"; }
  .icon-load:before { content: "\e90f"; }
  .icon-headless:before { content: "\e910"; }
  .icon-service-icon6:before { content: "\e900"; }
  .icon-service-icon5:before { content: "\e901"; }
  .icon-service-icon4:before { content: "\e902"; }
  .icon-service-icon3:before { content: "\e903";}
  .icon-service-icon2:before { content: "\e904"; }
  .icon-service-icon1:before { content: "\e905"; }
  
:root{
    --button-bg:#008060;
    --heading-color:#649A3C;
    --icon-color:#649A3C;
    --text-color:#222;
}
body{ font-family: 'Shopify Sans Web', sans-serif; }
h1,h2,h3,h4,h5,h6,p{ margin: 0; font-family: 'Shopify Sans Web', sans-serif; }
ul,li,a{ margin: 0; padding: 0; list-style: none; text-decoration: none; font-family: 'Shopify Sans Web', sans-serif; }
.heading-style{ font-size: 35px; line-height: normal; font-weight: 400; color: #252525; }
.heading-style span{ color: var(--heading-color); font-weight: 700; }
.sub-heading{ font-size: 16px; line-height: 28px; color: var(--text-color); }
.new-theme-btn{ background-color: var(--button-bg); color: #fff; font-size: 16px; font-weight: 500; min-width: 172px; min-height: 56px; line-height: 56px; display: inline-block; border-radius: 90px; padding: 0 2.6875rem ; text-decoration: none; width: auto; }
.new-theme-btn::after { content: ''; display: inline-block; margin-left: 1rem; width: 1rem; height: 1rem; vertical-align: middle; background-image: url('https://webziainfotech.ca/wp-content/themes/webzia-infotech/images/premier-shopify/button-arrow.png'); background-size: contain; background-repeat: no-repeat; background-position: center; transition: transform 0.2s; }
.new-theme-btn:hover, .new-theme-btn:focus { background-color: #00684a; color: #fff; box-shadow: 0 4px 24px 0 rgba(0,0,0,0.08); text-decoration: none; }
.new-theme-btn:hover::after, .new-theme-btn:focus::after { transform: translateX(6px); }
.new-theme-btn.border-btn{ background-color: transparent; color: var(--button-bg); border: 1px solid var(--button-bg); }
.new-theme-btn.border-btn::after { background-image: url('https://webziainfotech.ca/wp-content/themes/webzia-infotech/images/premier-shopify/border-button-hover.png'); background-size: contain; background-repeat: no-repeat; }
.new-theme-btn.border-btn:hover, .new-theme-btn.border-btn:focus { background-color: #00684a; color: #fff; border: 1px solid var(--button-bg); }
.new-theme-btn.border-btn:hover::after, .new-theme-btn.border-btn:focus::after{ filter: brightness(0) invert(1); }
.section-padding{ padding: 4rem 0; }
span.after-span{ position: relative; }
span.after-span::after { content: ''; display: block; width: 100%; height: 7px; background: url('https://webziainfotech.ca/wp-content/themes/webzia-infotech/images/premier-shopify/after-span-img.png') no-repeat; position: absolute; bottom: -3px; left: 0; background-size: cover; }
/* header */
.hero-wrapper{ background: linear-gradient(249.15deg, #FAFFF0 31.54%, rgba(255, 255, 255, 0.75) 98.14%);}
.main-wrapper .container-fluid{ padding: 0 6rem; }
.hero-wrapper .premier-header{ padding: 1.8rem 0; }
.hero-wrapper .premier-header .header-logo img{ max-width: 10.6875rem; }
/* hero-section */
section.hero-section { padding-top: 60px; }
.hero-wrapper .hero-section h1 { font-size: 46px; line-height: 1.2; font-weight: bold; color: #000; }
.hero-wrapper .hero-section h1 span{ color: var(--heading-color); }
.hero-wrapper .hero-section p { font-size: 16px; line-height: 28px; color: #222; max-width: 574px; margin-top: 20px; }
.hero-section .new-theme-btn { margin-top: 32px; }
.hero-section .hero-banner-img{ text-align: right; }
.hero-section .hero-banner-img img { max-width: 513px; }
.hero-section .partners-logo { column-gap: 40px; }
.partners-logo-swiper .swiper-slide { width: auto !important; margin-right: 40px; background: transparent; }
.partners-logo-swiper-container { margin-top: 24px; margin-bottom: 8px; }
.partners-logo-swiper .swiper-slide { opacity: 0.4; transition: opacity 0.3s; }
.partners-logo-swiper .swiper-slide.swiper-slide-active { opacity: 1; }
.partners-logo-swiper-container .col-auto{ padding-right: 0; }
.partners-logo-swiper-container .col-auto span { font-size: 16px; font-weight: 500; color: #000000; border-right: 1px solid #D4D4D4; padding-right: 18px; }
.partners-logo-swiper-container .partners-logo-outer { max-width: 80%; padding-left: 0; }
/* expert-shopify-section */
.expert-shopify-section{ background: #F5F5F5; }
.expert-shopify-section .container-fluid { max-width: 1520px; margin: 0 auto; }
.expert-shopify-section .new-theme-btn { margin-top: 42px; }
.expert-shopify-section .sub-heading{ margin-top: 18px; }
.expert-shopify-section .service-box-inner { row-gap: 30px; }
.expert-shopify-section .left-service-box .service-box:nth-child(2) { position: relative; left: -76px; }
.expert-shopify-section .left-service-box .service-box:nth-child(3) { position: relative; left: -38px; }
.expert-shopify-section .right-service-box .service-box:nth-child(2) { position: relative; right: -76px; }
.expert-shopify-section .right-service-box .service-box:nth-child(3) { position: relative; right: -38px; }
.expert-shopify-section .service-box { border-radius: 12px; padding: 20px; transition: box-shadow 0.5s, transform 0.5s; gap: 14px; max-width: 392px; }
.expert-shopify-section .service-box:hover, .expert-shopify-section .service-box:focus { box-shadow: 0 8px 32px 0 rgba(100, 154, 60, 0.15); transform: translateY(-6px) scale(1.03); }
.expert-shopify-section .service-box:hover{transform: translateY(-6px) !important; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;}
.expert-shopify-section .service-box-content h5 { font-size: 18px; font-weight: 500; color: var(--text-color); }
.expert-shopify-section .service-box-content p { font-size: 16px; line-height: 22px; color: var(--text-color); margin: 15px 0 0 0; }
.expert-shopify-section .service-box .icon { font-size: 37px; color: var(--icon-color); }
/* shopify-hydrogen-section */
.shopify-hydrogen-section .shopify-hydrogen-content .shopify-logo { max-width: 179px; }
.shopify-hydrogen-content .heading-style { margin: 27px 0 33px 0; }
.shopify-hydrogen-content ul.shopify-hydrogen-list li { position: relative; padding-left: 25px; margin-bottom: 26px; }
.shopify-hydrogen-content ul.shopify-hydrogen-list li:last-child { margin-bottom: 0; }
.shopify-hydrogen-content ul.shopify-hydrogen-list li span { position: absolute; left: 0; top: 0; }
.shopify-hydrogen-content ul.shopify-hydrogen-list li span img { max-width: 15px; }
.shopify-hydrogen-content .new-theme-btn { margin-top: 42px; }

.shopify-hydrogen-section .shopify-hydrogen-image-box .shopify-hydrogen-hero { border-radius: 20px; width: 100%; }
.shopify-hydrogen-section .shopify-hydrogen-image-box { position: relative; }
.shopify-hydrogen-image-box .shopify-hydrogen-features { position: absolute; bottom: -19px; left: 50%; transform: translate(-50%, -50%); width: 90%; }
/*.shopify-hydrogen-image-box .shopify-hydrogen-features .feature-item .feature-label::after{position: absolute; content: ""; top: 0; right: -45px; height: 100%; width: 1px; background-color: #ffffff; }
*/.shopify-hydrogen-features .feature-item .feature-icon { background-color: #fff; border-radius: 50%; display: table; width: 60px; height: 60px; line-height: 60px; margin: 0 auto; }
.shopify-hydrogen-features .feature-item .feature-icon .icon { font-size: 24px; display: table-cell; vertical-align: middle; }
.shopify-hydrogen-features .feature-item .feature-label { font-size: 16px; font-weight: 500; color: #fff; margin-top: 10px; }
.shopify-hydrogen-features .feature-item:last-child .feature-label { border-right: none; padding-right: 0; }

/* CRO-techniques-section */
.CRO-techniques-section{ background: #f5f5f5; }
.CRO-techniques-section .sub-heading { max-width: 60%; margin: 0 auto; }
.CRO-techniques-section span.icon { min-width: 40px; min-height: 40px; border-radius: 50%; line-height: 40px; text-align: center; background-color: var(--button-bg); color: #fff; }
.CRO-techniques-section li:nth-child(even) span.icon { background-color: var(--icon-color); color: #fff; }
.CRO-techniques-section ul { margin-top: 26px; }
.CRO-techniques-section ul li { margin-bottom: 23px; }
.CRO-techniques-section ul li:last-child { margin-bottom: 0; }
.CRO-techniques-section .new-theme-btn { margin-top: 42px; }
.CRO-techniques-section img { padding-right: 19px; }

/* industries-section */
.industries-section { background: url('https://webziainfotech.ca/wp-content/themes/webzia-infotech/images/premier-shopify/industries-bg.webp') no-repeat center top; position: relative; background-size: 100%; }
.industries-section::after { content: ''; display: block; width: 100%; height: 480px; background: rgba(85, 142, 41, 0.9); position: absolute; top: 0; left: 0; }
.industries-section .container-fluid{ padding: 0; position: relative; z-index: 1; }
.industries-section .new-theme-btn { margin-top: 21px; }
.industries-section .heading-style span.after-span::after { filter: brightness(0) invert(1); }
.industries-section .sub-heading { max-width: 843px; margin: 0 auto; }
.industries-swiper-container .swiper-slide { padding-top: 10px; }
.industries-swiper-container .swiper-slide .card{ border: 8px solid #fff !important; }
.industries-swiper { padding-right: 120px; }
.industries-swiper-container .swiper-slide .card .card-img-top { min-height: 330px; max-height: 330px; object-fit: cover; }
.industries-swiper-container .swiper-slide .card { position: relative; overflow: hidden; }
.industries-swiper-container .swiper-slide .card .card-body { width: 100%; background: rgba(255 255 255 / 80%); z-index: 2; clip-path: ellipse(90% 100% at 50% 100%); pointer-events: none; min-height: 62px; position: absolute; bottom: 0; left: 0; text-align: center; }
.industries-swiper-container .swiper-slide .card .card-body span { font-size: 16px; line-height: 33px; font-weight: 500; color: var(--text-color); }

section.impressive { padding-bottom: 80px; }
section.impressive .impressive-top { text-align: center; }
section.impressive .impressive-top p {padding: 20px 0 45px 0;font-size: 16px;line-height: 28px;}
section.impressive .impressive-box { border: 1px solid #CDCDCD; max-width: 427px; padding: 20px; border-radius: 10px; min-height: 564px; }
section.impressive .impressive-box .impreesive-upper { display: flex; align-items: center; justify-content: space-between; }
section.impressive .impressive-box .impreesive-upper .imprees-outer { display: flex; align-items: center; column-gap: 15px; }
section.impressive .impressive-box .impreesive-upper .imprees-outer .imprees-text h5 { color: #222222; font-size: 16px; }
section.impressive .impressive-box .impreesive-upper .imprees-outer .imprees-text span { color: #7D7D7D; font-size: 14px; }
section.impressive .impressive-box .impressive-middle p { padding: 20px 0 16px 0; font-size: 16px; line-height: 28px; font-weight: 500; }
section.impressive .impressive-box .impreesive-upper .imprees-outer img { height: 52px; width: 52px; object-fit: cover; }
section.impressive .impressive-box .impreesive-icon-outer { display: flex; align-items: center; justify-content: space-between; }
section.impressive .impressive-box .impreesive-icon-outer .impreesive-left { display: flex; align-items: center; column-gap: 20px; }
section.impressive .swiper-slide { width: 427px !important; }
.impressive-swiper { padding: 0 50px; }
.impressive-swiper { width: 100%; overflow: visible; }
.swiper-slide { width: auto; /* Let Swiper handle widths */ }
.impressive .impressive-swiper { padding-bottom: 61px; }
.impressive .impressive-swiper .swiper-pagination span.swiper-pagination-bullet { width: 10px; height: 10px; }
.impressive .impressive-swiper span.swiper-pagination-bullet-active{ background-color: var(--heading-color); }


/* in-canada-banner-section */
section.in-canada-banner-section{ margin-top: 60px; }
.in-canada-banner-section .in-canada-banner { background: linear-gradient(90deg, #548D27 0%, #78AA46 100%); border-radius: 20px; padding: 70px 0 80px 60px; position: relative; }
.in-canada-banner-section .in-canada-banner-content{ max-width: 662px; }
.in-canada-banner-section .in-canada-banner-content h2.heading-style { color: #fff; }
.in-canada-banner-section .in-canada-banner-content h2.heading-style span { color: #fff; }
.in-canada-banner-section .in-canada-banner-content p { color: #fff; margin-top: 12px; }
.in-canada-banner-section .in-canada-banner-content .new-theme-btn{ margin-top: 37px; border-color: #fff; color: #fff; }
.in-canada-banner-section .in-canada-banner-content .new-theme-btn::after{ filter: brightness(0) invert(1); }
.in-canada-banner-section .in-canada-banner-content .new-theme-btn:hover{ border-color: #00684a; }
.in-canada-banner-section .in-canada-banner .in-canada-banner-image { position: absolute; right: 40px; bottom: 0; }
.in-canada-banner-section { position: relative; z-index: 1; }
.in-canada-banner-section::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; background: #f5f5f5; z-index: 0; border-radius: 20px; }


/* start Guarantee section css */
section.Guarantee .Guarantee-image { text-align: right; }
section.Guarantee .Guarantee-content p { padding: 25px 0 45px 0; font-size: 16px; line-height: 28px; color: #222222; }

/* start empower section css */
section.empower.section-padding { padding-top: 45px; }
section.empower .empower-top h2 { text-align: center; max-width: 619px; margin: 0 auto; padding-bottom: 30px; }
section.empower .empower-box {  display: flex; flex-direction: column; height: 100%; border: 1px solid #CDCDCD; text-align: center; border-radius: 10px; padding: 30px; height: 100%; }
section.empower .empower-box:hover{ transform: translateY(-6px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);}
section.empower .empower-box .empower-content{text-align: start; flex: 1; display: flex; flex-direction: column; height: 100%;}
section.empower .empower-box .empower-content .new-theme-btn { margin-top: auto; width: 100%; text-align: center;}
section.empower .empower-box .empower-content h3 { font-size: 24px; line-height: 40px; padding: 15px 0 10px 0; }
section.empower .empower-box .empower-content p { padding-bottom: 15px; font-size: 16px; line-height: 26px; flex-grow: 1; }
section.empower .empower-box .new-theme-btn { margin-top: 16px auto; width: 100%; text-align: center; }
section.new-our-packages.section-padding { padding-top: 0; }
section.new-our-packages .packages-top { text-align: center; }
section.new-our-packages .packages-top p { padding-top: 12px; font-size: 16px; line-height: 26px; }
section.new-our-packages .wrapper .tab-wrapper ul li.tab-link { border: 1px solid #B5B5B5; padding: 10px 20px; border-radius: 8px; font-size: 14px; color: #333333; }
section.new-our-packages .wrapper .tab-wrapper ul { column-gap: 15px; padding: 20px 0 62px 0; }
section.new-our-packages .wrapper .tab-wrapper ul li.tab-link.active { background-color: var(--button-bg); border: 1px solid var(--button-bg); color: #fff; }
section.new-our-packages .wrapper .main-packages-outer { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 20px; row-gap: 20px; max-width: 1306px; margin: 0 auto; padding-top: 45px; }
section.new-our-packages .wrapper .main-packages-outer .new-packages-box { border: 1px solid #B5B5B5; border-radius: 8px; padding: 16px 20px 19px 20px; width: 41.2%; }
section.new-our-packages .wrapper .main-packages-outer .new-packages-box .essent-outer { display: flex; align-items: center; column-gap: 11px; }
section.new-our-packages .wrapper .main-packages-outer .new-packages-box .essent-outer .essent-text h3 { font-size: 24px; line-height: 33px; }
section.new-our-packages .wrapper .main-packages-outer .new-packages-box p { color: #666666; font-size: 16px; line-height: 20px; padding: 9px 0 22px 0; }
section.new-our-packages .wrapper .main-packages-outer .new-packages-box span { text-align: center; width: 100%; display: block; font-size: 40px; line-height: 34px; font-weight: 700; padding-bottom: 20px; color: #222222; }
section.new-our-packages .wrapper .main-packages-outer .new-packages-box .essent-content { border-bottom: 1px solid #C5C5C5; }
section.new-our-packages .wrapper .main-packages-outer .new-packages-box .youget-content h3 { font-size: 24px; line-height: 34px; padding: 20px 0 10px 0; }
section.new-our-packages .wrapper .main-packages-outer .new-packages-box .youget-content nav ul li span {  text-align: left; padding: 0; display: inline-flex; flex: 0 0 4%; margin-top: 7px; }
section.new-our-packages .wrapper .main-packages-outer .new-packages-box .youget-content nav ul li {display: flex; gap: 11px; line-height: 17px; margin-bottom: 14px; align-items: start; line-height: 22px; }
section.ready-to-launch .ready-to-launch-content span.wpcf7-not-valid-tip { color: #ffb900; font-size: 14px;}
section.new-our-packages .wrapper .main-packages-outer .new-packages-box .youget-content nav { max-height: 350px; overflow-y: scroll; padding-right: 10px; }
section.new-our-packages .wrapper .main-packages-outer .new-packages-box .youget-content nav::-webkit-scrollbar-thumb {background: #fff;}
section.new-our-packages .wrapper .main-packages-outer .new-packages-box .youget-content nav::-webkit-scrollbar-track {background: var(--icon-color);}
section.new-our-packages .wrapper .main-packages-outer .new-packages-box .youget-content nav::-webkit-scrollbar {width: 4px;height: 4px;}
section.new-our-packages .wrapper .main-packages-outer .new-packages-box .youget-content nav { scrollbar-color: var(--icon-color) #fff;scrollbar-width: thin;}
section.new-our-packages .wrapper .tab-wrapper { display: block; }
section.new-our-packages .wrapper .tabs { display: flex; justify-content: center; }
section.new-our-packages .wrapper .tab-link { cursor: pointer; transition: all ease 0.5s; }
section.new-our-packages .wrapper .tab-content { display: none; opacity: 0; transform: translateY(15px); animation: fadeIn 0.5s ease 1 forwards; }
section.new-our-packages .wrapper .tab-content.active { display: block; }
@keyframes fadeIn { 100% { opacity: 1; transform: none; } }
section.new-our-packages .wrapper .main-packages-outer .new-packages-box .essent-btn a.new-buy-btn { background-color: var(--icon-color); color: #fff; text-align: center; padding: 18px 0; border-radius: 8px; margin: 23px 0 19px 0; }
section.new-our-packages .wrapper .main-packages-outer .new-packages-box .essent-btn a.new-buy-btn:hover{ background-color: #00684a; }
section.new-our-packages .wrapper .main-packages-outer .new-packages-box .essent-btn a { font-size: 16px; font-weight: 500; color: #474545; text-align: center; width: 100%; display: block; }
section.new-our-packages .essent-btn h5{
  font-size: 12px;
}


/*start tabs*/
section.portfolio { background-color: #F5F5F5; }
section.portfolio .new-portfolio-outer .berry-box { background-color: #fff; max-width: 366px; padding: 20px 20px 30px 20px; border-radius: 10px; }
section.portfolio .new-portfolio-outer .berry-box h2 { font-size: 24px; line-height: 40px; text-align: left; }
section.portfolio .new-portfolio-outer .berry-box p { padding-bottom: 20px; text-align: left; }
section.portfolio .new-portfolio-outer .berry-box .new-theme-btn { background-color: transparent; color: var(--button-bg); min-width: 100%; padding: 0; text-align: left; line-height: 0; min-height: auto; }
.portfolio-swiper-container{ position: relative; }
.portfolio-swiper-container .swiper-button-prev, .portfolio-swiper-container .swiper-button-next { background-color: #fff; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid var(--icon-color); }
.portfolio-swiper-container .swiper-button-prev img, .portfolio-swiper-container .swiper-button-next img { max-width: 25px; }
.portfolio-swiper-container .swiper-button-prev::after, .portfolio-swiper-container .swiper-button-next::after{ content: none; }
.portfolio-swiper-container .swiper-button-prev:hover, .portfolio-swiper-container .swiper-button-next:hover{ background-color: var(--icon-color); }
.portfolio-swiper-container .swiper-button-prev:hover img, .portfolio-swiper-container .swiper-button-next:hover img{ filter: brightness(0) invert(1); }
.portfolio-filter button.filter-btn { border: 1px solid #B5B5B5; background-color: #fff; display: inline-block; min-height: 48px; line-height: 48px; min-width: 56px; border-radius: 8px; padding: 0 20px; margin-right: 10px; font-size: 14px; color: #000; }
.portfolio-filter button.filter-btn:last-child{ margin: 0; }
.portfolio-filter button.filter-btn:hover, .portfolio-filter button.filter-btn.active{ background-color: #548D28; border-color: #548D28; color: #fff; }
.portfolio-swiper-container .portfolio-card { border-radius: 10px; background-color: #fff; padding: 20px; min-height: 460px;}
.portfolio-swiper-container .portfolio-card .portfolio-image img { max-width: 100%; border-radius: 8px; }
.portfolio-swiper-container .portfolio-content h3 { color: #000; font-size: 24px; font-weight: 500; line-height: 40px; margin-top: 9px; }
.portfolio-swiper-container .portfolio-content  p { font-size: 14px; line-height: 22px; color: #222; }
.portfolio-swiper-container .portfolio-content a.portfolio-link { color: var(--heading-color); font-size: 16px; font-weight: 500; margin-top: 18px; display: inline-block; }
.portfolio-swiper-container .swiper-button-next.swiper-button-disabled, .portfolio-swiper-container .swiper-button-prev.swiper-button-disabled{ display: none; }
.portfolio-swiper-container .swiper-button-prev{ left: -38px; }
.portfolio-swiper-container .swiper-button-next{ right: -38px; }


/* start faqs section */
section.new-faqs { position: relative; overflow: hidden; }
section.new-faqs:after { position: absolute; content: ''; top: 95px; left: -30px; background: url('https://webziainfotech.ca/wp-content/themes/webzia-infotech/images/premier-shopify/faqs-qus.webp') no-repeat; width: 217px; height: 244px; }
section.new-faqs:before { position: absolute; content: ''; bottom: 95px; right: -30px; background: url('https://webziainfotech.ca/wp-content/themes/webzia-infotech/images/premier-shopify/faqs-qus.webp') no-repeat; width: 217px; height: 244px; }
section.new-faqs .new-faqs-top { text-align: center; }
section.new-faqs .new-faqs-top p { padding: 20px 0; font-size: 16px; line-height: 26px; }
section.new-faqs .accordion { max-width: 1094px; margin: 0 auto; }
section.new-faqs .accordion .accordion-item { background-color: #F5F7F9; border: none; margin-bottom: 15px; padding: 15px 18px 15px 20px; border-radius: 8px; position: relative; z-index: 1; }
section.new-faqs .accordion .accordion-item button { box-shadow: none; background-color: transparent; font-size: 16px; line-height: 100%; color: #000; font-weight: 500; padding: 0; }
section.new-faqs .accordion .accordion-item:last-child { margin: 0; }
section.new-faqs .accordion .accordion-item .accordion-body { padding: 0; }
section.new-faqs .accordion .accordion-item .accordion-body p { padding-top: 10px; color: #666666; font-size: 14px; line-height: 22px; }
section.new-faqs .new-fqas-bottom { text-align: center; padding-top: 35px; }
section.new-faqs .new-fqas-bottom p { font-size: 16px; line-height: 24px; padding-bottom: 15px; text-transform: capitalize; }

section.ready-to-launch { background: url('https://webziainfotech.ca/wp-content/themes/webzia-infotech/images/premier-shopify/launch-bg.webp') no-repeat; background-size: cover; background-position: center; overflow: hidden; }
section.ready-to-launch .ready-to-launch-image { width: 100%; height: 100%; position: relative; display: flex; align-items: flex-end; max-width: 668px;}
section.ready-to-launch .ready-to-launch-image::after { position: absolute; content: ""; right: 31px; top: 58%; transform: translateY(-50%); background-image: url('https://webziainfotech.ca/wp-content/themes/webzia-infotech/images/premier-shopify/logos_shopify.svg'); background-size: contain; background-repeat: no-repeat; height: 70px; width: 70px; animation: bounce 2s ease-in-out infinite; }
@keyframes bounce { 0%, 100% { transform: translateY(-50%) translateY(0); } 50% { transform: translateY(-50%) translateY(-50px); } }
section.ready-to-launch .ready-to-launch-content { background-color: #699A3BCC; height: 100%; padding: 81px 176px 72px 60px; }
section.ready-to-launch .ready-to-launch-content .heading-style { color: #fff; }
section.ready-to-launch .ready-to-launch-content span { color: #fff; }
section.ready-to-launch .ready-to-launch-content .heading-style span.after-span::after{ filter: brightness(0) invert(1); }
section.ready-to-launch .ready-to-launch-content p { color: #fff; padding: 30px 0 20px 0; font-size: 16px; line-height: 24px; }
section.ready-to-launch .ready-to-launch-content form label { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; row-gap: 12px; }
section.ready-to-launch .ready-to-launch-content form label input { border: none; box-shadow: none; outline: none; width: 49%; height: 48px; padding-left: 12px; font-size: 14px; background-color: #E9E9E9; border-radius: 8px; }
.ready-lanch-textarea textarea { border: none; box-shadow: none; outline: none; background-color: #E9E9E9; border-radius: 8px; min-height: 153px; width: 100%; margin: 10px 0 14px 0; color: #666666; font-size: 16px; line-height: 26px; padding: 15px; }
.ready-lanch-textarea a.new-theme-btn { width: 100%; text-align: center; background-color: #fff; color: var(--button-bg); font-size: 16px; }
.ready-lanch-textarea .new-theme-btn::after { background: url('https://webziainfotech.ca/wp-content/themes/webzia-infotech/images/premier-shopify/green-arrow.png') no-repeat; margin-top: 6px;}
section.ready-to-launch .ready-to-launch-content form.wpcf7-form p{ display: grid; align-items: center; grid-template-columns: 1fr 1fr; gap: 10px; padding: 0; }
section.ready-to-launch .ready-to-launch-content form.wpcf7-form p span input{ border: none; box-shadow: none; outline: none; width: 100%; height: 48px; padding-left: 12px; font-size: 14px; background-color: #fff; border-radius: 8px; }
section.ready-to-launch .ready-to-launch-content form.wpcf7-form .ready-lanch-textarea p{ display: flex; flex-direction: column; align-items: start; padding: 0; }
section.ready-to-launch .ready-to-launch-content form.wpcf7-form .ready-lanch-textarea p .new-theme-btn{ width: 100%; text-align: center; background-color: #fff; color: var(--button-bg); font-size: 16px; border: 0; }
section.ready-to-launch .ready-to-launch-content form.wpcf7-form .ready-lanch-textarea p .new-theme-btn::after { background: url('https://webziainfotech.ca/wp-content/themes/webzia-infotech/images/premier-shopify/green-arrow.png') no-repeat; margin-top: 6px; }
section.ready-to-launch .ready-to-launch-content form.wpcf7-form .ready-lanch-textarea p span.wpcf7-form-control-wrap{ width: 100%; }
section.ready-to-launch .ready-to-launch-content form.wpcf7-form .ready-lanch-textarea p span textarea{ background-color: #ffffff; height: 0; margin-bottom: 0; }
section.ready-to-launch .ready-to-launch-content form.wpcf7-form{ display: flex; flex-direction: column; }
section.testimonial-section{ background-color: #F5F5F5; padding-top: 0; }
.testimonial-navigation { position: relative; max-width: 190px; margin: 61px auto 0; }
.testimonial-navigation::after { background-color: #D9D9D9; content: ''; position: absolute; left: 50%; top: 50%; width: 1px; height: 55px; display: inline-block; transform: translate(-50%, -50%); z-index: 3; margin-top: 9px; }
.testimonial-navigation .swiper-button-prev, .testimonial-navigation .swiper-button-next { background-color: #fff; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid var(--icon-color); }
.testimonial-navigation .swiper-button-prev img, .testimonial-navigation .swiper-button-next img { max-width: 25px; }
.testimonial-navigation .swiper-button-prev:hover, .testimonial-navigation .swiper-button-next:hover{ background-color: var(--icon-color); }
.testimonial-navigation .swiper-button-prev:hover img, .testimonial-navigation .swiper-button-next:hover img{ filter: brightness(0) invert(1); }
.new-testimonial-inner .testimonial-header .testimonial-avatar {display: flex; align-items: center; justify-content: center; background: #649A3C; width: 66px; height: 66px; border-radius: 50%; overflow: hidden; padding: 4px; }
.new-testimonial-inner .testimonial-header .testimonial-avatar span{font-size: 24px; font-weight: 700; color: #fff;}
.new-testimonial-inner { padding: 4px; }
.new-testimonial-inner .testimonial-header .testimonial-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.new-testimonial-inner .testimonial-card { background-color: #fff; box-shadow: 0px 0px 4px 0px #00000040; border-radius: 8px; padding: 31px 22px 14px; margin-bottom: 20px; min-height: 332px;}
.new-testimonial-inner .testimonial-card:last-child { margin-bottom: 0; }
.new-testimonial-inner .testimonial-card .testimonial-header { display: flex; column-gap: 29px; align-items: center; }
.testimonial-card .testimonial-header h5 { font-size: 24px; font-weight: 500; color: #000; }
.testimonial-card .testimonial-header span.star { background-color: #00B67A; width: 30px; height: 30px; display: inline-block; text-align: center; color: #fff; line-height: 30px; font-size: 24px; }
.testimonial-card .testimonial-header .testimonial-rating { margin-top: 5px; }
.testimonial-card .testimonial-content { margin-top: 15px; }
.testimonial-card .testimonial-content p { font-size: 15px; line-height: 24px; color: #302D2D; min-height: 120px; }
.testimonial-card .testimonial-footer { border-top: 1px solid #D9D9D9; margin: 8px -22px 0; padding: 18px 22px 0; display: flex; align-items: center; column-gap: 24px; }
.testimonial-card .testimonial-footer .company-logo { border: 1px solid #E4E4E4; width: 69px; height: 69px; text-align: center; display: flex; align-items: center; border-radius: 5px; }
.testimonial-card .testimonial-footer .company-logo img {margin: 0 auto;}
.testimonial-navigation .swiper-button-prev::after, .testimonial-navigation .swiper-button-next::after { content: none; }
.testimonial-card .company-info span.company-name { font-size: 20px; font-weight: 500; color: #302D2D; width: 100%; display: block; }
.testimonial-card .company-info span.company-website a{ font-size: 16px; color: #7D7D7D; }
.new-portfolio-outer { display: flex; justify-content: center; column-gap: 40px; flex-wrap: wrap; }
div#ht-ctc-chat {
  animation: bounceIcon 1.5s infinite;
}

/* Bounce animation keyframes */
@keyframes bounceIcon {
  0%, 20%, 50%, 80%, 100% {
      transform: translateY(0);
  }
  40% {
      transform: translateY(-10px);
  }
  60% {
      transform: translateY(-5px);
  }
}
/* footer css */
footer { background: #fff; padding: 32px 0 0 0; font-family: 'Shopify Sans Web', sans-serif; }
footer .container-fluid{ padding: 0 6rem; }
.footer-bottom { background: #222; margin-top: 32px; padding: 8px 0; text-align: center; }
.footer-bottom p { color: #fff; font-size: 13px; margin: 0; letter-spacing: 0.02em; }
.footer-bottom .container-fluid { padding: 0; }
.logo img { max-width: 170px; height: auto; display: block; margin: 0 auto 0 0; }
.title { font-size: 2rem; font-weight: 700; color: #222; margin-bottom: 0.25rem; text-transform: capitalize; letter-spacing: 0.01em; }
.title span { color: #649A3C; font-weight: 700; }
.subtitle { font-size: 15px; color: #222; margin-bottom: 18px; margin-top: 0; font-weight: 400; letter-spacing: 0.01em; }
.wpcf7-form { display: flex; gap: 0; max-width: 800px; margin: 0 auto 0 0; }
.footer-form { display: flex; gap: 17px; width: 100%; }
.footer-form p{ width: 100%; }
.wpcf7-form-control.wpcf7-email, .wpcf7-form-control.wpcf7-text { border: 1px solid #B5B5B5; border-radius:3px; padding: 0 16px; min-height: 56px; font-size: 16px; width: 100%; outline: none; box-shadow: none; background: #fff; color: #222; transition: border 0.2s; }
.wpcf7-form-control.wpcf7-email:focus, .wpcf7-form-control.wpcf7-text:focus { border-color: #649A3C; }
.new-banner-btn-wrapper .wpcf7-form-control.wpcf7-submit { background: url('https://webziainfotech.ca/wp-content/themes/webzia-infotech/images/premier-shopify/button-arrow.png') #008060 no-repeat; color: #fff; border: none; border-radius: 30px; padding: 0 28px; font-size: 15px; font-weight: 500; min-height: 56px; cursor: pointer; transition: background 0.2s; margin-left: -1px; white-space: nowrap; position: relative; min-width: 214px; line-height: 56px; background-position: 85% 55%;
  background-size: 14px;}
.new-banner-btn-wrapper .wpcf7-form-control.wpcf7-submit:hover{ background-color: #00684a; background-position: 88% 55%; }
section.new-faqs .accordion .accordion-item button.collapsed::after { background-image: none; content: '+'; font-size: 26px; }
section.new-faqs .accordion .accordion-item button::after {background-image: none;content: '-';font-size: 35px;}
.accordion-button:not(.collapsed)::after { transform: none; }
section.hero-section .mobile-banner img.mobile-image { display: none; }
section.expert-shopify-section .expert-mobile { display: none; }
section.Guarantee .Guarantee-image img { border-radius: 20px; }
.accordion-outer { display: flex; column-gap: 4px; }
.expert-shopify-mobile.second-right { display: none; }
.expert-shopify-mobile .service-box { margin-bottom: 30px; }
.expert-shopify-mobile .service-box:last-child { margin: 0; }
.footer-section .wpcf7-form { flex-direction: column; }
.footer-form span.wpcf7-spinner { position: absolute; left: 31%; transform: translate(0, 15px); }
.footer-form .new-banner-btn-wrapper p { position: relative; }
/*modal css start here */
.book_a_free_consulation .modal-dialog, #call-modalToggle .modal-dialog, #get-touchmodalToggle .modal-dialog { max-width: 800px; margin: 1.75rem auto; }
.book_a_free_consulation .close_page, #call-modalToggle .modal-dialog .close_page, #get-touchmodalToggle .modal-dialog .close_page { background: var(--button-bg); z-index: 1; position: absolute; top: -11px; color: #fff; font-size: 30px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; right: -10px; text-align: center; display: inline-block; text-decoration: none; border: none; }
.hire_us_modal_outer .modal-body.hire-developer { padding: 50px 60px; }
.hire_us_modal_outer .modal-body.hire-developer h2 { font-size: 30px; font-weight: 600; }
.hire_us_modal_outer form.wpcf7-form{ display: flex; flex-direction: column; }
.modal-body.hire-developer .top_title { text-align: center; padding-bottom: 30px; }
.modal-body.hire-developer .top_title .p_style { line-height: 28px; color: #262626; }
.modal-body.hire-developer .contact_form .wpcf7 { padding: 0 30px 30px; }
.modal-body.hire-developer .contact_form .form-control { border: none; border-bottom: 1px solid #919191; font-size: 16px; min-height: 50px; max-height: 50px; border-radius: 0; color: #000; padding: 0 7px; }
.modal-body.hire-developer .contact_form .form-control:focus { outline: none; box-shadow: none; }
.modal-body.hire-developer .contact_form .form-group { margin-top: 25px; }
.modal-body.hire-developer .contact_form .form-group.send_now { margin-bottom: 0; text-align: center; }
.modal-body.hire-developer .theme_btn { background-color: var(--button-bg); color: #fff; font-size: 16px; font-weight: 500; min-width: 172px; min-height: 56px; line-height: 56px; display: inline-block; border-radius: 90px; padding: 0 2.6875rem; text-decoration: none; width: auto; border: 0; }
  /* start responsive */
  @media screen and (min-width: 1550px){ .hero-section .hero-banner-img img{max-width: 700px; width: 100%;} }
@media screen and (max-width: 1585px) and (min-width: 1400px) {
.heading-style { font-size: 36px; }
section.empower .empower-box .empower-content h3 { font-size: 22px; line-height: 25px; }
section.new-faqs:before { background-size: 180px; width: 180px; height: 182px; bottom: 210px; }
section.new-faqs:after { top: 125px; width: 167px; height: 184px; background-size: 170px; }
.portfolio-swiper-container .portfolio-content p { min-height: 88px; }
.hero-wrapper .hero-section h1 { font-size: 50px; }
.portfolio-swiper-container .portfolio-card { min-height: auto; }
section.impressive .impressive-box .impressive-middle p { font-size: 12px; line-height: 22px; }
section.impressive .impressive-box { min-height: auto; }
.testimonial-card .testimonial-footer .company-logo { width: 40px; height: 40px; }
.testimonial-card .testimonial-content p { font-size: 13px; min-height: 144px; }
.new-testimonial-inner .testimonial-card { min-height: 350px; }
}

@media screen and (max-width: 1399px) and (min-width: 1201px) {
.main-wrapper .container-fluid { padding: 0 50px; }
section.expert-shopify-section .container-fluid { padding: 0 6rem; }
.hero-wrapper .hero-section h1 { font-size: 40px; line-height: 46px; }
/* .hero-section .hero-banner-img img { max-width: 100%; } */
.hero-wrapper .hero-section p { margin-top: 15px; }
.hero-section .new-theme-btn { margin-top: 20px; }
.partners-logo-swiper-container .partners-logo-outer { max-width: 78%; padding-left: 0; }
.partners-logo-swiper-container .col-auto { flex-direction: unset !important; flex-wrap: nowrap; }
section.hero-section { padding-top: 20px; }
.section-padding { padding: 50px 0; }
.expert-shopify-section .service-box-content h5 { font-size: 17px; }
.expert-shopify-section .service-box-content p { margin: 5px 0 0 0; }
.heading-style { font-size: 35px; }
section.empower.section-padding { padding-top: 0; }
section.empower .empower-box .empower-content h3 { font-size: 20px; line-height: 30px; padding: 14px 0 9px 0; }
section.testimonial-section { padding-bottom: 80px; }
section.ready-to-launch .ready-to-launch-content { padding: 81px 100px 72px 60px; }
.portfolio-swiper-container .portfolio-card { min-height: 363px; }
.portfolio-swiper-container .portfolio-content p { font-size: 13px; }
section.impressive .impressive-box .impressive-middle p { font-size: 12px; line-height: 22px; }
section.impressive .impressive-box { min-height: auto; }
.testimonial-card .testimonial-footer .company-logo { width: 40px; height: 40px; }
.testimonial-card .testimonial-content p { font-size: 13px; line-height: 20px; min-height: 140px; }
.new-testimonial-inner .testimonial-card { min-height: 347px; }
.in-canada-banner-section .in-canada-banner .in-canada-banner-image { right: 0; text-align: right; }
.in-canada-banner-section .in-canada-banner .in-canada-banner-image img { max-width: 80%; }
section.impressive { padding-bottom: 0; }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .new-testimonial-inner .testimonial-card { min-height: 423px; }
  .testimonial-card .testimonial-content p { min-height: 216px; }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
.hero-wrapper .hero-section h1 { font-size: 50px; line-height: 58px; }
.hero-section .hero-banner-img img { max-width: 100%; }
section.hero-section .container-fluid { padding: 0 40px; }
.hero-wrapper .hero-section h1 { font-size: 35px; line-height: 45px; }
.hero-wrapper .hero-section p { margin-top: 15px; }
.partners-logo-swiper-container .partners-logo-outer { max-width: 73%; }
.partners-logo-swiper-container { flex-direction: unset; flex-wrap: nowrap; }
section.hero-section { padding-top: 20px; }
section.hero-section { padding: 20px 0 50px 0; }
.expert-shopify-section .new-theme-btn { padding: 0 19px; }
.expert-shopify-section .service-box { flex-wrap: wrap; justify-content: center; text-align: center; }
.expert-shopify-section .service-box-content p { font-size: 14px; margin: 4px 0 0 0; }
.expert-shopify-section .service-box-content h5 { font-size: 16px; }
.heading-style { font-size: 30px; }
.section-padding { padding: 50px 0; }
.expert-shopify-section .sub-heading { margin-top: 10px; }
.main-wrapper .container-fluid { padding: 0 40px; }
.shopify-hydrogen-image-box .shopify-hydrogen-features { width: 95%; }
.shopify-hydrogen-features .feature-item .feature-label { font-size: 14px; }
section.empower.section-padding { padding-top: 0; }
section.empower .empower-box .empower-content h3 { font-size: 18px; line-height: 24px; padding: 15px 0 5px 0; }
section.expert-shopify-section .container-fluid { padding: 0 100px; }
.empower-content a.new-theme-btn { padding: 0 30px; }
section.new-our-packages .wrapper .main-packages-outer .new-packages-box { width: 48.9%; }
.in-canada-banner-section .in-canada-banner-content p { max-width: 510px; }
.in-canada-banner-section .in-canada-banner .in-canada-banner-image img.main-banner-img { max-width: 420px; }
.in-canada-banner-section .in-canada-banner .in-canada-banner-image { right: 0; text-align: right; }
section.ready-to-launch .ready-to-launch-content { padding: 81px 60px 72px 60px; }
.new-testimonial-inner .testimonial-card .testimonial-header { column-gap: 15px; }
.testimonial-card .testimonial-header h5 { font-size: 18px; }
.portfolio-swiper-container .swiper-button-next { right: -20px; }
.portfolio-swiper-container .swiper-button-prev { left: -20px; }
.portfolio-swiper-container .portfolio-card { min-height: 356px; }
.portfolio-swiper-container .portfolio-content p { font-size: 13px; }
section.impressive .impressive-box .impressive-middle p { font-size: 12px; line-height: 22px; }
section.impressive .impressive-box { min-height: auto; }
.testimonial-card .testimonial-footer .company-logo { width: 40px; height: 40px; }
.testimonial-card .testimonial-content p { font-size: 14px; }
.new-testimonial-inner .testimonial-card { min-height: 351px; }
section.impressive { padding-bottom: 0; }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
section.expert-shopify-section { padding: 50px 0; }
.expert-shopify-mobile.second-right { display: block; } 
.right-service-box { display: none !important; }
.expert-shopify-section .service-box-inner { row-gap: 58px; column-gap: 20px; flex-direction: unset !important; }
.expert-shopify-mobile { width: 50%; }
.expert-shopify-mobile.second-right { width: 50%; }
.expert-shopify-mobile .service-box { margin-bottom: 22px; }
.expert-shopify-section img.img-fluid { max-width: 68%; padding-top: 30px; width: 100%; }
.expert-shopify-section .service-box-content p { margin: 5px 0 0 0; font-size: 15px; }
.hero-wrapper .hero-section h1 br { display: none; }
.hero-wrapper .hero-section h1 { font-size: 32px; line-height: 42px; }
.hero-wrapper .hero-section p { margin-top: 10px; }
section.hero-section { padding: 0 0 50px 0; }
.partners-logo-swiper-container { margin-top: 35px; }
.hero-section .hero-banner-img { text-align: center; }
.section-padding { padding: 50px 0; }
section.shopify-hydrogen-section .shopify-hydrogen-content { padding-bottom: 50px; }
section.Guarantee .Guarantee-content { padding-bottom: 50px; }
section.empower.section-padding { padding: 0; }
section.Guarantee .Guarantee-content { padding-bottom: 50px; }
section.empower .col-12.col-lg-4 { flex: 0 0 50%; }
section.empower .row { row-gap: 30px; }
section.empower .empower-box .empower-content h3 { font-size: 19px; line-height: 24px; padding: 10px 0 6px 0; }
section.new-our-packages { padding-top: 50px !important; }
section.new-our-packages .wrapper .main-packages-outer .new-packages-box { width: 48.5%; }
section.new-our-packages .wrapper .main-packages-outer .new-packages-box .essent-outer .essent-text h3 { font-size: 19px; line-height: 25px; }
section.in-canada-banner-section .container { max-width: 100%; }
section.portfolio .portfolio-filter { display: flex; flex-wrap: wrap; row-gap: 12px; justify-content: center; }
section.ready-to-launch .ready-to-launch-content { padding: 50px; }
.expert-shopify-section .service-box { max-width: 100%; }
section.Guarantee .Guarantee-image { text-align: center; }
section.in-canada-banner-section { margin-top: 0; }
section.impressive { padding-bottom: 30px; }
.portfolio-swiper-container .swiper-button-next { right: -20px; }
.portfolio-swiper-container .swiper-button-prev { left: -20px; }
section.testimonial-section { padding-bottom: 75px; }
footer .col-md-6 { width: 70%; }
footer .row { justify-content: space-between; }
footer .container-fluid { padding: 0 30px; }
.portfolio-swiper-container .portfolio-card { min-height: 347px; }
.portfolio-swiper-container .portfolio-content p { font-size: 12px; }
section.impressive .impressive-box .impressive-middle p { font-size: 12px; line-height: 22px; }
section.impressive .impressive-box { min-height: auto; }
.testimonial-card .testimonial-content p { font-size: 14px; min-height: 168px; }
.testimonial-card .testimonial-footer .company-logo { width: 40px; height: 40px; }
.new-testimonial-inner .testimonial-card { min-height: 399px; }
section.new-our-packages .wrapper .main-packages-outer .new-packages-box span { font-size: 30px; line-height: 30px; }
section.impressive { padding-bottom: 0; }
}

  /* Tablet Responsive */
@media screen and (max-width: 992px) and (min-width:  767px){
  section.ready-to-launch .ready-to-launch-image::after{
    top: 39%;
  }
}

  @media screen and (max-width: 991px) {
    .main-wrapper .container-fluid { padding: 0 2rem; } 
    .heading-style { font-size: 32px; line-height: 40px; } 
    .hero-wrapper .hero-section h1 { font-size: 30px; line-height: 39px; } 
    .expert-shopify-section .left-service-box .service-box:nth-child(2), .expert-shopify-section .left-service-box .service-box:nth-child(3), .expert-shopify-section .right-service-box .service-box:nth-child(2), .expert-shopify-section .right-service-box .service-box:nth-child(3) { position: static; } 
    .shopify-hydrogen-image-box .shopify-hydrogen-features { position: absolute; bottom: -33px; left: 50%; width: 90%; margin-top: 0; transform: translate(-50%, -50%); }
    .in-canada-banner-section .in-canada-banner .in-canada-banner-image { position: relative; right: auto; bottom: auto; margin-top: 2rem; }
    section.impressive .impressive-box { min-height: auto; }
    .in-canada-banner-section .in-canada-banner { padding: 70px 0 80px 40px; max-width: 95%; margin: 0 auto; }
  }

@media screen and (max-width: 767px) {
.hero-wrapper .premier-header .header-logo a img { max-width: 120px; }
section.hero-section { padding: 15px 0 0 0; }
section.hero-section .mobile-banner img.mobile-image { display: block; max-width: 80%; margin: 16px auto 0;}
section.hero-section .hero-banner-img img { display: none; }
.expert-shopify-section .sub-heading { margin-top: 10px; }
.expert-shopify-section .service-box-content p { margin-top: 10px; }
section.expert-shopify-section img { display: none; }
section.expert-shopify-section a.new-theme-btn { display: none; }
section.expert-shopify-section .expert-mobile { display: block; }
section.expert-shopify-section .expert-mobile img { display: block; padding-bottom: 30px; }
section.expert-shopify-section .expert-mobile a.new-theme-btn { display: block; width: 240px; margin: 0 auto; }
.shopify-hydrogen-section .shopify-hydrogen-image-box { padding-top: 40px; }
section.Guarantee .Guarantee-image img { display: none; }
section.Guarantee { background: url('https://webziainfotech.ca/wp-content/themes/webzia-infotech/images/premier-shopify/guarantee-image.webp') no-repeat; background-position: center; background-size: cover; position: relative; }
section.Guarantee:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0.9; }
section.Guarantee .Guarantee-content { position: relative; z-index: 1; text-align: center; }
section.Guarantee a.new-theme-btn { background-color: transparent; border: 1px solid #008060; color: #008060; }
section.Guarantee .new-theme-btn::after { background: url('https://webziainfotech.ca/wp-content/themes/webzia-infotech/images/premier-shopify/green-arrow-1.png') no-repeat; top: 4px; position: relative; }
section.ready-to-launch { position: relative; padding-bottom: 220px; }
.main-wrapper .container-fluid { padding: 0 1rem; } 
.section-padding { padding: 3rem 0; } 
.heading-style { font-size: 28px; line-height: 36px; } 
.sub-heading { font-size: 15px; line-height: 24px; } 
.new-theme-btn { font-size: 14px; min-width: 140px; min-height: 48px; line-height: 48px; padding: 0 1.5rem; }
.hero-wrapper .header { padding: 1rem 0; } 
.hero-wrapper .header .header-logo img { max-width: 8rem; } 
.header-button .new-theme-btn { font-size: 12px; min-width: 120px; min-height: 40px; line-height: 40px; padding: 0 1rem; } 
.hero-wrapper .hero-section h1 { font-size: 28px; line-height: 34px; text-align: center; margin-bottom: 1rem; } 
.hero-wrapper .hero-section p { font-size: 14px; line-height: 24px; text-align: center; max-width: 100%; margin: 15px 0 30px 0; } 
.hero-section .hero-banner-img { text-align: center; margin-top: 2rem; } 
.hero-section .hero-banner-img img { max-width: 100%; height: auto; } 
.hero-section .new-theme-btn { margin: 1.5rem auto 0; display: block; width: fit-content; font-size: 14px; min-width: 160px; min-height: 45px; line-height: 45px; }
.partners-logo-swiper-container .col-auto span { font-size: 14px; padding-right: 12px; } 
.partners-logo-swiper-container .partners-logo-outer { max-width: 70%; } 
.partners-logo-swiper .swiper-slide { margin-right: 20px; } 
.hero-wrapper { overflow: hidden; }
.expert-shopify-section .service-box-inner { row-gap: 2rem; } 
.expert-shopify-section .left-service-box .service-box:nth-child(2), .expert-shopify-section .left-service-box .service-box:nth-child(3), .expert-shopify-section .right-service-boxservice-box:nth-child(2), .expert-shopify-section .right-service-box .service-box:nth-child(3) { position: static; } 
.expert-shopify-section .service-box { max-width: 100%; padding: 16px; } 
.expert-shopify-section .service-box-content h5 { font-size: 16px; } 
section.new-our-packages .wrapper .main-packages-outer { padding-top: 25px; } 
.expert-shopify-section .service-box-content p { font-size: 14px; line-height: 20px; } 
.expert-shopify-section .service-box .icon { font-size: 28px; } 
.expert-shopify-section .new-theme-btn { margin-top: 2rem; }
.shopify-hydrogen-section .shopify-hydrogen-content .shopify-logo { max-width: 120px; } 
.shopify-hydrogen-content .heading-style { margin: 20px 0 25px 0; } 
.shopify-hydrogen-content ul.shopify-hydrogen-list li { padding-left: 20px; margin-bottom: 20px; } 
.industries-section::after { background: #4c8125; } 
.shopify-hydrogen-content ul.shopify-hydrogen-list li span img { max-width: 12px; } 
.shopify-hydrogen-content .new-theme-btn { margin-top: 2rem; } 
.shopify-hydrogen-image-box .shopify-hydrogen-features { position: absolute; bottom: -23px; width: 92%; left: 50%; transform: translate(-50%, -50%); top: auto; }
.shopify-hydrogen-features .shopify-edit { position: relative; bottom: 50px; } 
.shopify-hydrogen-features .feature-item .feature-icon { width: 40px; height: 40px; line-height: 40px; } 
.shopify-hydrogen-features .feature-item .feature-icon .icon { font-size: 20px; } 
.shopify-hydrogen-features .feature-item .feature-label { font-size: 10px; margin-top: 8px; } /* CRO Techniques Section Mobile */ 
.CRO-techniques-section .sub-heading { max-width: 100%; margin: 0 auto 2rem; } 
.CRO-techniques-section span.icon { width: 40px; height: 40px; line-height: 40px; } 
.CRO-techniques-section ul { margin-top: 20px; } 
.CRO-techniques-section ul li { flex-wrap: wrap; justify-content: center; row-gap: 10px; }
.CRO-techniques-section ul li span { text-align: center; font-size: 16px; max-width: 147px; }
section.CRO-techniques-section h5 { text-align: center; }
.CRO-techniques-section .new-theme-btn { margin-top: 2rem; }
section.CRO-techniques-section .col-12.col-lg-6 { text-align: center; }
.industries-section::after { height: 60%; }
.industries-section .sub-heading { max-width: 100%; }
.industries-swiper { padding-right: 0; }
.industries-swiper-container .swiper-slide .card .card-img-top { min-height: 200px; max-height: 200px; }
.industries-swiper-container .swiper-slide .card .card-body { min-height: 50px; }
.industries-swiper-container .swiper-slide .card .card-body span { font-size: 14px; line-height: 24px; }
.industries-section .new-theme-btn { margin-top: 2rem; }
section.impressive { padding-bottom: 3rem; }
section.impressive .impressive-top p { padding: 15px 0 30px 0; font-size: 14px; line-height: 24px; } 
section.impressive .impressive-box { max-width: 100%; padding: 16px; }
section.impressive .swiper-slide { width: 100% !important; }
.impressive-swiper { padding: 0 20px; }
.impressive .impressive-swiper { padding-bottom: 3rem; }
section.in-canada-banner-section { margin-top: 3rem; }
.in-canada-banner-section .in-canada-banner { text-align: center; flex-wrap: wrap; padding: 50px 15px 0 15px; } 
.in-canada-banner-section .in-canada-banner-content { max-width: 100%; } 
.in-canada-banner-section .in-canada-banner .in-canada-banner-image { position: relative; right: auto; bottom: auto; margin-top: 2rem; } 
.in-canada-banner-section .in-canada-banner .in-canada-banner-image img { max-width: 100%; height: auto; } 
section.Guarantee .Guarantee-content p { padding: 10px 0 35px 0; font-size: 14px; line-height: 24px; } 
section.empower.section-padding { padding-top: 3rem; padding-bottom: 0; } 
section.impressive .impressive-top .heading-style { max-width: 290px; margin: 0 auto; } 
section.impressive { padding: 0px 20px 0 20px; } 
section.portfolio .text-center p.sub-heading { padding-top: 10px; } 
section.in-canada-banner-section .container { padding: 0 20px; } 
section.empower .empower-top h2 { font-size: 26px; line-height: 36px; padding-bottom: 30px; } 
section.empower .empower-box { padding: 20px 16px 25px 16px; margin-bottom: 2rem; } 
section.empower .empower-box .empower-image img { min-height: 100%; max-width: 100%;} 
section.empower .empower-box .empower-content h3 { font-size: 20px; line-height: 32px; padding: 10px 0 8px 0; } 
section.empower .empower-box .empower-content a.new-theme-btn { background-color: transparent; border: 1px solid #008060; color: #008060; } 
section.empower .empower-box .empower-content .new-theme-btn::after { background: url('https://webziainfotech.ca/wp-content/themes/webzia-infotech/images/premier-shopify/green-arrow-1.png') no-repeat; position: relative; top: 4px; } 
section.empower .empower-box .empower-content p { padding-bottom: 15px; font-size: 16px; line-height: 22px; } /* Packages Section Mobile */ 
section.new-our-packages .packages-top p { padding-top: 10px; font-size: 14px; line-height: 24px; } 
section.new-our-packages .wrapper .tab-wrapper ul { column-gap: 8px; padding: 15px 0 30px 0; flex-wrap: wrap; justify-content: center; gap: 8px; } 
section.new-our-packages .wrapper .tab-wrapper ul li.tab-link { padding: 6px 12px; font-size: 11px; margin: 0; border-radius: 6px; } 
section.new-our-packages .wrapper .main-packages-outer { column-gap: 0; row-gap: 20px; flex-direction: column; } 
section.new-our-packages .wrapper .main-packages-outer .new-packages-box { width: 100%; padding: 20px 16px 25px 16px; margin: 0; } 
section.new-our-packages .wrapper .main-packages-outer .new-packages-box .essent-outer .essent-text h3 { font-size: 20px; line-height: 28px; } 
section.new-our-packages .wrapper .main-packages-outer .new-packages-box p { font-size: 14px; line-height: 18px; padding: 8px 0 18px 0; } 
section.new-our-packages .wrapper .main-packages-outer .new-packages-box span { font-size: 28px; line-height: 28px; padding-bottom: 15px; } 
section.new-our-packages .wrapper .main-packages-outer .new-packages-box .essent-btn a.new-buy-btn { padding: 12px 0; }
section.new-our-packages .wrapper .main-packages-outer .new-packages-box .essent-btn h5{font-size: 12px;}
section.new-our-packages .wrapper .main-packages-outer .new-packages-box .youget-content h3 { font-size: 20px; line-height: 28px; padding: 15px 0 8px 0; } 
.portfolio-filter { margin-bottom: 2rem; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; } 
.portfolio-filter button.filter-btn { min-height: 40px; line-height: 40px; min-width: auto; padding: 0 12px; margin: 0; font-size: 12px; border-radius: 6px; }
.portfolio-swiper-container .portfolio-card { padding: 16px; min-height: unset;}
.portfolio-swiper-container .portfolio-content h3 { font-size: 20px; line-height: 32px; margin-top: 8px; } 
.portfolio-swiper-container .portfolio-content p { font-size: 13px; line-height: 20px; } 
.portfolio-swiper-container .portfolio-content a.portfolio-link { font-size: 14px; margin-top: 15px; } 
.portfolio-swiper-container .swiper-button-prev { left: -6px; width: 45px; height: 45px; } 
.portfolio-swiper-container .swiper-button-next { right: -6px; width: 45px; height: 45px; } 
section.testimonial-section .text-center { margin-bottom: 20px !important; }
section.testimonial-section p.sub-heading { padding-top: 9px; } 
.portfolio-swiper-container .swiper-button-prev img, .portfolio-swiper-container .swiper-button-next img { max-width: 18px; } 
section.new-faqs:after, section.new-faqs:before { display: none; } 
section.new-faqs .new-faqs-top p { padding: 15px 0; font-size: 14px; line-height: 24px; } 
section.new-faqs .accordion { max-width: 100%; } 
section.new-faqs .accordion .accordion-item { padding: 12px 15px 12px 16px; margin-bottom: 12px; } 
section.new-faqs .accordion .accordion-item button { font-size: 14px; } 
section.new-faqs .accordion .accordion-item .accordion-body p { padding-top: 8px; font-size: 13px !important; line-height: 20px; } 
section.new-faqs .new-fqas-bottom { padding-top: 25px; } 
section.new-faqs .new-fqas-bottom p { font-size: 14px; line-height: 22px; padding-bottom: 12px; }
section.ready-to-launch .ready-to-launch-content { padding: 50px 20px 80px 20px; } 
section.ready-to-launch .ready-to-launch-content p { padding: 10px 0 20px 0; font-size: 14px; line-height: 22px; } 
footer .logo { padding-bottom: 20px; } .footer-form p { text-align: left; } 
section.ready-to-launch .ready-to-launch-image {position: absolute; bottom: 0; max-width: 358px; }
section.ready-to-launch .ready-to-launch-image::after { right: 46px; top: 80%;}
section.ready-to-launch .ready-to-launch-image img { position: absolute; bottom: 0; left: -60px; } 
section.ready-to-launch .ready-to-launch-content form label { flex-direction: column; column-gap: 0; row-gap: 15px; } 
section.ready-to-launch .ready-to-launch-content form label input { width: 100%; height: 45px; font-size: 13px; } 
.ready-lanch-textarea textarea { min-height: 120px; font-size: 14px; line-height: 24px; padding: 12px; } 
.ready-lanch-textarea a.new-theme-btn { font-size: 14px; }
section.testimonial-section { padding-top: 0; } 
.testimonial-navigation { max-width: 160px; margin: 40px auto 0; } 
.testimonial-navigation .swiper-button-prev, .testimonial-navigation .swiper-button-next { width: 50px; height: 50px; } 
.testimonial-navigation .swiper-button-prev img, .testimonial-navigation .swiper-button-next img { max-width: 20px; } 
.new-testimonial-inner .testimonial-header .testimonial-avatar { width: 55px; height: 55px; }
.new-testimonial-inner .testimonial-header .testimonial-avatar span {color: #fff; font-size: 20px;}
.new-testimonial-inner .testimonial-card { padding: 25px 18px 12px; margin-bottom: 15px; } 
.new-testimonial-inner .testimonial-card .testimonial-header { column-gap: 20px; } 
.testimonial-card .testimonial-header h5 { font-size: 20px; }
 .testimonial-card .testimonial-header span.star { width: 25px; height: 25px; line-height: 25px; font-size: 20px; } 
 .testimonial-card .testimonial-content { margin-top: 20px; } 
 .testimonial-card .testimonial-content p { font-size: 14px; line-height: 22px; min-height: auto; } 
 .new-testimonial-inner .testimonial-card { min-height: auto; }
 .testimonial-card .testimonial-footer { margin: 18px -18px 0; padding: 18px 18px 0; column-gap: 15px; } 
 .testimonial-card .testimonial-footer .company-logo { width: 40px; height: 40px; } 
 .testimonial-card .company-info span.company-name { font-size: 20px; } 
 .testimonial-card .company-info span.company-website { font-size: 14px; }
 footer { padding: 2rem 0 0 0; } footer .container-fluid { padding: 0 1rem; } 
 footer .logo img { max-width: 120px; } 
 footer .title { font-size: 1.5rem; text-align: left; margin-bottom: 0.5rem; } 
 footer .subtitle { font-size: 13px; text-align: left; margin-bottom: 1.5rem; } 
 .wpcf7-form { max-width: 100%; margin: 0 auto; } 
 .footer-form { flex-direction: column; gap: 15px; } 
 .wpcf7-form-control.wpcf7-email, .wpcf7-form-control.wpcf7-text { min-height: 45px; font-size: 14px; border-radius: 6px; } 
 .new-banner-btn-wrapper .wpcf7-form-control.wpcf7-submit { min-width: 176px; font-size: 14px; min-height: 45px; line-height: 45px; border-radius: 50px; } 
 .footer-bottom { margin-top: 2rem; padding: 6px 0; } 
 .footer-bottom p { font-size: 12px; }
 .hero-section .row { flex-direction: unset; flex-wrap: nowrap; } 
 .partners-logo-swiper-container .col-auto { max-width: 30%; } 
 .hero-section .col-lg-6 { width: 100%; }
 .expert-shopify-section .row { flex-direction: column; } 
 .expert-shopify-section .col-lg-4 { width: 100%; margin-bottom: 0; } 
 .service-box-inner { flex-direction: column; }
 .shopify-hydrogen-section .row { flex-direction: column; }
 .Guarantee .row { flex-direction: column; }
 .empower .row { flex-direction: column; }
 .ready-to-launch .row { flex-direction: column; } 
 .CRO-techniques-section .col-12.col-md-6 { width: 50%; }
 section.ready-to-launch .ready-to-launch-image img { max-width: 370px; }
 .expert-shopify-section .service-box { align-items: center !important; }
 .expert-shopify-mobile .service-box { margin-bottom: 28px; }
 .accordion-outer p { line-height: 15px; font-size: 13px !important; }
 section.impressive .impressive-box .impressive-middle p { font-size: 14px; }
 section.impressive .impressive-box { min-height: auto; }
}

@media screen and (max-width: 767px) and (min-width: 446px) {
  .CRO-techniques-section ul li { justify-content: left; }
  .CRO-techniques-section ul li span { text-align: left; }
    .hero-wrapper .hero-section h1 { text-align: left; }
  .hero-wrapper .hero-section h1 br { display: none; }
  .hero-wrapper .hero-section p { text-align: left; }
  .hero-section .new-theme-btn { margin: 0; }
  section.expert-shopify-section .expert-mobile img { max-width: 60%; margin: 0 auto; }
  section.in-canada-banner-section .container { max-width: 100%; }
  .in-canada-banner-section .in-canada-banner-content h2.heading-style br { display: none; }
  .in-canada-banner-section .in-canada-banner .in-canada-banner-image { width: 100%; }
  .portfolio-swiper-container .portfolio-card .portfolio-image img { width: 100%; }
  .impressive-middle img.impree-middle { width: 100%; }
  section.impressive .impressive-box { min-height: auto; }
}