<link href="{$WEB_ROOT}/templates/{$template}/assets/css/store.css?v=1.0.0" rel="stylesheet">
<div class="marketconnect__page__wrapper full__with__section landing-page bg-white nordvpn">
	<div class="main__page__content">
		<div class="store__page__promo__banner__wrapper">
			<div class="banner-background">
				<div class="banner-shape active">
					<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 800 400">
					<defs>
					<linearGradient id="linear-gradient" x1="556.06" y1="209.99" x2="585.29" y2="170.51" gradientTransform="matrix(1.38, -0.05, -0.06, -1.5, -148.97, 473.36)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2c2e30"/><stop offset="1" stop-color="#1c1e20" stop-opacity="0"/></linearGradient>
					<mask id="mask" x="-398.07" y="-559.62" width="1106.37" height="1101.99" maskUnits="userSpaceOnUse">
					<g id="mask0"><path class="cls-1" d="M409.86-75.74a2.25,2.25,0,0,1,3.37,1.79V292.2a2.25,2.25,0,0,1-3.37,1.8L65.23,110.92a2,2,0,0,1,0-3.59Z"/></g>
					</mask>
					</defs>
					<path class="cls-2" d="M515.67,362,410,296.53,768.56-4.81l90.15,47.18Z"/>
					<path class="cls-3" d="M411.87,295.14V-.68H771.24L412.72,296Z"/>
					<path class="cls-4" d="M409.87-73.28a2.25,2.25,0,0,1,3.36,1.8V294.69a2.25,2.25,0,0,1-3.37,1.79L65.21,113.28l-.09-.09a3.91,3.91,0,0,1,0-5.63l.09-.09Z"/>
					<path class="cls-1" d="M409.86-75.74a2.25,2.25,0,0,1,3.37,1.79V292.2a2.25,2.25,0,0,1-3.37,1.8L65.23,110.92a2,2,0,0,1,0-3.59Z"/>
					<g class="cls-5">
					<path class="cls-6" d="M332.89-542.83l144,213.16c67.3,99.64,35.53,224.49-62.82,281S180.15-21,112.86-120.65l-144-213.16"/>
					<path class="cls-6" d="M-265.36,117.65l144.87-74.51C-52.78,8.32,24.41,22.76,53.78,71.32S55.92,188-11.79,222.85l-144.87,74.51"/>
					<path class="cls-6" d="M-384.35,88.85-154.72-29.26c107.33-55.2,234.15-24.92,286,60.74S144.36,232.53,37,287.74L-192.6,405.84"/>
					<path class="cls-6" d="M290.53,393c-86.6-79.86-85.19-209.81,2-290.24S520.71,21,607.32,100.88s85.2,209.81-2,290.24L465.17,520.32"/>
					<path class="cls-7" d="M558.07,342.64c-35.06,34.44-96.44,35.37-137.21.09s-43.64-91.83-8.58-126.27,96.44-35.37,137.2-.09S593.13,308.2,558.07,342.64Z"/>
					<path class="cls-7" d="M639,409.31c-62.41,61.32-179.82,57.77-262.73-14S282.09,215.75,344.5,154.43s179.83-57.76,262.73,14S701.41,348,639,409.31Z"/>
					</g>
					</svg>
				</div>
			</div>
			
			<div class="row justify-content-start">
				<div class="col-lg-5 col-md-6 col-12 order-md-first order-last d-flex flex-column justify-content-center">
					<div class="store__front__promo__hero__text caption">
						<svg viewBox="3 3 894 194.1" xmlns="http://www.w3.org/2000/svg" width="110" height="40"><g fill="#2c3038"><path d="M875.8 68.8c0-5.8 4.7-10.6 10.6-10.6S897 63 897 68.8c0 5.9-4.7 10.6-10.6 10.6s-10.6-4.8-10.6-10.6zm2 0c0 4.8 3.8 8.7 8.6 8.7 4.7 0 8.6-3.9 8.6-8.7s-3.9-8.7-8.6-8.7c-4.8 0-8.6 3.9-8.6 8.7zm7 6h-2.5V62.7h4.8c2.4 0 4.3 1.2 4.3 3.8 0 1.8-1 2.9-2.3 3.5l2.5 4.8h-2.7l-2.2-4.4h-1.9zm2.1-9.7h-2.1v3h2.1c.9 0 1.9-.4 1.9-1.5 0-1.2-1-1.5-1.9-1.5z"/><path clip-rule="evenodd" d="M379.6 152.3l-43.2-64.9v64.9h-19.3V58.2h22.3l40.8 61.4V58.2h19.3v94.1zM443.6 86.7c-19.5 0-35.2 14.5-35.2 33.7 0 19.4 15.5 33.4 35 33.4 19.4 0 35.1-14.4 35.1-33.8-.1-19.2-15.6-33.3-34.9-33.3zm-.2 49.8c-8.8 0-15.9-6.7-15.9-16.5 0-9.6 7-16.3 15.7-16.3 8.8 0 15.9 6.7 15.9 16.3.1 9.8-6.9 16.5-15.7 16.5zM527 88.1v18.4c-2.5-.5-5.2-.5-6-.5-9 0-15.3 6.3-15.3 18.2v28.1h-18.4V88.1h17.8v9.4h.2c3.5-7.3 10-10.1 16.6-10.1 1.5 0 3.8.3 5.1.7zM580.7 58.2v37.3h-.2c-6.6-7.8-15.5-8.5-19.2-8.5-18.4 0-30.8 16.9-30.8 33.2 0 17.3 11.9 33.4 30.5 33.4 4.3 0 13.9-.6 20-9.4h.2v8.2h18.2V58.2zm-15.4 78.3c-8.8 0-15.9-6.7-15.9-16.5 0-9.6 7.1-16.2 15.9-16.2s15.9 6.6 15.9 16.2c-.1 9.8-7.1 16.5-15.9 16.5zM639.2 152.3l-34.1-94.1h21.1l24.4 71.5 24.5-71.5h20.7l-34.2 94.1zM738.8 58.2h-35v94.1h19.5v-33.2H738c19.7 0 34.4-10 34.4-30.8 0-19.9-14.8-30.1-33.6-30.1zm-1.6 42.8h-13.9V76.6h13.8c8.1 0 15.7 3.1 15.7 12.3 0 8.7-7.9 12.1-15.6 12.1zM844.7 152.3l-43.3-64.9v64.9h-19.2V58.2h22.3l40.8 61.4V58.2h19.3v94.1z" fill-rule="evenodd"/></g><path clip-rule="evenodd" d="M26.2 197C11.6 176.9 3 152.1 3 125.2 3 57.7 57.6 3 125 3s122 54.7 122 122.3c0 26.8-8.6 51.6-23.2 71.8l-58.6-95.4-5.7 9.6 5.7 26.6-40.3-69-24.8 42.1 5.8 26.9-21.1-36.1z" fill="#4580ff" fill-rule="evenodd"/></svg>
						<h6 class="promo__title coodiv-text-4 font-weight-700 mt-4">{lang key="store.nordvpn.hero.title" tagOpen="<span>" tagClose="</span>" tagBreak="<br>"}</h6>
						<p class="promo__sub__title coodiv-text-8 font-weight-300 mt-4">{lang key="store.nordvpn.hero.tagline" tagBreak="<br>"}</p>
										
						<div class="promo__btns banner__actions__btns mt-10">
							<button class="btn btn-lg btn-primary" onclick="smoothScroll('#nordPricing')">{lang key="store.nordvpn.shared.get"}</button>
						</div>
						 <span class="d-block coodiv-text-12 font-weight-400 mt-3 mb-6">{lang key="store.nordvpn.hero.guarantee"}</span>
						 <img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/icons-available-black.png">
					</div>
				</div>
				<div class="col-lg-7 col-md-6 col-12 pr-lg-15 order-md-last order-first">
					<div class="store__front__promo__hero__illustration">
						<div class="promo__slider__illunsration__item">
							{if file_exists("templates/$template/assets/svg/orderform/nordvpn-illustration.tpl")}
								{include file="{$template}/assets/svg/orderform/nordvpn-illustration.tpl"}
							{/if}
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	
	<div class="py-14 white-bg position-relative">
		<div class="inner__page__content__container">
			<div class="row justify-content-center px-lg-0 px-10 mb-13">
				<div class="col-lg-8 col-11 text-center">
					<h2 class="coodiv-text-5 font-weight-700 mb-4">{lang key="store.nordvpn.features.icon.title1"}</h2>
					<p class="coodiv-text-9 font-weight-400">{lang key="store.nordvpn.features.threat.safe" tagOpen="<strong>" tagClose="</strong>"}</p>
				</div>
			</div>
			
			<div class="row store__features__box__3">
                <div class="col-6 col-lg-3">
					<div class="item">
						<img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/icon-video.png">
						<h6 class="coodiv-text-11 font-weight-600">{lang key="store.nordvpn.features.icon.video"}</h6>
					</div>
                </div>
                <div class="col-6 col-lg-3">
					<div class="item">
						<img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/icon-global.png">
						<h6 class="coodiv-text-11 font-weight-600">{lang key="store.nordvpn.features.icon.global"}</h6>
					</div>
                </div>
                <div class="col-6 col-lg-3">
					<div class="item">
						<img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/icon-hacker.png">
						<h6 class="coodiv-text-11 font-weight-600">{lang key="store.nordvpn.features.icon.hacker"}</h6>
					</div>
                </div>
                <div class="col-6 col-lg-3">
					<div class="item">
						<img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/icon-property.png">
						<h6 class="coodiv-text-11 font-weight-600">{lang key="store.nordvpn.features.icon.property"}</h6>
					</div>
                </div>
            </div>
			
			
		</div>
	</div>
	
	<div class="py-14 white-bg position-relative feature comparison border-top-light">
		<div class="inner__page__content__container">
			<div class="row justify-content-center px-lg-0 px-10 mb-13">
				<div class="col-lg-8 col-11 text-center">
					<h2 class="coodiv-text-5 font-weight-700 mb-4">{lang key="store.nordvpn.features.comparison.title"}</h2>
					<p class="coodiv-text-9 font-weight-400">{lang key="store.nordvpn.features.threat.protection" tagOpen="<strong>" tagClose="</strong>"}</p>
				</div>
			</div>
			
            <div class="comparison-container">
                <div class="row no-gutters">
                    <div class="col-12">
                        <div class="row no-gutters">
                            <div class="col-2"></div>
                            <div class="col-2"></div>
                            <div class="col-2"></div>
                            <div class="col-2"></div>
                            <div class="col-2"></div>
                            <div class="col-2"></div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="row no-gutters">
                            <div class="col-2"></div>
                            <div class="col-2">
                                <span><img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/vpn-nord.png"></span>
                            </div>
                            <div class="col-2">
                                <span><img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/vpn-express.png"></span>
                            </div>
                            <div class="col-2">
                                <span><img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/vpn-private.png"></span>
                            </div>
                            <div class="col-2">
                                <span><img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/vpn-proton.png"></span>
                            </div>
                            <div class="col-2">
                                <span><img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/vpn-pure.png"></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="row no-gutters">
                            <div class="col-2">
                                <span>{lang key="store.nordvpn.features.comparison.speed1"}</span>
                            </div>
                            <div class="col-2">
                                <span><strong>{lang key="store.nordvpn.features.comparison.speed2"}</strong></span>
                            </div>
                            <div class="col-2">
                                <span>{lang key="store.nordvpn.features.comparison.speed3"}</span>
                            </div>
                            <div class="col-2">
                                <span>{lang key="store.nordvpn.features.comparison.speed4"}</span>
                            </div>
                            <div class="col-2">
                                <span>{lang key="store.nordvpn.features.comparison.speed5"}</span>
                            </div>
                            <div class="col-2">
                                <span>{lang key="store.nordvpn.features.comparison.speed6"}</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="row no-gutters">
                            <div class="col-2">
                                <span>{lang key="store.nordvpn.features.comparison.wireguard"}</span>
                            </div>
                            <div class="col-2">
                                <span><img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/tick-yes.png"></span>
                            </div>
                            <div class="col-2">
                                <span><img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/tick-no.png"></span>
                            </div>
                            <div class="col-2">
                                <span><img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/tick-yes.png"></span>
                            </div>
                            <div class="col-2">
                                <span><img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/tick-yes.png"></span>
                            </div>
                            <div class="col-2">
                                <span><img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/tick-no.png"></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="row no-gutters">
                            <div class="col-2">
                                <span>{lang key="store.nordvpn.features.comparison.vpn1"}</span>
                            </div>
                            <div class="col-2">
                                <span><strong>{lang key="store.nordvpn.features.comparison.vpn2"}</strong></span>
                            </div>
                            <div class="col-2">
                                <span>{lang key="store.nordvpn.features.comparison.vpn3"}</span>
                            </div>
                            <div class="col-2">
                                <span>{lang key="store.nordvpn.features.comparison.vpn4"}</span>
                            </div>
                            <div class="col-2">
                                <span>{lang key="store.nordvpn.features.comparison.vpn5"}</span>
                            </div>
                            <div class="col-2">
                                <span>{lang key="store.nordvpn.features.comparison.vpn6"}</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="row no-gutters">
                            <div class="col-2">
                                <span>{lang key="store.nordvpn.features.comparison.log"}</span>
                            </div>
                            <div class="col-2">
                                <span><img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/tick-yes.png"></span>
                            </div>
                            <div class="col-2">
                                <span><img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/tick-yes.png"></span>
                            </div>
                            <div class="col-2">
                                <span><img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/tick-yes.png"></span>
                            </div>
                            <div class="col-2">
                                <span><img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/tick-yes.png"></span>
                            </div>
                            <div class="col-2">
                                <span><img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/tick-yes.png"></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="row no-gutters">
                            <div class="col-2">
                                <span>{lang key="store.nordvpn.features.comparison.chat"}</span>
                            </div>
                            <div class="col-2">
                                <span><img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/tick-yes.png"></span>
                            </div>
                            <div class="col-2">
                                <span><img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/tick-yes.png"></span>
                            </div>
                            <div class="col-2">
                                <span><img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/tick-yes.png"></span>
                            </div>
                            <div class="col-2">
                                <span><img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/tick-yes.png"></span>
                            </div>
                            <div class="col-2">
                                <span><img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/tick-yes.png"></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="row no-gutters">
                            <div class="col-2"></div>
                            <div class="col-2">
                                <span class="d-flex justify-content-center align-items-center">
                                    <button class="btn btn-primary btn-sm w-100" onclick="smoothScroll('#nordPricing')">{lang key="store.nordvpn.shared.get"}</button>
                                </span>
                            </div>
                            <div class="col-2"></div>
                            <div class="col-2"></div>
                            <div class="col-2"></div>
                            <div class="col-2"></div>
                        </div>
                    </div>
                </div>
            </div>
            <p class="comparison-note">{lang key="store.nordvpn.features.comparison.asterisk" tagOpen="<a href=\"https://go.whmcs.com/1745/av-test-report\" target=\"_blank\">" tagClose="</a>"}</p>

			
		</div>
	</div>
	
	
	<div class="py-14 white-bg position-relative feature comparison border-top-light">
		<div class="inner__page__content__container">
			<div class="row justify-content-center px-lg-0 px-10 mb-13">
				<div class="col-lg-8 col-11 text-center">
					<h2 class="coodiv-text-5 font-weight-700 mb-4">{lang key="store.nordvpn.features.threat.title"}</h2>
					<p class="coodiv-text-9 font-weight-400">{lang key="store.nordvpn.features.threat.tagline" tagOpen="<strong>" tagClose="</strong>"}</p>
				</div>
			</div>
			
			<div class="row">
                <div class="col-10 offset-1 col-md-4 offset-md-0">
					<div class="border-light py-8 px-8 rounded-10 h-100">
						<img style="height: 130px" src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/img-protection.png">
						<h6 class="coodiv-text-11 font-weight-400 mt-5">{lang key="store.nordvpn.features.threat.protection" tagOpen="<strong>" tagClose="</strong>"}</h6>
					</div>
                </div>
                <div class="col-10 offset-1 col-md-4 offset-md-0">
					<div class="border-light py-8 px-8 rounded-10 h-100">
						<img style="height: 130px" src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/img-malware.png">
						<h6 class="coodiv-text-11 font-weight-400 mt-5">{lang key="store.nordvpn.features.threat.malware" tagOpen="<strong>" tagClose="</strong>"}</p>
					</div>
                </div>
                <div class="col-10 offset-1 col-md-4 offset-md-0">
					<div class="border-light py-8 px-8 rounded-10 h-100">
						<img style="height: 130px" src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/img-safe.png">
						<h6 class="coodiv-text-11 font-weight-400 mt-5">{lang key="store.nordvpn.features.threat.safe" tagOpen="<strong>" tagClose="</strong>"}</p>
					</div>
                </div>
            </div>
			
		</div>
	</div>
	
	
	<div class="py-14 white-bg position-relative feature comparison">
		<div class="inner__page__content__container">
			
			
			<div class="row">
                <div class="col-10 offset-1 col-lg-6 offset-lg-0 my-auto">
                    <img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/img-girl.png">
                </div>
                <div class="col-10 offset-1 col-lg-6 offset-lg-0 my-auto text-left">
                    <h2 class="coodiv-text-5 font-weight-700 mb-4">{lang key="store.nordvpn.features.device.title1"}</h2>
                    <p class="coodiv-text-9 font-weight-400">{lang key="store.nordvpn.features.device.tagline1"}</p>
                    <h2 class="coodiv-text-5 font-weight-700 mb-4 mt-8">{lang key="store.nordvpn.features.device.title2"}</h2>
                    <p class="coodiv-text-9 font-weight-400 mb-4">{lang key="store.nordvpn.features.device.tagline2"}</p>
                    <img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/icons-available-black.png">
                </div>
            </div>
			
			
			
		</div>
	</div>




  

    <div class="feature world dark-mode-texts">
        <div class="inner__page__content__container">
            <div class="row">
                <div class="col-6 d-none d-xl-block">
                    <img class="world-image" src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/img-world.png">
                </div>
                <div class="col-12 col-xl-6">
                    <img class="d-xl-none world-image" src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/img-world.png">
                    <div class="world-desc">
                        <h1>{lang key="store.nordvpn.features.world.title"}</h1>
                        <p class="world-tagline">{lang key="store.nordvpn.features.world.tagline" tagBreak="<br class=\"br-xs-space br-lg-space br-xl-reg\">"}</p>
                        <div class="row world-data">
                            <div class="col-6">
                                <p>{lang key="store.nordvpn.features.world.bullet1"}</p>
                                <p>{lang key="store.nordvpn.features.world.count1"}</p>
                            </div>
                            <div class="col-6">
                                <p>{lang key="store.nordvpn.features.world.bullet2"}</p>
                                <p>{lang key="store.nordvpn.features.world.count2"}</p>
                            </div>
                            <div class="col-6">
                                <p>{lang key="store.nordvpn.features.world.bullet3"}</p>
                                <img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/icon-speed.png">
                            </div>
                            <div class="col-6">
                                <p>{lang key="store.nordvpn.features.world.bullet4"}</p>
                                <img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/icon-infinity.png">
                            </div>
                        </div>
                        <button class="btn btn-primary" onclick="smoothScroll('#nordPricing')">
                            {lang key="store.nordvpn.features.world.getDeal"}
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="feature logo">
        <div class="inner__page__content__container">
            <div class="row h-100">
                <div class="col-6 col-sm-4 col-lg-2 my-auto">
                    <img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/logomarks-wired.png">
                </div>
                <div class="col-6 col-sm-4 col-lg-2 my-auto">
                    <img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/logomarks-huffpost.png">
                </div>
                <div class="col-6 col-sm-4 col-lg-2 my-auto">
                    <img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/logomarks-buzzfeed.png">
                </div>
                <div class="col-6 col-sm-4 col-lg-2 my-auto">
                    <img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/logomarks-forbes.png">
                </div>
                <div class="col-6 col-sm-4 col-lg-2 my-auto">
                    <img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/logomarks-tedx.png">
                </div>
                <div class="col-6 col-sm-4 col-lg-2 my-auto">
                    <img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/logomarks-bbc.png">
                </div>
            </div>
        </div>
    </div>
	
	<div class="py-14 white-bg position-relative feature security">
		<div class="inner__page__content__container">
            <div class="row mb-10">
                <div class="col-10 offset-1 col-lg-6 offset-lg-0 my-auto">
                    <h6 class="coodiv-text-5 font-weight-600">{lang key="store.nordvpn.features.security.title1"}</h6>
                    <span class="d-block coodiv-text-8 font-weight-500 mb-4">{lang key="store.nordvpn.features.security.tagline1"}</span>
                    <span class="d-block coodiv-text-8 font-weight-500 mb-4">{lang key="store.nordvpn.features.security.tagline2" tagOpen="<strong>" tagClose="</strong>"}</span>
                </div>
                <div class="col-12 col-lg-6 my-auto text-center">
                    <img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/img-app.png">
                </div>
            </div>
            <div class="row">
                <div class="col-10 offset-1 col-sm-6 offset-sm-0">
                    <h3>{lang key="store.nordvpn.features.security.title2"}</h3>
                    <p>{lang key="store.nordvpn.features.security.tagline3"}</p>
                    <h3>{lang key="store.nordvpn.features.security.title3"}</h3>
                    <p>{lang key="store.nordvpn.features.security.tagline4"}</p>
                </div>
                <div class="col-10 offset-1 col-sm-6 offset-sm-0">
                    <h3>{lang key="store.nordvpn.features.security.title4"}</h3>
                    <p>{lang key="store.nordvpn.features.security.tagline5" tagOpen="<strong>" tagClose="</strong>"}</p>
                </div>
            </div>
        </div>
    </div>
	
	
	<div class="py-14 white-bg position-relative border-top-light">
		<div class="inner__page__content__container">
			<div class="row justify-content-center px-lg-0 px-10 mb-13">
				<div class="col-lg-8 col-11 text-center">
					<h2 class="coodiv-text-5 font-weight-700 mb-4">{lang key="store.nordvpn.features.icon.title2"}</h2>
					<p class="coodiv-text-9 font-weight-400">{lang key="store.nordvpn.features.threat.safe" tagOpen="<strong>" tagClose="</strong>"}</p>
				</div>
			</div>
			
			<div class="row justify-content-center store__features__box__3">
                <div class="col-lg-4 col-md-6 col-12">
					<div class="item">
						<img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/icon-check.png">
						<h6 class="coodiv-text-8 font-weight-600">{lang key="store.nordvpn.features.icon.check1"}</h6>
						<p>{lang key="store.nordvpn.features.icon.check2"}</p>
					</div>
                </div>
                <div class="col-lg-4 col-md-6 col-12">
					<div class="item">
						<img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/icon-bug.png">
						<h6 class="coodiv-text-8 font-weight-600">{lang key="store.nordvpn.features.icon.bug1"}</h6>
						<p>{lang key="store.nordvpn.features.icon.bug2"}</p>
					</div>
                </div>
                <div class="col-lg-4 col-md-6 col-12">
					<div class="item">
						<img src="{$WEB_ROOT}/assets/img/marketconnect/nordvpn/icon-shield.png">
						<h6 class="coodiv-text-8 font-weight-600">{lang key="store.nordvpn.features.icon.shield1"}</h6>
						<p>{lang key="store.nordvpn.features.icon.shield2"}</p>
					</div>
                </div>
            </div>
		</div>
	</div>

	<div class="py-14 white-bg position-relative">
		<div class="inner__page__content__container">
			<div class="row justify-content-start px-lg-0 px-10 mb-13">
				<div class="col-lg-8 col-11 text-left">
					<h2 class="coodiv-text-5 font-weight-700 mb-4">{lang key="store.nordvpn.features.use.title1"}</h2>
					<p class="coodiv-text-9 font-weight-400">{lang key="store.nordvpn.features.use.tagline1" tagOpen="<strong>" tagClose="</strong>" tagBreak="<br class=\"br-sm-space br-lg-reg\">"}</p>
				</div>
			</div>
			
			<div class="row">
				<div class="col-lg-4 col-md-6 col-12 text-left mb-5">
					<h6 class="coodiv-text-8 font-weight-700 mb-4">{lang key="store.nordvpn.features.use.title2"}</h6>
					<span class="coodiv-text-10 font-weight-400 text-gray">{lang key="store.nordvpn.features.use.tagline2"}</span>
				</div>
				<div class="col-lg-4 col-md-6 col-12 text-left mb-5">
					<h6 class="coodiv-text-8 font-weight-700 mb-4">{lang key="store.nordvpn.features.use.title3"}</h6>
					<span class="coodiv-text-10 font-weight-400 text-gray">{lang key="store.nordvpn.features.use.tagline3"}</span>
				</div>
				<div class="col-lg-4 col-md-6 col-12 text-left mb-5">
					<h6 class="coodiv-text-8 font-weight-700 mb-4">{lang key="store.nordvpn.features.use.title4"}</h6>
					<span class="coodiv-text-10 font-weight-400 text-gray">{lang key="store.nordvpn.features.use.tagline4"}</span>
				</div>
				<div class="col-lg-4 col-md-6 col-12 text-left mb-5">
					<h6 class="coodiv-text-8 font-weight-700 mb-4">{lang key="store.nordvpn.features.use.title5"}</h6>
					<span class="coodiv-text-10 font-weight-400 text-gray">{lang key="store.nordvpn.features.use.tagline5"}</span>
				</div>
				<div class="col-lg-4 col-md-6 col-12 text-left mb-5">
					<h6 class="coodiv-text-8 font-weight-700 mb-4">{lang key="store.nordvpn.features.use.title6"}</h6>
					<span class="coodiv-text-10 font-weight-400 text-gray">{lang key="store.nordvpn.features.use.tagline6"}</span>
				</div>
				<div class="col-lg-4 col-md-6 col-12 text-left mb-5">
					<h6 class="coodiv-text-8 font-weight-700 mb-4">{lang key="store.nordvpn.features.use.title7"}</h6>
					<span class="coodiv-text-10 font-weight-400 text-gray">{lang key="store.nordvpn.features.use.tagline7"}</span>
				</div>
			
			</div>
			
		</div>
	</div>
	
	<div id="nordPricing" class="py-18 position-relative gradient__bg__1">
		<div class="inner__page__content__container">
			<div class="row justify-content-center px-lg-0 px-10 mb-13 dark-mode-texts">
				<div class="col-lg-8 col-11 text-center">
					<h2 class="coodiv-text-4 font-weight-700 mb-4">{lang key="store.nordvpn.features.pricing.title"}</h2>
				</div>
			</div>
			
			<div class="row justify-content-center">
				{foreach $plans as $plan}
                    {foreach $pricings[$plan->id] as $pricing}
						<div class="col-12 col-md-4 mb-8 mb-lg-0">
							<div class="pricing-item pricing-plans-special text-left border rounded-8 pt-10 pb-8 px-9 white-bg h-100 d-flex flex-column">
								<div class="pricing-plans-special-header d-flex justify-content-between align-items-center">
									<h5 class="coodiv-text-8 font-weight-700">
									{if $inPreview}
										-
									{else}
										{lang key="{$pricing->cycle()|@ucfirst}"}
									{/if}
									</h5>
								</div>
								<div class="buttom-pricing-element">
								<div class="price pricing-text">
								<div class="pricing align-items-center mt-5 mb-2 d-flex">
									<span class="coodiv-text-4 font-weight-200 mr-4">
									{if $inPreview}
											-
										{else}
											{$pricing->monthlyPrice()}
										{/if}
									</span>
								</div>	
								</div>				
								{if $inPreview}
									-
								{elseif $pricing->calculatePercentageDifference($highestMonthlyPrice) > 0}
									<strong class="plan-highlight mb-7">{lang key="store.nordvpn.features.pricing.save" amount=$pricing->calculatePercentageDifference($highestMonthlyPrice)}</strong>
								{else}
									<strong class="plan-highlight mb-7">{lang key="store.nordvpn.features.pricing.save" amount=$pricing->calculatePercentageDifference($highestMonthlyPrice)}</strong>
								{/if}
								<form method="post" action="{routePath('cart-order-addtocart')}">
									<input type="hidden" name="checkout" value="1">
									<input type="hidden" name="pid" value="{$plan->id}">
									{if !$inPreview}
										<input type="hidden" name="billingcycle" value="{$pricing->cycle()}">
										<button class="btn btn-outline-dark d-block w-100 coodiv-text-12 btn-signup text-uppercase btn-get-{$pricing->cycle()} mb-0" type="submit">
											{lang key="store.nordvpn.features.pricing.get"}
										</button>
									{/if}
								</form>						
								</div>
							</div>
						</div>
					{/foreach}
				{/foreach}
			</div>
			
		</div>
	</div>
	
	<div class="py-14 white-bg position-relative border-top-light">
		<div class="inner__page__content__container">
			<div class="row justify-content-center px-lg-0 px-10 mb-13">
				<div class="col-lg-8 col-11 text-center">
					<h2 class="coodiv-text-5 font-weight-700 mb-4">{lang key="store.websiteBuilder.faq.title"}</h2>
				</div>
			</div>
			
			<div class="row justify-content-center">
				<div class="col-xl-8 col-lg-9">
					<div class="accordion coodiv__faq__accordions__wrapper" id="accordionFaqsection">
					{foreach [[1,2,3,4,5]] as $columns}
						{foreach $columns as $row}
						<div class="coodiv__faq__accordions__item">
							<div class="coodiv__faq__accordions__item__header" id="heading-{$row}">
								<button class="btn-reset coodiv-text-10 font-weight-700 accordion-trigger arrow-icon w-100" type="button" data-toggle="collapse" data-target="#collapse-{$row}" aria-expanded="false" aria-controls="collapse-{$row}">
									{lang key="store.nordvpn.features.faq.question$row"}
								</button>
							</div>
							<div id="collapse-{$row}" class="collapse coodiv__faq__accordions__item__body" aria-labelledby="heading-{$row}" data-parent="#accordionFaqsection">
								<div class="coodiv-text-11 font-weight-400">
									{lang key="store.nordvpn.features.faq.answer$row"}
								</div>
							</div>
						</div>	
						{/foreach}	
					{/foreach}	
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script>
    jQuery(document).ready(function() {
        jQuery('.accordion .card-header .btn').on('click', function() {
            var icon = jQuery(this).find('i');
            if (icon.hasClass('fa-plus')) {
                jQuery('.accordion .card-header .btn i.fa-minus').removeClass('fa-minus').addClass('fa-plus');
                icon.removeClass('fa-plus').addClass('fa-minus');
            } else {
                icon.removeClass('fa-minus').addClass('fa-plus');
            }
        });
    });
</script>
