Datasetpublic
SALT-NLP/Design2Code

This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.
sourceHugging Faceodc-byupdated 3y agoView on Hugging Face
22likes1.7kdownloads
root11305.html
11305.html1768 linesDownload Raw Back to root
1<!DOCTYPE html>2<html class="ltr" dir="ltr" lang="en" native-cookie="true" xmlns="" xmlns:b="" xmlns:data="" xmlns:expr="">3 <head>4  <style>5  </style>6  <meta content="blogger" name="generator">7  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">8  <meta content="width=device-width, initial-scale=1, minimum-scale=1, user-scalable=yes" name="viewport">9  <title>10   Torque EGO Note 4G now official: Specs, Price, Availability11  </title>12  <meta content="Torque EGO Note 4G is a 5.5-inch phablet with 700 MHz 4G LTE connectivity." name="description">13  <meta content="#1e293b" name="theme-color">14  <meta content="en" property="og:locale">15  <meta content="article" property="og:type">16  <meta content="Torque EGO Note 4G now official: Specs, Price, Availability" property="og:title">17  <meta content="Pinoy Metro Geek" property="og:site_name">18  <meta content="Torque EGO Note 4G is a 5.5-inch phablet with 700 MHz 4G LTE connectivity." property="og:description">19  <meta content="" property="og:url">20  <meta content="" property="og:image">21  <meta content="summary_large_image" name="twitter:card">22  <style id="page-skin-1" type="text/css">23   <!--24/*25-----------------------------------------------26Template Style27Name:         PMG Publications28Version:      v2.029Author:       PMG30Author Url:   https://www.pinoymetrogeek.com/31-----------------------------------------------*/32/*-- CSS Variables --*/33:root{34--body-font:system-ui;35--menu-font:system-ui;36--title-font:system-ui;37--text-font:system-ui;38--icon-font:"bootstrap-icons", bootstrap-icons;39--container:66.25rem;40--sidebar:18.75rem;41--main-gap:2rem;42--body-bg-color:#f1f5f9;43--body-bg:#f1f5f9 none repeat fixed top left;44--outer-bg:#f8fafc;45--widget-bg:#ffffff;46--accent-color:#ff3d00;47--accent-color-lite:#ff3d0080;48--title-color:#334155;49--title-hover-color:#ff3d00;50--text-color:#475569;51--summary-color:#64748b;52--meta-color:#94a3b8;53--header:4.5rem;54--header-bg:#ffffff;55--header-color:#334155;56--header-hover-color:#ff3d00;57--submenu-bg:#ffffff;58--submenu-color:#334155;59--submenu-hover-color:#ff3d00;60--footer-bg:#FFFFFF;61--footer-color:#000000;62--footer-hover-color:#ff3d00;63--footer-text-color:#000000;64--footerbar-bg:#1e293b;65--footerbar-color:#f8fafc;66--footerbar-hover-color:#6366f1;67--modal-bg:var(--widget-bg);68--title-weight:700;69--white-color:#fff;70--gray-bg:#1e293b08;71--overlay-bg:#1e293b80;72--border-color:#1e293b0d;73--shadow:1px 1px 5px 0 #1e293b0d;74--radius:0.5rem;75}76html.is-dark{77--body-bg-color:#475569;78--outer-bg:#1e293b;79--widget-bg:#334155;80--accent-color:#00A2F3;81--accent-color-lite:#00A2F380;82--title-color:#f8fafc;83--title-hover-color:#00A2F3;84--text-color:#cbd5e1;85--summary-color:#cbd5e1;86--meta-color:#94a3b8;87--header-bg:#334155;88--header-color:#f8fafc;89--header-hover-color:#00A2F3;90--submenu-bg:#475569;91--submenu-color:#f8fafc;92--submenu-hover-color:#00A2F3;93--footer-bg:#334155;94--footer-color:#f8fafc;95--footer-hover-color:#00A2F3;96--footer-text-color:#cbd5e1;97--footerbar-bg:#1e293b;98--footerbar-color:#f8fafc;99--footerbar-hover-color:#00A2F3;100--modal-bg:#475569;101--gray-bg:rgba(255,255,255,.025);102--border-color:rgba(255,255,255,.03);103}104html.rtl{105--body-font:Cairo, sans-serif;106--menu-font:Cairo, sans-serif;107--title-font:Cairo, sans-serif;108--text-font:Cairo, sans-serif;109}110/*-- Reset CSS --*/111html,body,a,abbr,acronym,address,applet,b,big,blockquote,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,input,button,h1,h2,h3,h4,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;margin:0;border:0;vertical-align:baseline;background:0 0;text-decoration:none}dl,ul{list-style-position:inside;list-style:none}ul li{list-style:none}caption{text-align:center}img{border:none;position:relative}a,a:visited{text-decoration:none}.clearfix{clear:both}.section,.widget,.widget ul{margin:0;padding:0}a{color:var(--accent-color)}a img{border:0}abbr{text-decoration:none}.separator a{text-decoration:none!important;clear:none!important;float:none!important;margin-left:0!important;margin-right:0!important}#Navbar1,#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{display:none!important}.center{display:table;margin:0 auto;position:relative}.widget > h2,.widget > h3{display:none}.widget iframe,.widget img{max-width:100%}button,input,select,textarea{background:transparent;font-family:var(--body-font);font-weight:normal;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:0;border-radius:0}button{cursor:pointer}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}.rtl{direction:rtl}iframe[src*="youtube.com"]{width:100%;height:auto;aspect-ratio:16/9}112/*-- Main CSS --*/113*{box-sizing:border-box}114*:after,*:before{display:inline-block;font-family:var(--icon-font);font-weight:400;font-style:normal;box-sizing:border-box}115html{position:relative;font-size:16px;word-break:break-word;word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}116body{position:relative;background:var(--body-bg);background-color:var(--body-bg-color);font-family:var(--body-font);font-size:0.875rem;color:var(--text-color);font-weight:400;font-style:normal;line-height:1.25rem}117h1,h2,h3,h4{font-family:var(--title-font);font-weight:var(--title-weight)}118a,input,textarea,button{transition:all .0s ease}119.site-outer{display:flex;flex-direction:column;justify-content:flex-start;position:relative;overflow:hidden;width:100%;max-width:100%;background:var(--outer-bg);margin:0 auto;padding:0}120.is-boxed .site-outer{width:calc(var(--container) + (var(--main-gap) * 2));max-width:100%;box-shadow:0 0 15px #1e293b0d}121.is-dark .is-boxed .site-outer{box-shadow:0 0 15px #1e293b59}122.container{position:relative}123.row-x1{width:var(--container);max-width:100%}124.flex-c{display:flex;justify-content:center}125.flex-col{display:flex;flex-direction:column}126.flex-sb{display:flex;justify-content:space-between}127.content-wrap{position:relative;margin:var(--main-gap) 0 0}128.is-left .content-wrap > .container,.rtl .is-right .content-wrap > .container{flex-direction:row-reverse}129.rtl .is-left .content-wrap > .container{flex-direction:row}130.pbtStickySidebar:before,.pbtStickySidebar:after{content:"";display:table;clear:both}131.main-wrap{position:relative;width:calc(100% - (var(--sidebar) + var(--main-gap)))}132.no-sidebar .main-wrap{width:100%}133.sidebar-wrap{position:relative;width:var(--sidebar)}134.no-sidebar .sidebar-wrap{display:none}135.post{transition:transform .25s ease}136.post:hover{transform:translateY(-0.25rem)}137.entry-thumbnail,.entry-avatar,.comments .avatar-image-container{display:block;position:relative;overflow:hidden;background:var(--gray-bg);z-index:5;border-radius:var(--radius)}138.thumbnail,.avatar{display:block;position:relative;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:1;transform-origin:center;opacity:0;transition:opacity .35s ease}139.thumbnail.pbt-lazy,.avatar.pbt-lazy{opacity:1}140[class*="yt-img"]:after{display:flex;align-items:center;justify-content:center;content:"\f4f4";position:absolute;right:50%;bottom:50%;width:2.5rem;height:2rem;background:var(--accent-color);font-size:1.25rem;color:var(--white-color);text-shadow:2px 2px 0 rgba(0,0,0,.05);z-index:3;border-radius:var(--radius);transform:translate(50%,50%)}141.yt-img\:x1:after{transform:translate(50%,50%) scale(1.1)}142.yt-img\:x2:after{transform:translate(50%,50%) scale(.95)}143.yt-img\:x3:after{transform:translate(50%,50%) scale(.75)}144.yt-img\:x4:after{transform:translate(50%,50%) scale(.65)}145.entry-header{display:flex;flex-direction:column;gap:0.25rem}146.entry-header .entry-tag{font-size:0.75rem;color:var(--accent-color);font-weight:700;text-transform:uppercase}147.entry-title{color:var(--title-color);line-height:1.35em}148.entry-title a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--title-color)}149.entry-title a:hover{color:var(--title-hover-color)}150.entry-meta{display:flex;flex-wrap:wrap;gap:0.25rem;font-size:0.75rem;color:var(--meta-color);line-height:1rem}151.entry-meta > span{display:flex;gap:0.25rem}152.entry-meta .author-name{color:var(--title-color);font-weight:600}153.excerpt{font-family:var(--text-font);font-size:0.875rem;color:var(--summary-color);line-height:1.25rem}154.cs .entry-inner{display:block;position:relative;width:100%;height:100%;overflow:hidden;z-index:10;box-shadow:var(--shadow);border-radius:var(--radius)}155.cs .entry-thumbnail{width:100%;height:100%}156.cs .entry-thumbnail:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,#1e293b 0%,#1e293b1a 100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2;opacity:.5;transition:opacity .25s ease}157.cs .yt-img:after{top:1.5rem;right:1.5rem;transform:translate(0)}158.rtl .cs .yt-img:after{left:1.5rem;right:unset}159.cs .entry-header{position:absolute;left:0;bottom:0;width:100%;background:linear-gradient(0deg,#1e293ba6 0%,#1e293b00 100%);overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.1);z-index:10;padding:1.5rem;gap:0.5rem}160.cs .entry-tag{display:flex;align-items:center;position:absolute;top:1.5rem;left:1.5rem;max-width:fit-content;height:1.5rem;background:var(--accent-color);font-size:0.75rem;color:var(--white-color);font-weight:500;z-index:10;padding:0 0.5rem;margin:0 0 0.25rem;border-radius:var(--radius)}161.rtl .cs .entry-tag{left:unset;right:1.5rem}162.cs .entry-title{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--white-color)}163.cs .entry-meta,.cs .entry-meta .author-name{color:#e2e8f0}164.cs .entry-meta .author-name{font-weight:600}165.btn{position:relative;font-weight:400;line-height:1;border-radius:var(--radius)}166.btn:focus{box-shadow:0 0 0 2px var(--accent-color-lite)}167.loader{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;font-size:2.25rem}168.spinner{width:1em;height:1em;z-index:2;animation:rotate 2s linear infinite}169.spinner .path{fill:none;stroke-width:0.188rem;stroke:var(--accent-color);stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}170@keyframes rotate{100%{transform:rotate(360deg)}}171@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}172.error-msg{display:flex;align-items:center;color:var(--meta-color);padding:1.5rem 0;font-weight:400}173.overlay-bg{visibility:hidden;opacity:0;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;margin:0;transition:all .25s ease}174.overlay-bg.ms17{transition:all .17s ease}175.social a:before{text-shadow:3px 2px 0 rgba(0,0,0,.05)}176.social .blogger a:before{content:"\f1a6"}177.social .rss a:before{content:"\f521"}178.social .share a:before{content:"\f52d"}179.social .email a:before{content:"\f32c"}180.social .website a:before{content:"\f3ef"}181.social .external-link a:before{content:"\f1c5"}182.color .blogger a{color:#1a73e8}183.color .blogger a{color:#ff5722}184.color .apple a{color:#333}185.color .amazon a{color:#fe9800}186.color .microsoft a{color:#0067B8}187.color .facebook a,.color .facebook-f a{color:#3b5999}188.color .twitter a{color:#00acee}189.color .youtube a{color:#e60023}190.color .instagram a{color:#dd277b;--instagram:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)}191.color .pinterest a,.color .pinterest-p a{color:#e60023}192.color .dribbble a{color:#ea4c89}193.color .linkedin a{color:#0077b5}194.color .twitch a{color:#9147ff}195.color .rss a{color:#ffc200}196.color .skype a{color:#00aff0}197.color .stumbleupon a{color:#eb4823}198.color .vk a{color:#4a76a8}199.color .stack-overflow a{color:#f48024}200.color .github a{color:#24292e}201.color .soundcloud a{color:#ff7400}202.color .behance a{color:#191919}203.color .digg a{color:#1b1a19}204.color .delicious a{color:#0076e8}205.color .codepen a{color:#000}206.color .flipboard a{color:#f52828}207.color .reddit a{color:#ff4500}208.color .whatsapp a{color:#3fbb50}209.color .messenger a{color:#0084ff}210.color .snapchat a{color:#ffe700}211.color .telegram a{color:#179cde}212.color .steam a{color:#112c5b}213.color .discord a{color:#7289da}214.color .quora a{color:#b92b27}215.color .tiktok a{color:#fe2c55}216.color .line a{color:#07b53b}217.color .share a{color:var(--meta-color)}218.color .email a{color:#888}219.color .website a{color:var(--title-color)}220.color .external-link a{color:var(--title-color)}221.site-header{position:relative;z-index:50;box-shadow:var(--shadow)}222.main-header,.header-inner,.header-header{float:left;width:100%;height:var(--header);background:var(--header-bg)}223.header-inner{background:transparent}224.header-inner.is-fixed{position:fixed;top:calc(0% - (var(--header) * 2));left:0;width:100%;z-index:990;backface-visibility:hidden;visibility:hidden;opacity:0;transform:translate3d(0,0,0);transition:all .35s ease-in-out}225.header-inner.is-fixed.show{visibility:visible;opacity:1;transform:translate3d(0,calc(var(--header) * 2),0)}226.is-fixed .header-header{box-shadow:var(--shadow)}227.is-boxed .header-header{float:none;width:calc(var(--container) + (var(--main-gap) * 2));max-width:100%;margin:0 auto}228.header-items{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between}229.flex-left{display:flex;align-items:center;gap:var(--main-gap);z-index:15}230.flex-right{display:flex;align-items:center;position:absolute;top:0;right:0;height:var(--header);z-index:15}231.rtl .flex-right{left:0;right:unset}232.main-logo{display:flex;align-items:center;flex-shrink:0;height:var(--header);overflow:hidden}233.main-logo img{display:block;max-height:2.5rem}234.main-logo .title{max-width:100%;font-family:var(--title-font);font-size:1.5rem;color:var(--header-color);line-height:2.5rem;font-weight:var(--title-weight);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}235.main-logo .title a{color:var(--header-color)}236.main-logo .title a:hover{color:var(--header-hover-color)}237.main-logo #h1-off{display:none;visibility:hidden}238#main-menu{z-index:10;transition:all .17s ease}239#main-menu .widget,#main-menu .widget > .widget-title{display:none}240#main-menu .widget.is-ready{display:block}241.main-nav{display:flex;height:var(--header);gap:1.5rem}242.main-nav > li{position:relative;display:flex;flex-shrink:0}243.main-nav > li > a{display:flex;align-items:center;font-family:var(--menu-font);font-size:1rem;color:var(--header-color);font-weight:700}244.main-nav > li > a > i{margin:0 0.25rem 0 0}245.rtl .main-nav > li > a > i{margin:0 0 0 0.25rem}246.main-nav > li > a > i[code]:before{content:attr(code)}247.main-nav .has-sub > a:after{content:"\f282";font-size:0.625rem;font-weight:700;margin:-0.25rem 0 0 0.25rem}248.rtl .main-nav .has-sub > a:after{margin:-0.25rem 0.25rem 0 0}249.main-nav > li:hover > a{color:var(--header-hover-color)}250.main-nav .sub-menu,.main-nav .ul{position:absolute;left:0;top:calc(var(--header) - 0.5rem);width:11.25rem;background:var(--submenu-bg);z-index:99999;padding:0.5rem 0;box-shadow:var(--shadow),0 10px 15px -3px #1e293b0d;border-radius:var(--radius);backface-visibility:hidden;visibility:hidden;opacity:0;transform:translate3d(0,0.5rem,0)}251.rtl .main-nav .sub-menu,.rtl .main-nav .ul{left:auto;right:0}252.main-nav .sub-menu.sm-1{left:-0.875rem}253.rtl .main-nav .sub-menu.sm-1{left:unset;right:-0.875rem}254.main-nav .sub-menu.sm-2{top:-0.5rem;left:100%;transform:translate3d(-0.5rem,0,0)}255.rtl .main-nav .sub-menu.sm-2{left:unset;right:100%;transform:translate3d(0.5rem,0,0)}256.main-nav .sub-menu li{position:relative;display:block}257.main-nav .sub-menu li a{display:flex;justify-content:space-between;font-size:0.875rem;color:var(--submenu-color);padding:0.5rem 1rem}258.main-nav .sub-menu li:hover > a{color:var(--submenu-hover-color)}259.main-nav .sub-menu > .has-sub > a:after{content:"\f285";margin:0}260.rtl .main-nav .sub-menu > .has-sub > a:after{content:"\f284"}261.main-nav .sub-menu,.main-nav .ul{transition:all .17s ease}262.main-nav li:hover > .sub-menu,.rtl .main-nav li:hover > .sub-menu,.main-nav li:hover .ul{backface-visibility:inherit;visibility:visible;opacity:1;transform:translate3d(0,0,0)}263.main-nav .mega-menu{--title-color:var(--submenu-color);--title-hover-color:var(--submenu-hover-color);position:static!important}264.mega-menu .ul{width:100%;overflow:hidden;padding:1.5rem}265.mega-menu .mega-items{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}266.mega-items .post{display:flex;flex-direction:column;gap:0.5rem;width:100%}267.mega-items .entry-thumbnail{width:100%;height:8.5rem}268.mega-items .entry-title{font-size:1rem}269.mega-menu .mega-items.on-load,.mega-menu .mega-items.no-items{grid-template-columns:1fr}270.mega-menu .error-msg{justify-content:center;height:8.5rem;line-height:1.5rem;padding:0}271.mega-menu .loader{height:8.5rem}272.mobile-menu-toggle{display:none;align-items:center;height:2.25rem;font-size:1.625rem;color:var(--header-color);padding:0 1.125rem}273.mobile-menu-toggle:after{content:"\f479";transform:scaleX(1.2)}274.mobile-menu-toggle:hover{color:var(--header-hover-color)}275.toggle-wrap{display:flex;align-items:center;gap:0.75rem;background:var(--header-bg);z-index:20}276.darkmode-toggle{display:flex;align-items:center;justify-content:center;width:1.5rem;height:2.25rem;font-size:1rem;color:var(--header-color);transform-origin:center}277.darkmode-toggle:before{content:"\f495"}278.is-dark .darkmode-toggle:before{content:"\f5a1"}279.darkmode-toggle:hover{color:var(--header-hover-color)}280@keyframes darkOn{0%{transform:scale(.8);opacity:.25}100%{transform:scale(1);opacity:1}}281@keyframes darkOff{0%{transform:scale(.8);opacity:.25}100%{transform:scale(1);opacity:1}}282.darkmode-toggle.dark-on{animation:darkOn .35s ease}283.darkmode-toggle.dark-off{animation:darkOff .35s ease}284.toggle-wrap .search-toggle{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:var(--gray-bg);font-size:1.25rem;color:var(--header-color);border-radius:var(--radius)}285.toggle-wrap .search-toggle:before{content:"\f52a"}286.toggle-wrap .search-toggle:hover{color:var(--header-hover-color)}287.main-search{display:flex;flex-direction:column;position:fixed;top:1.5rem;left:50%;width:30rem;max-width:calc(100% - 3rem);max-height:calc(100% - 3rem);background:var(--modal-bg);overflow:hidden;z-index:1010;border-radius:var(--radius);box-shadow:var(--shadow),0 10px 15px -3px #1e293b0d;visibility:hidden;opacity:0;transform:translate3d(-50%,50%,0);transition:all .17s ease}288.main-search .search-form{display:flex;width:100%;height:4rem;flex-shrink:0}289.main-search .search-input{flex:1;width:100%;font-size:1rem;color:var(--title-color);font-weight:400;padding:0 1.5rem}290.main-search .search-input::placeholder{color:var(--title-color);opacity:.65}291.main-search .search{display:flex;align-items:center;font-size:1.25rem;color:var(--title-color);padding:0 1.5rem;opacity:.65}292.main-search .search:before{content:"\f52a"}293.main-search .search:hover{opacity:1}294.search-content{display:none;flex-direction:column;justify-content:space-between;gap:1.5rem;height:calc(100% - 4rem);overflow:hidden;padding:1.5rem;border-top:1px solid var(--border-color)}295.search-content.visible{display:flex}296.search-results{flex:1;overflow:hidden}297.search-results.scroll{overflow-y:auto;-webkit-overflow-scrolling:touch}298.search-items{display:grid;grid-template-columns:1fr;gap:1.5rem}299@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,0.25rem,0)}100%{opacity:1;transform:translate3d(0,0,0)}}300.search-items .post{display:flex;gap:1rem;animation:fadeInUp .5s ease;transform:none}301.search-items .entry-thumbnail{width:6.875rem;height:5.125rem;border-radius:var(--radius)}302.search-items .entry-header{flex:1;align-self:center}303.search-items .entry-title{font-size:1rem}304.search-items .entry-title a{-webkit-line-clamp:2}305.main-search .view-all{display:flex;align-items:center;justify-content:center;gap:0.5rem;flex-shrink:0;height:2.5rem;background:var(--accent-color);font-size:1rem;color:var(--white-color);padding:0 1.5rem}306.main-search .view-all:after{content:"\f138"}307.rtl .main-search .view-all:after{content:"\f12f"}308.main-search .view-all:hover{opacity:.9}309.search-content .loader{height:4.5rem}310.search-content .error-msg{justify-content:center;height:4.5rem;padding:0}311.search-on .overlay-bg{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z'/%3E%3C/svg%3E"),auto;visibility:visible;opacity:1}312.search-on .main-search{backface-visibility:inherit;visibility:visible;opacity:1;transform:translate3d(-50%,0,0)}313.slide-menu{display:none;flex-direction:column;justify-content:flex-start;position:fixed;width:18.75rem;height:100%;top:0;left:0;bottom:0;background:var(--widget-bg);overflow:hidden;z-index:1010;left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden;box-shadow:0 0 15px #1e293b1a;transition:all .25s ease}314.rtl .slide-menu{left:unset;right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}315.menu-on .slide-menu,.rtl .menu-on .slide-menu{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}316.slide-menu-header{display:flex;align-items:center;justify-content:space-between;height:var(--header);background:var(--header-bg);overflow:hidden;box-shadow:var(--shadow)}317.is-dark .slide-menu-header{box-shadow:0 1px 3px #1e293b59}318.mobile-logo{display:flex;flex:1;width:100%;overflow:hidden;padding:0 0 0 1.25rem}319.rtl .mobile-logo{padding:0 1.25rem 0 0}320.mobile-logo .homepage{max-width:100%;font-size:1.5rem;color:var(--header-color);line-height:2.5rem;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}321.mobile-logo .homepage:hover{color:var(--header-hover-color)}322.mobile-logo .logo-img img{display:block;width:auto;max-width:100%;height:auto;max-height:2.5rem}323.hide-mobile-menu{display:flex;align-items:center;height:100%;color:var(--header-color);font-size:1.375rem;z-index:20;padding:0 1.25rem}324.hide-mobile-menu:before{content:"\f659"}325.hide-mobile-menu:hover{color:var(--header-hover-color)}326.slide-menu-flex{display:flex;height:calc(100% - var(--header));flex-direction:column;justify-content:space-between;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}327.mobile-menu{padding:1.25rem}328.mobile-menu ul li a{display:block;font-family:var(--menu-font);font-size:1.125rem;color:var(--title-color);padding:0.75rem 0}329.mobile-menu > ul > li > a{font-weight:700}330.mobile-menu > ul > li > a > i{margin:0 0.25rem 0 0}331.rtl .mobile-menu > ul > li > a > i{margin:0 0 0 0.25rem}332.mobile-menu .sub-menu{display:none;overflow:hidden;padding:0 0 0 1rem}333.rtl .mobile-menu .sub-menu{padding:0 1rem 0 0}334.mobile-menu .has-sub li a{font-size:1rem;opacity:.75}335.mobile-menu .has-sub > a{display:flex;justify-content:space-between}336.mobile-menu .has-sub > a:has(i, svg, symbol){display:grid;grid-template-columns:auto 1fr auto}337.mobile-menu .has-sub > a:after{content:"\f282";font-size:1.125rem}338.mobile-menu .has-sub.expanded > a:after{content:"\f286"}339.mobile-menu ul li a:hover{color:var(--title-hover-color)}340.mm-footer{gap:1rem;padding:1.25rem}341.mm-footer ul{display:flex;flex-wrap:wrap;gap:0.5rem 1rem}342.mm-footer .social a{font-size:1rem}343.mm-footer .social a:before{text-shadow:2px 2px 0 var(--gray-bg)}344.mm-footer .social a:hover{opacity:.9}345.mm-footer .footer-links a{font-size:0.875rem;color:var(--title-color)}346.mm-footer .footer-links a:hover{color:var(--title-hover-color)}347.header-ads .widget{margin:var(--main-gap) 0 0}348.featured .widget{display:none;margin:var(--main-gap) 0 0;--height:19.75rem}349.featured .widget.visible,.featured .widget.PopularPosts{display:block}350.featured .widget-content{min-height:var(--height)}351.featured .PopularPosts .widget-content{min-height:unset}352.featured .loader{height:var(--height)}353.featured .error-msg{justify-content:center;height:var(--height);padding:0}354.featured-items{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:1rem;width:100%}355.featured-items .post{height:var(--height)}356.featured-items .cs .entry-thumbnail{width:100%;height:100%}357.featured-items .cs.entry-header{padding:1.25rem}358.featured-items .cs .entry-title{font-size:1.375rem}359.featured-ads .widget{margin:var(--main-gap) 0 0}360.title-wrap{position:relative;display:flex;align-items:center;justify-content:space-between;margin:0 0 1.5rem}361.title-wrap .title{display:flex;align-items:center;position:relative;font-size:1.25rem;color:var(--title-color);line-height:1.75rem}362.title-wrap .title-link{display:flex;align-items:center;flex-shrink:0;gap:0.25rem;font-size:0.875rem;color:var(--accent-color)}363.title-wrap .title-link:after{content:"\f138"}364.rtl .title-wrap .title-link:after{content:"\f12f"}365.title-wrap .title-link:hover{opacity:.9}366.trending{display:grid;grid-template-columns:1fr;align-items:start;margin:0 0 var(--main-gap)}367.trending .widget{display:none;position:relative}368.trending .widget.visible,.trending .widget.PopularPosts{display:flex;flex-direction:column}369.trending .loader{height:11.25rem}370.trending-items{display:grid;grid-template-columns:1fr;align-items:start;gap:1rem}371.trending-items .post{display:flex;gap:1.5rem;background:var(--widget-bg);padding:1rem;box-shadow:var(--shadow);border-radius:var(--radius)}372.trending-items .item-0 .entry-thumbnail{width:17.5rem;height:13.125rem}373.trending-items .item-0 .entry-header{flex:1;align-self:center;gap:0.5rem}374.trending-items .item-0 .entry-title{font-size:1.25rem}375.trending-items .item-0 .entry-meta{font-size:0.875rem;line-height:1.25rem}376.trending-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem}377.trending-list .post{gap:1rem}378.trending-list .entry-thumbnail{width:6.875rem;height:5.125rem}379.trending-list .entry-header{flex:1;align-self:center}380.trending-list .entry-title{font-size:1rem}381.list-items{display:grid;grid-template-columns:1fr;gap:1rem}382.list-items .post{display:flex;gap:1.5rem;background:var(--widget-bg);padding:1rem;box-shadow:var(--shadow);border-radius:var(--radius)}383.list-items .entry-thumbnail{width:17.5rem;height:13.125rem}384.list-items .entry-header{flex:1;align-self:center;gap:0.5rem}385.list-items .entry-title{font-size:1.25rem}386.list-items .entry-meta{font-size:0.875rem;line-height:1.25rem}387.grid-items{display:grid;grid-template-columns:1fr 1fr;gap:1rem}388.grid-items .post{display:flex;flex-direction:column;gap:1rem;background:var(--widget-bg);padding:1rem;box-shadow:var(--shadow);border-radius:var(--radius)}389.grid-items .entry-thumbnail{width:100%;height:13.75rem}390.grid-items .entry-header{gap:0.5rem}391.grid-items .entry-title{font-size:1.25rem}392.grid-items .entry-meta{font-size:0.875rem;line-height:1.25rem}393.trending-ads .widget{margin:0 0 var(--main-gap)}394.queryMessage .query-info{display:flex;align-items:center;font-family:var(--title-font);font-size:1.25rem;color:var(--title-color);font-weight:var(--title-weight);line-height:1.75rem;margin:0 0 1.5rem}395.no-posts .queryMessage .query-info{margin:0}396.queryEmpty{font-size:0.875rem;color:var(--meta-color);text-align:center;margin:3rem 0}397.index-post-wrap .post.ad-type{display:block;background:transparent;padding:0;box-shadow:none;border-radius:0;transform:none}398@keyframes pbtFadeInUp{0%{opacity:0;transform:translate3d(0,0.625rem,0)}100%{opacity:1;transform:translate3d(0,0,0)}}399.index-post-wrap .post.fadeInUp{animation:pbtFadeInUp .5s ease}400.item-post-inner{background:var(--widget-bg);padding:1.5rem;box-shadow:var(--shadow);border-radius:var(--radius)}401.item-post .post-header{gap:1rem}402#breadcrumb{display:flex;align-items:center;gap:0.25rem;font-size:0.875rem;color:var(--accent-color)}403#breadcrumb a{color:currentColor}404#breadcrumb a:hover{opacity:.9}405#breadcrumb .sep:after{content:"\f285";font-size:0.625rem;font-style:normal;font-weight:700}406.rtl #breadcrumb .sep:after{content:"\f284"}407.item-post h1.entry-title{font-size:2.25rem}408.post-header .entry-meta{flex-wrap:nowrap;justify-content:space-between;gap:0;font-size:0.875rem;line-height:1.25rem}409.entry-meta .align-left,.entry-meta .align-right{display:flex;align-items:center}410.entry-meta .entry-avatar{flex-shrink:0;width:2.25rem;height:2.25rem;overflow:hidden;padding:0.125rem;margin:0 0.375rem 0 0;border:1px solid var(--accent-color);border-radius:50%}411.rtl .entry-meta .entry-avatar{margin:0 0 0 0.375rem}412.entry-meta .avatar{z-index:2;border-radius:50%}413.entry-meta .al-items{display:flex;flex-wrap:wrap;gap:0.25rem}414.post-header .entry-meta .entry-author,.post-header .entry-meta .entry-time{display:flex;gap:0.25rem}415.post-header .entry-meta .author-name{font-weight:700}416.share-toggle{display:flex;align-items:center;justify-content:flex-end;width:2.25rem;height:2.25rem;font-size:1.5rem;color:var(--title-color)}417.share-toggle:before{content:"\f1c6"}418.share-toggle:hover{color:var(--title-hover-color)}419.entry-content-wrap{padding:1.5rem 0 0}420#post-body{position:relative;font-family:var(--text-font);font-size:1rem;color:var(--text-color);line-height:1.5em}421.post-body p{margin-bottom:1.5rem}422.post-body h1,.post-body h2,.post-body h3,.post-body h4{font-size:1.125rem;color:var(--title-color);line-height:1.35em;margin:0 0 1rem}423.post-body h1{font-size:2.25rem}424.post-body h2{font-size:1.875rem}425.post-body h3{font-size:1.5rem}426.post-body img{height:auto!important}427blockquote{position:relative;background:var(--gray-bg);color:var(--title-color);font-style:normal;padding:1.5rem;margin:0;border-radius:var(--radius)}428blockquote:before{position:absolute;top:0.75rem;left:0.75rem;content:"\f6b0";font-size:3rem;color:var(--title-color);font-style:normal;line-height:1;opacity:.05}429.rtl blockquote:before{left:unset;right:0.75rem}430.post-body ul,.post-body ol{padding:0 0 0 1.5rem;margin:0}431.rtl .post-body ul,.rtl .post-body ol{padding:0 1.5rem 0 0}432.post-body ul ul,.post-body ul ol,.post-body ol ol,.post-body ol ul,.post-body li + li{margin:0.75rem 0 0}433.post-body ul li,.post-body ol li{list-style:none}434.post-body ul li:before{content:"\f287";font-size:0.375rem;line-height:1rem;vertical-align:middle;margin:0 0.375rem 0 0}435.post-body ul li ul li:before{content:"\f28a"}436.rtl .post-body ul li:before{margin:0 0 0 0.375rem}437.post-body ol{counter-reset:pbt}438.post-body ol > li{counter-increment:pbt;list-style:none}439.post-body ol > li:before{content:counters(pbt,".")".";font-family:inherit;font-size:1em;margin:0 0.375em 0 0}440.rtl .post-body ol > li:before{margin:0 0 0 0.375em}441.post-body u{text-decoration:underline}442.post-body strike{text-decoration:line-through}443.post-body sup{vertical-align:super}444.post-body a{color:var(--accent-color)}445.post-body a:hover{text-decoration:underline}446.post-body .button{display:inline-block;height:2.5rem;background:var(--accent-color);font-family:var(--body-font);font-size:1rem;color:var(--white-color);line-height:2.5rem;text-align:center;text-decoration:none!important;cursor:pointer;padding:0 1.5rem;margin:0 0.5rem 0.5rem 0}447.rtl .post-body .button{margin:0 0 0.5rem 0.5rem}448.post-body .button.x2{height:3rem;font-size:1rem;line-height:3rem}449.post-body .button.is-c,.rtl.post-body .button.is-c{margin:0 0.25rem 0.5rem}450.post-body .button[disabled]{opacity:.5}451.post-body .button:not([disabled]):hover{opacity:.9}452.post-body .button.color:focus{box-shadow:0 0 0 2px var(--border-color)}453.post-body .button.x2 span{display:inline-block;background:rgba(255,255,255,.08);font-size:0.875rem;line-height:1;padding:0.25rem 0.5rem;margin:0 0 0 1.5rem;border-radius:var(--radius)}454.rtl .post-body .button.x2 span{margin:0 1.5rem 0 0}455.post-body .button:before{font-size:1rem;font-style:normal;vertical-align:middle;margin:0 0.5rem 0 0}456.rtl .post-body .button:before{margin:0 0 0 0.5rem}457.post-body .btn.x2:before{font-size:1.125rem}458.post-body .btn.preview:before{content:"\f33e"}459.post-body .btn.download:before{content:"\f294"}460.post-body .btn.link:before{content:"\f470"}461.post-body .btn.cart:before{content:"\f23d"}462.post-body .btn.info:before{content:"\f430"}463.post-body .btn.share:before{content:"\f52d"}464.post-body .btn.contact:before{content:"\f32c"}465.post-body .btn.phone:before{content:"\f5b4"}466.post-body .btn.gift:before{content:"\f3eb"}467.post-body .btn.whatsapp:before{content:"\f618"}468.post-body .btn.paypal:before{content:"\f662"}469.post-body .btn.telegram:before{content:"\f5b3"}470.post-body .btn.continue:before{content:"\f138"}471.rtl .post-body .btn.continue:before{content:"\f12f"}472.alert-message{display:block;position:relative;background:#22c55e15;color:#22c55e;overflow:hidden;padding:1.5rem;border-radius:var(--radius)}473.alert-message.alert-info{background:#3b82f615;color:#3b82f6}474.alert-message.alert-warning{background:#eab30815;color:#eab308}475.alert-message.alert-error{background:#ef444415;color:#ef4444}476.alert-message:before{content:'\f26a';font-size:1rem;vertical-align:middle;margin:0 0.5rem 0 0}477.rtl .alert-message:before{margin:0 0 0 0.5rem}478.alert-message.alert-info:before{content:'\f430'}479.alert-message.alert-warning:before{content:'\f33a'}480.alert-message.alert-error:before{content:'\f622'}481.alert-message a:not(.btn){color:currentColor;text-decoration:underline}482.alert-message a:not(.btn):hover{opacity:.9}483.post-body table{width:100%;overflow-x:auto;text-align:left;border-collapse:collapse;border:1px solid var(--border-color)}484.rtl .post-body table{text-align:right}485.post-body table td,.post-body table th{padding:0.5rem 1rem;border:1px solid var(--border-color)}486.post-body table thead th{color:var(--title-color)}487table.tr-caption-container,table.tr-caption-container td,table.tr-caption-container th{line-height:1rem;padding:0;border:0}488table.tr-caption-container td.tr-caption{font-size:0.75rem;padding:0.25rem 0 0 0}489.pbt-toc-wrap{display:flex;width:100%;margin:0}490.pbt-toc-inner{display:flex;flex-direction:column;position:relative;max-width:100%;background:var(--gray-bg);overflow:hidden;font-size:1rem;color:var(--title-color);line-height:1.5rem;border-radius:var(--radius)}491.pbt-toc-title{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;position:relative;height:3rem;font-size:1.25rem;color:var(--title-color);padding:0 1.5rem}492.pbt-toc-title-text{display:flex;align-items:center;gap:0.5rem;font-family:var(--title-font);font-weight:var(--title-weight)}493.pbt-toc-title-text:before{content:"\f475";font-size:1.25rem}494.rtl .pbt-toc-title-text:before{margin:0 0 0 0.5rem}495.pbt-toc-title:after{content:"\f282";font-size:1.25rem}496.pbt-toc-title.is-expanded:after{content:"\f286"}497#pbt-toc{display:none;padding:1.5rem}498#pbt-toc ol{counter-reset:pbtToc}499#pbt-toc li{counter-increment:pbtToc}500#pbt-toc li:before{content:counters(pbtToc,".")"."}501#pbt-toc[data-count="false"] li:before{display:none}502#pbt-toc li a{color:var(--accent-color)}503#pbt-toc li a:hover{text-decoration:underline}504.post-body .contact-form-widget{display:table;width:100%;font-family:var(--body-font)}505.post-body .contact-form-form{grid-template-columns:1fr 1fr}506.post-body .contact-form-widget .cf-s{font-size:1rem}507.post-body .contact-form-email-message,.post-body .contact-form-button,.post-body .contact-form-form p{grid-column:1/3}508.post-body pre,pre.code-box{display:block;background:var(--gray-bg);font-family:monospace;font-size:0.875rem;color:var(--title-color);white-space:pre-wrap;line-height:1.25rem;padding:1.5rem;border:1px solid var(--border-color);border-radius:var(--radius)}509.post-body iframe[allowfullscreen]{height:auto;aspect-ratio:16/9}510.post-body .google-auto-placed{margin:1.5rem 0}511.post-card{display:block;min-height:5rem;background:var(--gray-bg);font-family:var(--body-font);font-size:0.875rem;font-weight:400;line-height:1.25rem;padding:1rem;border-radius:var(--radius)}512.post-card a.entry-link{display:grid;grid-template-columns:min(11.25rem, 50%) 1fr;text-decoration:none}513.post-card .entry-thumbnail{width:100%;height:8.438rem}514.rtl .post-card .entry-thumbnail{border-radius:0 var(--radius) var(--radius) 0}515.post-card .entry-header{align-self:center;gap:0.5rem;padding:0.625rem 1.25rem}516.post-card .entry-headline{display:flex;align-items:center;gap:0.25rem;font-size:1rem;font-weight:500}517.post-card .entry-headline:before{content:"\f4ea"}518.post-card .entry-title{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.25rem;color:var(--title-color);line-height:1.75rem;margin:0}519.post-card .entry-link:hover .entry-title{color:var(--title-hover-color)}520.post-card .entry-meta{font-size:0.875rem}521.post-card .loader{min-height:5rem}522.post-card .error-msg{padding:1.5rem}523.cta-card{display:flex;align-items:center;gap:1rem;overflow:hidden;background:var(--gray-bg);font-family:var(--body-font);font-size:0.875rem;color:var(--title-color);font-weight:400;line-height:1.25rem;padding:1.5rem;border-radius:var(--radius)}524.is-dark .cta-card{background:var(--gray-bg)}525.cta-card .card-header{display:flex;align-items:center;flex:1;gap:1rem}526.cta-card .card-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:var(--gray-bg);font-size:1.5rem;border-radius:var(--radius)}527.cta-card .card-icon i:before{content:attr(data-icon)}528.cta-card .card-info{display:flex;flex:1;flex-direction:column;gap:0.5rem}529.cta-card .card-title{display:-webkit-box;font-family:var(--title-font);font-size:1.25rem;font-weight:var(--title-weight);line-height:1.75rem;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}530.cta-card .card-meta{font-size:0.875rem;color:var(--meta-color)}531.cta-card a.card-btn{display:flex;align-items:center;justify-content:center;height:2.5rem;background:var(--accent-color);font-size:1rem;color:var(--white-color);text-decoration:none;padding:0 1.5rem}532.cta-card a.card-btn:hover{opacity:.9}533.gd-link{display:flex;flex-direction:column}534.gd-link .gd-countdown{display:none;flex-direction:column;justify-content:center;gap:0.75rem;min-width:fit-content;font-family:var(--body-font);text-align:center;padding:2rem;border:1px solid var(--border-color);border-radius:calc(var(--radius) * 2)}535.is-dark .gd-link .gd-countdown{background:var(--gray-bg)}536.gd-countdown .gd-seconds{font-size:2.25rem;color:var(--title-color);font-weight:var(--title-weight)}537.gd-countdown .gd-message{font-size:1rem;color:var(--text-color);line-height:1.5rem}538.gd-link.loading .gd-countdown{display:flex}539.gd-link .goto-link,.gd-link.loading .get-link,.gd-link.loaded .get-link{display:none}540.gd-link.loaded .goto-link{display:inline-block}541.gd-link .goto-link.link:before{content:"\f119"}542.gd-link button.button{margin:0}543.gd-btn{margin:0!important}544.gd-btn:before{margin:0}545.has-loader .loader{display:none;width:auto;font-size:1.25rem}546.has-loader.loading .loader{display:flex}547.has-loader.loading{display:flex!important;gap:0.375rem}548.has-loader.loading:before{display:none}549.has-loader .spinner .path{stroke-width:0.188rem;stroke:var(--white-color)}550.pagination{display:none;align-items:center;justify-content:center;gap:1rem;margin:1.5rem 0 0}551.pagination.visible{display:flex}552.pagination .info{font-size:1rem;line-height:1.5rem}553.pagination .btn{display:flex;align-items:center;gap:0.5rem;height:2.5rem;background:var(--accent-color);font-size:1rem;color:var(--white-color);padding:0 1.5rem}554.pagination .prev:before,.rtl .pagination .next:after{content:"\f12f"}555.pagination .next:after,.rtl .pagination .prev:before{content:"\f138"}556.pagination .btn:hover{opacity:.9}557.entry-labels{display:flex;flex-wrap:wrap;gap:0.5rem;margin:1.5rem 0 0}558.entry-labels > *{display:flex;align-items:center;height:1.5rem;background:var(--gray-bg);font-size:0.75rem;color:var(--title-color);font-weight:500;padding:0 0.5rem;border-radius:var(--radius)}559.entry-labels span{background:var(--title-color);color:var(--widget-bg)}560.is-dark .entry-labels span{background:var(--outer-bg);color:var(--title-color)}561.entry-labels a:hover{background:var(--accent-color);color:var(--white-color)}562.post-share{margin:1.5rem 0 0}563.share-a{display:flex;flex-wrap:wrap;align-items:start;gap:0.5rem}564.share-a .sl{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:currentColor;font-size:1.125rem;border-radius:var(--radius)}565.share-a .has-span .sl{display:flex;gap:0.5rem;width:auto;padding:0 1rem}566.share-a .sl:before{color:var(--white-color)}567.share-a .sl span{font-size:0.875rem;color:var(--white-color)}568.share-a .share-label .sl{position:relative;background:var(--widget-bg);font-size:1.125rem;color:var(--title-color);line-height:1;overflow:visible;margin:0 0.25rem 0 0;border:0.063rem solid var(--border-color)}569.rtl .share-a .share-label .sl{margin:0 0 0 0.25rem;transform:scaleX(-1)}570.share-a .share-label .sl:before,.share-a .share-label .sl:after{content:"";position:absolute;height:0;width:0;pointer-events:none;top:calc(50% - 0.375rem);right:-0.75rem;border:0.375rem solid transparent;border-left-color:var(--border-color)}571.share-a .share-label .sl:after{top:calc(50% - 0.375rem);right:-0.625rem;border:0.375rem solid transparent;border-left-color:var(--widget-bg)}572.share-a .share-label i:before{content:"\f52d"}573.share-a .show-more .sl{background:var(--gray-bg);font-size:1.5rem}574.share-a .show-more .sl:before{content:"\f64d";color:var(--meta-color)}575.share-a li:not(.share-label) .sl:hover{opacity:.9}576.share-modal{display:flex;flex-direction:column;position:fixed;top:50%;left:50%;width:27.5rem;max-width:calc(100% - 3rem);background:var(--modal-bg);overflow:hidden;z-index:1010;padding:1.5rem;box-shadow:var(--shadow),0 10px 15px -3px #1e293b0d;border-radius:var(--radius);visibility:hidden;opacity:0;transform:translate3d(-50%,0,0);transition:all .17s ease}577.modal-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 1rem;margin:0 0 1rem;border-bottom:1px solid var(--border-color)}578.share-modal .title{font-family:var(--title-font);font-size:1rem;color:var(--title-color);font-weight:var(--title-weight);text-transform:capitalize}579.hide-modal{display:flex;font-size:1.375rem;color:var(--title-color)}580.hide-modal:before{content:"\f659"}581.hide-modal:hover{color:var(--title-hover-color)}582.share-b{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:0 0 1.5rem}583.share-b a{display:flex;align-items:center;justify-content:center;height:2.5rem;background:currentColor;font-size:1.125rem;border-radius:var(--radius)}584.share-b a:before{color:var(--white-color)}585.share-b a:hover{opacity:.9}586.copy-link{display:flex;gap:0.75rem;position:relative;width:100%;height:2.5rem;margin:1rem 0 0}587.copy-link:before{content:"\f470";position:absolute;top:50%;left:1.25rem;font-size:1.375rem;color:var(--title-color);transform:translate(-50%,-50%)}588.rtl .copy-link:before{left:unset;right:1.25rem;transform:translate(50%,-50%)}589@keyframes copyOn{0%{opacity:0}100%{opacity:1}}590@keyframes copyOff{0%{opacity:0}100%{opacity:1}}591.copy-link.copied:before{content:"\f26f";color:#3fbb50;animation:copyOn .35s ease}592.copy-link.copied-off:before{animation:copyOff .35s ease}593.copy-link input{flex:1;width:100%;background:var(--gray-bg);font-size:0.875rem;color:var(--text-color);padding:0 1rem 0 2.5rem;border-radius:var(--radius)}594.rtl .copy-link input{padding:0 2.5rem 0 1rem}595.copy-link input:focus{box-shadow:0 0 0 2px var(--accent-color-lite)}596.copy-link button{display:flex;align-items:center;justify-content:center;max-width:fit-content;background:var(--accent-color);font-size:1rem;color:var(--white-color);padding:0 1.5rem}597.copy-link button:hover{opacity:.9}598.share-on .overlay-bg{visibility:visible;opacity:1}599.share-on .share-modal{visibility:visible;opacity:1;transform:translate3d(-50%,-50%,0)}600.p-widget{margin:var(--main-gap) 0 0}601.about-author{display:flex;gap:1rem;background:var(--widget-bg);padding:1.5rem;box-shadow:var(--shadow);border-radius:var(--radius)}602.about-author .author-avatar{width:4rem;height:4rem;border-radius:50%}603.author-description{flex:1;gap:0.5rem}604.about-author .author-title{font-size:1.25rem;color:var(--title-color);line-height:1.75rem}605.about-author .author-title a{color:var(--title-color)}606.about-author .author-title a:hover{color:var(--title-hover-color)}607.author-description .author-text{display:block;font-size:1rem;line-height:1.5rem}608.author-description .author-text br,.author-description .author-text a{display:none}609.author-links{display:flex;flex-wrap:wrap;gap:1rem}610.author-links a{display:block;font-size:1rem;color:var(--text-color)}611.author-links a:before{text-shadow:0.125rem 0.125rem 0 var(--gray-bg)}612.author-links a:hover{opacity:.9}613#related-posts{display:none}614.related-wrap .loader{height:11.25rem}615.related-items{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}616.related-items .post{display:flex;flex-direction:column;gap:0.5rem;background:var(--widget-bg);padding:1rem;box-shadow:var(--shadow);border-radius:var(--radius)}617.related-items .entry-thumbnail{width:100%;height:9.25rem}618.related-items .entry-title{font-size:1rem}619.blog-post-comments{display:none;flex-direction:column;background:var(--widget-bg);padding:1.5rem;box-shadow:var(--shadow);border-radius:var(--radius)}620.blog-post-comments.disqus-comments,.blog-post-comments.facebook-comments{padding:1rem 1.5rem}621.blog-post-comments.visible{display:flex}622.blog-post-comments .fb_iframe_widget_fluid_desktop{float:left;display:block!important;width:calc(100% + 1rem)!important;max-width:calc(100% + 1rem)!important;margin:0 -0.5rem}623.blog-post-comments .fb_iframe_widget_fluid_desktop span,.blog-post-comments .fb_iframe_widget_fluid_desktop iframe{float:left;display:block!important;width:100%!important}624#disqus_thread,.fb-comments{clear:both;padding:0}625.comments-header{gap:0.5rem;margin:0 0 1.5rem}626.no-comments.no-comment-form .comments-header,.comments-title{margin:0}627.comment-thread ol{padding:0;margin:0}628.comment-thread .comment{position:relative;list-style:none;padding:1.5rem;margin:1.5rem 0 0;border:1px solid var(--border-color);border-radius:var(--radius)}629.comment-thread .comment .comment{background:var(--gray-bg);border:0}630.toplevel-thread ol > li:first-child{margin:0}631.toplevel-thread ol > li:first-child > .comment-block{padding-top:0;margin:0;border:0}632.comment-thread ol ol .comment:before{content:"\f132";position:absolute;left:-2rem;top:-0.5rem;font-size:1.125rem;color:var(--border-color)}633.rtl .comment-thread ol ol .comment:before{content:"\f131";left:unset;right:-2rem}634.comments .comment-replybox-single iframe{padding:0 0 0 3.5rem;margin:1rem 0 0}635.rtl .comments .comment-replybox-single iframe{padding:0 3.5rem 0 0}636.comment-thread .avatar-image-container{position:absolute;top:1.5rem;left:1.5rem;width:2.5rem;height:2.5rem;overflow:hidden;border-radius:50%}637.rtl .comment-thread .avatar-image-container{left:auto;right:1.5rem}638.comment-thread .comment .comment .avatar-image-container{left:1.5rem}639.rtl .comment-thread .comment .comment .avatar-image-container{left:unset;right:1.5rem}640.avatar-image-container img{display:block;width:100%;height:100%}641.comments .comment-block{display:flex;flex-direction:column;gap:0.5rem}642.comments .comment-header{padding:0 0 0 3.5rem}643.rtl .comments .comment-header{padding:0 3.5rem 0 0}644.comments .comment-header .user{display:inline-block;font-family:var(--title-font);font-size:1.125rem;color:var(--title-color);font-weight:var(--title-weight);font-style:normal;line-height:1.75rem}645.comments .comment-header .user a{color:var(--title-color)}646.comments .comment-header .user a:hover{color:var(--title-hover-color)}647.comments .comment-header .icon.user{display:none}648.comments .comment-header .icon.blog-author{display:inline-block;background:var(--accent-color);-webkit-background-clip:text;background-clip:text;font-size:0.875rem;color:var(--accent-color);-webkit-text-fill-color:transparent;vertical-align:top;margin:-0.5rem 0 0 0.25rem}649.rtl .comments .comment-header .icon.blog-author{margin:-0.5rem 0.25rem 0 0}650.comments .comment-header .icon.blog-author:before{content:"\f4b5"}651.comments .comment-header .datetime{display:block;font-size:0.75rem;line-height:1rem}652.comment-header .datetime a{color:var(--meta-color)}653.comments .comment-content{display:block;font-family:var(--text-font);font-size:1rem;color:var(--text-color);line-height:1.5rem}654.comments .comment-content > a:hover{text-decoration:underline}655.comments .comment-video{position:relative;width:100%;height:auto;aspect-ratio:16/9;overflow:hidden;cursor:pointer}656.comments .comment-video img{display:block;width:100%;height:100%;object-fit:cover;z-index:1}657.comments .comment-video:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#1e293b1a;z-index:2}658.comments .comment-video:after{transform:translate(50%, 50%) scale(1.2);transition:all .17s ease}659.comments .comment-video:hover:after{transform:translate(50%, 50%) scale(1.5)}660.comments .comment-actions{display:flex;gap:1rem}661.comments .comment-actions a{display:inline-block;font-size:0.875rem;color:var(--accent-color)}662.comments .comment-actions a:hover{color:var(--accent-color);text-decoration:underline}663.item-control{display:none}664.loadmore.loaded a{display:inline-block;border-bottom:1px solid var(--border-color);text-decoration:none;margin:1rem 0 0 0}665.comments .continue{display:none}666.comments .comment-replies{padding:0 0 0 3.5rem}667.rtl .comments .comment-replies{padding:0 3.5rem 0 0}668.thread-expanded .thread-count a,.loadmore.hidden,.comment-thread .comment .comment .comment-replies,.comment-thread .comment .comment .comment-replybox-single{display:none}669.comments .footer{float:left;width:100%;font-size:0.875rem;margin:0}670.comments-message{color:var(--meta-color);font-style:italic}671.has-comments.no-comment-form .comments-message{margin:1.5rem 0 0}672.comments-message > a{color:var(--accent-color)}673.comments-message > a:hover{color:var(--title-color)}674.comments-message > em{color:#ff3f34;font-style:normal;margin:0 0.25rem}675#comments[data-embed="false"] p.comments-message > i{color:var(--accent-color);font-style:normal}676.comment-form > p{display:none}677.show-cf,.comments #top-continue a{display:flex;align-items:center;justify-content:center;width:100%;height:2.5rem;background:var(--accent-color);font-size:1rem;color:var(--white-color);padding:0 1.5rem;margin:1.5rem 0 0}678.no-comments .show-cf{margin:0}679.show-cf:hover,.comments #top-continue a:hover{opacity:.9}680.show-cf:focus,.comments #top-continue a:focus{box-shadow:0 0 0 2px var(--accent-color-lite)}681.cf-on .show-cf,.comments .comment-replybox-thread,.no-comments .comment-form,.no-comment-form #top-continue a{display:none}682.cf-on .comments .comment-replybox-thread,.cf-on .no-comments .comment-form{display:block}683#comment-editor[height="230px"],#comment-editor[height="1142px"]{height:4.25rem}684#comment-editor{min-height:4.25rem;max-height:fit-content}685#top-ce #comment-editor{margin:1.5rem 0 0}686#post-ads-1,#post-ads-2,#post-ads-3,#post-ads-4{display:none}687.before-ads .widget{margin:0 0 1.5rem}688.after-ads .widget{margin:1.5rem 0 0}689.post-nav{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:0.875rem}690.post-nav > *{display:flex;align-items:center;gap:0.25rem;color:var(--meta-color)}691.post-nav a:hover{color:var(--accent-color)}692.post-nav span{color:var(--meta-color);cursor:no-drop;opacity:.65}693.post-nav .post-nav-link:before,.post-nav .post-nav-link:after{font-size:0.625rem;font-weight:700}694.post-nav-newer-link:before,.rtl .post-nav-older-link:after{content:"\f284"}695.post-nav-older-link:after,.rtl .post-nav-newer-link:before{content:"\f285"}696.blog-pager{display:flex;justify-content:center;margin:var(--main-gap) 0 0}697.blog-pager .btn{display:none;align-items:center;justify-content:center;gap:0.5rem;height:2.5rem;background:var(--accent-color);font-size:1rem;color:var(--white-color);padding:0 2rem}698.blog-pager a:after{content:"\f282";margin:-0.125rem 0 0}699.blog-pager a:hover{opacity:.9}700.blog-pager .no-more{background:var(--gray-bg);color:var(--meta-color);cursor:not-allowed}701.blog-pager .loading{display:none}702.blog-pager .loader{height:2.5rem}703.blog-pager .visible{display:flex}704.sidebar{position:relative;display:grid;grid-template-columns:100%;gap:var(--main-gap)}705.sidebar .widget{display:flex;flex-direction:column}706.sidebar .widget:not(.PopularPosts,.FeaturedPost,.getPosts,.is-ad) .widget-content{position:relative;background:var(--widget-bg);padding:1.5rem;box-shadow:var(--shadow);border-radius:var(--radius)}707.sidebar .widget.is-ad {display:block}708.sidebar .is-ad .title-wrap{display:none}709.sidebar .social{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem}710.sidebar .social a{display:flex;align-items:center;gap:0.5rem;width:100%;height:2.5rem;background:currentColor;font-size:1.125rem;font-weight:400;padding:0 1rem;border-radius:var(--radius)}711.sidebar .social .instagram a{background:var(--instagram)}712.sidebar .social a:before{color:var(--white-color)}713.sidebar .social span{font-size:0.875rem;color:var(--white-color)}714.is-dark .sidebar .social .external-link a{background:var(--gray-bg)}715.is-dark .sidebar .social .external-link a:before,.is-dark .sidebar .social-icons .external-link span{color:var(--title-color)}716.sidebar .social a:hover{opacity:.9}717.pbt-s .loader{height:11.25rem}718.popular-items{display:grid;grid-template-columns:1fr;gap:1rem}719.popular-items .cs{height:13.75rem}720.popular-items .cs .entry-title{font-size:1.25rem}721.popular-list{display:grid;grid-template-columns:1fr;gap:1rem}722.popular-list .post{display:flex;gap:1rem;background:var(--widget-bg);padding:1rem;box-shadow:var(--shadow);border-radius:var(--radius)}723.popular-list .entry-thumbnail{width:6.25rem;height:4.75rem}724.popular-list .entry-header{flex:1;align-self:center}725.popular-list .entry-title{font-size:0.875rem}726.side-items{display:grid;grid-template-columns:1fr 1fr;gap:1rem}727.side-items .post{display:flex;flex-direction:column;gap:0.5rem;background:var(--widget-bg);padding:1rem;box-shadow:var(--shadow);border-radius:var(--radius)}728.side-items .entry-thumbnail{width:100%;height:5.125rem}729.side-items .entry-title{font-size:0.875rem}730.featured-post .cs{height:13.75rem}731.featured-post .entry-title{font-size:1.25rem}732.list-style{display:flex;flex-direction:column;gap:1rem;font-size:0.875rem;color:var(--title-color)}733.list-style li a{display:block;color:var(--title-color)}734.list-style li a.has-count{display:flex;justify-content:space-between}735.list-style li a:hover{color:var(--title-hover-color)}736.list-style .count{color:var(--accent-color)}737.cloud-style{display:flex;flex-wrap:wrap;gap:0.5rem}738.cloud-style li a{display:flex;align-items:center;gap:0.25rem;height:2rem;background:var(--accent-color);color:#ffffff;font-size:0.875rem;font-weight:500;padding:0 1rem;border-radius:var(--radius)}739.cloud-style li a:hover{background:#6366f1;color:var(--white-color)}740.BlogSearch .search-input{display:flex;align-items:center;justify-content:space-between;width:100%;height:2.5rem;background:var(--gray-bg);font-size:0.875rem;color:var(--title-color);cursor:text;padding:0 1rem;border-radius:var(--radius)}741.BlogSearch .search-input:before{content:attr(placeholder);font-family:inherit;opacity:.65}742.BlogSearch .search-input:after{content:"\f52a";font-size:1rem;opacity:.65}743.MailChimp .widget-content{position:relative}744.MailChimp .widget-content:before{content:"\f32f";position:absolute;top:0;right:0;font-size:2.5rem;color:var(--border-color);line-height:1;z-index:1;transform:translate(-0.75rem,0.75rem) rotate(35deg)}745.rtl .MailChimp .widget-content:before{left:0;right:unset;transform:translate(0.75rem,0.75rem) rotate(-35deg)}746.MailChimp .mailchimp-title{font-size:1.25rem;color:var(--title-color);line-height:1.75rem;margin:0 0 1rem}747.MailChimp .mailchimp-text{margin:0 0 1rem}748.MailChimp form{display:flex;flex-direction:column;gap:0.75rem}749.MailChimp .mailchimp-email-address{width:100%;height:2.5rem;background:var(--gray-bg);font-size:0.875rem;color:var(--title-color);padding:0 1rem;border-radius:var(--radius)}750.MailChimp .mailchimp-email-address::placeholder{color:var(--title-color);opacity:.65}751.MailChimp .mailchimp-email-address:focus{box-shadow:0 0 0 2px var(--accent-color-lite)}752.MailChimp .mailchimp-submit{width:100%;height:2.5rem;background:var(--accent-color);font-size:1rem;color:var(--white-color);cursor:pointer;padding:0 1.5rem}753.MailChimp .mailchimp-submit:hover{opacity:.9}754.contact-form-form{display:grid;grid-template-columns:1fr;gap:0.75rem}755.contact-form-widget .cf-s{width:100%;height:2.5rem;background:var(--gray-bg);font-size:0.875rem;color:var(--title-color);padding:0 1rem;border-radius:var(--radius)}756.contact-form-email-message.cf-s{height:auto;resize:vertical;padding:1rem}757.contact-form-widget .cf-s::placeholder{color:var(--title-color);opacity:.65}758.contact-form-widget .cf-s:focus{box-shadow:0 0 0 2px var(--accent-color-lite)}759.contact-form-button-submit{float:left;width:100%;height:2.5rem;background:var(--accent-color);font-family:inherit;font-size:1rem;color:var(--white-color);font-weight:400;cursor:pointer;padding:0 1.5rem;border:0;border-radius:var(--radius)}760.contact-form-button-submit:hover{opacity:.9}761.contact-form-widget p{display:none;margin:0}762.contact-form-widget .contact-form-error-message-with-border,.contact-form-widget .contact-form-success-message-with-border{display:block;font-size:0.75rem;color:#ef4444;line-height:1rem}763.contact-form-widget .contact-form-success-message-with-border{color:#22c55e}764.contact-form-cross{cursor:pointer;margin:0 0.25rem}765.Profile ul li{float:left;width:100%;padding:1.25rem 0 0;margin:1.25rem 0 0;border-top:1px solid var(--border-color)}766.Profile ul li:first-child{padding:0;margin:0;border:0}767.Profile .individual,.Profile .team-member{display:flex;align-items:center;gap:0.75rem}768.Profile .profile-img{width:2.75rem;height:2.75rem;background:var(--gray-bg);overflow:hidden;border-radius:50%}769.Profile .profile-info{flex:1}770.Profile .profile-name{display:block;font-family:var(--title-font);font-size:1rem;color:var(--title-color);font-weight:var(--title-weight);line-height:1.5rem}771.Profile .profile-name:hover{color:var(--title-hover-color)}772.Profile .profile-link{display:block;font-size:0.75rem;color:var(--meta-color);line-height:1rem;margin:0.125rem 0 0}773.Profile .profile-link:hover{color:var(--accent-color)}774.Image img{width:auto;height:auto}775.Image .image-caption{margin:0.5rem 0 0}776.Attribution a{display:flex;align-items:center;font-size:1rem;color:var(--title-color);font-weight:var(--title-weight);line-height:1.5rem}777.Attribution a > svg{width:1.125rem;height:1.125rem;fill:var(--accent-color);margin:0 0.375rem 0 0}778.rtl .Attribution a > svg{margin:0 0 0 0.375rem}779.Attribution a:hover{color:var(--title-hover-color)}780.Attribution .copyright{font-size:0.75rem;color:var(--meta-color);line-height:1rem;padding:0.125rem 1.5rem 0}781#google_translate_element{position:relative;overflow:hidden}782.Translate .goog-te-gadget{font-family:inherit;font-size:0.75rem;color:var(--meta-color)}783.rtl .Translate .goog-te-gadget{direction:inherit}784.Translate .goog-te-gadget a{font-size:1em;color:var(--title-color)}785.Translate .goog-te-gadget a:hover{color:var(--title-hover-color)}786.Translate .goog-te-combo{width:100%;background:var(--widget-bg);font-family:var(--body-font);font-size:0.875rem;padding:1rem;margin:0 0 0.25rem!important;box-shadow:var(--shadow);border-radius:var(--radius)}787.Translate .goog-te-gadget-simple{width:100%;font-size:0.875rem!important;padding:1rem!important;border:0!important;box-shadow:var(--shadow);border-radius:var(--radius)}788.Stats .text-counter-wrapper{display:flex;align-items:center;gap:0.375rem;font-size:1.25rem;color:var(--title-color);font-weight:700;text-transform:uppercase}789.Stats .text-counter-wrapper:before{content:"\f673";font-size:1.125rem}790.ReportAbuse > h3{display:flex;gap:0.375rem;background:var(--widget-bg);font-size:0.875rem;color:var(--accent-color);font-weight:400;padding:1.5rem;box-shadow:var(--shadow);border-radius:var(--radius)}791.ReportAbuse > h3:before{content:"\f33a"}792.ReportAbuse > h3 a:hover{text-decoration:underline}793.Header .header-widget a{font-size:1.25rem;color:var(--title-color);font-weight:var(--title-weight)}794.Header .header-widget a:hover{color:var(--title-hover-color)}795.wikipedia-search-form{display:flex;gap:0.75rem}796.wikipedia-search-input{flex:1;width:100%;height:2.5rem;background:var(--gray-bg);font-size:0.875rem;color:var(--title-color);padding:0 1rem;border-radius:var(--radius)}797.wikipedia-search-input::placeholder{color:var(--title-color);opacity:.65}798.wikipedia-search-input:focus{box-shadow:0 0 0 2px var(--accent-color-lite)}799.wikipedia-search-button{height:2.5rem;background:var(--accent-color);font-size:0.875rem;color:var(--white-color);cursor:pointer;padding:0 1rem}800.wikipedia-search-button:hover{opacity:.9}801.wikipedia-search-results-header,.wikipedia-search-results:not(:has(a)){display:none!important}802.wikipedia-search-results a{display:flex;gap:0.375rem;font-size:0.875rem;color:var(--title-color);margin:1rem 0 0}803.wikipedia-search-results a:after{content:"\f1c5";font-size:0.75rem}804.wikipedia-search-results a:hover{color:var(--title-hover-color)}805.wikipedia-search-more:not(:has(a)){display:none!important}806.wikipedia-search-more a{display:flex;align-items:center;justify-content:center;height:2.5rem;background:var(--accent-color);font-size:1rem;color:var(--white-color);padding:0 1rem;margin:1rem 0 0;border-radius:var(--radius)}807.wikipedia-search-more a:hover{opacity:.9}808.wikipedia-search-more a:focus{box-shadow:0 0 0 2px var(--accent-color-lite)}809.footer-ads .widget{margin:var(--main-gap) 0 0}810.site-footer{position:relative;background:var(--footer-bg);box-shadow:var(--shadow);margin:var(--main-gap) 0 0;--title-color:var(--footer-color);--title-hover-color:var(--footer-hover-color);--text-color:var(--footer-text-color);--summary-color:var(--footer-text-color);--gray-bg:rgba(155,155,155,.07)}811.site-footer .footer{float:left;width:100%}812#about{gap:var(--main-gap);padding:2.5rem 0}813.about-section .Image{display:flex;align-items:center;justify-content:space-between;flex:1;max-width:calc(100% - (var(--sidebar) + var(--main-gap)));gap:2rem}814.footer-info{flex:1}815.footer-info .title{font-size:1.25rem;color:var(--title-color);line-height:1.75rem;margin:0 0 1rem}816.footer-logo img{display:block;max-height:2.5rem}817.footer-info .image-caption{margin:0}818.footer-info .image-caption a{color:var(--title-color)}819.footer-info .image-caption a:hover{opacity:.9}820.about-section .LinkList{display:flex;align-items:center;justify-content:flex-end;width:var(--sidebar)}821.about-section ul.social{display:flex;flex-wrap:wrap;gap:0.75rem}822.about-section .social a{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:var(--gray-bg);font-size:1.125rem;border-radius:var(--radius)}823.about-section .social a:before{color:var(--title-color)}824.about-section .social a:hover{background:currentColor}825.about-section .social a:hover:before{color:var(--white-color)}826.about-section .social .instagram a:hover{background:var(--instagram)}827.is-dark .footer-bar.is-simple{--footerbar-bg:var(--footer-bg);--footerbar-color:var(--footer-color);--footerbar-hover-color:var(--footer-hover-color)}828.footer-bar{float:left;width:100%;background:var(--footerbar-bg);font-size:0.875rem;color:var(--footerbar-color);padding:1.5rem 0}829.footer-bar .container{gap:var(--main-gap)}830.footer-copyright a{color:var(--footerbar-color)}831.footer-copyright a:hover{color:var(--footerbar-hover-color)}832.footer-menu ul{display:flex;flex-wrap:wrap;gap:0.5rem 1.5rem}833.footer-menu a{color:var(--footerbar-color)}834.footer-menu a:hover{color:var(--footerbar-hover-color)}835.is-error .main-wrap{width:100%}836.is-error .sidebar-wrap{display:none}837.errorWrap{gap:1.5rem}838.errorWrap{color:var(--title-color);text-align:center;padding:4rem 0}839.errorWrap h3{font-size:9rem;color:var(--title-color);line-height:1}840.errorWrap h4{font-size:1.875rem;color:var(--title-color)}841.errorWrap p{color:var(--text-color);font-size:1rem}842.errorWrap a{display:flex;align-items:center;align-self:center;height:2.5rem;background:var(--accent-color);font-size:1rem;color:var(--white-color);padding:0 2rem}843.errorWrap a:hover{opacity:.9}844html:not([native-cookie]) .cookie-choices-info{display:none}845.cookie-consent{display:none;position:fixed;left:1.5rem;bottom:1.5rem;width:27.5rem;background:var(--modal-bg);z-index:1020;padding:1rem;visibility:hidden;opacity:0;border-radius:var(--radius);box-shadow:var(--shadow),0 10px 15px -3px #1e293b0d;transition:visibility .35s ease,opacity .35s ease,transform .35s ease}846.rtl .cookie-consent{left:unset;right:1.5rem}847.cookie-consent.visible{visibility:visible;opacity:1}848.cookie-consent .widget{display:flex;align-items:center;gap:1rem}849.consent-text a{text-decoration:underline}850.consent-text a:after{content:"\f1c5";margin:0 0 0 0.25rem}851.rtl .consent-text a:after{margin:0 0.25rem 0 0}852.consent-text a:hover{opacity:.9}853.consent-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:auto;height:2.25rem;background:var(--accent-color);font-size:0.875rem;color:var(--white-color);padding:0 1rem}854.consent-button:hover{opacity:.9}855.to-top{display:flex;align-items:center;justify-content:center;position:fixed;right:1.5rem;bottom:1.5rem;width:2.5rem;height:2.5rem;background:var(--accent-color);font-size:1.25rem;color:var(--white-color);z-index:50;opacity:0;visibility:hidden;transition:all .17s ease}856.rtl .to-top{right:auto;left:1.5rem}857.to-top:before{content:"\f286"}858.to-top.show{opacity:1;visibility:visible}859.to-top:hover{opacity:.9}860ins.adsbygoogle-noablate[data-anchor-shown="true"]{z-index:990!important}861.content-wrap > .google-auto-placed,.content-wrap .container > .google-auto-placed{display:none!important}862#hidden,.is-empty{display:none}863.CSS_LIGHTBOX{z-index:999999!important}864.CSS_LIGHTBOX_BG_MASK{background-color:rgba(0,0,0,.9)!important;opacity:1!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}865.CSS_LIGHTBOX_BTN_CLOSE{display:flex;align-items:center;justify-content:center;background:transparent!important;top:0!important;right:0!important;width:2.75rem!important;height:2.75rem!important}866.CSS_LIGHTBOX_BTN_CLOSE:before{content:"\f659";font-size:1.25rem;color:var(--white-color)}867.CSS_LIGHTBOX_BTN_CLOSE:hover:before{opacity:.85}868.rtl .CSS_LIGHTBOX_BTN_CLOSE{right:unset!important;left:0}869.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0}870.pbt-ad{display:flex;align-items:center;justify-content:center}871.pbt-ad img{height:auto}872@media (max-width: 1108px) {873.site-outer,.is-boxed .site-outer,.is-boxed .header-header{width:100%;max-width:100%;margin:0}874.row-x1{width:100%}875.container{padding:0 1.5rem}876.main-wrap{width:calc(70% - var(--main-gap))}877.sidebar-wrap{width:30%}878.cookie-consent{left:1.5rem;bottom:1.5rem}879.rtl .cookie-consent{left:1.5rem;right:auto}880.to-top{right:1.5rem;bottom:1.5rem}881.rtl .to-top{left:1.5rem;right:auto}882}883@media (max-width: 980px) {884.main-header .container{padding:0!important}885.header-items{flex-wrap:nowrap;gap:1.25rem}886.mobile-menu-toggle{display:flex}887#main-menu{display:none}888.slide-menu{display:flex}889.menu-on .overlay-bg{visibility:visible;opacity:1}890.flex-left{gap:0;overflow:hidden}891.main-logo{flex-shrink:1}892.flex-right,.rtl .flex-right{position:relative;top:unset;left:unset;right:unset}893.toggle-wrap{padding:0 1.25rem}894}895@media (max-width: 880px) {896.yt-img\:x3:after{transform:translate(50%,50%) scale(.95)}897.content-wrap > .container,.is-left .content-wrap > .container{flex-direction:column!important;justify-content:flex-start}898.main-wrap,.sidebar-wrap{width:100%}899.sidebar-wrap{margin:var(--main-gap) 0 0}900.featured .widget{--height:15.625rem}901.featured-items{grid-template-columns:1fr}902.related-items .entry-thumbnail{height:8.125rem}903.sidebar .social{grid-template-columns:repeat(4,1fr)}904.popular-items .cs{height:15.625rem}905.popular-items .cs .entry-title{font-size:1.375rem}906.popular-list{grid-template-columns:1fr 1fr}907.popular-list .entry-thumbnail{width:6.875rem;height:5.125rem}908.popular-list .entry-title{font-size:1rem}909.side-items{grid-template-columns:repeat(3,1fr)}910.side-items .entry-thumbnail{height:8.125rem}911.side-items .entry-title{font-size:1rem}912.featured-post .cs{height:15.625rem}913.featured-post .entry-title{font-size:1.375rem}914#about{flex-direction:column;gap:1.5rem}915.about-section .Image{flex-direction:column;justify-content:center;flex:unset;gap:1.5rem;max-width:100%;text-align:center}916.footer-info .title{display:none}917.footer-logo{padding:0!important}918.about-section .LinkList,.about-section ul.social{width:100%;justify-content:center}919.footer-bar{height:auto;line-height:inherit;padding:var(--main-gap) 0}920.footer-bar .container{display:grid;grid-template-columns:1fr;gap:1rem;text-align:center}921.footer-copyright{order:1}922.footer-menu ul{justify-content:center}923.menu-on .to-top{opacity:0!important}924}925@media (max-width: 680px) {926.featured .widget{--height:15rem}927.trending-items .item-0{flex-direction:column;gap:1rem}928.trending-items .item-0 .entry-thumbnail{width:100%;height:13.75rem}929.trending-items .item-0 .entry-header{flex:auto}930.trending-list{grid-template-columns:1fr}931.list-items .post{flex-direction:column;gap:1rem}932.list-items .entry-thumbnail{width:100%;height:13.75rem}933.list-items .entry-header{flex:auto}934.grid-items{grid-template-columns:1fr}935.grid-items .entry-thumbnail{height:13.75rem}936.item-post h1.entry-title{font-size:1.875rem}937.post-body table{display:block}938.related-items{grid-template-columns:1fr 1fr}939.sidebar .social{grid-template-columns:1fr 1fr}940.popular-items .cs{height:15rem}941.popular-list{grid-template-columns:1fr}942.side-items{grid-template-columns:1fr 1fr}943.featured-post .cs{height:15rem}944.errorWrap{padding:2rem 0}945.errorWrap h3{font-size:8rem}946.errorWrap h4{line-height:initial}947}948@media (max-width: 480px) {949.yt-img\:x2:after,.yt-img\:x3:after{transform:translate(50%,50%) scale(.75)}950.container{padding:0 1rem}951.mobile-menu-toggle{padding:1rem}952.toggle-wrap{padding:1rem}953.main-search{top:1rem;max-width:calc(100% - 2rem);max-height:calc(100% - 2rem)}954.post-card a.entry-link{grid-template-columns:1fr;gap:1rem}955.post-card .entry-thumbnail{height:11.25rem}956.post-card .entry-header{flex:auto;align-self:start;padding:0}957.post-card .entry-title{-webkit-line-clamp:3}958.cta-card{flex-direction:column;align-items:start}959.cta-card .card-header{align-items:start}960.cta-card .card-title{-webkit-line-clamp:2}961.cta-card a.card-btn{width:100%}962.pagination .btn{width:2.5rem;justify-content:center;gap:0;font-size:0;padding:0}963.pagination .btn:before,.pagination .btn:after{font-size:1.25rem}964.share-a .twitter .sl{width:2.5rem}965.share-a .twitter .sl span{display:none}966.share-a .whatsapp{display:none}967.copy-link input{font-size:1rem}968.related-items .entry-thumbnail{height:6.75rem}969.side-items .entry-thumbnail{height:6.75rem}970.BlogSearch .search-input{font-size:1rem}971.MailChimp .mailchimp-email-address{font-size:1rem}972.contact-form-widget .cf-s{font-size:1rem}973.wikipedia-search-input,.wikipedia-search-button{font-size:1rem}974.cookie-consent{left:1rem!important;right:1rem!important;bottom:1rem;width:calc(100% - 2rem)}975.share-modal{max-width:calc(100% - 2rem)}976.to-top{right:1rem;bottom:1rem}977.rtl .to-top{left:1rem;right:auto}978}979@media (max-width: 380px) {980.yt-img\:x2:after,.yt-img\:x3:after{transform:translate(50%,50%) scale(.65)}981.search-items .entry-thumbnail{width:6.25rem;height:4.75rem}982.search-items .entry-title{font-size:0.875rem}983.featured .widget{--height:13.75rem}984.featured-items .cs .entry-title{font-size:1.25rem}985.trending-items .item-0 .entry-thumbnail{height:12.5rem}986.trending-list .entry-thumbnail{width:6.25rem;height:4.75rem}987.trending-list .entry-title{font-size:0.875rem}988.list-items .entry-thumbnail{height:12.5rem}989.grid-items .entry-thumbnail{height:12.5rem}990.item-post h1.entry-title{font-size:1.625rem}991.entry-meta .al-items{flex-direction:column;line-height:1rem}992.post-header .entry-meta .entry-time .sp{display:none}993.pbt-toc-inner{min-width:100%}994.share-a .facebook .sl{width:2.5rem}995.share-a .facebook .sl span{display:none}996.related-items .entry-thumbnail{height:6.125rem}997.related-items .entry-title{font-size:0.875rem}998.popular-items .cs{height:13.75rem}999.popular-items .cs .entry-title{font-size:1.25rem}1000.popular-list .entry-thumbnail{width:6.25rem;height:4.75rem}1001.popular-list .entry-title{font-size:0.875rem}1002.side-items .entry-thumbnail{height:6.125rem}1003.side-items .entry-title{font-size:0.875rem}1004.featured-post .cs{height:13.75rem}1005.featured-post .entry-title{font-size:1.25rem}1006.cookie-consent .widget{flex-direction:column}1007.consent-button{width:100%}1008}1009 1010-->1011  </style>1012  <noscript>1013  </noscript>1014  <meta content="ca-host-pub-1556223355139109" name="google-adsense-platform-account">1015  <meta content="blogspot.com" name="google-adsense-platform-domain">1016 </head>1017 <body class="is-single is-post">1018  <div class="site-outer">1019   <header class="site-header">1020    <div class="main-header">1021     <div class="header-inner">1022      <div class="header-header flex-c">1023       <div class="container row-x1">1024        <div class="header-items">1025         <div class="flex-left">1026          <button aria-label="Show Menu" class="mobile-menu-toggle">1027          </button>1028          <div class="main-logo section" id="main-logo" name="Header Logo">1029           <div class="widget Image" data-version="2" id="Image50">1030            <a class="logo-img" rel="home">1031             <img alt="Pinoy Metro Geek" data-src="" fetchpriority="high" height="202" src="rick.jpg" width="1559">1032            </a>1033           </div>1034          </div>1035          <div class="main-menu section" id="main-menu" name="Header Menu">1036           <div class="widget LinkList is-ready" data-version="2" id="LinkList200">1037            <ul class="main-nav" id="main-nav">1038             <li id="item-0">1039              <a>1040               Home1041              </a>1042             </li>1043             <li id="item-1">1044              <a>1045               About Us1046              </a>1047             </li>1048             <li id="item-2">1049              <a>1050               Reviews1051              </a>1052             </li>1053             <li id="item-3">1054              <a>1055               Gadgets1056              </a>1057             </li>1058            </ul>1059           </div>1060          </div>1061         </div>1062         <div class="flex-right">1063          <div class="toggle-wrap">1064           <button aria-label="Dark Mode" class="darkmode-toggle">1065           </button>1066           <button aria-label="Search" class="search-toggle">1067           </button>1068          </div>1069         </div>1070        </div>1071       </div>1072      </div>1073     </div>1074    </div>1075   </header>1076   <section class="content-wrap flex-c">1077    <div class="container row-x1 flex-sb" style="transform: none;">1078     <main class="main-wrap" style="position: relative; overflow: visible; box-sizing: border-box; min-height: 1px;">1079      <div class="pbtStickySidebar" style="padding-top: 0px; padding-bottom: 1px; position: static; transform: none;">1080       <div class="main section" id="main" name="Latest Posts">1081        <div class="widget Blog" data-version="2" id="Blog1">1082         <div class="blog-posts item-post-wrap flex-col">1083          <article class="item-post hentry">1084           <div class="item-post-inner flex-col">1085            <div class="entry-header post-header has-meta">1086             <nav id="breadcrumb">1087              <a class="home">1088               Home1089              </a>1090              <i class="sep">1091              </i>1092              <a class="label">1093               Android1094              </a>1095             </nav>1096             <h1 class="entry-title">1097              Torque EGO Note 4G now official: Specs, Price, Availability1098             </h1>1099             <div class="entry-meta">1100              <div class="align-left has-time">1101               <span class="entry-avatar">1102                <span class="avatar" data-src="//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ2JwAXWW1X6zNjsrP2-wmQK7v38i_up0Byz-SNwcz4aSiNyQoWZFTvFx1Ftv1HWXKLv_wAs3CUIWuGKC9lmujQr87gOkTKqwFVXh3KdYAeDXsk7bz0gLJAwOZ6knmk_M/w72-h72-p-k-no-nu/Profile+Photo.jpg">1103                </span>1104               </span>1105               <div class="al-items">1106                <span class="entry-author">1107                 <span class="by sp">1108                  by1109                 </span>1110                 <span class="author-name">1111                  Ian Fuentes1112                 </span>1113                </span>1114                <span class="entry-time">1115                 <span class="sp">1116                  -1117                 </span>1118                 <time class="published" datetime="2017-08-10T12:29:00+08:00">1119                  August 10, 20171120                 </time>1121                </span>1122               </div>1123              </div>1124              <div class="align-right">1125               <button aria-label="Share" class="share-toggle">1126               </button>1127              </div>1128             </div>1129            </div>1130            <div class="entry-content-wrap flex-col">1131             <div class="post-body entry-content" id="post-body">1132              <div dir="ltr" style="text-align: left;" trbidi="on">1133               <div style="text-align: justify;">1134                <span style='font-family: "verdana" , sans-serif;'>1135                 Torque EGO Note 4G is now official alongside two other smartphones. This is a capable phablet catered to content-hungry individuals.1136                </span>1137               </div>1138               <div style="text-align: justify;">1139                <br>1140               </div>1141               <h2 style="text-align: justify;">1142                <span style='font-family: "verdana" , sans-serif;'>1143                 <b>1144                  The Torque EGO Note 4G&nbsp;1145                 </b>1146                </span>1147               </h2>1148               <h2 style="text-align: justify;">1149                <span style='font-family: "verdana" , sans-serif;'>1150                 <b>1151                  &nbsp;1152                 </b>1153                </span>1154               </h2>1155               <div class="separator" style="clear: both; text-align: justify;">1156                <span style='font-family: "verdana" , sans-serif;'>1157                 <a imageanchor="1" style="margin-left: 1em; margin-right: 1em;">1158                  <img border="0" data-original-height="450" data-original-width="830" fetchpriority="high" height="346" src="rick.jpg" width="640">1159                 </a>1160                </span>1161               </div>1162               <div style="text-align: justify;">1163                <span style='font-family: "verdana" , sans-serif;'>1164                 <br>1165                 Under the hood, the Torque EGO Note 4G ticks with 1.3 GHz quad-core CPU and 1GB of RAM. There's an 8GB of native storage with up to 32GB expansion option.1166                 <br>1167                 <br>1168                 At the back, the Torque EGO Note 4G mounts 8MP rear camera with autofocus and LED flash.1169                 <br>1170                 <br>1171                 The Torque EGO Note 4G is only priced at Php 4,599.1172                </span>1173               </div>1174               <h3 style="text-align: left;">1175                <span style='font-family: "verdana" , sans-serif;'>1176                 <b>1177                  Torque EGO Note Specs1178                 </b>1179                </span>1180               </h3>1181               <h3>1182                <span style='font-family: "verdana" , sans-serif;'>1183                </span>1184               </h3>1185               <div style="text-align: justify;">1186                <span style='font-family: "verdana" , sans-serif;'>1187                 <br>1188                 5.5-inch HD LCD Display 720 x 1280 pixels1189                 <br>1190                 Quad-core 64-bit 1.3GHz Cortex-A53 CPU1191                 <br>1192                 1GB of RAM1193                 <br>1194                 8GB Internal Memory up to 32GB expandable1195                 <br>1196                 8MP Rear Camera, with AF and LED Flash1197                 <br>1198                 5MP front camera1199                 <br>1200                 4G LTE, 3G, 2G
Showing the first 1,200 of 1768 lines. Download the file for the rest.