my blog code

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<b:with value='data:view.isSearch and (data:view.url == data:view.url params { amp: "1" })' var='isFeed'>

<head>

<style>

/* Wrap the image in the post list */

.entry-image-wrap {

position: relative;

display: block;

overflow: hidden;

}

/* Sky blue circular icon with your image */

.entry-image-wrap::after {

content: '';

position: absolute;

top: 50%;

left: 50%;

width: 56px;

height: 56px;

margin: -28px 0 0 -28px;

background-color: rgba(135, 211, 244, 0.9); /* sky blue */

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh64q5I0uTF5OIQqAnAQjC1q_NwApS5qNqXIOw7Hsw_B-VJpTHYygmik6tA5kCZvPO3sJQq16ZSAKJBAFFq-6I87Ooy4Cn1MsREzOcVZ2_4B4TOlEQsb2c1lR_mi0pIl5g05gMMyiMrorvQFpo8JGxvcCKhx1624U2Ang-BsUyLN8JH6I1Ezfx8eTQCUtui/s1600/gg.png);

background-repeat: no-repeat;

background-size: 28px 28px;

background-position: center;

border-radius: 50%;

opacity: 0;

transform: scale(0.5);

transition: all 0.3s ease;

pointer-events: none;

z-index: 10;

}

/* Show and bounce icon on hover */

.entry-image-wrap:hover::after {

opacity: 1;

transform: scale(1);

animation: bounce 0.6s ease;

}

/* Show on tap for mobile */

@media (hover: none) {

.entry-image-wrap:active::after {

opacity: 1;

transform: scale(1);

animation: bounce 0.6s ease;

}

/* Bounce animation */

@keyframes bounce {

0% { transform: scale(0.8) translateY(0); }

50% { transform: scale(1.1) translateY(-4px); }

100% { transform: scale(1) translateY(0); }

}

/* Optional image zoom effect */

.entry-thumb {

transition: transform 0.3s ease;

}

.entry-image-wrap:hover .entry-thumb {

transform: scale(1.05);

}

</style>

<b:include name='theme-head'/>

<b:if cond='!data:view.isLayoutMode and !data:isFeed'>

<b:skin version='2.0.0'><![CDATA[/*

-----------------------------------------------

Blogger Template Style

Name: Grid Mag - Blogger Free Template

Version: 1.3.0.V

Author: Piki Templates

Author Url: https://pikitemplates.com/

Last Update: 18/November/2023

This Theme is Created by pikitemplates.com This work is licensed under a Creative Commons Attribution-NoDerivatives 4.0 International License http://creativecommons.org/licenses/by-nd/4.0/ No One Has Been Permission to Sell Or Distribute this template without Our Permission.

----------------------------------------------- */

</Group>

</Group>

</Group>

</Group>

</Group>

</Group>

</Group>

</Group>

</Group>

</Group>

/*-- Reset CSS Start Here --*/

html.rtl {

--body-font: Cairo,sans-serif;

--meta-font: Cairo,sans-serif;

--title-font: Cairo,sans-serif;

--text-font: Cairo,sans-serif;

}

:root{

--body-font:'$(main.font.family)', sans-serif;

--title-font:'$(title.font.family)', sans-serif;

--meta-font:'$(meta.font.family)', sans-serif;

--text-font:'$(text.font.family)', sans-serif;

--icons-font:"bootstrap-icons",bootstrap-icons;

--text-font-color:$(text.post.inner);

--runs-solid-color:#c1bbbb;

--black-color:#404040;

--hero-color:#aaaaaa;

--main-menu-bg:$(main.menu.bg);

--snippet-color:#aba4a4;

--solid-border:#ddd;

--featured-posts-title:$(featured.posts.title);

--button-bg-color:$(main.button.color);

--button-text-color:$(main.button.text.color);

--lables-buttons-color:$(lables.buttons.color);

--lables-text-color:$(lables.text.color);

--email-bg-color:$(email.bg.color);

--email-text-color:$(email.text.color);

--cloud-bg-color:$(cloud.bg.color);

--cloud-border-color:$(cloud.bg.color);

--list-text-color:$(list.text.color);

--theme-text-color:$(theme.text.color);

--featured-gadgets-title:$(featured.gadgets.title);

--placeholder-text-color:#3e3e3e;

--main-menu-text-color:$(main.menu.text.color);

--sub-menu-text-color:$(sub.menu.text.color);

--footer-title-color:$(footer.title.color);

--footer-copyright-bg:$(footer.copyright.bg);

--body-color-main:$(body.background);

--all-link-color:$(main.link.color);

--black-text:#343434;

--sp-bg:#fcfbf6;

--topbar-bg:$(topbar.bg);

--bg-cards-search:#f5f8fc;

--main-text-color:$(main.text.color);

--iljxXmm-bg:$(mobile.menu.bg.color);

--mobile-text-color:$(mobile.text.color);

--white-bg:#ffffff;

--ticker-bg:#F7F7F7;

--block-bg:#ffffff;

--featured-posts-title-featured:#ffffff;

--white-label-color:#ffffff;

--bg-cards:#ffffff;

--bg-cards-video:#121212;

--bg-cards-shadow:0px 3px 3px 0 rgb(0 0 0 / 0.08);

--bt-breaking:rgba(0 0 0 / 0.08);

--bt-breaking-text:#626262;

--shadow-top:0 0 20px rgba(0,0,0,.15);

--shadow-top-fixed:5px 5px 8px 0px rgba(224 223 223 / 0.48);

--ads-bg:rgb(143 183 255 / 0.20);

--ads-text:#898989;

--buttons-category-text:#1d1d1d;

--snip-text-color:#eeeeee;

--comments-dec:#333;

--sticky-bg:#f1f1f1;

--input-form:transparent;

--bt-home:#f2f7fb;

--cm-count:#555555;

--shadow-light:0px 2px 5px 1px rgb(0 0 0 / 0.10);

--ilipm-text:#4e4e4e;

--sticky-lists:#f7fcff;

--post-snip-data:#707070;

--post-snip-open:#383838;

--ico-relative:#c11111;

--front-bg-lists:#fff;

--share-author-links:#585858;

--box-posts-share:#FAFAFC;

--title-share:#1c1c1c;

--title-share-fa:#5c5c5c;

--footer-text-color:$(footer.text.color);

--footer-about-text:$(footer.about.color);

--footer-bg-color:$(footer.background.color);

--footer-gadgets-title:$(footer.gadgets.title);

--main-logo-text-color:$(main.logo.text.color);

--submenu-bg-color:$(submenu.background.color);

--comment-content:#f6f6f6;

--comment-text:#5e5e5e;

--label-text-color:#2c2c2c;

--pager-text-color:$(body.text.color);

--back-top:rgb(90 90 90 / 0.18);

--box-shadows:rgb(102 102 102 / 0.13);

}

body.dark{

--main-logo-text-color:#d4d4d4;

--all-link-color:rgba(255,255,255,.7);

--body-color-main:#292929;

--main-menu: #383838;

--sp-bg:#212121;

--text-font-color:#d3d3d3;

--shadow-top:none;

--top-bar:#2d2d2d;

--cloud-border-color:rgb(100 100 100 / 0.66);

--cloud-bg-color:#ffffff;

--iljxXmm-bg:#212121;

--main-menu-bg:#212121;

--ticker-bg:#1e1e1e;

--input-form:rgb(112 112 112 / 0.34);

--shadow-top-fixed:none;

--white-label-color:#464646;

--main-menu-text-color:#dadada;

--list-text-color:#fff;

--sub-menu-text-color:#dadada;

--title-share:#dddddd;

--black-color:#d9d9d9;

--title-share-fa:#dddddd;

--front-bg-lists:#292929;

--box-shadows:transparent;

--bt-home:#212121;

--sticky-lists:#212121;

--post-snip-open:#eee;

--footer-gadgets-title:#c3c3c3;

--footer-title-color:#adadad;

--op-bg:0.1;

--sticky-bg:#212121;

--placeholder-text-color:#dadada;

--theme-text-color:#dadada;

--featured-gadgets-title:#dadada;

--mobile-text-color:#ffffff;

--ads-bg:#212121;

--box-posts-share:#323232;

--submenu-bg-color:#212121;

--label-text-color:#a1a1a1;

--featured-posts-title: #c3c3c3;

--ads-text:#dadada;

--buttons-category-text:#dadada;

--bg-cards:#212121;

--bg-cards-search:#222222;

--block-bg:#3a3a3a;

--black-text:#f3f8fb;

--post-snip-data:#a5a5a5;

--comments-dec:#cecece;

--comment-content:#353535;

--comment-text:#c1c1c1;

--footer-bg-color:#181818;

--footer-text-color:#E4E4E4;

--cm-count:#E4E4E4;

--main-text-color:#E4E4E4;

--ilipm-text:#c3c3c3;

--share-author-links:#E4E4E4;

--footer-copyright-bg:#292929;

}

a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,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;border:0;outline:0;vertical-align:baseline;background:0;margin:0;text-decoration:none;}

form,textarea,input,button{font-family:var(--body-font);-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:5px;outline:none;box-sizing:border-box;border:none;}

.CSS_LIGHTBOX{z-index:999999!important}.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0}

html{position:relative;word-break:break-word;word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

dl,ul{list-style-position:inside;font-weight:400;list-style:none}

button{cursor: pointer;outline: none;border: none;}

ul li{list-style:none}

caption,th{text-align:center}

.blogger-clickTrap{position:unset !important;}

.box-view #outer-wrapper{max-width: 1190px;}

html,body{text-size-adjust:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none}

.separator a{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}

iframe[src*="youtube.com"]{width:100%;height:auto;aspect-ratio:16/9}

.widget iframe,.widget img{max-width:100%}

.container{position:relative;max-width: 100%;width: 1145px;}

.center{display:table;margin:0 auto;position:relative}

img{border:0;position:relative}

a,a:visited{text-decoration:none}

.clearfix{clear:both}

.section,.widget,.widget ul{margin:0;padding:0}

a{color:var(--all-link-color)}

a img{border:0}

abbr{text-decoration:none}

.widget>h2,.widget>h3{display:none}

*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/*-- CSS Variables --*/

.no-items.section{display:none}

h1,h2,h3,h4,h5,h6{font-family:var(--title-font);font-weight:600}

body{position:relative;background:var(--body-color-main);font-family:var(--body-font);font-size:14px;font-weight:400;color:var(--black-text);word-wrap:break-word;margin:0;padding:0;font-style:normal;line-height:1.4em}

#outer-wrapper{position:relative;overflow:hidden;width:100%;max-width:100%;margin:0 auto}

.outer-container{display: flex;justify-content: space-between;}

.dark .post-body p{background:transparent!important;color:#fff!important}

#center-container{position:relative;overflow:hidden;padding:20px 0 0;margin:0}

#feed-view{position:relative;float:left;width:calc(100% - ($(sidebar.width) + 5px));box-sizing:border-box;padding:0}

#sidebar-container{position:relative;float:right;width:$(sidebar.width);box-sizing:border-box;padding:0}

.snip-thumbnail{position:relative;width:100%;height:100%;display:block;object-fit:cover;z-index:1;opacity:0;transition:opacity .30s ease,transform .30s ease}

.snip-thumbnail.lazy-img{opacity:1}

.post-filter-inner .post-filter-link{transform: scale(1);}

.post-filter-link:hover .snip-thumbnail,.tickerNews .post-filter-inner:hover .snip-thumbnail,.sidebar .post-filter-inner:hover .snip-thumbnail{transform: scale3d(1.1,1.1,1);}

.background-layer:before{content:'';position:absolute;left:0;right:0;bottom:0;height:55%;background-image:linear-gradient(to bottom,transparent,rgb(20 21 32 / 0.76));-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2;opacity:1;margin:0;transition:opacity .25s ease}

.colorful-ico .external-link a:before,.social .external-link a:before{content:'\F1C5';}

.colorful a:hover {opacity: 0.8;}

li a.bi-twitter:before{content:"\f8db";}

.colorful .blogger a{color:#ff5722}

.colorful .facebook a{color:#3b5999}

.colorful .twitter-x a,.colorful .twitter a{color:#1a9bfd}

.colorful .youtube a{color:#f50000}

.colorful .messenger a{color:#0084ff}

.colorful .snapchat a{color:#ffe700}

.colorful .telegram a{color:#179cde}

.colorful .instagram a{color:#dd277b}

.colorful .pinterest a,.colorful .pinterest-p a{color:#ca2127}

.colorful .google a{color:#0165b4}

.colorful .apple a{color:#000000}

.colorful .microsoft a{color:#0165b4}

.colorful .dribbble a{color:#ea4c89}

.colorful .linkedin a{color:#0077b5}

.colorful .tiktok a{color:#fe2c55}

.colorful .stumbleupon a{color:#eb4823}

.colorful .vk a{color:#4a76a8}

.colorful .stack-overflow a{color:#f48024}

.colorful .github a{color:#24292e}

.colorful .soundcloud a{background:linear-gradient(#ff7400,#ff3400)}

.colorful .behance a{color:#191919}

.colorful .digg a{color:#1b1a19}

.colorful .delicious a{color:#0076e8}

.colorful .codepen a{color:#000}

.colorful .flipboard a{color:#f52828}

.colorful .reddit a{color:#ff4500}

.colorful .twitch a{color:#6441a5}

.colorful .rss a{color:#ffc200}

.colorful .skype a{color:#00aff0}

.colorful .whatsapp a{color:#3fbb50}

.colorful .discord a{color:#7289da}

.colorful .share a{color:var(--hero-color)}

.colorful .mailbox a{color:#888}

.colorful .external-link a{color:#3500e5}

.dark .colorful .external-link a{color:#eee}

.social-front-hover a.bi-facebook{background:#3b5999}

.social-front-hover a.bi-twitter-x{background:#0c0c0c}

.social-front-hover a.bi-whatsapp{background:#3fbb50}

.header-room{display:flex;flex-wrap:wrap;flex-shrink:0;flex-direction:row;justify-content:center;align-items:center;align-content:center;margin:0;}

.dark .post-body ol>li:before{color:#eee}

.dark-toggle-flex{position:relative;background-color:rgb(0 0 0 / 0.36);display:flex;align-items:center;font-size:12px;color:var(--button-text-color);width:40px;height:20px;margin:0 10px 0 5px;border-radius:20px;}

.dark-bt .dark-toggle-flex{display:none;}

.dark-toggle-flex:hover:before{opacity:0.8}

.dark .dark-toggle-flex:before{content:'\F495';left:21px;}

.dark-toggle-flex:before{content:'\F1D2';font-family:var(--icons-font);position:absolute;left:2px;width:16px;height:16px;text-align:center;background-color:var(--button-bg-color);font-weight:400;line-height:16px;z-index:2;border-radius:50%;box-shadow:0 0 4px rgb(0 0 0 / 0.10);transition:left .18s ease;}

.dark .dark-toggle-flex:after{content:'\F1D2';right:26px;}

.dark-toggle-flex:after{content:'\F495';font-family:var(--icons-font);position:absolute;right:4px;width:10px;font-size:8px;font-weight:400;line-height:1;text-align:center;opacity:0.5;transition:right .18s ease;}

h1.blog-title{font-size:24px;max-width:195px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;line-height: 38px;}

div#ticker-flex{position:relative;background-color:var(--ticker-bg);background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijcjiO3r2NY7cOp_Ctd-HVTkhAvhQCFe9sapMhy3HGtbQCVGAfub5On1UWN0x09UG4p9T8erc-gMcb5pE1potJuzVQHKPoUYafU1s7UgCCj2CiERObaUF1Orpglm4sBzZ-pLz-aD76eRUDbY7urrBpprtFkhIVriUZSn-rSCyDsSl754vk-Os55hyF/s16000/ico%20s-min.png);padding:25px 0;overflow:hidden;background-repeat:no-repeat;background-position:center;}

div#hot-posts{z-index:1;}

div#ticker-flex:after,div#ticker-flex:before{position:absolute;content:'';height:240px;width:240px;background-repeat:no-repeat;background-size:contain;background-position:left;opacity:var(--op-bg)}

div#ticker-flex:before{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0TzrcjVUrFI1No_-ixYcskjeLEjCr5_w0NAu_W6JANmD6AiFNr5lGCnYLq5XaoKCqCYmE1Pjl8PTcTlbcqJ5ISPsyrDDtqwAlM0GMBFWCvFJL2ZNVj_Pw9Nq8OgXEXUA3CaxZPcpX72O3T4gMUWl_zbDJMOOnUqvpZU14Z0ivHcsYB9xdrfiQlrDl/s1600/icos2-min.png);filter:brightness(0.91);left:-18px;top:-90px;-webkit-animation:spin 8s linear infinite;-moz-animation:spin 8s linear infinite;animation:spin 8s linear infinite;}

div#ticker-flex:after{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuNdyYw07KAAN6RijccciUrtdBlhUNufrVLnbFw9QmdrbyWugVWIRpyUoztza5jyEOrD65v93kcHNymJQTvK5F7a-sGTSPEpyIsydc0SMWqZY4_qziw1U_gtpe5wLRPOroOq72XeY5cu7OmOJVtexZpwT_LkoUNFReW4Fc73xgsgdmYW_zUiJ_w1l6/s1600/icos4-min.png);filter:grayscale(1);right:-18px;bottom:-90px;-webkit-animation:spin 9s linear infinite;-moz-animation:spin 9s linear infinite;animation:spin 9s linear infinite;}

@-moz-keyframes spin{100%{-moz-transform:rotate(360deg);}

}

@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg);}

}

@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}

}

.sidebar .popular-post .entery-category-box span.post-tag:not(.sidebar .popular-post .item0 .entery-category-box span.post-tag),.my-sidebar .sidebarui-posts .entery-category-box span.post-tag{--lables-buttons-color:transparent;--lables-text-color:var(--post-snip-data);}

.breaking-ticker{display:flex;align-items:center;justify-content:space-between;align-content:center;flex-wrap:wrap;margin:10px 7px 15px;counter-reset: post-count;}

.tickerNews:after{left:-8px;top:-8px;width:24px;height:24px;border-radius:50%;border:3px solid #fff;background-color:#555;font-size:.75rem;color:#fff;counter-increment:post-count;content:counter(post-count);font-weight:500;position:absolute;display:inline-flex;justify-content:center;align-items:center;transition:all 0.3s ease;z-index:1;}

.tickerNews{position:relative;width:calc((100% - 40px) / 4);float:left;align-items:center;align-content:center;}

.tickerNews .post-filter-inner{position:relative;display:block;float:left;width:110px;height:110px;overflow:hidden;margin:0 10px 0 0;border-radius:10px;}

.tickerNews .post-filter-inner .post-filter-link{display:block;width:100%;height:100%;overflow:hidden;}

.tickerNews .entery-category-box{margin:0;}

.entry-title{position:relative;display:block;font-size:17px;line-height:1.2em;margin:5px 0;}

.entery-category-box .entry-title a{width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

#iljxXom>.mega-menu{position:unset!important}

.iljxXnm li:hover .my-menu{opacity:1;visibility:visible}

.drop-down>a:after{content:'\F282';float:right;font-family:var(--icons-font);font-size:9px;font-weight:400;margin:-1px 0 0 5px}

.my-menu{position:absolute;background-color:var(--block-bg);top:59px;opacity:0;visibility:hidden;width:100%;left:0;box-sizing:border-box;border-radius:4px;right:0;z-index:3333;color:var(--white-bg);height:auto;padding:20px;min-height:100px;box-shadow:0 10px 10px rgba(0,0,0,0.28);transition:all .3s ease;}

.iljxXnm li:hover .my-menu{margin-top:1px;opacity:1;visibility:visible}

.mega-box{width:calc((100% - 50px) / 5);box-sizing:border-box;float:left;overflow:hidden;position:relative}

.mega-box:last-child{margin-right:0}

.mega-box .post-filter-link{position:relative;height:100%}

.mega-boxs{display:flex;justify-content:space-between;flex-wrap:wrap}

.mega-boxs .Mega-img-ui{height:180px;display:block;overflow:hidden;border-radius:4px;}

.mega-boxs .entry-title{font-size:14px;}

.flex-section{display:flex;flex-wrap:wrap;width:100%;float:left;align-items:center;justify-content:center;}

.flex-ft{display:flex;justify-content:center;padding:0 10px;}

.tociki-pro{display:flex;width:100%;clear:both;margin:0}

.tociki-inner{position:relative;max-width:100%;font-size:14px;background-color:rgba(165 165 165 / 0.10);overflow:hidden;line-height:23px;border:1px solid #a0a0a0;border-radius:5px}

a.tociki-title{position:relative;display:flex;align-items:center;justify-content:space-between;height:38px;font-size:16px;font-weight:600;color:var(--text-font-color);padding:0 15px;margin:0}

.tociki-title-text{display:flex}

.tociki-title-text:before{content:'\F475';font-family:var(--icons-font);font-size:20px;font-weight:400;margin:0 5px 0 0}

.rtl .tociki-title-text:before{margin:0 0 0 5px}

.tociki-title:after{content:'\F282';font-family:var(--icons-font);font-size:16px;font-weight:400;margin:0 0 0 25px;color:var(--buttons-category-text);}

.rtl .tociki-title:after{margin:0 25px 0 0;}

.tociki-title.opened:after{content:'\F286'}

a.tociki-title:hover{text-decoration:none}

#tociki{display:none;padding:0 15px 10px;margin:0}

#tociki ol{padding:0 0 0 15px}

#tociki li{font-size:14px;font-weight:500;margin:10px 0}

#tociki li a{color:var(--main-text-color)}

#tociki li a:hover{opacity:0.8;text-decoration:underline}

nav#top-bar{background:var(--topbar-bg);height:45px;}

.nav-widget{display:flex;justify-content:space-between;align-content:center;align-items:center;}

.nav-widget .colorful-ico{display:inline-flex;}

.nav-widget .colorful-ico li{margin:0 10px 0 0;}

.date-format{position:relative;display:block;color:$(top.bar.menufont);margin:0;padding:0 0 0 40px;overflow: hidden;height:30px;line-height:30px;}

.date-format:before{content:'\F291';font-family:var(--icons-font);vertical-align:bottom;position:absolute;left:5px;font-size:13px;background:var(--button-bg-color);color:var(--button-text-color);text-align:center;padding:0 0 0 1px;display:block;width:27px;height:27px;line-height:27px;border-radius:50%;}

#post-placeholder{position:relative;box-sizing:border-box;width:100%;height:auto;padding:0 5px;margin:10px 0}

#post-placeholder .widget{position:relative;width:100%;line-height:0;height:auto}

.footer-container{padding:20px;background:var(--footer-copyright-bg);}

.footer-container .footer-copyright{position:relative;font-size:14px;margin:0}

.copyright-text{margin:0;color:var(--footer-text-color);}

.footer-container .footer-copyright a{color:var(--footer-text-color)}

.footer-container .footer-copyright a:hover{color:var(--footer-text-color)}

#footer-checks-menu{position:relative;display:block;margin:0}

.footer-checks-menu ul li{position:relative;float:left;margin:0}

.footer-checks-menu ul li a{float:left;font-size:15px;color:var(--footer-text-color);padding:0 5px;margin:0}

#footer-checks-menu ul li a:hover{opacity:0.8;}

.sharing-button .facebook a{background-color:#3b5999}

.sharing-button .twitter a,.sharing-button .twitter-square a{background-color:#00acee}

.sharing-button .reddit a{background-color:#ff4500}

.sharing-button .pinterest a,.sharing-button .pinterest-p a{background-color:#ca2127}

.sharing-button .linkedin a{background-color:#0077b5}

.sharing-button .whatsapp a{background-color:#3fbb50}

.sharing-button .mailbox a{background-color:#888}

#iljxXhd{position:relative;float:left;width:100%;height:auto;margin:0}

.hiljxXhm .container{margin:0 auto;}

.hamburger-section,.hiljxXhm{position:relative;background:var(--main-menu-bg);float:left;z-index:990;width:100%;height:75px;box-sizing:border-box;padding:0;margin:0;}

.logo-container{position:relative;box-sizing:border-box;width:100%;float:left;margin:0 30px 0 0;padding:0;}

.header-room img{display:block;width:auto;height:auto;max-height:45px;margin:0;}

.hamburger{display:none;color:var(--main-menu-text-color);height:40px;font-size:17px;padding:0 15px;}

.header-section{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;float:left;width:100%;margin:0;align-items:center;}

.header-left{position:static;display:flex;margin:0;align-items:center;}

.header-right{position:absolute;right:0;margin:0;overflow:hidden;background: var(--main-menu-bg);z-index:1;}

.rtl .header-right{left:0;right:unset;}

.header-room h1{display:block;font-size:25px;color:var(--main-logo-text-color);height:30px;line-height:30px;overflow:hidden;padding:0;margin:0}

.header-room h1 a{color:var(--main-logo-text-color)}

.header-room .LinkList .widget-content{display:flex;justify-content:space-between;align-items:center;}

.hiljxXhm.show{top:0;margin:0;}

.hiljxXhm.fixed-nos.show{background:var(--main-menu-bg)}

.main-menu-wrap{position:static;height:75px;margin:0}

#iljxXnm .widget,#iljxXnm .widget>.widget-title{display:none}

#iljxXnm .show-menu{display:block}

#iljxXnm{position:static;height:75px;z-index:10}

#iljxXnm ul>li{position:relative;display:flex;flex-shrink:0;}

#iljxXom>li>a{position:relative;display:flex;font-size:16px;color:var(--main-menu-text-color);font-weight:500;text-transform:capitalize;padding:0 20px;align-items:center;}

#iljxXom>li>a span{margin:0 3px 0 0;font-size:16px;color:var(--button-bg-color)}

#iljxXom>li>a:hover{opacity:0.8}

#iljxXnm ul>li>ul{position:absolute;float:left;left:0;top:60px;width:180px;background:var(--submenu-bg-color);z-index:99999;visibility:hidden;opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);padding:0;box-shadow:0 2px 5px 0 rgba(0,0,0,0.15),0 2px 10px 0 rgba(0,0,0,0.17)}

#iljxXnm ul>li>ul>li>ul{position:absolute;top:0;left:100%;-webkit-transform:translateX(-10px);transform:translateX(-10px);margin:0}

#iljxXnm ul>li>ul>li{display:block;float:none;position:relative}

#iljxXnm ul>li>ul>li a{position:relative;display:block;overflow:hidden;height:36px;font-size:13px;color:var(--sub-menu-text-color);line-height:36px;font-weight:600;box-sizing:border-box;padding:0 15px;margin:0;border-bottom:1px solid rgba(155,155,155,0.07)}

#iljxXnm ul>li>ul>li:last-child a{border:0}

#iljxXnm ul>li>ul>li:hover>a{opacity:0.8}

#iljxXnm ul>li.sub-tab>a:after,#iljxXnm ul>li.sub-has>a:after{content:'\F282';font-family:var(--icons-font);font-size:11px;font-weight:400;margin:5px 0 0 5px;transition: 0.31s;vertical-align: middle;}

.rtl #iljxXnm ul>li.sub-tab>a:after,.rtl #iljxXnm ul>li.sub-has>a:after{margin: 0 5px;}

.rtl #ArchiveList .flat li>a:before{float:right;}

.rtl #ArchiveList .flat li>a>span{float:left;}

#iljxXnm ul>li.sub-tab>a:hover:after,#iljxXnm ul>li.sub-has>a:hover:after{transform:rotate(180deg);transition:0.31s;}

#iljxXnm ul>li>ul>li.sub-tab>a:after{content:'\F285';float:right;margin:0}

#iljxXnm ul>li:hover>ul,#iljxXnm ul>li>ul>li:hover>ul{visibility:visible;opacity:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate(0);transform:translate(0)}

#iljxXnm ul ul{transition:all .35s ease}

.loading-icon{width:100%;height:100%;display:flex;justify-content:center;align-items:center;}

.Pro-box .loading-icon{height:185px}

.search-section .loading-icon{margin: 15px 0;}

.loading-icon:after{content:"";width:40px;height:40px;border-radius:50%;border:2px solid var(--main-text-color);border-right:2px solid #c1c1c1;display:inline-block;animation:runload 0.6s infinite}

@-webkit-keyframes runload{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}

to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}

}

@keyframes runload{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}

to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}

}

.loading-frame{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@keyframes fadeIn{from{opacity:0}

to{opacity:1}

}

.run-time{animation-name:fadeIn}

@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,5px,0)}

to{opacity:1;transform:translate3d(0,0,0)}

}

.load-time{animation-name:fadeInUp}

.overlay, #overlay-id{visibility:hidden;opacity:0;position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(10 18 43 / 0.61);backdrop-filter:blur(2px);z-index:1000;margin:0;transition:all .25s ease;}

.hamburger:before{content:"\F479";font-family:var(--icons-font);font-size:24px;font-weight:400}

#inner-menu{display:none;position:fixed;width:80%;height:100%;top:0;left:0;bottom:0;background:var(--iljxXmm-bg);overflow:auto;z-index:1010;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:hidden;box-shadow:3px 0 7px rgba(0,0,0,0.1);-webkit-transition:all .5s cubic-bezier(.79,.14,.15,.86);-moz-transition:all .5s cubic-bezier(.79,.14,.15,.86);-o-transition:all .5s cubic-bezier(.79,.14,.15,.86);transition:all .5s cubic-bezier(.79,.14,.15,.86)}

.spring-open #inner-menu{-webkit-transform:translateX(0);transform:translateX(0);visibility:visible;opacity:.99;-webkit-transition:all .5s cubic-bezier(.79,.14,.15,.86);-moz-transition:all .5s cubic-bezier(.79,.14,.15,.86);-o-transition:all .5s cubic-bezier(.79,.14,.15,.86);transition:all .5s cubic-bezier(.79,.14,.15,.86)}

.inner-container{display:flex;padding:10px 0;margin:0;box-shadow:3px 2px 4px 1px rgb(135 135 135 / 0.20);opacity:0;transition:all ease-in-out .3s;justify-content:space-between;align-items: center;}

.inner-container .date-format{color:var(--mobile-text-color);}

.rtl .inner-container .date-format{padding:0 36px 0 0}

.rtl .inner-container .date-format:before{left:left:unset;right:6px;}

#inner-menu{transition:all .6s ease-in-out}

.hide-iljxXmm{display:block;color:var(--main-menu-text-color);font-size:20px;line-height:28px;text-align:center;cursor:pointer;z-index:20;background:rgb(137 137 137 / 0.10);border-radius:4px;padding:0 12px;margin: 0 10px 0 0;transition:transform ease-out .2s;}

.rtl .hide-iljxXmm{margin: 0 0 0 4px;}

.hide-iljxXmm:hover{opacity:0.8;}

.hide-iljxXmm:before{content:"\F659";font-family:var(--icons-font);font-size: 14px;font-weight:400}

.spring-open .inner-container,.spring-open .mobile-container{opacity:1}

.mobile-container{display:flex;flex-direction:column;opacity:0;justify-content:space-between;float:left;width:100%;height:calc(100% - 11%);transition:all ease-in-out .3s}

.social-mobile ul{margin: 0 0 0 15px;float: left;}

.post-inner-data.flex{display:flex;align-content:center;}

.post-inner-user{position:relative;float:left;}

span.author-image{position:relative;display:block;height:40px;width:40px;}

span.author-image img{border-radius:50%;padding:1px;border:1px solid var(--button-bg-color);}

.iljxXmm{position:relative;float:left;width:100%;box-sizing:border-box;padding:0 25px 0 0;}

ul#iljxXom{display:flex;height:75px;margin: 0 0 0 15px;}

.iljxXmm>ul{margin:0}

#iljxXnm .fa{padding:0 5px}

.iljxXmm .fa{margin:5px;padding:auto}

.iljxXmm .m-sub{display:none;padding:0}

.iljxXmm ul li{position:relative;display:block;overflow:hidden;float:left;width:100%;font-size:14px;font-weight:600;margin:0;padding:0}

.iljxXmm>ul li ul{overflow:hidden}

.iljxXmm>ul>li{border-bottom:1px solid rgb(181 181 181 / 0.20)}

.iljxXmm>ul>li.sub-tab>a:after,.iljxXmm>ul>li>ul>li.sub-tab>a:after{font-family:var(--icons-font);font-weight:400;content:"\F282";position: absolute;right: 0;font-size:16px;vertical-align:middle;}

.rtl .iljxXmm>ul>li.sub-tab>a:after,.rtl .iljxXmm>ul>li>ul>li.sub-tab>a:after{left: 0;right: unset;}

.iljxXmm ul li.sub-tab.show>a:after{content:'\F286'}

.iljxXmm ul li a:hover,.iljxXmm ul li.sub-tab.show>a,.iljxXmm ul li.sub-tab.show>.submenu-toggle{opacity:0.8}

.iljxXmm>ul>li>ul>li a{display:flex;font-size:15px;font-weight:400;color:var(--mobile-text-color);padding:5px 0 5px 15px;margin: 0 0 8px;justify-content:space-between;flex-wrap:wrap;}

.iljxXmm>ul>li>ul>li a:before{content:"\F309";font-family:var(--icons-font);font-style:normal;font-weight:400;color:rgb(88 88 88 / 0.42);font-size:6px;padding-right:5px;position:absolute;left:4px;vertical-align:middle;}

.iljxXmm>ul>li>ul>li>ul>li>a:before{left:18px;}

.iljxXmm>ul>li>ul>li>ul>li>a{padding:5px 0 5px 30px}

.iljxXmm ul>li>.submenu-toggle:hover{opacity:0.8;}

.fixed-nos{position:fixed;top:-80px;left:0;width:100%;z-index:990;box-shadow: none;transition:top .17s ease}

.spring-open .fixed-nos{top:0}

.spring-open{overflow:hidden;left:0;right:0}

.search-wrap{position:relative;display:flex;height:75px;align-items:center;margin:0;}

#llilxXosf{position:fixed;display:flex;flex-direction:column;top:25px;left:50%;max-width:480px;width:95%;background:var(--block-bg);overflow:hidden;visibility:hidden;opacity:0;transform:translate3d(-50%,50%,0);z-index:1010;border-radius:6px;box-shadow:0px 0px 4px 2px rgb(129 129 129 / 0.05);transition:all .17s ease;}

.active-search #llilxXosf{backface-visibility:inherit;visibility:visible;opacity:1;transform:translate3d(-50%,0,0);}

.active-search #overlay-id{cursor:url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='17' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0' y1='100' x2='100' y2='0' stroke-width='14' stroke='white'%3e%3c/line%3e%3cline x1='0' y1='0' x2='100' y2='100' stroke-width='14' stroke='white'%3e%3c/line%3e%3c/svg%3e"),auto;visibility:visible;opacity:1;}

.llilxXosf-container{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%;height:100%;border-bottom:1px solid rgb(120 120 120 / 0.11);overflow:hidden;margin:0;}

.llilxXosf-container .search-form{position:relative;flex:1;padding:0;border:0;border-radius: 4px 0 0 4px;}

.llilxXosf-container .search-input{position:relative;width:100%;height:60px;background: transparent;color:var(--featured-posts-title);font-size:15px;font-weight:400;padding:0 0 0 15px;border:0;}

.rtl .llilxXosf-container .search-input{padding:0 15px 0 0;}

.llilxXosf-container .search-input:focus,.llilxXosf-container .search-input::placeholder{color:var(--featured-posts-title);outline:none}

.llilxXosf-container .search-input::placeholder{opacity:.70}

.llilxXosf-close{width:50px;height:50px;border-radius:0 4px 4px 0;background: transparent;color:var(--featured-posts-title);font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform ease-out .2s;z-index:20;padding:0;margin:0;}

.llilxXosf-close:hover{opacity:0.8;}

.iljxXsh{color:var(--main-menu-text-color);width:40px;height:40px;font-size:20px;text-align:center;line-height:40px;cursor:pointer;z-index:20;padding:0;margin:0;transition:margin .25s ease;}

.iljxXsh:before,.search-hidden:after{content:"\F52A";font-family:var(--icons-font);font-weight:400}

input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display:none;}

.search-input input{border-radius:5px;padding:5px 10px;width:98%;border:2px solid #eee}

#cookies-iki{display:none;position:fixed;bottom:20px;left:20px;width:300px;background-color:var(--block-bg);z-index:222;padding:20px;visibility:hidden;opacity:0;border-radius:4px;box-shadow:0 2px 8px 0px rgb(0 0 0 / 0.11);transition:all .30s ease}

#cookies-iki .cookies .widget .widget-content a{color:var(--ilipm-text);text-decoration:underline;}

#cookies-iki .cookies .widget .widget-content a:after{content:'\F1C5';font-family:var(--icons-font);font-size:10px;font-weight:400;margin:0 0 0 3px;vertical-align:middle;}

#cookies-iki.cookies-show{visibility:visible;opacity:1;}

#cookies-iki .cookies .widget .widget-title{display:none;}

.cookies-bt{display:inline-block;height:35px;background-color:var(--button-bg-color);font-size:14px;color:var(--button-text-color);font-weight:600;line-height:35px;padding:0 20px;border:0;border-radius:4px;}

#cookies-iki .cookies .widget .widget-content{display:block;font-size:14px;color:var(--ilipm-text);margin:0 0 15px;}

.cookies-bt:hover{box-shadow: inset 0 0 19px 8px rgb(0 0 0 / 0.22)}

#hidden-widget-container,.hide,.hidden-widgets{display:none;visibility:hidden}

.llioimy{position:relative;display:block;max-width:480px;margin: 10px 0 0;}

.llioish{position:relative;display:block;padding:2px 5px;margin:5px 10px;border-radius:6px;border:1px solid rgb(120 120 120 / 0.11);box-shadow:0px 0px 4px 2px rgb(129 129 129 / 5%);box-sizing:border-box;overflow:hidden;}

.search-thumb{position:relative;display:block;float:left;width:120px;height:90px;margin:0 10px 0 0;border-radius:6px;overflow:hidden;}

.link-snip{display:block;text-align:center;margin:15px;}

.link-snip a{display:block;background:var(--button-bg-color);color:var(--button-text-color);border-radius:6px;font-size:15px;padding:8px 0;}

.post-snip{color:var(--post-snip-data);font-size:14px;font-weight:400;padding:0}

span.post-author{font-weight: 500;margin:0 0 0 4px;}

span.post-author:not(.entery-category-fly span.post-author){color:var(--main-text-color);}

.entery-category-box{overflow:hidden;}

.raw-main-wrapper .entery-category-box, .sidebar .popular-post .entery-category-box{padding: 7px 0 0;}

span.post-tag{width:fit-content;display:flex;align-items:center;height:18px;background-color:var(--lables-buttons-color);font-size:11px;color:var(--lables-text-color);font-weight:500;text-transform:uppercase;line-height:0;padding:1px 8px 0;border-radius:2px;z-index:2;}

.item1 span.post-tag,.post-filter:nth-child(1) span.post-tag{--lables-buttons-color:#bf4400;}

.item2 span.post-tag,.post-filter:nth-child(2) span.post-tag{--lables-buttons-color:#1070ce;}

.item3 span.post-tag,.post-filter:nth-child(3) span.post-tag{--lables-buttons-color:#097c13;}

.item4 span.post-tag,.post-filter:nth-child(5) span.post-tag{--lables-buttons-color:#4828db;}

.post-filter:nth-child(6) span.post-tag,.item5 .entery-category span.post-tag{--lables-buttons-color:#db2828;}

.post-filter:nth-child(7) span.post-tag,.item6 .entery-category span.post-tag{--lables-buttons-color:#2831db;}

.post-filter:nth-child(8) span.post-tag{--lables-buttons-color:#db5e28;}

.post-filter:not(:nth-child(1)):not(:nth-child(3)):not(:nth-child(5)):not(:nth-child(7)):not(:nth-child(8)):nth-child(odd)span.post-tag{--lables-buttons-color:#1070ce;}

.post-filter:not(:nth-child(2)):not(:nth-child(6)):not(:nth-child(8)):nth-child(even)span.post-tag{--lables-buttons-color:#097c13;}

img.post-author-image{position:relative;display:inline-block;height:20px;width:20px;border-radius:50%;vertical-align:middle;}

.rtl img.post-author-image{margin: 0 0 0 5px;}

.post-inner-username{position:relative;margin:0 0 0 10px;font-size:12px;color:var(--post-snip-data);}

.rtl .post-inner-username{margin:0 10px 0 0;}

.all-flex{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px;border-bottom:1px solid rgb(100 100 100 / 0.12)}

.post-inner-comments.flex{position:relative;overflow:hidden;margin:0 5px 0;display:flex;align-items:center;align-content:center;}

.post-times{position:relative;overflow:hidden;margin:4px 0 0;}

span#readTime:before{content:"\F291";font-family:var(--icons-font);font-weight:400;font-size:13px;vertical-align: middle;margin:0 3px 0 5px;}

.post-date:before{content:"\f201";font-family:var(--icons-font);font-weight:400;font-size:10px;vertical-align: middle;margin:0 3px 0 5px;}

.post-snip a{color:#333;transition:color .40s}

.post-snip .author-image{overflow:hidden;position:relative;display:inline-block;width:25px;vertical-align:middle;height:25px;background-color:var(--runs-author-color);padding:1px;margin:0 3px 0 0;border:1px solid rgba(0 0 0 / 0.25);border-radius:100%;box-shadow:0px 0px 4px 3px rgba(0 0 0 / 0.06);}

.t-ads{display:block;overflow: hidden;background-color:var(--ads-bg);text-align:center;line-height:85px;font-size:13px;font-style:italic;color:var(--ads-text);margin:10px;border-radius:6px;}

.t-ads-res{display:block;background-color:var(--ads-bg);text-align:center;line-height:205px;font-size:13px;font-style:italic;color:var(--ads-text);margin:10px;border-radius:6px;}

.Pro-box .entery-category .entry-title a{width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.entry-title a{display:block;color:var(--featured-posts-title)}

.entry-title a:hover{opacity:0.8}

.StickyBox{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform: translate3d(0,72%,0);transition: all .2s ease;z-index:15151515;}

.show-share .StickyBox{opacity:1;visibility:visible;transform: translate3d(0,0,0);}

.StickyTab{display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box;padding:0 0 20px;margin:0 0 10px;color:var(--title-share);border-bottom:1px solid rgb(92 92 92 / 0.17);}

.StickyType{position:relative;display:block;float:left;font-size:15px;font-weight: 700;}

.copy-section{width:100%;}

.copy-section .title{font-size:14px;font-weight:700;padding:0 20px;}

.copy-post{display:flex;align-items:center;align-content:center;box-sizing:border-box;position:relative;justify-content:center;margin:10px 20px 0;}

.copy-post:before{content:'\F471';font-weight:400;font-family:var(--icons-font);position:absolute;left:12px;font-size:19px;color:var(--theme-text-color)}

.rtl .copy-post:before{left:initial;right:12px;}

.copy-post.copied:before{content:'\F26F';color:#16c900;}

.copy-post input#showlink{color:#6b6b6b;background: transparent;width:100%;height:35px;padding:0 0 0 38px;border:1px solid rgb(133 133 133 / 0.20);border-radius:5px 0 0 5px;}

.rtl .copy-post input#showlink{padding:0 38px 0 0;border-radius:0 5px 5px 0;}

.copy-post button{background:var(--button-bg-color);color:var(--button-text-color);height:35px;width:80px;border:none;cursor:pointer;border-radius:0 5px 5px 0;}

.rtl .copy-post button{border-radius:5px 0 0 5px;}

.StickyTab label{position:relative;display:block;font-size:20px;cursor:pointer;color:var(--title-share);}

.StickyTab label:hover{transform:rotate(90deg);transition:0.31s;}

.StickyDemo{width:100%;max-width:500px;max-height:90%;display:flex;margin:0 auto;padding:20px 20px 35px;background-color:var(--bg-cards);border-radius:8px;overflow:hidden;position:relative;box-shadow:0 10px 8px -8px rgb(0 0 0 / 0.12);flex-direction:column;align-content:center;align-items:center;justify-content:space-between;}

.share-wrapper-icons.colorful-ico{display:flex;flex-wrap:wrap;list-style:none;margin:0 0 10px;padding:10px 0 20px;border-bottom:1px solid rgb(133 133 133 / 0.20);}

.share-wrapper-icons.colorful-ico li{list-style:none;width:25%;text-align:center;}

.share-wrapper-icons.colorful-ico li a{display:block;width:80px;height:40px;line-height:25px;font-size:11px;margin:6px auto;padding:15px 0;border-radius:5px;background:var(--box-posts-share);border:1px solid rgb(116 116 116 / 0.09);text-align:center;cursor:pointer;}

.share-wrapper-icons.colorful-ico li a:hover{box-shadow: inset 0 0 19px 8px rgb(0 0 0 / 0.22)}

.messageDone span{position:absolute;left:0;right:0;bottom:-70px;font-size:12px;display:block;width:190px;margin:0 auto 20px;padding:8px;border-radius:3px;background-color:rgb(0 0 0 / 0.63);color:#fefefe;line-height:20px;text-align:center;opacity:0;-webkit-animation:slidein 2s ease forwards;animation:slidein 2s ease forwards;}

div#messageDone{display:block;padding:20px 0 0;}

.share-wrapper-icons.colorful-ico a:before{font-size:24px;text-align:center;margin:0 auto;display:block;}

.show-share .overlay{filter:blur(2.5px);background-color:rgba(27,27,37,0.5);z-index:151515;backdrop-filter:saturate(100%) blur(2.5px);visibility:visible;opacity:1;}

.entery-category-fly .entry-title,.type-video a{color:var(--featured-posts-title-featured);}

.entery-category-fly .post-snip,.type-video .entery-category .post-snip{--post-snip-data:var(--snip-text-color);--label-text-color:var(--snip-text-color);}

.type-video span.post-author{--main-text-color:var(--snip-text-color);}

.Pro-box .type-video .widget-title h3{--body-color-main:#333333;--theme-text-color: var(--featured-posts-title-featured);}

.post-filter .entry-title{font-size:23px;}

.my-grid{display:flex;flex-wrap:wrap;justify-content:space-between;}

.modal-grid{position:relative;margin:0 0 10px;}

.modal-grid.item0{width:calc(37% - 1em);}

.modal-box .modal-grid{position:relative;width:calc((100% - 10px) / 2);}

.modal-box .modal-grid:not(.modal-grid.item6,.modal-grid.item5){margin:0 0 10px;}

.modal-box{display:flex;justify-content:space-around;flex-wrap:wrap;width:63%;}

.modal-grid.item0 .post-filter-link{width:100%;height:410px;}

.modal-grid .post-filter-link{position:relative;float:left;width:160px;height:130px;display:block;overflow:hidden;border-radius:4px;}

a.simple-viewmore{color:var(--button-text-color);background: var(--button-bg-color);font-size:13px;font-weight:400;padding: 3px 12px;border-radius: 3px;z-index:1;}

a.simple-viewmore:hover{box-shadow: inset 0 0 19px 8px rgb(0 0 0 / 0.22)}

div#top-wrap{position:relative;background:var(--sp-bg);overflow:hidden;}

div#top-wrap:after{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbOip5JZnBMlDOL6XKG68fgSdOQpg5QMEO-DQrvC_gBNfs3-XekxaE0whbenScHZ-3R489J4Q9TThA_G6tWGqpgMIZacVku9Ye2RusmZjCl-xFg4-tJ_4eSSkH6GFjMjCw6vxYFlsHRV2ZA6k15N6Ptb6GchlKTgcrmdPu6c6Othroux6zRmDnQDOE/s1600/vc%204-min.png) no-repeat scroll;top:40px;background-position:bottom;}

div#top-wrap:before{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpiMtHL2b_00dE-ubaCmkDPb7f8N3qrgy9XRaj4TA-_jUz6nJUVwLtv6P8wcmUlxhLpTivwGtyKa_umThm8Ad75M7w-aMzal0HpnFMYJ6Siw7DnQpt3IRQ42imetRBgBGV9Cnoi6wp1YIry03IUkfkHyiEh-pXpcFoKhTmd3eb_u-__99ztLyUQ_g-/s1600/vc-min.png) no-repeat scroll;top:0;background-position:top;}

div#top-wrap:before,div#top-wrap:after{position:absolute;right:0;bottom:0;content:"";width:200px;opacity:var(--op-bg)}

div#top-box:before{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7FTvTTrRz4wl-drujQHMWWOlhp6wcIwaU2lUfE-RWJUZhHGQXnpsHoksfRutmwX74WdGKYcMDTdfw6C-o9KFIdKbNHcuCrbk_ci1v8jfBuD-f_Y3zvDuDEJ0nzg1EKQYdS72ic8Zf6xyfehKLF_6rQ2XS_9YWV15YRRlAuU8Xt_YH2BwVEHfyor4Q/s1600/icos3-min.png);filter:grayscale(1);left:-125px;top:30%;-webkit-animation:spin 9s linear infinite;-moz-animation:spin 9s linear infinite;animation:spin 9s linear infinite;position:absolute;content:'';height:100px;width:100px;background-repeat:no-repeat;background-size:contain;background-position:left;opacity:var(--op-bg)}

div#top-wrap .Pro-box .widget-title h3{--body-color-main:var(--sp-bg);}

.raw-main-wrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:25px;justify-items:start;align-items:start;}

.block-step.item0{grid-column:1/2;grid-row:1/2;}

.block-step.item1{grid-column:2/3;grid-row:1/2;}

.block-step.item2{grid-column:3/4;grid-row:1/2;}

.block-step.item3{grid-column:4/5;grid-row:1/2;}

.block-step{position:relative;float:left;width:100%;overflow:hidden;}

.block-step .block-thumb{position:relative;width:100%;height:100%;overflow:hidden;border-radius:10px;}

.block-step .block-thumb .post-filter-link{display:block;width:100%;height:200px;overflow:hidden;box-sizing:border-box;}

.block-wrapper{position:relative;display:flex;width:100%;margin:0;justify-content:space-between;background:var(--body-color-main);border-radius:5px}

.block-combo{margin:0;width:43%;}

.block-module{position:relative;display:flex;float:left;width: 100%;overflow:hidden;box-sizing:border-box;border:1px solid rgb(18 18 18 / 17%);border-radius:6px;}

.block-module .entery-category{flex:1;padding:10px 10px 0;}

.block-combo .block-module:not(.block-module.item4){margin:0 0 22px;}

.block-module.item0{width:calc(57% - 1em);flex-direction: column;}

.block-module.item0 .post-filter-link{width:100%;height:400px;border-radius:4px;}

.block-module .post-filter-link{position:relative;float:left;width:140px;height:120px;display:block;overflow:hidden;border-radius:5px;}

div#mega-wrap1{position:relative;background:linear-gradient(360deg,#0c0c0c,#363636);overflow:hidden;}

div#mega-wrap1:after,div#mega-wrap1:before{content:"";position:absolute;background:url(https://1.bp.blogspot.com/-YTjPASOWTAQ/YNQ3xSlBNjI/AAAAAAAAB34/G7kSHdwBZYI5xmb2cytxEkyRhswXCHXsgCLcBGAsYHQ/s1320/Frame.png) no-repeat scroll left top;bottom:0;margin:auto;top:0;width:150px;height:415px;}

div#mega-wrap1:after{left:0;}

div#mega-wrap1:before{transform:rotate(180deg);right:0;}

.Pro-box .type-megagrid{overflow:hidden;}

.Pro-box .open-iki,.featured-post-pro .open-iki{display:block!important}

.entery-category-fly{position:absolute;left:0;bottom:0;z-index:11;width:100%;box-sizing:border-box;padding:5px 10px 10px}

.llilxXrl-featured{position:relative;margin:0 0 30px;clear:both}

.my-related{display:flex;justify-content:space-between;flex-wrap:wrap;margin:10px 0 0;}

.related-runs{position:relative;margin:0 0 25px;clear:both;display:block;padding:15px;}

.iljxXrl .entry-title a{position:relative;display:block;font-size:16px;line-height:17px;}

.related-runs .llilxXrl{width:31%;position:relative;margin:0}

.entery-category{position:relative;overflow:hidden;padding:10px;}

.llilxXrl-featured{position:relative;margin:0 0 30px;clear:both}

.llilxXrl{width:calc((100% - 10px) / 3);position:relative;margin:0}

.llilxXrl .llilxXrl-thumb .post-filter-link{position:relative;width:100%;height:100%;display:block;overflow:hidden}

.llilxXrl .llilxXrl-thumb{width:100%;height:130px;display:block;overflow:hidden;border-radius: 10px;}

div#ft-post:after{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmbYaeensDd77f9DgZwiY_lqo8PvyaNNjgzgZTDIzHKobe1N1DvQdNZlwYUAbvqnDkrO85Jm_So2De84Ut9dJ8v8tI8Oj9uCYkORF5Si3RJjDUO1pg7XnRfR8RWGUwgOs_b0sqLhVPqCBoZO159zfA2o9lHBsM7Ay9uJXoo7sSlqobEbNPWG4roQ3Z/s1600/ico%20d-min.png);bottom:0;right:-160px;height:200px;width:200px;}

div#ft-post:before{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIbKJdu_XbXco3hYR9OLMtNEBoDNC5lZp6Qf7hhCrf3XQnayGVTuKFhdNeTvMmfaaxRojMtWDy1hSt4rbRkKLrnaJh1sibCPsMA-t0tBJnwbR3jPOcr2TREN6jRMZZFwTby0nqQ4NAffxZlQIvKeN3CraVUiPjRK1nG1_zmEGAogLhD_d-omlmH6FN/s1600/ico%20d1-min.png);top:14px;left:-72px;height:100px;width:100px;}

div#ft-post:before,div#ft-post:after{position:absolute;content:'';background-repeat:no-repeat;background-size:cover;background-position:left;}

.Pro-flex .widget{position: relative;display:none;float: left;width: 100%;box-sizing: border-box;border-radius:4px;padding:7px;z-index: 1;}

.Pro-flex .widget.PopularPosts,.Pro-flex .open-iki{display:block!important}

.Pro-flex .widget .widget-content{position:relative;float: left;width: 100%;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:365px;}

.llilxiXft.item0 .entry-title,.block-module.item0 .entry-title,.Pro-box .modal-grid.item0 .entry-title,.Pro-box .video-module.item0 .entry-title,.square-posts.item0 .entry-title{font-size:30px}

.featured-grid-all{position:relative;display:flex;width:100%;margin:30px auto 10px;justify-content:space-between;}

.featured-grid-all .llilxiXft.item0{width:calc(55% - 1em);}

.llilxiXft{position:relative;overflow: hidden;}

.llilxXft{margin:0;width:45%;}

.llilxiXft.item0 .entery-category-fly{bottom: 15px;}

div#top-box{z-index:1;}

.Pro-flex .widget .post-filter-link{width:100%;height:100%;position:relative;display:block;overflow:hidden;}

.Pro-flex .widget .post-filter-inner.gaint{width:100%;height:460px;}

.llilxiXft:not(.llilxiXft.item0,.llilxiXft.item2){margin:0 0 10px;}

.Pro-flex .widget .post-filter-inner{position:relative;float:left;width:100%;height:225px;margin:0 15px 0 0;display:block;overflow:hidden;border-radius:10px;}

.video-wrapper{position: relative;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;}

.video-box{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;}

.video-module.item1{grid-row:1/2;grid-column:1/3;}

.video-module.item2{grid-row:2/3;grid-column:1/2;}

.video-module.item3{grid-row:2/3;grid-column:2/3;}

.video-module{position:relative;display:block;overflow:hidden;margin:10px 0 0;}

.video-module .post-filter-inner{position:relative;float:left;width:100%;height:223px;display:block;overflow:hidden;border-radius:4px;}

.video-module.item0 .post-filter-inner{width:100%;height:477px;}

.video-module .post-filter-inner .post-filter-link{width:100%;height:100%;position:relative;display:block;overflow:hidden;}

.post-tag-color{display:block;color:var(--lables-buttons-color);font-size:13px;font-weight:600;}

.Pro-box .widget{float:left;width:100%;padding:15px;border-radius:4px;margin:15px 0;box-sizing:border-box;}

.widget-title{position:relative;display:flex;justify-content:space-between;align-items:center;float:none;width:100%;height:32px;box-sizing:border-box;margin:0 0 14px;}

.widget-title h3{position:relative;float:left;font-family:var(--title-font);height:32px;font-size:24px;color:var(--theme-text-color);background: var(--body-color-main);font-weight:600;line-height:32px;padding:0 12px 0 0;margin:0;z-index:1;}

.widget-title:before{content:'';border:1px solid rgb(104 104 104 / 0.32);width:100%;position:absolute;height:4px;}

.widget-title h3:after{content:"";height:7px;width:7px;background-color:var(--button-bg-color);position:absolute;bottom:12px;right:0px;border-radius:50%;}

.rtl .widget-title h3{float:right;padding: 0 0 0 12px;}

.rtl .widget-title h3:before{left:initial;right:0;}

.rtl .widget-title h3:after{right:initial;left:0;}

.sidebar .PopularPosts .gaint h2.entry-title{font-size:20px;}

.error-status{display:block;text-align:center;font-size:13px;color:var(--theme-text-color);padding:35px 0;font-weight:600}

.error-status b{font-weight:600}

.type-video .error-status{--theme-text-color:#fff}

.wait{font-size:14px;text-align:center;height:300px;line-height:300px;display:flex;justify-content:center;align-items:center}

.related-runs .llilxXrl{width:31%;position:relative;margin:0;}

.my-sidebar{position:relative;float:left;width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;}

.my-sidebar .sidebarui-posts{position:relative;display:flex;flex-direction:column;}

.my-sidebar .sidebarui-posts .glax-img{position:relative;width:100%;height:135px;margin:0 0 10px;overflow:hidden;border-radius:4px;}

.my-sidebar .sidebarui-posts .entry-title{font-size:15px;}

.featured-meta{position:relative;overflow:hidden;box-sizing:border-box;padding:5px 0;}

.queryMessage{display:block;font-size:15px;font-weight:600;padding:0 0 0 10px;border-radius:4px;margin:0 0 5px;color:var(--theme-text-color);overflow:hidden;}

.queryMessage .query-info{margin:0 5px}

.queryMessage .search-query{font-weight:bold;text-transform:uppercase}

.queryMessage .query-info:before{content:'\F285';font-family:var(--icons-font);float:left;font-size:15px;font-weight:600;margin:0;}

.queryEmpty{font-size:13px;font-weight:500;text-align:center;padding:10px 0;margin:0 0 20px}

.dark table,.dark td{border-color:rgba(255,255,255,0.1)}

.share-top{position:relative;display:block;padding:5px 10px;margin:0 10px;color:var(--featured-posts-title);background:rgb(128 128 128 / 0.07);cursor:pointer;border:1px solid rgb(129 129 129 / 0.19);border-radius:3px;}

.share-top:hover{background-color: var(--button-bg-color);color: var(--button-text-color);}

.post-inner-comments .share-top span{font-size:18px;}

.post-inner-area .post-snip:not(.post-inner-area .post-card .post-snip){color:var(--theme-text-color);padding:10px 5px 10px;font-size:13px;border-bottom:1px solid #ccc}

.comment-bubble{margin-top:4px;color:var(--cm-count)}

.comment-bubble:after{content:"\F25B";font-family:var(--icons-font);vertical-align: middle;font-size:15px;font-weight:400;margin-left:5px}

.rtl .comment-bubble:after{margin:0 0 0 5px}

.post-inner-area{position:relative;float:left;width:100%;overflow:hidden;padding:15px 10px 20px;box-sizing:border-box;margin:0 0 10px;}

.post-filter-wrap{position:relative;float:left;display:block;padding:10px 0;border-radius:4px;box-sizing:border-box;overflow:hidden;}

.blog-post{display:flex;flex-direction:column;}

.post-filter-wrap .grid-posts{display:grid;grid-template-columns:1fr;grid-gap:15px;margin:0;}

.post-filter .post-filter-inner.video-nos:after,.post-filter-link.video-nos:after{content:"\F4F4";font-family:var(--icons-font);font-size:24px;width:36px;height:36px;line-height:36px;border-radius:6px;font-weight:400;background:var(--ico-relative);color:#fff;opacity:.7;align-items:center;top:50%;right:50%;transform:translate(50%,-50%);position:absolute;z-index:111;padding:0;margin:0;text-align:center;transition:background .30s ease}

.type-video .post-filter-link.video-nos:hover:after{background:#fe1111;}

.video-box .video-module:not(.item0) .post-filter-inner .post-filter-link.video-nos:after{transform: translate(50%,-50%) scale(.4);}

.type-video .post-filter-link.video-nos:after{opacity:1;border-radius:11px;width:58px;height: 45px;line-height: 45px;}

.square-posts{position:relative;display:flex;width:100%;height:100%;}

.square-combo{display:flex;flex-wrap:wrap;justify-content:space-between;margin:15px 0 0;}

.square-posts.item0 .post-filter-link{height:300px;width:380px;}

.square-combo .square-posts{width:calc((100% - 20px) / 2);margin:0 0 20px;}

.square-posts .post-filter-link{display:block;height:115px;width:150px;border-radius:5px;overflow:hidden;float:left;}

.square-posts .entery-category{flex:1;}

.post-filter{position:relative;float:left;box-sizing:border-box;padding:0;margin:0;overflow:hidden;}

.post-filter:not(.post-filter:nth-last-child(-n+1)){border-bottom:1px solid rgb(110 110 110 / 0.26);padding:0 0 15px;}

.post-filter .post-filter-inner{position:relative;float:left;overflow:hidden;box-sizing:border-box;padding:0;margin:0 14px 0 0;}

.post-filter .post-filter-link{position:relative;height:210px;width:325px;display:block;overflow:hidden;border-radius:10px;}

#feed-view #main{position:relative;overflow: hidden;box-sizing:border-box;margin:0 10px 26px}

.fl-footer{display:flex;justify-content:space-between;flex-wrap: wrap;}

.Footer-Function{position:relative;display:flex;flex-direction:column;width:calc((100% - 90px) / 3);float:left;padding:25px 0;margin:0;}

.footer-primary{position:relative;display:flex;flex-direction:row;padding:25px 0;margin:0 0 20px;align-items:center;justify-content:space-between;border-radius: 10px;}

.footer-primary .widget{position:relative;float:left;box-sizing:border-box;margin:0 auto}

.footer-primary .Image{width: calc(100% - 320px);padding:0 25px 0 0}

.footer-primary .Image .widget-content{position:relative;float:left;margin:0;width:100%}

.footer-primary .about-content .widget-title{position:relative;display:block;text-align: center;box-sizing:border-box;}

.footer-primary .about-content{display:flex;padding:0;box-sizing:border-box}

.footer-primary .Image .image-caption{font-size:13px;margin:0;color:var(--footer-about-text)}

.social-sec .colorful-ico li a,.footer-primary .colorful-ico li, .social-mobile .colorful-ico li{float:left;margin:0 7px 0 0}

.social-sec .colorful-ico li:last-child,.footer-primary .colorful-ico li:last-child, .social-mobile .colorful-ico li:last-child{margin:0}

.social-sec .colorful-ico li a,.footer-primary .colorful-ico li a,.social-mobile .colorful-ico li a{display:block;width:25px;height:25px;font-size:13px;border-radius: 4px;text-align:center;line-height:25px;margin:5px 0;}

.social-mobile .colorful-ico li a{border:1px solid;}

.social-sec .colorful-ico li a,.footer-primary .colorful-ico li a{background:rgb(147 147 147 / 0.09);}

.footer-primary .footer-logo{display:flex;margin:0 auto;align-items:center;justify-content:center;}

.footer-primary .footer-logo a{float:left;position:relative;margin:0 0 10px;}

.footer-primary .footer-logo img{width:auto;height:auto;max-height:40px;}

.Footer-Function.no-items{padding:0;border:0}

.bio-data{position:relative;float:left;width:70%;margin:0 15px;}

.bio-data h3{display:block;color:var(--footer-title-color);font-size:15px;line-height:20px;margin:0 0 5px;}

.Footer-Function.list .LinkList ul li,.Footer-Function.list .PageList ul li{position:relative;display:block;margin:10px 0;}

.Footer-Function.list .LinkList ul li a,.Footer-Function.list .PageList ul li a{font-size:14px;color:var(--footer-title-color);}

.Footer-Function.list .LinkList ul li a:before,.Footer-Function.list .PageList ul li a:before{content:"\F138";font-family:var(--icons-font);font-size:14px;font-weight:400;color:#767676;margin:0 8px 0 0;}

.social-mobile{float:left;width:100%;position:relative;box-sizing:border-box;}

.post-snippet{position:relative;color:var(--post-snip-data);font-size:13px;line-height:1.6em;font-weight:400;margin:0 0 4px}

a.read-more{display:inline-block;color:var(--post-snip-data);padding:5px 15px;font-size:13px;font-weight:500;margin:15px 0 0;border-radius:5px;border:1px solid rgb(94 94 94 / 0.32);position:relative;transition:all ease 0.31s;}

a.read-more:hover:before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);background-color:var(--button-bg-color);}

a.read-more:before{content:"";position:absolute;inset:0;width:100%;border-radius:4px;transform:scaleX(0);transform-origin:100% 50%;transition-property:transform;transition-duration:0.5s;transition:all 0.3s;transition-timing-function:ease-out;z-index:-1;}

a.read-more:after{content:"\F138";font-family:var(--icons-font);font-weight:400;font-size:17px;vertical-align:middle;margin:0 0 0 7px;}

a.read-more:hover{color:var(--button-text-color);background:var(--button-bg-color)}

.CSS_LAYOUT_COMPONENT{color:rgba(0,0,0,0)!important}

#breadcrumb{font-size:13px;font-weight:400;color:#aaa;margin:0 0 10px}

#breadcrumb a{color:#aaa;transition:color .40s}

#breadcrumb a:hover{opacity:0.8}

#breadcrumb a,#breadcrumb em{display:inline-block}

#breadcrumb .delimiter:after{content:'\F285';font-family:var(--icons-font);font-size:10px;font-weight:400;font-style:normal;vertical-align:middle;margin:0}

.item-post h1.entry-title{color:var(--theme-text-color);text-align:left;font-size:25px;line-height:1.5em;margin:0 0 15px;padding:0}

.static_page .item-post h1.entry-title{border-bottom:1px solid rgb(100 100 100 / 0.33)}

.item-post .post-body{width:100%;font-family:var(--text-font);color:var(--text-font-color);font-size:15px;line-height:1.8em;padding:0;margin:0}

.item-post .post-body img{max-width:100%}

.Pro-box-content{position:relative;overflow:hidden;padding:0}

.comment-list{display:flex;flex-direction:column;}

.comment-list .llilxXcm{position:relative;width:100%;padding:0 0 15px;margin:0 0 15px;border-bottom:1px solid rgb(100 100 100 / 0.12);}

.comment-list .engine-link{display:flex;}

.comment-list .comment-image{width:35px;height:35px;flex-shrink: 0;z-index:1;margin:0 12px 0 0;border-radius:50%;}

.rtl .comment-list .comment-image{margin: 0 0 0 12px;}

.comment-image{display:block;position:relative;overflow:hidden;background-color:#eee;z-index:5;color:transparent!important;}

.comment-list .comment-hero{flex:1;}

.comment-list .entry-title{font-size:14px;color:var(--main-text-color);display:block;font-weight:600;line-height:1.3em;margin:0;}

.comment-list .comment-snippet{font-size:12px;color:var(--comments-dec);margin:5px 0 0;}

.post-footer{position:relative;float:left;width:100%;margin:0}

.label-container{overflow:hidden;height:auto;position:relative;margin:10px 0;padding:0}

.label-container a,.label-container span{float:left;height:19px;font-size:13px;line-height:19px;font-weight:400;margin:8px 8px 0 0;padding:2px 10px;color:var(--theme-text-color);background:rgb(0 0 0 / 0.10);border-radius:8px;}

.label-container span{color:var(--button-text-color);background:var(--button-bg-color);}

.label-container a:hover{opacity:0.8;}

.rtl .label-container, .rtl .label-head.Label, .rtl .feed-share, .rtl .ilipm{float:right;}

ul.iliash{position:relative}

.iliash li{float:left;margin:5px 5px 0 0}

.iliash li a{display:flex;height:40px;line-height:40px;padding:0 10px;color:#fff;font-size:17px;cursor:pointer;box-sizing:border-box;border:1px solid rgb(110 110 110 / 0.33);border-radius:5px;align-items:center;justify-content:center;}

.iliash li a span{font-size:14px;font-weight:400;margin:0 0 0 5px;}

.rtl .iliash li a span{margin:0 5px 0 0;}

.iliash li a:hover{opacity:.8;}

.iliash li i{position:relative;display:block;font-size:17px;line-height:40px;height:40px;width:40px;box-sizing:border-box;border:1px solid rgb(110 110 110 / 0.33);text-align:center;margin:0 10px 0 0;border-radius:5px;}

.iliash li i:after{position:absolute;content:"";display:inline-block;width:7px;height:7px;border-right:1px solid rgb(110 110 110 / 0.33);border-top:1px solid rgb(110 110 110 / 0.33);transform:rotate(45deg);top:15px;right:-4px;background:var(--body-color-main);}

.iliash .show-hid a{color:var(--featured-posts-title);}

.iliash .show-hid a:before{content:'\F64D';font-family:var(--icons-font);font-weight:900;}

.iliash .show-hid a:hover:before{transform:rotate(360deg);transition:0.71s;}

.feed-share{position:relative;clear:both;overflow:hidden;line-height:0;margin:0 0 30px}

ul.ilipm{position:relative;box-sizing: border-box;width:100%;overflow:hidden;display:block;padding:0 10px;border-bottom:1px solid rgb(100 100 100 / 0.12);margin:0 0 30px}

.ilipm li{display:inline-block;width:50%}

.ilipm .post-prev{float:left;text-align:left;box-sizing:border-box;padding:0 0 5px}

.ilipm .post-next{float:right;text-align:right;box-sizing:border-box;border-left:1px solid rgb(100 100 100 / 0.12);padding:0 0 5px}

.ilipm li a{color:var(--theme-text-color);line-height:1.4em;display:block;overflow:hidden;transition:color .40s}

.ilipm li:hover a{opacity:0.8}

.ilipm li span{display:block;font-size:11px;color:#aaa;font-weight:600;text-transform:uppercase;padding:0 0 2px}

.ilipm .post-prev span:before, .ilipm .post-next span:after{font-family:var(--icons-font);font-size:10px;font-weight:400;vertical-align: middle;}

.ilipm .post-prev span:before{content:"\F284";}

.ilipm .post-next span:after{content:"\F285";}

.ilipm p{font-size:12px;font-weight:600;color:var(--ilipm-text);line-height:1.4em;margin:0}

.ilipm .post-primary p{color:#aaa}

.post-body h1{font-size:28px;}

.post-body h2{font-size:24px;}

.post-body h3{font-size:21px;}

.post-body h4{font-size:18px;}

.post-body h5{font-size:16px;}

.post-body h6{font-size:13px;}

.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5{line-height:1.5em;margin:0 0 6px;}

.post-body h6{font-size:13px;}

.iliaut{position:relative;display:block;overflow:hidden;padding:10px 20px;margin:10px 0 20px;}

.iliaut .author-avatar{float:left;width:100%;height:100%}

.iliaut .avatar-container{float:left;margin:10px 20px 0 0;height:70px;width:70px;overflow: hidden;border-radius: 50%;}

.iliaut .avatar-container .author-avatar.lazy-img{opacity:1}

.author-name{overflow:visible;display:inline-block;font-size:18px;font-weight:600;line-height:20px;margin:1px 0 3px}

.author-name span{color:var(--theme-text-color)}

.author-name a{color:var(--main-text-color);transition:opacity .40s}

.author-name a:after{content:"\F4B5";float:right;font-family:var(--icons-font);font-size:14px;line-height:21px;color:#0093e6;font-weight:400;text-transform:none;margin:0 0 0 4px;}

.author-name a:hover{opacity:.8}

.author-description{overflow:hidden}

.author-description span{display:block;overflow:hidden;font-size:13px;color:var(--black-text);font-weight:400;line-height:1.6em}

.author-description span br{display:none}

.author-description a{display:none;margin:0}

ul.description-links{display:none;padding:0 1px}

ul.description-links.show{display:block}

.rtl ul.description-links.show{float: right;}

.description-links li{float:left;margin:12px 12px 0 0}

.description-links li a{display:block;font-size:16px;color:var(--share-author-links);line-height:1;box-sizing:border-box;padding:0}

.description-links li a:hover{opacity:0.8}

#blog-pager{display:flex;margin:30px auto;justify-content:center;align-items:center;}

#blog-pager:before{content:'';position:absolute;border:1px solid rgb(118 118 118 / 27%);height:4px;width:100%;}

.blog-pager a:hover{background-color:rgb(157 157 157 / 0.20);color:var(--theme-text-color);border-color:rgb(157 157 157 / 0.50)}

#blog-pager .load-more{display:inline-block;height:34px;background-color:var(--button-bg-color);font-size:14px;color:var(--button-text-color);font-weight:400;line-height:34px;box-sizing:border-box;padding:0 30px;margin:0;border:1px solid rgba(0,0,0,.1);border-bottom-width:2px;border-radius:4px;z-index: 1;}

#blog-pager .load-more:after{content:'\F282';font-family:var(--icons-font);font-size:15px;font-weight:400;margin:0;vertical-align:middle;}

#blog-pager .load-more:hover{box-shadow: inset 0 0 19px 8px rgb(0 0 0 / 0.22);}

#blog-pager span.no-more.load-more,#blog-pager .load-more.show:after{display:none}

#blog-pager span.no-more.load-more.show{display:inline-block;background: #7c7c7c;}

#blog-pager .loading .loader:after{content:'';position:absolute;top:5px;left:0;right:0;text-align:center;width:28px;height:28px;margin:0 auto;border:2px solid var(--button-bg-color);border-right-color:rgba(155,155,155,0.2);border-radius:100%;animation:spinner 1.1s infinite linear;}

@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}

to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}

}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}

to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}

}

.loading-frame{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@keyframes fadeIn{from{opacity:0}

to{opacity:1}

}.run-time{animation-name:fadeIn}

@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,5px,0)}

to{opacity:1;transform:translate3d(0,0,0)}

}.load-time{animation-name:fadeInUp}

.loading-frame{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

@keyframes fadeIn{from{opacity:0}

to{opacity:1}

}.run-time{animation-name:fadeIn}

@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,5px,0)}

to{opacity:1;transform:translate3d(0,0,0)}

}.load-time{animation-name:fadeInUp}

@-webkit-keyframes slidein{0%{opacity:0}

20%{opacity:1;bottom:0}

50%{opacity:1;bottom:0}

80%{opacity:1;bottom:0}

100%{opacity:0;bottom:-70px;visibility:hidden}

}

@keyframes slidein{0%{opacity:0}

20%{opacity:1;bottom:0}

50%{opacity:1;bottom:0}

80%{opacity:1;bottom:0}

100%{opacity:0;bottom:-70px;visibility:hidden}

}

.ilicm{display:none;overflow:hidden;padding:15px;margin:0 0 10px;box-sizing:border-box;}

.comments-msg-alert{position:relative;font-size:13px;font-weight:400;color:var(--cm-count);font-style:italic;margin:0 0 17px;}

.ilicm .comments-title{margin:0 0 20px}

.all-comments{float:right;position:relative;color:var(--cm-count);background: var(--body-color-main);}

.comments-system-disqus .comments-title,.comments-system-facebook .comments-title{margin:0}

#comments{margin:0}

.comments{display:block;clear:both;margin:0;color:var(--theme-text-color)}

.comments .comment-thread>ol{padding:0}

.comments>h3{font-size:13px;font-weight:600;font-style:italic;padding-top:1px}

.comments .comments-content .comment{position:relative;list-style:none;padding:10px}

.comment-thread .comment{border:1px solid rgb(126 126 126 / 0.16);background:rgba(45 45 45 / 0.02);border-radius:4px;margin:10px 0 0;position:relative;}

.facebook-tab,.fb_iframe_widget_fluid span,.fb_iframe_widget iframe{width:100%!important}

.comments .item-control{position:static}

.comments .avatar-image-container{float:left;overflow:hidden;position:absolute}

.comments .avatar-image-container{height:35px;max-height:35px;width:35px;top:15px;left:15px;max-width:35px;border-radius:100%}

.comments .avatar-image-container img{width:100%;height:100%;}

.comments .comment-block,.comments .comments-content .comment-replies{margin:0 0 0 50px}

.comments .comments-content .inline-thread{padding:0}

.comments .comment-actions{float:left;width:100%;position:relative;margin:0}

.comments .comments-content .comment-header{font-size:15px;display:block;overflow:hidden;clear:both;margin:0 0 3px;padding:0 0 5px;}

.comments .comments-content .comment-header a{float:left;width:100%;color:var(--theme-text-color);transition:color .40s}

.comments .comments-content .comment-header a:hover{opacity:0.8}

.comments .comments-content .user{float:left;font-style:normal;font-weight:600}

.comments .comments-content .icon.blog-author:after{content:"\F4B5";font-family:var(--icons-font);font-size:14px;color:#0093e6;font-weight:400;vertical-align:middle;margin:0 0 0 4px}

.comments .comments-content .comment-content{float:left;font-family:var(--text-font);font-size:13px;color:var(--comment-text);font-weight:500;text-align:left;line-height:1.4em;width:100%;padding:20px 0px 20px 8px;background:rgb(110 110 110 / 0.08);margin:5px 0 9px;border-radius:3px;}

.comment-content .video-frame{position:relative;width:100%;padding:0;padding-top:56%}

.comment-content .video-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%}

.comments .comment .comment-actions a{margin-right:5px;padding:2px 5px;color:var(--main-text-color);font-weight:600;font-size:13px;transition:all .30s ease}

.comments .comment .comment-actions a:hover{opacity:0.8;text-decoration:none}

.comments .comments-content .datetime{position:relative;padding:0 1px;margin:4px 0 0;display:block}

.comments .comments-content .datetime a{color:#888;font-size:11px;float:left;}

.comments .comments-content .datetime a:hover{color:#aaa}

.comments .thread-toggle{margin-bottom:4px}

.comments .thread-toggle .thread-arrow{height:7px;margin:0 3px 2px 0}

.comments .thread-count a,.comments .continue a{transition:opacity .40s}

.comments .thread-count a:hover,.comments .continue a:hover{opacity:.8}

.comments .thread-expanded{padding:5px 0 0}

#comment-editor[height="230px"],#comment-editor[height="1142px"]{height:4.25rem}

#comment-editor{min-height:4.25rem;max-height:fit-content}

.comments .thread-chrome.thread-collapsed{display:none}

.comments .continue.hidden,.comments .comment-replies .continue .comment-reply{display:none;}

.comments #top-continue a{float:left;width:100%;height:35px;line-height:35px;background-color:var(--button-bg-color);font-size:14px;color:var(--button-text-color);font-weight:400;text-align:center;padding:0;margin:25px 0 0;border-radius:4px;}

.thread-expanded .thread-count a,.loadmore{display:none;}

.comments .comments-content .comment-thread{margin:0}

.comments .comments-content .loadmore.loaded{margin:0;padding:0}

#show-comment-form,.comments #top-continue a{float:left;width:100%;height:36px;border-radius:4px;background-color:var(--button-bg-color);font-size:15px;color:var(--button-text-color);font-weight:400;line-height:36px;text-align:center;box-sizing:border-box;padding:0 30px;margin:25px 0 0;}

#show-comment-form:hover, .comments #top-continue a:hover{box-shadow: inset 0 0 19px 8px rgb(0 0 0 / 0.22);}

.btn{position:relative;border:0;}

.comment-section-visible #show-comment-form{display:none}

.comments .comment-replybox-thread,.no-comments .comment-form{display:none;}

.comment-section-visible .comments .comment-replybox-thread,.comment-section-visible .no-comments .comment-form{display:block;}

.comments #top-ce.comment-replybox-thread,.comments.no-comments .comment-form{background-color:var(--widget-bg);padding:5px 16px;margin:20px 0 0;border-radius:4px;}

.comment-thread .comment .comment{border:0;}

.comments .comments-content .loadmore,.comments .comments-content .loadmore.loaded,.ilicm.comments-system-facebook .all-comments,.ilicm.comments-system-disqus .all-comments{display:none}

blockquote{position:relative;font-style:italic;float:left;color:var(--black-color);margin-left:0;padding:10px 15px;width:100%;box-sizing:border-box;background:rgb(181 181 181 / 0.09);border-radius: 5px;}

blockquote:before{content:'\F6B0';color:rgb(133 133 133 / 0.23);display:inline-block;font-family:var(--icons-font);font-size:62px;position:absolute;font-style:normal;font-weight:400;}

.post-body ul{line-height:1.5em;font-weight:400;padding:0 0 0 15px;margin:10px 0}

.post-body li{margin:5px 0;padding:0;line-height:1.5em}

.post-body ol>li{counter-increment:inc;list-style:none}

.post-body ol>li:before{display:inline-block;content:counters(inc,'.')'.';margin:0 5px 0 0}

.post-body ol{counter-reset:inc;padding:0 0 0 15px;margin:10px 0}

.post-body iframe[allowfullscreen]{height:auto;aspect-ratio:16/9}

.post-body u{text-decoration:underline}

.post-body ul li,.post-body ol li{list-style:none;}

.post-body ul li:before{content:"\f287";display: inline-block;font-size:4px;font-family: var(--icons-font);line-height:1.5em;vertical-align:middle;margin:0 5px 0 0;}

.post-body ul li ul li:before{content:"\f28a";}

.rtl .post-body ul li:before,.rtl .post-body ol>li:before{margin:0 0 0 5px;}

.post-body table{width:100%;overflow-x:auto;text-align:left;margin:0;border-collapse:collapse;border:1px solid rgb(154 154 154 / 0.15);}

.post-body table thead th{color:var(--featured-posts-title);font-weight:700;vertical-align:bottom;}

.post-body table td,.post-body table th{padding:6px 12px;border:1px solid rgb(154 154 154 / 0.15);}.post-body strike{text-decoration:line-through}

.post-card{display:grid;grid-template-columns:min(200px,50%) 1fr;border:1px solid rgb(120 120 120 / 0.11);border-radius:6px;margin:15px 10px;box-shadow:0px 0px 4px 2px rgb(129 129 129 / 0.05);}

.post-image{position:relative;width:100%;height:135px;margin:0;overflow:hidden;border-radius:4px;}

.post-card .entery-category-box{margin:15px 0 0 25px;text-align: left;}

.post-card .entery-category-box h2{font-size:17px;}

.card-healine{position:relative;display:block;color:var(--button-bg-color);font-size:15px;padding:0 0 0 25px;}

.card-healine:before{position:absolute;left:0;content:'\F4EA';font-family:var(--icons-font);font-size:18px;font-weight:400;margin:0 0 0 3px;vertical-align:middle;}

.pagination{display:flex;justify-content:center;margin:15px 15px;}

.pagination .btn{position:relative;display:block;color:var(--button-text-color);background:var(--button-bg-color);padding:8px 12px;margin:0;min-width:70px;text-align:center;border-radius:6px;font-size:15px;}

.pagination .btn:before,.pagination .btn:after{font-family:var(--icons-font);font-size:20px;font-weight:400;margin:0;vertical-align:middle;}

.pagination .prev.btn:before{content:"\F284";}

.pagination .next.btn:after{content:"\F285";}

.pagination .info{padding:8px 0;margin:0 15px;}

.contact-form{overflow:hidden}

div#footer-wrapper .contact-form-widget form{color:#fff;}

.contact-form .widget-title{display:none}

.contact-form .contact-form-name{width:calc(50% - 5px)}

.contact-form .contact-form-email{width:calc(50% - 5px);float:right}

.form input:active,.form input:focus,.form textarea:active,.form textarea:focus{border: 1px solid var(--button-bg-color);box-shadow: 0 0 3px 0px rgb(10 96 169 / 0.18);}

.sidebar .widget{position:relative;overflow:hidden;box-sizing:border-box;padding:15px;margin:0 0px 25px;}

.sidebar .widget-content{float:left;width:100%;margin:0;box-sizing:border-box;padding:0;counter-reset: post-count;}

div#footer-ads{margin:0;position:relative;overflow:hidden;}

ul.socialFilter{margin:0 -5px}

.socialFilter a:before{line-height:40px;-webkit-font-smoothing:antialiased;margin-right:-12px;width:40px;height:40px;text-align:center;float:left;border-right:1px solid rgb(161 161 161 / 0.17);font-size:20px;vertical-align:middle}

.socialFilter li{float:left;width:50%;box-sizing:border-box;padding:0 5px;margin:10px 0 0}

.socialFilter li:nth-child(1),.socialFilter li:nth-child(2){margin-top:0}

.socialFilter li a{display:block;height:40px;color:var(--share-author-links);box-shadow:var(--shadow-light);font-size:16px;font-weight:400;text-align:center;text-transform: capitalize;line-height:40px;border-radius:4px;}

.list-label li{position:relative;display:block;padding:7px 0;}

.list-label li a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--list-text-color);font-size:14px;font-weight:400;text-transform:capitalize;transition:all .30s ease}

.list-label li a:hover{opacity:0.8;padding-left:25px;transition:all .30s ease}

.Text .widget-content{font-family:var(--text-font);font-size:14px;color:var(--main-text-color);margin:0}

.list-label .label-count{position:relative;float:right;color:var(--theme-text-color);font-size:11px;font-weight:600;text-align:center;line-height:16px}

.rtl .list-label .label-count{float:left}

.cloud-label li{position:relative;float:left;margin:0 5px 5px 0}

.cloud-label li a{display:block;height:26px;overflow:hidden;color:var(--cloud-bg-color);font-size:14px;border-radius:4px;line-height:26px;font-weight:400;padding:0 10px;border:1px solid var(--cloud-border-color);transition:all .30s ease}

.cloud-label li a:hover{background-color:var(--button-bg-color);color:var(--button-text-color);transition:all .20s ease;}

.cloud-label .label-count{display:none}

.sibForm{background:var(--bg-cards-search);border-radius:4px;}

.sibForm .widget-content{position:relative;border:1px solid rgb(112 112 112 / 0.15);z-index:11;text-align:center;font-weight:600;box-sizing:border-box;padding:20px 20px 5px;border-radius:4px;}

.sibForm:after{content:'';display:block;position:absolute;bottom:0;right:0;width:100px;height:100px;opacity:0.20;background:var(--button-bg-color);border-radius:100px 0 0;}

.sibForm .follow-by-email-caption{font-size:13px;letter-spacing:1px;color:var(--post-snip-data);line-height:1.5em;margin:0 0 15px;display:block;padding:0 10px;overflow:hidden}

.sibForm .follow-by-email:before{content:'\F189';position:absolute;font-family:var(--icons-font);color:var(--email-text-color);top:0;left:50%;width:34px;overflow:hidden;height:34px;background-color:var(--email-bg-color);font-size:20px;font-weight:400;line-height:34px;text-align:center;transform:translate(-50%,-30%);margin:0;border-radius:50%;}

.sibForm .follow-by-email-inner{position:relative}

.follow-by-email-title{font-size:17px;font-weight:700;padding:7px;margin:15px 0px;color:var(--theme-text-color)}

.sibForm .follow-by-email-inner .follow-by-email-address{width:100%;height:32px;color:var(--theme-text-color);background:var(--input-form);font-size:11px;font-family:inherit;padding:0 10px;margin:0 0 10px;box-sizing:border-box;border:1px solid rgb(122 122 122 / 0.53);border-radius:4px;transition:ease .40s}

.sibForm .follow-by-email-inner .follow-by-email-address:focus{border:1px solid var(--email-bg-color);}

.sibForm .follow-by-email-inner .follow-by-email-address::placeholder{color:var(--placeholder-text-color);opacity:0.67;}

.sibForm .follow-by-email-inner .follow-by-email-submit{width:100%;height:32px;font-family:inherit;border-radius:4px;font-size:11px;color:var(--email-text-color);background-color:var(--email-bg-color);text-transform:uppercase;text-align:center;font-weight:500;cursor:pointer;margin:0 0 15px;border:0;transition:opacity .30s ease}

.sibForm .follow-by-email-inner .follow-by-email-submit:hover{box-shadow: inset 0 0 19px 8px rgb(0 0 0 / 0.22);}

.rtl .comments-msg-alert{float:right}

#ArchiveList ul.flat li{color:var(--theme-text-color);font-size:13px;font-weight:400;padding:7px 0;border-bottom:1px dotted #eaeaea}

#ArchiveList ul.flat li:first-child{padding-top:0}

#ArchiveList ul.flat li:last-child{padding-bottom:0;border-bottom:0}

#ArchiveList .flat li>a{display:block;color:var(--theme-text-color);}

#ArchiveList .flat li>a:hover{opacity:0.8}

.rtl #ArchiveList .flat li>a:before{float:right;}

.rtl #ArchiveList .flat li>a>span{float:left;}

#ArchiveList .flat li>a:before{content:"\F285";font-family:var(--icons-font);float:left;font-size:11px;font-weight:400;margin:0 auto;display:inline-block;transition:color .30s}

#ArchiveList .flat li>a>span{position:relative;background-color:var(--button-bg-color);color:var(--button-text-color);float:right;width:16px;height:16px;font-size:10px;font-weight:400;text-align:center;line-height:15px;border-radius:2px;}

.sidebar .PopularPosts .post{position:relative;float:left;margin:6px 0 12px;width: 100%;}

.sidebar .PopularPosts .post-filter-inner{position:relative;display:block;width:90px;height:90px;float:left;overflow:hidden;border-radius:4px;margin:0 12px 0 0}

.sidebar .PopularPosts .post-filter-inner.gaint{width:100%;height:257px;margin:0}

.sidebar .PopularPosts .post:before{left:-10px;top:-10px;width:24px;height:24px;border-radius:50%;border:3px solid #fff;background-color:#555;font-size:0.75rem;font-weight:500;color:#ffffff;counter-increment:post-count;content:counter(post-count);position:absolute;display:inline-flex;justify-content:center;align-items:center;transition:all 0.3s ease;z-index:11;}

.sidebar .PopularPosts .gaint .entery-category{float:left;margin:0;}

.FeaturedPost .entery-category span{font-size:11px;}

.FeaturedPost .post-filter-link{display:block;position:relative;width:100%;height:170px;overflow:hidden;margin:0 0 10px;border-radius: 10px;}

.contact-form-widget form{font-weight:600;margin:15px}

.contact-form-name{float:left;width:100%;height:30px;font-family:inherit;color:var(--theme-text-color);background:rgb(217 217 217 / 0.07);font-size:13px;line-height:30px;box-sizing:border-box;padding:5px 10px;margin:0 0 10px;border:1px solid rgb(139 139 139 / 0.32);border-radius:4px}

.contact-form-email{float:left;width:100%;height:30px;font-family:inherit;color:var(--theme-text-color);background:rgb(217 217 217 / 0.07);font-size:13px;line-height:30px;box-sizing:border-box;padding:5px 10px;margin:0 0 10px;border:1px solid rgb(139 139 139 / 0.32);border-radius:4px}

.contact-form-email-message{float:left;width:100%;max-width:100%;min-width:100%;min-height:80px;font-family:inherit;color:var(--theme-text-color);background:rgb(217 217 217 / 0.07);font-size:13px;box-sizing:border-box;padding:5px 10px;margin:0 0 10px;border:1px solid rgb(139 139 139 / 0.32);border-radius:4px}

.contact-form-button-submit{float:left;width:100%;height:30px;background-color:var(--button-bg-color);font-size:13px;color:var(--button-text-color);line-height:30px;cursor:pointer;box-sizing:border-box;padding:0 10px;margin:10px 0;border:0;border-radius:2px;transition:background .30s ease}

.contact-form-button-submit:hover{box-shadow: inset 0 0 19px 8px rgb(0 0 0 / 0.22)}

.contact-form-error-message-with-border{float:left;width:100%;background-color:#fbe5e5;font-size:11px;text-align:center;line-height:11px;padding:3px 0;margin:10px 0;box-sizing:border-box;border:1px solid #fc6262}

.contact-form-success-message-with-border{float:left;width:100%;background-color:#eaf6ff;font-size:11px;text-align:center;line-height:11px;padding:3px 0;margin:10px 0;box-sizing:border-box;border:1px solid #5ab6f9}

.contact-form-cross{margin:0 0 0 3px}

.contact-form-error-message,.contact-form-success-message{margin:0}

.BlogSearch .search-form{display:flex;padding:0;border-radius:4px;}

.BlogSearch .search-input{float:left;width:75%;height:40px;background-color:rgb(153 153 153 / 0.13);color:var(--theme-text-color);font-weight:400;font-size:13px;line-height:30px;border-radius:4px 0 0 4px;box-sizing:border-box;padding:5px 10px;border: 1px solid var(--button-bg-color);}

.rtl .BlogSearch .search-input{border-radius:0 4px 4px 0;}

.rtl .BlogSearch .search-action{border-radius:4px 0 0 4px;}

.blog-list-container li{margin:0 0 10px;}

.blog-icon{position:relative;float:left;margin:0 7px 0 0;}

.rtl .blog-icon{float:right;margin:0 0 0 7px;}

.Feed .item-title:before{content:"\F309";font-weight:400;font-family:var(--icons-font);font-size:17px;margin:0;vertical-align: middle;}

.Feed .item-date,.Feed .item-author{color:var(--post-snip-data);font-size:12px;font-weight:400;padding:0;}

.ReportAbuse > h3{display:flex;background:var(--bg-cards-search);font-size:14px;font-weight:400;padding:25px 20px;gap:10px;border-radius:8px;}

.ReportAbuse > h3:before{content:"\f33a";font-family:var(--icons-font);}

.ReportAbuse > h3 a:hover{text-decoration:underline}

.Attribution a{display:flex;align-items:center;font-size:13px;color:var(--featured-posts-title);font-weight:400;line-height:1.5rem;}

.Attribution a > svg{width:18px;height:18px;fill:currentColor;margin:0 7px 0 0;}

.rtl .Attribution a > svg{margin:0 0 0 7px;}

.Attribution .copyright{font-size:12px;color:var(--post-snip-data);line-height:10px;padding:10px 24px 0;}

.Attribution a:hover{text-decoration:underline}

.sidebar .Image img{width:auto;height:auto;border-radius: 8px;}

.sidebar .Image a{display:block;}

.Image .caption{float: left;margin:10px 0 0}

#google_translate_element{position:relative;overflow:hidden}

.rtl .Translate .goog-te-gadget{direction:inherit}

.Translate .goog-te-gadget a{font-size:11px;color:var(--featured-posts-title)}

.Translate .goog-te-gadget a:hover{color:var(--all-link-color)}

.Translate .goog-te-combo{width:100%;background:rgb(153 153 153 / 0.13);font-family:var(--body-font);color:var(--featured-posts-title);font-size:13px;padding:10px;margin:0 0 0.25rem!important;border:1px solid rgb(112 112 112 / 0.15);border-radius:5px;}

.Translate .goog-te-gadget-simple{width:100%;font-size:13px!important;padding:10px!important;border:0!important;background:var(--bg-cards-search) !important;border-radius:8px;}

.Stats .text-counter-wrapper{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--featured-posts-title);font-weight:700;text-transform:uppercase}

.Stats .text-counter-wrapper:before{content:"\f673";font-size:13px;font-family: var(--icons-font);}

.wikipedia-search-form{display:flex;}

.wikipedia-search-input{flex:1;width:100%;height:40px;background:rgb(153 153 153 / 0.13);font-size:13px;color:var(--theme-text-color);padding:0 15px;border-radius:8px 0 0 8px;}

.rtl .wikipedia-search-input{border-radius:0 8px 8px 0;}

.rtl .wikipedia-search-button{border-radius:8px 0 0 8px;}

.wikipedia-search-button{height:40px;font-size:13px;cursor:pointer;padding:0 15px;border-radius:0 8px 8px 0;box-sizing:border-box;background-color:var(--button-bg-color);color:var(--button-text-color);}

.wikipedia-search-button:hover{opacity:.8}

.wikipedia-search-more a{display:flex;align-items:center;justify-content:center;height:35px;background:var(--button-bg-color);font-size:13px;color:var(--button-text-color);padding:0 10px;margin:10px 0 0;border-radius:8px;}

.wikipedia-search-more a:hover{opacity:.8}

.wikipedia-search-results:not(:has(a)){font-size:13px;margin:9px auto 0;text-align:center;}

.wikipedia-search-results-header{display:none!important}

.wikipedia-search-results a{display:flex;gap:5px;font-size:13px;color:var(--featured-posts-title);margin:10px 0 0}

.wikipedia-search-results a:after{content:"\f1c5";font-size:10px;font-family: var(--icons-font);}

.wikipedia-search-results a:hover{color:var(--all-link-color)}

.BlogSearch .search-action{float:right;width:25%;height:40px;font-family:inherit;font-size:13px;line-height:40px;cursor:pointer;box-sizing:border-box;background-color:var(--button-bg-color);color:var(--button-text-color);padding:0 5px;border:0;border-radius:0 4px 4px 0;transition:background .30s ease}

.BlogSearch .search-action:hover{box-shadow: inset 0 0 19px 8px rgb(0 0 0 / 0.22)}

.Profile .profile-img{float:left;width:70px;height:70px;margin:0 15px 0 0;border-radius:50%;transition:all .30s ease}

.team-member{position:relative;display:block;overflow:hidden;float:left;width:100%;box-sizing:border-box;margin:0 0 15px;}

.team-member .team-member-img{position:relative;display:block;float:left;margin:0;}

.team-flex,.profile-datablock{position:relative;display:block;overflow:hidden;}

.team-flex a,.profile-datablock a{position:relative;display:block;font-size:14px;font-weight:600;color:var(--main-menu-text-color);margin:0;}

.profile-textblock{position:relative;display:block;font-size:12px;color:var(--post-snip-data)}

.Profile .profile-info >.profile-link{color:var(--theme-text-color);font-size:11px;margin:5px 0 0}

.Profile .profile-info >.profile-link:hover{opacity:0.8}

.Profile .profile-datablock .profile-textblock a{position:relative;overflow:hidden;display:block;float:left;margin:13px 0;}

.Profile .profile-info ul.description-links.show{display:flex;justify-content:center;}

.Profile .profile-datablock .profile-textblock{position:relative;display:block;z-index:11;float:left;overflow:hidden;}

.profile-data.location:before{content:"\F3E7";font-family:var(--icons-font);font-size:15px;font-weight:400;vertical-align:middle;}

a.user-image{position:relative;display:block;overflow:hidden;float:left;z-index:1;}

.profile-data.location{position:relative;font-size:13px;color:var(--button-bg-color);text-align:center;margin:10px auto 0;float:left;width:100%;box-sizing:border-box;}

.widget-control ul li{width:calc(50% - 8px);padding:7px 0 0}

.widget-control ul li a{color:var(--featured-posts-title);font-size:13px;font-weight:500;background:rgb(130 130 130 / 0.11);border-radius:4px;width:100%;float:left;margin:4px 0;padding:3px 0;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;}

.LinkList .widget-control ul li:nth-child(odd),.PageList .widget-control ul li:nth-child(odd){float:left}

.LinkList .widget-control ul li:nth-child(even),.PageList .widget-control ul li:nth-child(even){float:right}

.widget-control ul li a:before{content:"\F309";float:left;font-weight:400;font-family:var(--icons-font);font-size:17px;margin:0}

.widget-control ul li a:hover{color:var(--button-text-color);background:var(--button-bg-color);}

.flex-footer{display:flex;flex-direction:column;}

#footer-wrapper{position:relative;float:left;width:100%;}

#footer-wrapper .footer-data{background-color:var(--footer-bg-color);}

#footer-wrapper .footer{display:inline-block;float:left;width:33.33333333%;box-sizing:border-box;padding:0 15px}

#footer-wrapper .footer .widget{float:left;width:100%;padding:5px 0;margin:10px 0 0}

#footer-wrapper .footer .Text{margin:10px 0 0}

#footer-wrapper .footer .widget:first-child{margin:0}

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

.ilitop{display:none;z-index:10;position:fixed;bottom:25px;right:25px;cursor:pointer;overflow:hidden;font-size:24px;font-weight:600;color:var(--button-text-color);text-align:center;width:40px;height:40px;line-height:35px;border-radius:4px;background:var(--button-bg-color);box-shadow:var(--bg-cards-shadow);}

.ilitop:after{content:'\F286';position:relative;font-family:var(--icons-font);font-size: 15px;font-weight:400;margin:0;vertical-align:middle;opacity:.8;transition:opacity .30s ease;}

.ilitop:hover{box-shadow: inset 0 0 19px 8px rgb(0 0 0 / 0.22)}

.error404 #feed-view{width:100%!important;margin:0!important}

.error404 #sidebar-container{display:none}

.errorPage{color:var(--theme-text-color);text-align:center;padding:80px 0 100px}

.errorPage h3{font-size:160px;line-height:1;margin:0 0 30px}

.errorPage h4{font-size:25px;margin:0 0 20px}

.errorPage p{margin:0 0 10px}

.errorPage a{display:block;color:var(--main-text-color);padding:10px 0 0}

.errorPage a i{font-size:20px}

.errorPage a:hover{text-decoration:underline}

.firstword{float:left;color:#7a5a5a;font-size:70px;line-height:60px;padding-top:3px;padding-right:8px;padding-left:3px}

.code-box input#showlink{line-height:0;margin:0;padding:0;outline:0;border:0;width:1px;height:0;opacity:0;}

.tg{border-collapse:collapse;border-spacing:0}

.tg td{font-family:'Open Sans',sans-serif;font-size:14px;border:1px solid #000;background-color:#fff}

.main-button{display:inline-block;color:var(--button-text-color);background:var(--button-bg-color);font-size:14px;font-weight:400;padding:5px 12px;margin:5px;text-align:center;border:0;cursor:pointer;border-radius:4px;text-decoration:none;min-width: 80px;}

.main-button:before{font-family:var(--icons-font);vertical-align:middle;margin:0 5px 0 0}

.rtl .main-button:before{margin:0 5px 0 0}

.main-buttonhover{box-shadow: inset 0 0 19px 8px rgb(0 0 0 / 0.22);}

.l-bt{padding:16px 35px;}

.main-button.buy:before{content:"\F174";}

.main-button.demo:before{content:"\F33E";}

.main-button.share:before{content:"\F52D";}

.main-button.gift:before{content:"\F3EB";}

.main-button.download:before{content:"\F30A";}

.main-button.contact:before{content:"\F676";}

.main-button.link:before{content:"\F471";}

.main-button.cart:before{content:"\F23F";}

.main-button.info:before{content:"\F430";}

.main-button.paypal:before{content:"\F662";}

.main-button.whatsapp:before{content:"\F618";}

.main-button.telegram:before{content:"\F5B3";}

.main-button.facebook:before{content:"\F344";}

.card-wrap .card-icon i:before{content:attr(data-icon);}

.alert-message{position:relative;clear:both;display:inline-block;background-color:#293dc9;padding:20px;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#2978c9;border:1px solid #ec6868}

.alert-message.success:before{content:"\F26A";color:#13d864}

.alert-message:before{font-family:var(--icons-font);vertical-align:middle;font-size:16px;font-weight:400;display:inline-block;margin:0 5px 0 0}

.alert-message.passed:before{content:"\F270";color:#1984ce}

.alert-message.warning:before{content:"\F333";color:#c58519}

.alert-message.error:before{content:"\F622";color:#d02615}

.alert-message.success{background-color:#f1f9f7;border-color:#e0f1e9;color:#1d9d74}

.alert-message.passed{background-color:#f5fbff;border:1px solid #7ebbe4}

.alert-message.alert{background-color:#daefff;border-color:#8ed2ff;color:#378fff}

.alert-message.warning{background-color:#fcf8e3;border-color:#faF218;color:#8a6d3b}

.alert-message.error{background-color:#ffd7d2;border-color:#ff9494;color:#f55d5d}

.code-box{position:relative;display:block;color:#eaeaea;background-color:#0d1642;font-family:Monospace;font-size:13px;white-space:pre-wrap;line-height:1.4em;padding:15px 10px 10px;margin:0;border:1px solid rgba(155,155,155,0.3);border-radius:2px}

.card-wrap{display:flex;justify-content:space-between;margin:18px 20px;padding:25px 10px;align-items:center;border:1px solid rgb(120 120 120 / 0.11);border-radius:6px;box-shadow:0px 0px 4px 2px rgb(129 129 129 / 0.05);}

.card-header{display:flex;justify-content:space-between;align-items:center;}

.card-icon{display:block;background:rgb(129 129 129 / 0.14);width:50px;font-size: 20px;min-width: 50px;height:50px;text-align: center;line-height:50px;border-radius:4px;margin:0 10px;}

.card-info{display:flex;justify-content:space-between;flex-direction:column;align-items:flex-start;}

span.card-title{font-size:16px;font-weight:600;width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}

span.card-data{font-size:12px;color:#767676;}

@media screen and (max-width:1178px){#outer-wrapper{max-width:100%}

#center-container{box-sizing:border-box;padding:0;margin:10px 0 0}

}

@media screen and (max-width:1078px){

#outer-wrapper{max-width:100%}

.type-block2.header-section{justify-content:flex-start;}

.block-wrapper{flex-direction:column;}

.block-module.item0{padding:0 0 15px;}

.block-module.item0,.block-combo{width:100%;}

.block-module.item0,.block-combo .block-module:not(.block-module.item4){margin:0 0 15px;}

.square-posts.item0 .post-filter-link{height:270px;width:300px;}

.square-posts .post-filter-link{height:130px;width:130px;}

.llilxiXft.item0 .entry-title,.block-module.item0 .entry-title,.Pro-box .modal-grid.item0 .entry-title,.Pro-box .video-module.item0 .entry-title,.square-posts.item0 .entry-title{font-size:20px;}

}

@media screen and (max-width:940px){

.square-posts.item0 .post-filter-link{height:340px;width:100%;}

.square-posts.item0{flex-direction:column;}

.square-combo .square-posts{width:100%;}

.post-filter .post-filter-inner{margin:0;width:100%;}

.my-grid,.block-wrapper{flex-direction:column;}

.modal-grid.item0,.modal-box,.block-module,.block-combo,.block-module.item0,.post-filter .post-filter-link{width:100%;}

.block-module.item0{margin: 0 0 5px;}

.post-filter .entery-category-box{float:left;margin: 10px 0 0;}

.sidebar .widget-content.sidebar-posts{padding: 10px;}

.tickerNews{width:calc((100% - 40px) / 2);}

.tickerNews:not(.tickerNews.item2,.tickerNews.item3){margin:0 0 18px;}

.post-filter .post-filter-link{height:330px;}

}

@media screen and (max-width:880px){

#outer-wrapper .flex-section .outer-container{flex-direction:column;}

.my-sidebar .sidebarui-posts .glax-img{height:232px;}

ul#iljxXom,#iljxXnm ul>li{display:block;}

.SuperLogo{padding:0;}

.tickerNews{width:calc((100% - 40px) / 2);margin:0 0 10px;}

.header-section{justify-content:space-between;}

.header-right{position:relative;right:unset;}

.post-filter-wrap .grid-posts{grid-column-gap:10px;}

.llilxXtic .widget-content{margin:10px;}

.llilxXtic .widget>.widget-title{float:none;display:inline-block;}

.rtl .llilxXtic .widget>.widget-title{float:none;}

.hide-iljxXmm,#iljxXom>li>a{--main-menu-text-color:var(--mobile-text-color)}

div#Header1{position:relative;display:flex;align-items:center;height:100%;margin:0;}

.outer-container{justify-content:center;flex-direction:column;align-items:center;}

.main-menu-wrap,#top-bar{display:none}

.hamburger{display:flex;align-items:center;}

.header-section{flex-wrap:nowrap;}

#iljxXom>li:after{content:none}

.social-runs ul li a,#iljxXom>li>a:hover{opacity:0.8}

#iljxXom>li>a{justify-content:space-between;padding:10px 10px;margin:10px 0;text-align:left;}

.rtl #iljxXom>li>a{text-align:right;}

#feed-view,#sidebar-container{width:100%;}

.iljxXnm{display:none}

.logo-container{border-radius:0;margin:0}

.overlay,#inner-menu{display:block;transition:all .5s cubic-bezier(.79,.14,.15,.86)}

.spring-open .overlay{filter:blur(2.5px);backdrop-filter:saturate(100%) blur(2.5px);visibility:visible;opacity:1;}

body.active-search{overflow:visible;left:initial;right:initial}

.type-block2 .widget-content{padding:10px;}

.block-step.item0{grid-column:1/3;grid-row:1/2;}

.block-step.item1{grid-column:3/5;grid-row:1/2;}

.block-step.item2{grid-column:1/3;grid-row:2/3;}

.block-step.item3{grid-column:3/5;grid-row:2/3;}

.iliaut{text-align:center}

.Footer-Function{width:100%;}

.footer-primary .LinkList{display:flex;justify-content:center;align-items:center;align-content:center;width:100%;margin:15px auto 0;}

.footer-primary .about-content{align-items:center;justify-content:center;align-content:center;flex-direction:column;}

.footer-primary{flex-wrap:wrap;flex-direction:column;}

.bio-data{width:100%;text-align:center;}

.footer-primary .Image{width:100%;}

.footer-outer{flex-direction:column-reverse;}

}

@media screen and (max-width:768px){

.Pro-flex .widget .widget-content{min-height:228px;}

.featured-grid-all{flex-direction:column;}

.llilxiXft.item0{margin:0 0 10px;}

.llilxXft{grid-gap:10px;}

.featured-grid-all .llilxiXft.item0,.llilxXft{width:100%;}

.block-wrapper{flex-direction:column;}

.block-module.item0,.block-combo{width:100%;}

.raw-main-wrapper{grid-gap:5px;}

.video-wrapper{grid-template-columns:repeat(1,1fr);}

.video-box:before{content:unset;}

.iliaut .avatar-container{float:none;margin:10px auto}

.author-name{text-align:center}

.author-name a:after{float:none}

.author-description{text-align:center}

.description-links li{float:none;display:inline-block}

.post-footer{margin:0}

.my-sidebar{grid-gap:7px;}

ul.ilipm{padding:5px}

.modal-box .modal-grid{width:100%;}

.Pro-box .widget,.post-filter-wrap,.sidebar .widget{padding:15px 5px;}

#footer-wrapper .footer{width:100%;margin-right:0}

.tList .featured-meta{margin:0;}

#menu-footer,#footer-wrapper .copyright-area{width:100%;height:auto;line-height:1.7em;text-align:center}

#menu-footer,.block-combo{margin:10px 0 0}

#footer-wrapper .copyright-area{margin:10px 0 5px}

#footer-checks-menu,.footer-container .footer-copyright{text-align:center;margin:0 auto;}

#footer-checks-menu ul li{display:inline-block;float:none;margin:0}

#footer-checks-menu ul li a{margin:0 7px}

.footer-container .footer-copyright .widget{float:left;width:100%;margin:10px 0 0;}

}

@media screen and (max-width:680px){

.post-filter .post-snippet{display:none;}

.header-room{flex-shrink:unset;}

#cookies-iki{right:0!important;left:0!important;bottom:0;width:initial;margin:0;padding:20px 15px;border-radius:0;transform:translate3d(0,50%,0);}

#cookies-iki.cookies-show{transform:translate3d(0,0,0);}

}

@media screen and (max-width:640px){

.header-room img{max-height:40px;}

.video-wrapper{grid-gap:0px;}

.video-box{display:block;}

.video-module .post-filter-inner{width:100%;height:175px;}

.post-filter-wrap .grid-posts{grid-template-columns:1fr;}

.Pro-box .raw-main{width:100%;clear:both}

.Pro-box .raw-main .raw-main-sum{display:block!important}

.Pro-box .raw-main .raw-main-box h3 a{font-size:initial!important}

.raw-main-wrapper{display:block;}

.block-step{width:100%;margin:0 0 10px;}

.tickerNews,.square-wrapper .square-posts{width:100%;}

.Pro-box .video-module.item0 .entry-title{font-size:20px;}

.Pro-flex .llilxiXft.item0 .post-filter-inner{height:360px;}

.block-module.item0 .post-filter-inner{height:332px;}

Pro-flex .post-filter-inner{height:220px;}

.llilxiXft .entery-category-fly{bottom:0;}

.rtl .post-inner-comments.flex{left:0;right:unset;}

.StickyDemo{margin:0 4px;}

.share-wrapper-icons.colorful-ico li{width:33%;}

.share-wrapper-icons.colorful-ico a:before{font-size:19px;}

.share-wrapper-icons.colorful-ico li a{height:30px;line-height:20px;}

.share-wrapper-icons.colorful-ico{padding:10px 0px 20px;}

input.search-input{font-size:20px}

.Pro-box-content{padding:0}

.square-wrapper .square-posts .square-img .post-filter-inner {height: 210px;}

#feed-view #main{margin:0}

.post-filter .post-filter-link{height:260px;}

.modal-grid .post-filter-link{height:120px;}

.related-runs .llilxXrl,#room-box .modal-box .modal-grid{width:100%;}

.related-runs .llilxXrl .llilxXrl-thumb{height:250px}

.post-snip .post-date{margin:10px 10px 0 0;}

}

@media screen and (max-width:480px){

.post-filter .entry-title{font-size:17px;}

.iliash li a span{display:none;}

.post-card{display:block;}

.post-card .entery-category-box{margin:15px 10px;}

.post-image {height: 190px;}

.card-wrap{display:block;}

.card-wrap{flex-direction:column;align-items:start;}

a.card-button.main-button{display:block;max-width:100%;}

.card-header{justify-content:flex-start;}

.sidebar .PopularPosts .post-filter-inner,.modal-grid .post-filter-link{width:130px;height:115px;}

.video-module.item0 .post-filter-inner{height:265px;}

.llilxiXft.item0 .entry-title{font-size:20px;}

.my-sidebar .sidebarui-posts .glax-img{height:125px;}

.description-links li{float:none;display:inline-block;margin:10px}

.errorPage{padding:70px 0 100px}

.errorPage h3{font-size:120px}

#comments ol{padding:0}

.Pro-flex .llilxiXft.item0 .post-filter-inner{height:310px;}

}

@media screen and (max-width:380px){

.pagination .btn{min-width:unset;font-size:0;}

.search-thumb{width:100px;height:80px;}

.iliaut .avatar-container{width:60px;height:60px}

.item .comment-bubble{display:none}

.share-top{margin:0;}

}

]]></b:skin>

</b:if>

<b:if cond='data:view.isLayoutMode'>

<b:template-skin>

<![CDATA[

html,body#layout #outer-wrapper,body#layout .outer-container{width:auto;padding:0;}

body#layout{position:relative;width:auto;max-width:100%;background:#ffffff;padding:95px 5px 0;margin:1px;border:1px solid #def2ff;}

body#layout:before{content:"Grid Mag 1.3.0.V";font-family:MONOSPACE;position:absolute;top:20px;right:20px;z-index:1;padding:6px 14px;font-size:15px;border-radius:10px;font-weight:400;color:#919191;background:#fdfdfd;border:1px solid #cac9c9 !important;}

body#layout div.section{display:block;border-radius:5px;background-color:#f3f3f3!important;margin:0 5px 10px!important;padding:16px 16px 18px!important;border-color:#009bde;border:0;}

body#layout .section h4{font-size:14px;margin:0;!important;}

body#layout .section h4:after{text-transform:initial;color:#6b6b6b;font-weight:400}

body#layout .section h4,body#layout div.layout-title{display:-webkit-box}

body#layout .widget-content{border-radius:5px;width:auto;max-width:none;max-height:none;margin:0;border:1px solid #538bf5;}

body#layout .widget .widget-content a.editlink{border-radius:2px}

body#layout .visibility .editlink{background:#3363ff url(https://1.bp.blogspot.com/-yggSg-F-GrY/YJbChcKAXNI/AAAAAAAABmk/hn1KE7b_qtEeu4EYEDnejdq17f0xZjz4QCLcBGAsYHQ/s20/edit-icon-iki.png) no-repeat center !important;}

body#layout .visibility .editlink:hover{background-color:#029000 !important}

body#layout .draggable-widget .widget-wrap2 .widget-content{border-radius:0 5px 5px 0;}

body#layout .draggable-widget .widget-wrap2{border-radius:5px;background:#3363ff url(https://1.bp.blogspot.com/-hMi3I2lPKLQ/XcVHiWtl6GI/AAAAAAAAAPQ/M2XKqrvMItIH7dQdiEyH9cQ35lvkW36FgCNcBGAsYHQ/s1600/ico.png) no-repeat 4px 50%!important}

body#layout .draggable-widget .widget-wrap1 .widget-wrap2{background-color:#3363ff!important}

body#layout .visibility .layout-widget-state.visible{background-image:url(https://1.bp.blogspot.com/-uYbp0hXEKwo/XcVGwr7W7-I/AAAAAAAAAPI/lihmCldvuy0c0J54DHpqaZnQ9sZ-qv4zgCNcBGAsYHQ/s1600/eye.png)!important}

body#layout .visibility .layout-widget-state.not-visible{background-image:url(https://1.bp.blogspot.com/-zsoXuAqK0Rs/YSrwXcPcFOI/AAAAAAAACHU/kJA24Ue423YlPX2svO7hSJEGNMcdcn-eACLcBGAsYHQ/s48/hidden.png)!important;background-size:24px!important;background-repeat:no-repeat;opacity:1;}

body#layout .add_widget a{display:flex;color:#4385f5!important;!important;}

body#layout div.admin-section{overflow:hidden!important;}

body#layout .layout-widget-description{display:none}

body#layout .admin-area,body#layout #main-menu .widget{display:block!important;width:100%;}

nav#top-bar .container .header-room .widget{width:100%;float:left;}

body#layout #custom-ads-placeholder{display:flex!important}

body#layout #custom-ads-placeholder .section{width:49%}

body#layout .hamburger,body#layout .search-toggle,body#layout #nav-search,body#layout #HTML44{display:none}

body#layout .header-left{display:flex;}

body#layout #header-room,.iljxXnm{width:50%;}

body#layout #mega-wrap .widget, .rtl body#layout .add_widget a{display:block}

body#layout .search-toggle,body#layout .section-sticky{display:none}

body#layout #mega-wrap .widget{display:block}

body#layout #center-container{margin:0}

body#layout #center-container>.container{display:flex;margin:auto}

body#layout #feed-view{width:68.66%;padding:0}

body#layout #sidebar-container{width:33.33%;padding:0;display:block}

body#layout .sidebar .widget,body#layout .sidebar .widget-content{float:none;overflow:visible}

body#layout .fl-footer, body#layout .footer-outer{display:flex;}

body#layout .Footer-Function, body#layout div#footer-checks-menu,body#layout div#footer-copyright{overflow:hidden!important;width:100%}

body#layout .footer-primary{overflow:hidden !important;}

body#layout .footer-primary div.widget{float:left !important;width:49% !important;}

body#layout div#LinkList7{margin-left:1% !important;}

body#layout .section > h4:after{font-size:12px;font-size:12px;font-weight:400;}

body#layout #admin > h4:after{content:' - For setting up comments system, related posts, dark mode and button texts.'}

body#layout #social-sec > h4:after{content:' - Set Social Media icons and link'}

body#layout #header-room > h4:after{content:' - Set Main Logo here with Dark Logo (use link box for dark logo)'}

body#layout #iljxXnm > h4:after{content:' - Edit menu and submenu links here'}

body#layout #hot-posts > h4:after{content:' - Trending/Popular Section'}

body#layout #top-box > h4:after{content:' - Main Custom Featured Posts'}

body#layout #room-box > h4:after{content:' - Main Featured Posts Section(A)'}

body#layout #room-box1 > h4:after{content:' - Bottom Featured Posts Section(B)'}

body#layout #ft-post > h4:after{content:' - Feature and Popular Posts both Gadgets'}

body#layout #main-ads1 > h4:after{content:' - Ads Section place ad code here'}

body#layout #room-box0 > h4:after{content:' - Featured Post Section'}

body#layout #main > h4:after{content:' - Recent Posts,Comments,no. of Posts etc.'}

body#layout #ads-top > h4:after{content:' - Top and Bottom Posts Ads'}

body#layout #main-ads2 > h4:after{content:' - Bottom Footer Ads Section (responsive)'}

body#layout #Footer-Function3 > h4:after{content:' - Change footer logo and caption'}

body#layout #footer-checks-menu > h4:after{content:' - Footer Pages Links'}

body#layout #footer-copyright > h4:after{content:' - Footer Copyright Link'}

body#layout #sidebar > h4:after{content:' - Sidebar widgets'}

body#layout #cookies > h4:after{content:' - Change Cookies Consent from here'}

]]></b:template-skin>

</b:if>

<b:defaultmarkups>

<b:defaultmarkup type='Common'>

<b:includable id='theme-head'>

<b:if cond='data:isFeed'>

</b:if>

<b:if cond='!data:view.isLayoutMode and !data:isFeed'>

<b:if cond='data:blog.adultContent'>

</b:if>

<data:blog.feedLinks/><data:blog.meTag/>

<b:if cond='!data:view.isSearch and !data:view.isLabelSearch'>

</b:if>

<b:if cond='data:view.isHomepage'>

</b:if>

<b:if cond='data:view.isSingleItem'>

</b:if>

<b:if cond='data:view.isMultipleItems and not data:view.isHomepage'>

</b:if>

<b:tag cond='data:view.isMultipleItems and data:widgets.Blog.first.posts[0].featuredImage' expr:content='data:widgets.Blog.first.posts[0].featuredImage' name='meta' property='og:image'/>

<b:if cond='data:view.featuredImage'>

</b:if>

<b:if cond='data:view.isHomepage'>

</b:if>

<b:if cond='data:view.isPost'>

</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

</b:if>

<b:if cond='data:view.isPost'>

</b:if>

<b:if cond='data:view.isHomepage'>

</b:if>

<b:if cond='data:blog.languageDirection != "rtl"'>

<b:with value='[data:skin.vars.main_font_family, data:skin.vars.title_font_family, data:skin.vars.meta_font_family, data:skin.vars.text_font_family]' var='fonts'>

<b:loop index='i' values='data:fonts' var='font'>

<b:if cond='not(data:font contains ",")'>

<b:with value='"https://fonts.googleapis.com/css2?family=" + data:font + ":ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap"' var='fontLink'>

<b:tag cond='data:i == 0' expr:href='data:fontLink' name='link' rel='stylesheet'/>

<b:tag cond='data:i == 1 and (data:font not in [data:fonts[0]])' expr:href='data:fontLink' name='link' rel='stylesheet'/>

<b:tag cond='data:i == 2 and (data:font not in [data:fonts[0], data:fonts[1]])' expr:href='data:fontLink' name='link' rel='stylesheet'/>

<b:tag cond='data:i == 3 and (data:font not in [data:fonts[0], data:fonts[1], data:fonts[2]])' expr:href='data:fontLink' name='link' rel='stylesheet'/>

</b:with>

</b:if>

</b:loop>

</b:with>

<b:else/>

</b:if>

</b:if>

</b:includable>

<b:includable id='widget-title'>

<b:if cond='data:defaultTitle or data:title'>

<b:if cond='data:widget.sectionId not in ["hot-posts", "ft-post", "ads-top", "main-ads2"]'>

</b:if>

</b:includable>

<b:includable id='translate'>

<b:switch var='data:message'><b:case value='loadMorePosts'/><b:if cond='data:blog.locale.language == "en"'>Load More<b:elseif cond='data:blog.locale.language == "es"'/>Carga Más<b:elseif cond='data:blog.locale.language == "pt"'/>Carregar Mais<b:elseif cond='data:blog.locale.language == "ar"'/>تحميل المزيد<b:else/><data:messages.loadMorePosts/></b:if></b:switch>

</b:includable>

<b:includable id='theme-js'>

<b:tag name='script' type='text/javascript'>var tMessages ={fixedMenu:<b:eval expr='data:skin.vars.stickyMenu == "1px" ? "true" : "false"'/>,fixedSidebar:<b:eval expr='data:skin.vars.stickySidebar == "1px" ? "true" : "false"'/>,isRTL:<b:if cond='data:blog.languageDirection == "rtl"'>true<b:else/>false</b:if>,showMore:"<data:messages.showMore/>",noTitle:"<data:messages.noTitle/>",noResults:"<data:messages.noResultsFound/>",postAuthorLabel: "<data:widgets.Blog.first.allBylineItems.author.label/>",dateIco:"<b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'>post-date<b:else/>&nbsp;</b:if>"}</b:tag>

</b:includable>

<b:includable id='textlist-content'>

</div>

</b:includable>

<b:includable id='popular-content'>

<div>

<b:if cond='data:widget.sectionId == "hot-posts"'>

<b:class name='tickerNews'/>

<b:elseif cond='data:widget.sectionId == "ft-post"'/>

<b:class name='llilxiXft'/><b:else/>

<b:class name='popular-post post'/>

</b:if>

<b:class expr:name='"item"+data:i'/>

<b:if cond='data:widget.sectionId in ["ft-post"]'>

<b:tag class='post-filter-inner gaint' cond='data:i == 0 and (data:widget.sectionId == "ft-post")' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle' name='a'>

<b:tag class='post-filter-inner' cond='data:widget.sectionId != "ft-post" or (data:i != 0 and (data:widget.sectionId == "ft-post"))' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle' name='a'>

<b:tag class='post-filter-link background-layer' name='span'>

<b:if cond='data:post.featuredImage'><img class='snip-thumbnail' expr:alt='data:post.title ? data:post.title : data:messages.noTitle' expr:data-src='data:post.featuredImage.isYouTube ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped , 72, "1:1") : resizeImage(data:post.featuredImage , 72, "1:1")'/>

<b:else/>

</b:if>

<b:class expr:name='data:post.featuredImage.isYouTube ? "video-nos" : "image-nos"'/>

</b:tag>

<b:tag class='entery-category-fly' name='div'>

<b:if cond='data:post.labels'><span class='post-tag'><data:post.labels.first.name/></span></b:if>

<b:if cond='data:widgets.Blog.first.allBylineItems.author'><data:widgets.Blog.first.allBylineItems.author.label/><span class='post-author'><data:post.author.name/></span></b:if>

<b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'><span class='post-date' expr:datetime='data:post.date.iso8601'><data:post.date/></span></b:if>

</div>

</b:tag>

</b:if>

<b:if cond='data:widget.sectionId in ["sidebar", "hot-posts"]'>

<b:tag class='post-filter-inner gaint' cond='data:i == 0 and (data:widget.sectionId == "sidebar")' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle' name='a'>

<b:tag class='post-filter-inner' cond='data:widget.sectionId != "sidebar" or (data:i != 0 and (data:widget.sectionId == "sidebar")) or data:widget.sectionId == "hot-posts"' expr:href='data:post.url.canonical' expr:title='data:post.title ? data:post.title : data:messages.noTitle' name='a'>

<b:tag class='post-filter-link background-layer' cond='(data:i not in [0,1,2,3] and (data:widget.sectionId == "hot-posts")) or (data:i == 0 and (data:widget.sectionId == "sidebar"))' name='span'>

<b:if cond='data:post.featuredImage'>

<b:else/><img class='snip-thumbnail' data-src='https://4.bp.blogspot.com/-O3EpVMWcoKw/WxY6-6I4--I/AAAAAAAAB2s/KzC0FqUQtkMdw7VzT6oOR_8vbZO6EJc-ACK4BGAYYCw/w680/nth.png' expr:alt='data:post.title ? data:post.title : data:messages.noTitle'/>

</b:if><b:class expr:name='data:post.featuredImage.isYouTube ? "video-nos" : "image-nos"'/>

</b:tag>

<b:tag expr:class='data:i == 0 and (data:widget.sectionId == "sidebar") ? "entery-category-fly" : "entery-category-box"' name='div'>

<b:if cond='data:post.labels'><span class='post-tag'><data:post.labels.first.name/></span></b:if>

<b:if cond='data:i == 0 and (data:widget.sectionId == "sidebar")'><b:if cond='data:widgets.Blog.first.allBylineItems.author'><data:widgets.Blog.first.allBylineItems.author.label/><span class='post-author'><data:post.author.name/></span></b:if>

</b:if><b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'><span class='post-date'><data:post.date/></span></b:if>

</div>

</b:tag>

</b:if>

</div>

</b:includable>

<b:includable id='share-box'>

</div>

<li class='facebook'><a aria-label='Facebook' class='bi-facebook window-t' data-height='650' data-width='550' expr:data-url='"https://www.facebook.com/sharer.php?u=" + data:view.url.canonical' href='javascript:;' rel='nofollow' title='Facebook'>Facebook</a></li>

<li class='twitter-x'><a aria-label='Twitter' class='bi-twitter-x window-t' data-height='460' data-width='550' expr:data-url='"https://twitter.com/intent/tweet?url=" + data:view.url.canonical + "&text=" + data:view.title.jsEscaped' href='javascript:;' rel='nofollow' title='Twitter'>Twitter</a></li>

<li class='whatsapp'><a aria-label='Whatsapp' class='bi-whatsapp window-t' data-height='650' data-width='550' expr:data-url='"https://api.whatsapp.com/send?text=" + data:view.title.jsEscaped + " | " + data:view.url.canonical' href='javascript:;' rel='nofollow' title='Whatsapp'>Whatsapp</a></li>

<li class='telegram'><a aria-label='Telegram' class='bi-telegram window-t' data-height='460' data-width='550' expr:data-url='"https://telegram.me/share/url?url=" + data:view.url.canonical + "&text=" + data:view.title.jsEscaped' href='javascript:;' rel='nofollow' title='Telegram'>Telegram</a></li>

<li class='pinterest'><a aria-label='Pinterest' class='bi-pinterest window-t' data-height='750' data-width='735' expr:data-url='"https://www.pinterest.com/pin/create/button/?url=" + data:view.url.canonical + "&media=" + data:post.featuredImage + "&description=" + data:view.title.jsEscaped' href='javascript:;' rel='nofollow' title='Pinterest'>Pinterest</a></li>

<li class='linkedin'><a aria-label='LinkedIn' class='bi-linkedin window-t' data-height='700' data-width='1000' expr:data-url='"https://www.linkedin.com/shareArticle?url=" + data:view.url.canonical' href='javascript:;' rel='nofollow' title='LinkedIn'>LinkedIn</a></li>

<li class='reddit'><a aria-label='Reddit' class='bi-reddit window-t' data-height='460' data-width='550' expr:data-url='"https://reddit.com/submit?url=" + data:view.url.canonical + "&title=" + data:view.title.jsEscaped' href='javascript:;' rel='nofollow' title='Reddit'>Reddit</a></li>

<li class='mailbox'><a aria-label='Email' class='bi-envelope window-t' data-height='460' data-width='550' expr:data-url='"mailto:?subject=" + data:view.title.jsEscaped + "&body=" + data:view.url.canonical' href='javascript:;' rel='nofollow' title='Email'>Email</a></li>

</div>

</div>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='Blog'>

<b:includable id='main' var='this'>

<b:if cond='!data:isFeed'>

<b:include name='searchMessage'/>

<b:if cond='!data:posts.empty'>

<b:class cond='data:view.isMultipleItems' name='post-filter-wrap'/>

<b:class cond='data:view.isSingleItem' name='item-post-wrap'/>

<b:if cond='data:view.isHomepage and data:blog.jumpLinkMessage not contains "(hide)"'>

</b:if>

<b:if cond='data:view.isMultipleItems and data:posts.empty'>

</b:if>

<b:tag class='grid-posts' cond='data:view.isMultipleItems' name='div'>

<b:loop index='i' values='data:posts' var='post'><b:include data='post' name='postCommentsAndAd'/></b:loop>

</b:tag>

<b:include cond='data:view.isMultipleItems' name='postPaginationNext'/>

</div>

<b:include cond='data:view.isMultipleItems and !data:view.isHomepage' name='indexBlogPager'/>

</b:if>

<b:else/>

<code id='native-feed'>{"version":"1.0","encoding":"UTF-8","author":"Piki Templates","website":"https://www.pikitemplates.com/","feed":{<b:if cond='!data:posts.empty'>"entry":[<b:loop index='i' values='data:posts' var='post'><b:if cond='data:i != 0'>,</b:if>{"id": "<data:post.id.jsonEscaped/>","title": "<b:eval expr='data:post.title ? data:post.title.jsonEscaped : data:messages.noTitle.jsonEscaped'/>","date": "<b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'><data:post.date.jsonEscaped/><b:else/></b:if>","datetime": "<b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'><data:post.date.iso8601.jsonEscaped/><b:else/></b:if>","author": "<data:post.author.name.jsonEscaped/>","authorimage": "<b:if cond='data:post.author.authorPhoto.image'><b:eval expr='resizeImage(data:post.author.authorPhoto.image, 70)'/><b:else/>https://4.bp.blogspot.com/-uCjYgVFIh70/VuOLn-mL7PI/AAAAAAAADUs/Kcu9wJbv790hIo83rI_s7lLW3zkLY01EA/s100/avatar.png</b:if>",<b:if cond='data:post.labels'>"category": "<data:post.labels.first.name/>",</b:if>"link": "<data:post.url.canonical.jsonEscaped/>","thumbnail": {"src": "<b:if cond='data:post.featuredImage'><b:eval expr='data:post.featuredImage.isYouTube ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl.jsonEscaped, 72, "1:1") : resizeImage(data:post.featuredImage.jsonEscaped, 72, "1:1")'/><b:else/>https://resources.blogblog.com/img/blank.gif</b:if>","type": "<b:if cond='data:post.featuredImage.isYouTube'>video-nos<b:else/>image-nos</b:if>"}<b:if cond='data:post.snippets.short snippet { length: 120 }'>,"summary":"<data:post.snippets.short.jsonEscaped/>"</b:if>}</b:loop>]</b:if>}}</code>

</b:if>

</b:includable>

<b:includable id='aboutPostAuthor' var='post'>

<b:if cond='data:post.author.authorPhoto.image'>

<b:else/>

</b:if>

</div>

</div>

</b:includable>

<b:includable id='addComments'>

</b:includable>

<b:includable id='backLinks'/>

<b:includable id='blogThisShare'/>

<b:includable id='bylineByName'/>

<b:includable id='bylineRegion'/>

<b:includable id='commentAuthorAvatar'>

</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

<b:if cond='data:showCmtPopup'>

</div>

<b:else/>

</b:if>

</span>

</b:includable>

<b:includable id='commentForm' var='post'>

<b:include data='post' name='commentFormIframeSrc'/>

<data:post.cmtfpIframe/>

</div>

</b:includable>

<b:includable id='commentFormIframeSrc' var='post'>

</b:includable>

<b:includable id='commentItem' var='comment'>

<b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/>

<b:if cond='data:comment.authorUrl'>

<b:message name='messages.authorSaidWithLink'>

<b:param expr:value='data:comment.author' name='authorName'/>

<b:param expr:value='data:comment.authorUrl' name='authorUrl'/>

</b:message>

<b:else/>

<b:message name='messages.authorSaid'>

<b:param expr:value='data:comment.author' name='authorName'/>

</b:message>

</b:if>

</div>

</div>

</b:includable>

<b:includable id='commentList' var='comments'>

</b:includable>

<b:includable id='commentPicker' var='post'>

<b:if cond='data:post.allowComments'>

</div>

</b:if>

<b:if cond='data:view.isSingleItem and data:post.allowComments'>

<b:include data='post' name='comments'/>

</b:if>

</b:includable>

<b:includable id='comments' var='post'>

<b:class expr:name='data:post.numberOfComments != 0 ? "has-comments" : "no-comments"'/>

<b:include name='commentsTitle'/>

<b:if cond='data:post.embedCommentForm'>

<b:if cond='data:post.numberOfComments != 0'>

</div>

</b:if>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='commentForm'/>

</b:if>

<b:if cond='data:post.allowNewComments'><a class='btn' href='javascript:;' id='show-comment-form'><data:messages.postAComment/><b:if cond='data:post.numberOfComments == 0'> (<data:post.numberOfComments/>)</b:if></a></b:if>

<b:if cond='!data:post.allowNewComments'>

<b:if cond='data:post.noNewCommentsText and (data:post.numberOfComments != 0)'>

</b:if>

<b:else/>

<p class='comments-message'>Please Select Embedded Mode To show the Comment System.<em>*</em></p>

</b:if>

</section>

</b:includable>

<b:includable id='commentsLink'>

<b:if cond='data:post.numberOfComments > 0'>

<b:message name='messages.numberOfComments'><b:param expr:value='data:post.numberOfComments' name='numComments'/></b:message>

<b:else/><data:messages.postAComment/></b:if>

</a>

</b:includable>

<b:includable id='commentsLinkIframe'>

</b:includable>

<b:includable id='commentsTitle'>

<b:if cond='data:post.allowNewComments'>

<b:if cond='data:this.messages.blogComment'><p class='comments-msg-alert'><data:this.messages.blogComment/></p></b:if>

<b:else/>

<b:if cond='data:post.noNewCommentsText and (data:post.numberOfComments == 0)'>

</b:if>

</b:includable>

<b:includable id='defaultAdUnit'>

</b:includable>

<b:includable id='emailPostIcon'/>

<b:includable id='facebookShare'/>

<b:includable id='feedLinks'/>

<b:includable id='feedLinksBody'/>

<b:includable id='footerBylines' var='post'>

<b:include data='post' name='postLabels'/>

<b:include data='post' name='postShareButtons'/>

<b:include data='post' name='postNavigation'/>

</b:includable>

<b:includable id='googlePlusShare'/>

<b:includable id='headerByline' var='post'>

<b:include cond='data:view.isPost' data='post' name='postAuthorImage'/>

<b:include cond='!data:view.isPage' data='post' name='postAuthor'/><b:include data='post' name='postTimestamp'/></div>

</b:includable>

<b:includable id='homePageLink'/>

<b:includable id='iframeComments'/>

<b:includable id='indexBlogPager'/>

<b:includable id='indexPost' var='post'>

<b:include data='post' name='postFeaturedImage'/>

</b:includable>

<b:includable id='inlineAd' var='post'/>

<b:includable id='itemPost' var='post'>

<b:include data='post' name='postMeta'/>

<b:include data='post' name='postHeader'/>

<b:include data='post' name='postBody'/>

<b:include cond='data:view.isPost' data='post' name='footerBylines'/>

</div>

<b:include cond='data:view.isPost' data='post' name='postFooter'/>

</b:includable>

<b:includable id='linkShare'/>

<b:includable id='manageComments'>

</b:includable>

<b:includable id='nextPageLink'>

</b:includable>

<b:includable id='otherSharingButton'/>

<b:includable id='platformShare'/>

<b:includable id='post' var='post'>

<b:if cond='data:view.isMultipleItems'><b:include data='post' name='indexPost'/></b:if>

<b:if cond='data:view.isSingleItem'><b:include data='post' name='itemPost'/></b:if>

</b:includable>

<b:includable id='postAuthor' var='post'>

<b:if cond='data:widgets.Blog.first.allBylineItems.author'><data:widgets.Blog.first.allBylineItems.author.label/><span class='post-author' itemprop='name'> <data:post.author.name/></span></b:if>

</b:includable>

<b:includable id='postAuthorImage' var='post'>

<b:if cond='data:post.author.authorPhoto.image and data:allBylineItems.author'>

<b:else/><img class='post-author-image' expr:alt='data:post.author.name' src='https://4.bp.blogspot.com/-uCjYgVFIh70/VuOLn-mL7PI/AAAAAAAADUs/Kcu9wJbv790hIo83rI_s7lLW3zkLY01EA/s100/avatar.png'/>

</b:if>

</b:includable>

<b:includable id='postBody' var='post'>

<b:if cond='data:post.body not contains "(hideAds)" or data:post.body contains "(showAds)"'><div class='top-ads'/></b:if>

<data:post.body/>

<b:if cond='data:blog.pageType == "item"'>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

</div>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

</div>

</b:if>

<data:post.body/>

<b:if cond='data:blog.pageType == "item"'>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

</b:if>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

</div>

<b:if cond='data:post.body not contains "(hideAds)" or data:post.body contains "(showAds)"'><div class='below-ads'/></b:if>

<b:if cond='data:post.body contains "(nextPage)"'><div class='pagination'/></b:if>

</b:includable>

<b:includable id='postBodySnippet' var='post'>

<b:include data='post' name='postBody'/>

</b:includable>

<b:includable id='postBreadcrumbs' var='post'>

<data:messages.home/></a>

<b:if cond='data:post.labels'><em class='delimiter'/><a class='b-label' expr:href='data:post.labels.last.url'><data:post.labels.last.name/></a></b:if><em class='delimiter'/><span class='current'>

<b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/></span>

</nav>

</script>

</b:includable>

<b:includable id='postCommentsAndAd' var='post'>

<b:class cond='data:view.isMultipleItems' expr:name='"post-filter item" + data:i'/>

<b:class cond='data:view.isSingleItem' name='item-post'/>

<b:include data='post' name='post'/>

</article>

<b:include cond='data:view.isPost' data='post' name='scriptTime'/>

<b:if cond='data:view.isSingleItem and data:post.allowComments'>

<b:include data='post' name='threadedCommentsDisqus'/>

<b:include data='post' name='commentPicker'/>

</div>

</b:if>

</b:includable>

<b:includable id='postCommentsLink'>

<b:if cond='data:view.isMultipleItems'>

<b:include cond='data:post.commentSource != 1' name='commentsLink'/>

<b:include cond='data:post.commentSource == 1' name='commentsLinkIframe'/>

</span>

</b:if>

</b:includable>

<b:includable id='postFeaturedImage' var='post'>

<b:if cond='data:post.featuredImage'>

<b:else/>

</b:if>

</span>

<b:class expr:name='data:post.featuredImage.isYouTube ? "video-nos" : "image-nos"'/>

</a>

<b:if cond='data:post.labels'><span class='post-tag'><data:post.labels.last.name/></span></b:if>

<b:include data='post' name='postHeader'/>

<b:include cond='data:view.isMultipleItems' data='post' name='postSummary'/>

<b:include cond='data:view.isMultipleItems' data='post' name='headerByline'/>

<b:include cond='data:view.isMultipleItems' data='post' name='postJumpLink'/>

</div>

</b:includable>

<b:includable id='postFooter' var='post'>

<b:include cond='data:post.author.aboutMe' data='post' name='aboutPostAuthor'/>

<b:include cond='data:view.isPost' data='post' name='postRelated'/>

<b:include cond='data:view.isPost' data='post' name='postInnerAds'/>

</div>

</b:includable>

<b:includable id='postFooterAuthorProfile'/>

<b:includable id='postHeader' var='post'>

<b:include cond='data:view.isPost' data='post' name='postBreadcrumbs'/>

<b:include data='post' name='postTitle'/>

<b:include cond='data:view.isPost' data='post' name='postsByline'/>

</b:includable>

<b:includable id='postInnerAds' var='post'>

<b:if cond='data:view.isPost'><div id='post-placeholder'/></b:if>

</b:includable>

<b:includable id='postJumpLink' var='post'>

<b:if cond='data:view.isMultipleItems'><a class='read-more' expr:aria-label='data:post.title' expr:href='data:post.url'>Read Now</a></b:if>

</b:includable>

<b:includable id='postLabels' var='post'>

<b:if cond='data:allBylineItems.labels'>

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'><a class='label-link' expr:href='data:label.url' rel='tag'><data:label.name/></a></b:loop>

</div>

</b:if>

</b:includable>

<b:includable id='postLocation'/>

<b:includable id='postMeta' var='post'>

<b:if cond='!data:view.isPage'>

</b:if>

</b:includable>

<b:includable id='postMetadataJSONImage'/>

<b:includable id='postMetadataJSONPublisher'/>

<b:includable id='postNavigation' var='post'>

<b:if cond='data:newerPageUrl'>

<b:else/>

</b:if>

</li>

<b:if cond='data:olderPageUrl'>

<b:else/>

</b:if>

</li>

</ul>

</b:includable>

<b:includable id='postPagination'>

<b:include cond='data:newerPageUrl' name='previousPageLink'/>

<b:include cond='data:olderPageUrl' name='nextPageLink'/>

<b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/>

</div>

</b:includable>

<b:includable id='postPaginationNext'>

<b:if cond='data:olderPageUrl'>

<b:else/>

</b:if>

</div>

</b:includable>

<b:includable id='postReactions'/>

<b:includable id='postRelated' var='post'>

<b:with value='data:widgets.HTML filter (w => w.sectionId == "related-posts") map (w => w.title)' var='relTitle'>

</b:with>

</div>

<b:if cond='data:post.labels'>

<b:else/>

<div class='related-tag'>recent</div>

</b:if>

</div>

</b:includable>

<b:includable id='postShareButtons' var='post'>

<b:if cond='data:allBylineItems.share'>

<li class='facebook'><a aria-label='Facebook' class='bi-facebook window-t' data-height='650' data-width='550' expr:data-url='"https://www.facebook.com/sharer.php?u=" + data:post.url.canonical' href='javascript:;' rel='nofollow' title='Facebook'><span>Facebook</span></a></li>

<li class='twitter-x'><a aria-label='Twitter' class='bi-twitter-x window-t' data-height='460' data-width='550' expr:data-url='"https://twitter.com/intent/tweet?url=" + data:post.url.canonical + "&text=" + data:post.title' href='javascript:;' rel='nofollow' title='Twitter'><span>Twitter</span></a></li>

<li class='whatsapp'><a aria-label='Whatsapp' class='bi-whatsapp window-t' data-height='650' data-width='550' expr:data-url='"https://api.whatsapp.com/send?text=" + data:post.title + " | " + data:post.url' href='javascript:;' rel='nofollow' title='Whatsapp'><span>Whatsapp</span></a></li>

</ul>

</div>

</b:if>

</b:includable>

<b:includable id='postShortMeta'/>

<b:includable id='postSummary' var='post'>

</b:includable>

<b:includable id='postTimestamp' var='post'>

<b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'><span class='post-date published' expr:datetime='data:post.date.iso8601'><data:post.date/></span></b:if>

</b:includable>

<b:includable id='postTitle' var='post'>

<b:if cond='data:view.isMultipleItems'>

</b:if>

<b:if cond='data:view.isSingleItem'>

</b:if>

</b:includable>

<b:includable id='postsByline' var='post'>

<b:if cond='data:post.author.authorPhoto.image and data:allBylineItems.author'>

<b:else/><b:if cond='data:allBylineItems.author'><span class='author-image'><img class='snip-thumbnail' data-src='https://4.bp.blogspot.com/-uCjYgVFIh70/VuOLn-mL7PI/AAAAAAAADUs/Kcu9wJbv790hIo83rI_s7lLW3zkLY01EA/s100/avatar.png' expr:alt='data:post.author.name'/></span></b:if>

</b:if>

</div>

<b:if cond='data:allBylineItems.author'><data:widgets.Blog.first.allBylineItems.author.label/><span class='post-author' itemprop='name'><data:post.author.name/></span></b:if>

<b:if cond='data:allBylineItems.timestamp'>

</b:if>

</div>

<b:if cond='data:post.allowComments'><span class='comment-bubble show'><data:post.numberOfComments/></span></b:if>

<b:if cond='data:view.isPost and data:allBylineItems.share'><div class='share-top'><i class='bi bi-share-fill'/></div></b:if>

</div>

</b:includable>

<b:includable id='previousPageLink'>

</b:includable>

<b:includable id='scriptTime' var='post'>

<b:if cond='data:view.isPost and data:widgets.Blog.first.allBylineItems.timestamp'>

</b:if>

</b:includable>

<b:includable id='searchMessage'>

<b:if cond='data:view.search.query'>

<b:if cond='data:posts.empty'><span class='query-info query-error'>"<data:view.search.query/>"</span><b:else/><span class='query-info query-success'>"<data:view.search.query/>"</span></b:if>

</div>

</b:if>

<b:if cond='data:view.search.label'>

<b:if cond='data:posts.empty'><span class='query-info query-error'><data:view.search.label/></span><b:else/><span class='query-info query-success'><data:view.search.label/></span></b:if>

</div>

</b:if>

<b:if cond='data:view.isArchive'>

<b:if cond='data:posts.empty'><span class='query-info query-error'><data:view.archive.rangeMessage/></span><b:else/><span class='query-info query-success'><data:view.archive.rangeMessage/></span></b:if>

</div>

</b:if>

<b:if cond='data:view.isError'><div class='errorPage'><h3>404</h3><h4><data:messages.theresNothingHere/></h4><p><data:navMessage/></p><a class='homepage' expr:href='data:blog.homepageUrl'><i class='bi bi-house-fill'/><data:messages.home/></a></div></b:if>

</b:includable>

<b:includable id='sharingButton'/>

<b:includable id='sharingButtonContent'/>

<b:includable id='sharingButtons'/>

<b:includable id='sharingButtonsMenu'/>

<b:includable id='sharingPlatformIcon'/>

<b:includable id='snippetedPostByline'/>

<b:includable id='snippetedPostContent'/>

<b:includable id='snippetedPostThumbnail'/>

<b:includable id='snippetedPostTitle'/>

<b:includable id='snippetedPosts'/>

<b:includable id='threadedCommentForm'/>

<b:includable id='threadedComments'/>

<b:includable id='threadedCommentJs'/>

<b:includable id='threadedCommentsDisqus' var='post'>

var disqus_blogger_current_url = "<data:blog.canonicalUrl/>";

if (!disqus_blogger_current_url.length) { disqus_blogger_current_url = "<data:blog.url/>"; }

var disqus_blogger_homepage_url = "<data:blog.homepageUrl/>";

var disqus_blogger_canonical_homepage_url = "<data:blog.canonicalHomepageUrl/>";

</script>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='Profile'>

<b:includable id='main'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='authorProfileImage'><img class='profile-img' expr:alt='data:messages.myPhoto' expr:height='data:authorPhoto.height' expr:src='data:authorPhoto.image' expr:width='data:authorPhoto.width'/></b:includable>

<b:includable id='content'>

<b:if cond='data:team'>

<b:else/>

</b:if>

</b:includable>

<b:includable id='teamProfile'>

<b:loop values='data:authors' var='author'>

</b:loop>

</b:includable>

<b:includable id='teamProfileLink'>

<b:if cond='data:authorPhoto.image'><img class='profile-img' expr:alt='data:messages.myPhoto' expr:height='data:authorPhoto.height' expr:src='data:authorPhoto.image' expr:width='data:authorPhoto.width'/>

<b:else/><img class='profile-img' expr:alt='data:messages.myPhoto' expr:height='data:authorPhoto.height' expr:width='data:authorPhoto.width' src='/'/>

</b:if>

</a>

</b:includable>

<b:includable id='userProfile'>

</div>

<b:if cond='data:location'><div class='profile-data location'><data:location/></div></b:if>

</div>

</b:includable>

<b:includable id='defaultProfileImage'><img class='profile-img' expr:alt='data:post.author.name' src='https://4.bp.blogspot.com/-uCjYgVFIh70/VuOLn-mL7PI/AAAAAAAADUs/Kcu9wJbv790hIo83rI_s7lLW3zkLY01EA/s100/avatar.png'/></b:includable>

<b:includable id='profileImage'>

<b:if cond='data:authorPhoto.image'><b:include name='authorProfileImage'/>

<b:else/><b:include name='defaultProfileImage'/>

</b:if>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='PopularPosts'>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:if cond='data:widget.sectionId == "hot-posts"'>

<b:elseif cond='data:widget.sectionId == "ft-post"'/>

</div>

<b:else/><b:class name='sidebar-posts'/>

<b:loop index='i' values='data:posts' var='post'><b:include data='post' name='content'/></b:loop>

</b:if>

</div>

</b:includable>

<b:includable id='blogThisShare'/>

<b:includable id='bylineByName'/>

<b:includable id='bylineRegion'/>

<b:includable id='commentsLink'/>

<b:includable id='commentsLinkIframe'/>

<b:includable id='content' var='post'>

<b:include name='popular-content'/>

</b:includable>

<b:includable id='emailPostIcon'/>

<b:includable id='facebookShare'/>

<b:includable id='footerBylines'/>

<b:includable id='googlePlusShare'/>

<b:includable id='headerByline'/>

<b:includable id='linkShare'/>

<b:includable id='otherSharingButton'/>

<b:includable id='platformShare'/>

<b:includable id='postAuthor'/>

<b:includable id='postCommentsLink'/>

<b:includable id='postJumpLink'/>

<b:includable id='postLabels'/>

<b:includable id='postLocation'/>

<b:includable id='postReactions'/>

<b:includable id='postShareButtons'/>

<b:includable id='postTimestamp'/>

<b:includable id='sharingButton'/>

<b:includable id='sharingButtonContent'/>

<b:includable id='sharingButtons'/>

<b:includable id='sharingButtonsMenu'/>

<b:includable id='sharingPlatformIcon'/>

<b:includable id='snippetedPostByline'/>

<b:includable id='snippetedPostContent'/>

<b:includable id='snippetedPostThumbnail'/>

<b:includable id='snippetedPostTitle'/>

<b:includable id='snippetedPosts'/>

</b:defaultmarkup>

<b:defaultmarkup type='Header'>

<b:includable id='main' var='this'>

<b:include cond='data:imagePlacement in {"REPLACE", "BEFORE_DESCRIPTION"}' name='image'/>

<b:include cond='data:imagePlacement == "BEHIND"' name='title'/>

</div>

</b:includable>

<b:includable id='image'>

</a>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='FeaturedPost'>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:loop values='data:posts' var='post'><b:include data='post' name='postContent'/></b:loop>

</div>

</b:includable>

<b:includable id='blogThisShare'/>

<b:includable id='bylineByName'/>

<b:includable id='bylineRegion'/>

<b:includable id='commentsLink'/>

<b:includable id='commentsLinkIframe'/>

<b:includable id='emailPostIcon'/>

<b:includable id='facebookShare'/>

<b:includable id='footerBylines'/>

<b:includable id='googlePlusShare'/>

<b:includable id='headerByline'/>

<b:includable id='linkShare'/>

<b:includable id='otherSharingButton'/>

<b:includable id='platformShare'/>

<b:includable id='postAuthor'/>

<b:includable id='postCommentsLink'/>

<b:includable id='postJumpLink'/>

<b:includable id='postLabels'/>

<b:includable id='postLocation'/>

<b:includable id='postReactions'/>

<b:includable id='postShareButtons'/>

<b:includable id='postTimestamp'/>

<b:includable id='sharingButton'/>

<b:includable id='sharingButtonContent'/>

<b:includable id='sharingButtons'/>

<b:includable id='sharingButtonsMenu'/>

<b:includable id='sharingPlatformIcon'/>

<b:includable id='snippetedPostByline'/>

<b:includable id='snippetedPostContent'/>

<b:includable id='snippetedPostThumbnail'/>

<b:includable id='snippetedPostTitle'/>

<b:includable id='snippetedPosts'/>

<b:includable id='postContent' var='post'>

</b:if><b:class expr:name='data:post.featuredImage.isYouTube ? "video-nos" : "image-nos"'/>

</a>

<b:if cond='data:post.labels'><span class='post-tag'><data:post.labels.first.name/></span></b:if>

<b:if cond='data:widgets.Blog.first.allBylineItems.author'><data:widgets.Blog.first.allBylineItems.author.label/><span class='post-author'><data:post.author.name/></span></b:if>

<b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'><span class='post-date'><data:post.date/></span></b:if>

</div>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='Label'>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

</b:includable>

<b:includable id='list'>

</b:loop>

</ul>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='BlogSearch'>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:attr cond='not data:view.isPreview' name='target' value='_top'/>

<b:include name='urlParamsAsFormInput'/>

</form>

</div>

</b:includable>

<b:includable id='searchForm'/>

<b:includable id='searchSubmit'/>

</b:defaultmarkup>

<b:defaultmarkup type='BlogArchive'>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:include cond='data:this.style in {"FLAT", "MENU", "HIERARCHY"}' name='flat'/>

</div>

</b:includable>

<b:includable id='flat'>

<b:loop values='data:data' var='i'>

</b:loop>

</ul>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='TextList'>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:include name='textlist-content'/>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='Image'>

<b:includable id='main'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:tag cond='data:link' expr:href='data:link' name='a'>

</b:tag>

<b:if cond='data:caption'><span class='caption'><data:caption/></span></b:if>

</div>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='LinkList'>

<b:includable id='main'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

</div>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='PageList'>

<b:includable id='main'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

</div>

</b:includable>

</b:defaultmarkup>

<b:defaultmarkup type='Wikipedia'>

<b:includable id='main'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

</form>

</div>

</b:includable>

</b:defaultmarkup>

</b:defaultmarkups>

<b:if cond='data:widgets.AdSense.first or data:blog.adsenseClientId'>

</b:if>

<b:if cond='data:blog.analyticsAccountNumber'>

<b:include data='blog' name='google-analytics'/>

</b:if>

<style>

.fade-in {

opacity: 0;

transform: translateY(20px);

transition: all 0.6s ease-in-out;

}

.fade-in.visible {

opacity: 1;

transform: translateY(0);

}

/* === POST THUMBNAIL HOVER EFFECT === */

.post-thumb img, .entry-thumbnail img, .post-body img {

transition: transform 0.4s ease, box-shadow 0.3s ease;

border-radius: 10px;

}

.post-thumb:hover img, .entry-thumbnail:hover img, .post-body:hover img {

transform: scale(1.05);

box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);

}

/* === MENU LINK HOVER ANIMATION === */

#iljxXom a {

position: relative;

display: inline-block;

color: inherit;

text-decoration: none;

padding: 10px 15px;

transition: all 0.3s ease;

}

#iljxXom a::after {

content: "";

position: absolute;

left: 0;

bottom: 5px;

width: 0%;

height: 2px;

background-color: #ff4b2b; /* underline color */

transition: width 0.3s ease;

}

#iljxXom a:hover::after {

width: 100%;

}

#iljxXom a:hover {

transform: scale(1.05);

color: #ff4b2b;

}

</style>

<style>

.trending-tag {

background: red;

color: white;

font-weight: bold;

padding: 2px 6px;

border-radius: 4px;

animation: blink 1s infinite;

font-size: 12px;

}

@keyframes blink {

50% { opacity: 0.6; }

}

</style>

<style>

.fade-in {

opacity: 0;

transform: translateY(20px);

transition: opacity 0.6s ease-out, transform 0.6s ease-out;

}

.fade-in.visible {

opacity: 1;

transform: translateY(0);

}

</style>

<style>

/* Wrap the image in the post list */

.entry-image-wrap {

position: relative;

display: block;

overflow: hidden;

}

/* Sky blue circular icon with your image */

.entry-image-wrap::after {

content: '';

position: absolute;

top: 50%;

left: 50%;

width: 56px;

height: 56px;

margin: -28px 0 0 -28px;

background-color: rgba(135, 211, 124, 0.9); /* sky blue */

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQv4Yo_HpQYBnqSsKOJPQCi4ANQy1Wrn-2_xHzyRPHCBzKcx19VzMoEp-G5hyusNYzKnTvu9us-yP7DPIKMR6WjobUIohVlUNiGUmWdPBXu-wzTcU7mz9eUaTffkOsVT7DwG18C68SEfqifPCvWGu4Suzfi-wFihg5Ij9yr35P0K1BvjpW0WVZmuiy39s/w200-h200/Link-icon.png); /* Replace with uploaded icon */

background-repeat: no-repeat;

background-size: 28px 28px;

background-position: center;

border-radius: 50%;

opacity: 0;

transform: scale(0.5);

transition: all 0.3s ease;

pointer-events: none;

z-index: 10;

}

/* Show and bounce icon on hover */

.entry-image-wrap:hover::after {

opacity: 1;

transform: scale(1);

animation: bounce 0.6s ease;

}

/* Show on tap for mobile */

@media (hover: none) {

.entry-image-wrap:active::after {

opacity: 1;

transform: scale(1);

animation: bounce 0.6s ease;

}

/* Bounce animation */

@keyframes bounce {

0% { transform: scale(0.8) translateY(0); }

50% { transform: scale(1.1) translateY(-4px); }

100% { transform: scale(1) translateY(0); }

}

/* Optional image zoom effect */

.entry-thumb {

transition: transform 0.3s ease;

}

.entry-image-wrap:hover .entry-thumb {

transform: scale(1.05);

}

</style>

</head>

<b:if cond='!data:isFeed'>

<b:class cond='data:view.isHomepage' name='home'/>

<b:class cond='data:view.isPage' name='item-view'/>

<b:class cond='data:view.isMultipleItems' name='feed-view'/>

<b:class cond='data:view.isSingleItem' name='item-view'/>

<b:class cond='data:view.isArchive' name='archive-view'/>

<b:class cond='data:view.isLabelSearch' name='label-view'/>

<b:class cond='data:view.isSearch and !data:view.isLabelSearch' name='search-view'/>

<b:class cond='data:view.isError' name='error-view'/>

<b:class cond='data:skin.vars.boxedMode == "1px"' name='box-view'/>

<b:section class='admin-section' id='admin' maxwidgets='1' name='Blank Thumbnail' showaddelement='no'>

<b:widget id='Image33' locked='true' title='No Thumbnail' type='Image' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='displayUrl'>https://3.bp.blogspot.com/-Yw8BIuvwoSQ/VsjkCIMoltI/AAAAAAAAC4c/s55PW6xEKn0/s1600-r/nth.png</b:widget-setting>

<b:widget-setting name='displayHeight'>68</b:widget-setting>

<b:widget-setting name='sectionWidth'>150</b:widget-setting>

<b:widget-setting name='shrinkToFit'>false</b:widget-setting>

<b:widget-setting name='displayWidth'>300</b:widget-setting>

<b:widget-setting name='link'/>

<b:widget-setting name='caption'/>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:tag name='script' type='text/javascript'>var noThumb = "<data:sourceUrl/>";</b:tag>

</b:includable>

</b:widget>

</b:section>

</div>

</b:if>

<b:if cond='!data:isFeed'>

<b:tag class='date-format' name='div'/>

<b:section class='social-sec' id='social-sec' maxwidgets='1' name='Top Social icons' showaddelement='no'>

<b:widget id='LinkList9' locked='true' title='Follow Us' type='LinkList' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='link-3'>https://instagram.com/aravindchoudhary_08</b:widget-setting>

<b:widget-setting name='sorting'>NONE</b:widget-setting>

<b:widget-setting name='link-4'>https://telegram.me/studyplayearn</b:widget-setting>

<b:widget-setting name='text-1'>twitter-x</b:widget-setting>

<b:widget-setting name='link-1'><![CDATA[https://twitter.com/Aravind47973855?t=wK9LHysQ0q59LCI8Fdm0WA&s=09]]></b:widget-setting>

<b:widget-setting name='text-0'>facebook</b:widget-setting>

<b:widget-setting name='link-2'>https://youtube.com/@studyplayearn?si=843WP58ISMXjh-ay</b:widget-setting>

<b:widget-setting name='text-3'>instagram</b:widget-setting>

<b:widget-setting name='link-0'>https://facebook.com/aravind.choudhary.39904</b:widget-setting>

<b:widget-setting name='text-2'>youtube</b:widget-setting>

<b:widget-setting name='text-4'>telegram</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:loop values='data:links' var='link'><li expr:class='data:link.name'><a expr:aria-label='data:link.name' expr:class='"bi-" + data:link.name' expr:href='data:link.target' rel='noopener noreferrer' target='_blank'/></li></b:loop>

</ul>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

</nav>

<b:if cond='data:widgets.Image any s => s.sectionId == "header-room"'>

<b:section class='header-room' id='header-room' maxwidgets='1' name='Main Logo Header' showaddelement='no'>

<b:widget id='Image21' locked='true' title='Welcome !' type='Image' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/a/AVvXsEh2A-5tWaJRfylzP4kUrKUZyyMWXVUJ_vBuKor4K-DdfK7f2TLKXTF7pbFTzFmzL98VLT6ak-VaoDLzsagN2ikDTqplSmFceCazX5DAy5aB1oyr6q8E9JmEW6wBuwOm1-aCURPydczINriGdtWLGGE234JS4gkA1a0bohKBq0X2DLpF_Vhl7nQQR_hnPI0r=s150</b:widget-setting>

<b:widget-setting name='displayHeight'>150</b:widget-setting>

<b:widget-setting name='sectionWidth'>150</b:widget-setting>

<b:widget-setting name='shrinkToFit'>true</b:widget-setting>

<b:widget-setting name='displayWidth'>150</b:widget-setting>

<b:widget-setting name='link'>https://studyplayearn.blogspot.com/</b:widget-setting>

<b:widget-setting name='caption'/>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:loop values='[".png",".jpg",".gif",".webp","img"]' var='imageType'>

<b:attr cond='data:link and contains(data:link, data:imageType)' expr:value='data:link' name='data-dark'/>

</b:loop></img>

</a>

</b:includable>

</b:widget>

</b:section>

<b:else/>

</b:if>

<b:section class='iljxXnm' id='iljxXnm' maxwidgets='1' name='Main Menu' showaddelement='no'>

<b:widget id='LinkList12' locked='true' title='Main Menu' type='LinkList' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='link-3'>https://studyplayearn.blogspot.com/2025/05/top-5-ai-tools-to-create-viral-youtube.html</b:widget-setting>

<b:widget-setting name='sorting'>NONE</b:widget-setting>

<b:widget-setting name='link-4'>https://youtube.com/@studyplayearn?si=843WP58ISMXjh-ay</b:widget-setting>

<b:widget-setting name='text-1'>🧑‍💻 AI TOOLS</b:widget-setting>

<b:widget-setting name='link-1'>https://studyplayearn.blogspot.com/2025/05/top-5-free-ai-tools-every-student.html</b:widget-setting>

<b:widget-setting name='text-0'>🏠 HOME</b:widget-setting>

<b:widget-setting name='link-2'>https://tnuta.blogspot.com/</b:widget-setting>

<b:widget-setting name='text-3'>🎞️ REELS AND SHORTS TOOL</b:widget-setting>

<b:widget-setting name='link-0'>https://studyplayearn.blogspot.com/</b:widget-setting>

<b:widget-setting name='text-2'><![CDATA[💻 TNUTA - PC GAMES & MOVIES]]></b:widget-setting>

<b:widget-setting name='text-4'>▶️ YOUTUBE CHANNEL</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:loop values='data:links' var='link'><li itemprop='name' role='tab'><a expr:href='data:link.target' itemprop='url'><data:link.name/></a></li></b:loop>

</ul>

</b:includable>

</b:widget>

</b:section>

</div>

<b:tag class='iljxXsh' expr:title='data:messages.search' href='javascript:;' name='a' role='button'/>

</div>

</div>

</div>

</div>

</header>

</b:if>

<b:if cond='data:view.isHomepage and !data:isFeed'>

<b:section class='Pro-flex container flex' id='ft-post' maxwidgets='1' name='Top Feature Section' showaddelement='yes'>

<b:widget id='HTML3' locked='false' title='feate' type='HTML' visible='true'>

<b:widget-settings>

<b:widget-setting name='content'>featured/recent</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

<data:content/>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='ads-tool container' id='main-ads1' maxwidgets='1' name='Ads Placement' showaddelement='yes'>

<b:widget id='HTML14' locked='false' title='Ads' type='HTML' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='content'><![CDATA[<script async="async" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7603216250486851" crossorigin="anonymous"></script>

<ins class="adsbygoogle"

style="display:block"

data-ad-client="ca-pub-7603216250486851"

data-ad-slot="8162177960"

data-ad-format="auto"

data-full-width-responsive="true"></ins>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>]]></b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

</b:includable>

</b:widget>

</b:section>

</div>

</b:if>

<b:section class='main' id='main' maxwidgets='1' name='Main Recent Posts' showaddelement='yes'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='showDateHeader'>false</b:widget-setting>

<b:widget-setting name='commentLabel'>#type=(blogger)</b:widget-setting>

<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='showShareButtons'>true</b:widget-setting>

<b:widget-setting name='authorLabel'>By -</b:widget-setting>

<b:widget-setting name='showCommentLink'>true</b:widget-setting>

<b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='showAuthor'>true</b:widget-setting>

<b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>

<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='timestampLabel'>•</b:widget-setting>

<b:widget-setting name='reactionsLabel'/>

<b:widget-setting name='showAuthorProfile'>true</b:widget-setting>

<b:widget-setting name='style.layout'>1x1</b:widget-setting>

<b:widget-setting name='showLabels'>true</b:widget-setting>

<b:widget-setting name='showLocation'>false</b:widget-setting>

<b:widget-setting name='postLabelsLabel'>Tags:</b:widget-setting>

<b:widget-setting name='showTimestamp'>true</b:widget-setting>

<b:widget-setting name='postsPerAd'>1</b:widget-setting>

<b:widget-setting name='showBacklinks'>false</b:widget-setting>

<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>

<b:widget-setting name='showInlineAds'>false</b:widget-setting>

<b:widget-setting name='showReactions'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:if cond='!data:isFeed'>

<b:include name='searchMessage'/>

<b:if cond='!data:posts.empty'>

<b:class cond='data:view.isMultipleItems' name='post-filter-wrap'/>

<b:class cond='data:view.isSingleItem' name='item-post-wrap'/>

<b:if cond='data:view.isHomepage and data:blog.jumpLinkMessage not contains "(hide)"'>

</b:if>

<b:if cond='data:view.isMultipleItems and data:posts.empty'>

</b:if>

<b:tag class='grid-posts' cond='data:view.isMultipleItems' name='div'>

<b:loop index='i' values='data:posts' var='post'><b:include data='post' name='postCommentsAndAd'/></b:loop>

</b:tag>

<b:include cond='data:view.isMultipleItems' name='postPaginationNext'/>

</div>

<b:include cond='data:view.isMultipleItems and !data:view.isHomepage' name='indexBlogPager'/>

</b:if>

<b:else/>

</b:if>

</b:includable>

<b:includable id='aboutPostAuthor' var='post'>

<b:if cond='data:post.author.authorPhoto.image'>

<b:else/>

</b:if>

</div>

<data:post.author.name/>

</a>

</h3>

</div>

</b:includable>

<b:includable id='addComments'>

</b:includable>

<b:includable id='backLinks'/>

<b:includable id='blogThisShare'/>

<b:includable id='bylineByName'/>

<b:includable id='bylineRegion'/>

<b:includable id='commentAuthorAvatar'>

</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

<b:if cond='data:showCmtPopup'>

</div>

<b:else/>

</b:if>

</span>

</b:includable>

<b:includable id='commentForm' var='post'>

<b:include data='post' name='commentFormIframeSrc'/>

<data:post.cmtfpIframe/>

</div>

</b:includable>

<b:includable id='commentFormIframeSrc' var='post'>

</b:includable>

<b:includable id='commentItem' var='comment'>

<b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/>

<b:if cond='data:comment.authorUrl'>

<b:message name='messages.authorSaidWithLink'>

<b:param expr:value='data:comment.author' name='authorName'/>

<b:param expr:value='data:comment.authorUrl' name='authorUrl'/>

</b:message>

<b:else/>

<b:message name='messages.authorSaid'>

<b:param expr:value='data:comment.author' name='authorName'/>

</b:message>

</b:if>

</div>

</div>

</b:includable>

<b:includable id='commentList' var='comments'>

</b:includable>

<b:includable id='commentPicker' var='post'>

<b:if cond='data:post.allowComments'>

</div>

</b:if>

<b:if cond='data:view.isSingleItem and data:post.allowComments'>

<b:include data='post' name='comments'/>

</b:if>

</b:includable>

<b:includable id='comments' var='post'>

<b:class expr:name='data:post.numberOfComments != 0 ? "has-comments" : "no-comments"'/>

<b:include name='commentsTitle'/>

<b:if cond='data:post.embedCommentForm'>

<b:if cond='data:post.numberOfComments != 0'>

</div>

</b:if>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='commentForm'/>

</b:if>

<b:if cond='!data:post.allowNewComments'>

<b:if cond='data:post.noNewCommentsText and (data:post.numberOfComments != 0)'>

</b:if>

<b:else/>

<p class='comments-message'>Please Select Embedded Mode To show the Comment System.<em>*</em></p>

</b:if>

</section>

</b:includable>

<b:includable id='commentsLink'>

<b:if cond='data:post.numberOfComments > 0'>

<b:message name='messages.numberOfComments'><b:param expr:value='data:post.numberOfComments' name='numComments'/></b:message>

<b:else/><data:messages.postAComment/></b:if>

</a>

</b:includable>

<b:includable id='commentsLinkIframe'>

</b:includable>

<b:includable id='commentsTitle'>

<b:if cond='data:post.allowNewComments'>

<b:if cond='data:this.messages.blogComment'><p class='comments-msg-alert'><data:this.messages.blogComment/></p></b:if>

<b:else/>

<b:if cond='data:post.noNewCommentsText and (data:post.numberOfComments == 0)'>

</b:if>

</b:includable>

<b:includable id='defaultAdUnit'>

</b:includable>

<b:includable id='emailPostIcon'/>

<b:includable id='facebookShare'/>

<b:includable id='feedLinks'/>

<b:includable id='feedLinksBody'/>

<b:includable id='footerBylines' var='post'>

<b:include data='post' name='postLabels'/>

<b:include data='post' name='postShareButtons'/>

<b:include data='post' name='postNavigation'/>

</b:includable>

<b:includable id='googlePlusShare'/>

<b:includable id='headerByline' var='post'>

<b:include cond='data:view.isPost' data='post' name='postAuthorImage'/>

<b:include cond='!data:view.isPage' data='post' name='postAuthor'/><b:include data='post' name='postTimestamp'/></div>

</b:includable>

<b:includable id='homePageLink'/>

<b:includable id='iframeComments'/>

<b:includable id='indexBlogPager'/>

<b:includable id='indexPost' var='post'>

<b:include data='post' name='postFeaturedImage'/>

</b:includable>

<b:includable id='inlineAd' var='post'/>

<b:includable id='itemPost' var='post'>

<b:include data='post' name='postMeta'/>

<b:include data='post' name='postHeader'/>

<b:include data='post' name='postBody'/>

<b:include cond='data:view.isPost' data='post' name='footerBylines'/>

</div>

<b:include cond='data:view.isPost' data='post' name='postFooter'/>

</b:includable>

<b:includable id='linkShare'/>

<b:includable id='manageComments'>

</b:includable>

<b:includable id='nextPageLink'>

</b:includable>

<b:includable id='otherSharingButton'/>

<b:includable id='platformShare'/>

<b:includable id='post' var='post'>

<b:if cond='data:view.isMultipleItems'><b:include data='post' name='indexPost'/></b:if>

<b:if cond='data:view.isSingleItem'><b:include data='post' name='itemPost'/></b:if>

</b:includable>

<b:includable id='postAuthor' var='post'>

<b:if cond='data:widgets.Blog.first.allBylineItems.author'><data:widgets.Blog.first.allBylineItems.author.label/><span class='post-author' itemprop='name'> <data:post.author.name/></span></b:if>

</b:includable>

<b:includable id='postAuthorImage' var='post'>

<b:if cond='data:post.author.authorPhoto.image and data:allBylineItems.author'>

<b:else/><img class='post-author-image' expr:alt='data:post.author.name' src='https://4.bp.blogspot.com/-uCjYgVFIh70/VuOLn-mL7PI/AAAAAAAADUs/Kcu9wJbv790hIo83rI_s7lLW3zkLY01EA/s100/avatar.png'/>

</b:if>

</b:includable>

<b:includable id='postBody' var='post'>

<b:if cond='data:post.body not contains "(hideAds)" or data:post.body contains "(showAds)"'><div class='top-ads'/></b:if>

<data:post.body/>

<b:if cond='data:blog.pageType == "item"'>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

</div>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

</div>

</b:if>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

</div>

<b:if cond='data:post.body not contains "(hideAds)" or data:post.body contains "(showAds)"'><div class='below-ads'/></b:if>

<b:if cond='data:post.body contains "(nextPage)"'><div class='pagination'/></b:if>

</b:includable>

<b:includable id='postBodySnippet' var='post'>

<b:include data='post' name='postBody'/>

</b:includable>

<b:includable id='postBreadcrumbs' var='post'>

<data:messages.home/></a>

<b:if cond='data:post.labels'><em class='delimiter'/><a class='b-label' expr:href='data:post.labels.last.url'><data:post.labels.last.name/></a></b:if><em class='delimiter'/><span class='current'>

<b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/></span>

</nav>

</script>

</b:includable>

<b:includable id='postCommentsAndAd' var='post'>

<b:class cond='data:view.isMultipleItems' expr:name='"post-filter item" + data:i'/>

<b:class cond='data:view.isSingleItem' name='item-post'/>

<b:include data='post' name='post'/>

</article>

<b:include cond='data:view.isPost' data='post' name='scriptTime'/>

<b:if cond='data:view.isSingleItem and data:post.allowComments'>

<b:include data='post' name='threadedCommentsDisqus'/>

<b:include data='post' name='commentPicker'/>

</div>

</b:if>

</b:includable>

<b:includable id='postCommentsLink'>

<b:if cond='data:view.isMultipleItems'>

<b:include cond='data:post.commentSource != 1' name='commentsLink'/>

<b:include cond='data:post.commentSource == 1' name='commentsLinkIframe'/>

</span>

</b:if>

</b:includable>

<b:includable id='postFeaturedImage' var='post'>

<b:if cond='data:post.featuredImage'>

<b:else/>

</b:if>

</span>

<b:class expr:name='data:post.featuredImage.isYouTube ? "video-nos" : "image-nos"'/>

</a>

<b:if cond='data:post.labels'><span class='post-tag'><data:post.labels.last.name/></span></b:if>

<b:include data='post' name='postHeader'/>

<b:include cond='data:view.isMultipleItems' data='post' name='postSummary'/>

<b:include cond='data:view.isMultipleItems' data='post' name='headerByline'/>

<b:include cond='data:view.isMultipleItems' data='post' name='postJumpLink'/>

</div>

</b:includable>

<b:includable id='postFooter' var='post'>

<b:include cond='data:post.author.aboutMe' data='post' name='aboutPostAuthor'/>

<b:include cond='data:view.isPost' data='post' name='postRelated'/>

<b:include cond='data:view.isPost' data='post' name='postInnerAds'/>

</div>

</b:includable>

<b:includable id='postFooterAuthorProfile'/>

<b:includable id='postHeader' var='post'>

<b:include cond='data:view.isPost' data='post' name='postBreadcrumbs'/>

<b:include data='post' name='postTitle'/>

<b:include cond='data:view.isPost' data='post' name='postsByline'/>

</b:includable>

<b:includable id='postInnerAds' var='post'>

<b:if cond='data:view.isPost'><div id='post-placeholder'/></b:if>

</b:includable>

<b:includable id='postJumpLink' var='post'>

<b:if cond='data:view.isMultipleItems'><a class='read-more' expr:aria-label='data:post.title' expr:href='data:post.url'>Read Now</a></b:if>

</b:includable>

<b:includable id='postLabels' var='post'>

<b:if cond='data:allBylineItems.labels'>

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'><a class='label-link' expr:href='data:label.url' rel='tag'><data:label.name/></a></b:loop>

</div>

</b:if>

</b:includable>

<b:includable id='postLocation'/>

<b:includable id='postMeta' var='post'>

<b:if cond='!data:view.isPage'>

</b:if>

</b:includable>

<b:includable id='postMetadataJSONImage'/>

<b:includable id='postMetadataJSONPublisher'/>

<b:includable id='postNavigation' var='post'>

<b:if cond='data:newerPageUrl'>

<b:else/>

</b:if>

</li>

<b:if cond='data:olderPageUrl'>

<b:else/>

</b:if>

</li>

</ul>

</b:includable>

<b:includable id='postPagination'>

<b:include cond='data:newerPageUrl' name='previousPageLink'/>

<b:include cond='data:olderPageUrl' name='nextPageLink'/>

<b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/>

</div>

</b:includable>

<b:includable id='postPaginationNext'>

<b:if cond='data:olderPageUrl'>

<b:else/>

</b:if>

</div>

</b:includable>

<b:includable id='postReactions'/>

<b:includable id='postRelated' var='post'>

<b:with value='data:widgets.HTML filter (w => w.sectionId == "related-posts") map (w => w.title)' var='relTitle'>

</b:with>

</div>

<b:if cond='data:post.labels'>

<b:else/>

<div class='related-tag'>recent</div>

</b:if>

</div>

</b:includable>

<b:includable id='postShareButtons' var='post'>

<b:if cond='data:allBylineItems.share'>

<li class='facebook'><a aria-label='Facebook' class='bi-facebook window-t' data-height='650' data-width='550' expr:data-url='"https://www.facebook.com/sharer.php?u=" + data:post.url.canonical' href='javascript:;' rel='nofollow' title='Facebook'><span>Facebook</span></a></li>

<li class='twitter-x'><a aria-label='Twitter' class='bi-twitter-x window-t' data-height='460' data-width='550' expr:data-url='"https://twitter.com/intent/tweet?url=" + data:post.url.canonical + "&text=" + data:post.title' href='javascript:;' rel='nofollow' title='Twitter'><span>Twitter</span></a></li>

<li class='whatsapp'><a aria-label='Whatsapp' class='bi-whatsapp window-t' data-height='650' data-width='550' expr:data-url='"https://api.whatsapp.com/send?text=" + data:post.title + " | " + data:post.url' href='javascript:;' rel='nofollow' title='Whatsapp'><span>Whatsapp</span></a></li>

</ul>

</div>

</b:if>

</b:includable>

<b:includable id='postShortMeta'/>

<b:includable id='postSummary' var='post'>

</b:includable>

<b:includable id='postTimestamp' var='post'>

<b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'><span class='post-date published' expr:datetime='data:post.date.iso8601'><data:post.date/></span></b:if>

</b:includable>

<b:includable id='postTitle' var='post'>

<b:if cond='data:view.isMultipleItems'>

</b:if>

<b:if cond='data:view.isSingleItem'>

</b:if>

</b:includable>

<b:includable id='postsByline' var='post'>

<b:if cond='data:post.author.authorPhoto.image and data:allBylineItems.author'>

</b:if>

</div>

<b:if cond='data:allBylineItems.author'><data:widgets.Blog.first.allBylineItems.author.label/><span class='post-author' itemprop='name'><data:post.author.name/></span></b:if>

<b:if cond='data:allBylineItems.timestamp'>

</b:if>

</div>

<b:if cond='data:post.allowComments'><span class='comment-bubble show'><data:post.numberOfComments/></span></b:if>

<b:if cond='data:view.isPost and data:allBylineItems.share'><div class='share-top'><i class='bi bi-share-fill'/></div></b:if>

</div>

</b:includable>

<b:includable id='previousPageLink'>

</b:includable>

<b:includable id='scriptTime' var='post'>

<b:if cond='data:view.isPost and data:widgets.Blog.first.allBylineItems.timestamp'>

</b:if>

</b:includable>

<b:includable id='searchMessage'>

<b:if cond='data:view.search.query'>

<b:if cond='data:posts.empty'><span class='query-info query-error'>"<data:view.search.query/>"</span><b:else/><span class='query-info query-success'>"<data:view.search.query/>"</span></b:if>

</div>

</b:if>

<b:if cond='data:view.search.label'>

<b:if cond='data:posts.empty'><span class='query-info query-error'><data:view.search.label/></span><b:else/><span class='query-info query-success'><data:view.search.label/></span></b:if>

</div>

</b:if>

<b:if cond='data:view.isArchive'>

</div>

</b:if>

</b:includable>

<b:includable id='sharingButton'/>

<b:includable id='sharingButtonContent'/>

<b:includable id='sharingButtons'/>

<b:includable id='sharingButtonsMenu'/>

<b:includable id='sharingPlatformIcon'/>

<b:includable id='snippetedPostByline'/>

<b:includable id='snippetedPostContent'/>

<b:includable id='snippetedPostThumbnail'/>

<b:includable id='snippetedPostTitle'/>

<b:includable id='snippetedPosts'/>

<b:includable id='threadedCommentForm'/>

<b:includable id='threadedCommentJs'/>

<b:includable id='threadedComments'/>

<b:includable id='threadedCommentsDisqus' var='post'>

var disqus_blogger_current_url = "<data:blog.canonicalUrl/>";

if (!disqus_blogger_current_url.length) { disqus_blogger_current_url = "<data:blog.url/>"; }

var disqus_blogger_homepage_url = "<data:blog.homepageUrl/>";

var disqus_blogger_canonical_homepage_url = "<data:blog.canonicalHomepageUrl/>";

</script>

</b:includable>

<b:includable id='tooltipCss'>

<style>

.post-body a.b-tooltip-container {

position: relative;

display: inline-block;

}

.post-body a.b-tooltip-container .b-tooltip {

position: absolute;

top: 100%;

left: 50%;

transform: translate(-20%, 1px);

visibility: hidden;

opacity: 0;

z-index: 1;

transition: opacity 0.2s ease-in-out;

}

.post-body a.b-tooltip-container .b-tooltip iframe {

width: 200px;

height: 198px;

max-width: none;

border: none;

border-radius: 20px;

box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);

}

.post-body a.b-tooltip-container:hover .b-tooltip {

visibility: visible;

opacity: 1;

}

</style>

</b:includable>

</b:widget>

</b:section>

<b:if cond='!data:isFeed'>

<b:if cond='data:view.isPost or data:view.isLayoutMode'>

<b:section class='related-posts' id='related-posts' maxwidgets='1' name='Related Posts' showaddelement='no'>

<b:widget id='HTML54' locked='true' title='You Might Like' type='HTML' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='content'>3/related/default</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<data:content/>

</b:includable>

</b:widget>

</b:section>

</b:if>

</main>

<b:if cond='!data:isFeed'>

<b:section class='sidebar' id='sidebar' name='Sidebar Right' showaddelement='yes'>

<b:widget id='HTML12' locked='false' title='' type='HTML' visible='true'>

<b:widget-settings>

<b:widget-setting name='content'><![CDATA[<div style="text-align: center; margin: 10px 0;">

<ins class="adsbygoogle"

style="display:block"

data-ad-client="ca-pub-7603216250486851"

data-ad-slot="6203063182"

data-ad-format="auto"

data-full-width-responsive="true"></ins>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

</div>]]></b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

<data:content/>

</div>

</b:includable>

</b:widget>

<b:widget id='BlogSearch1' locked='false' title='Search Here 🔎...' type='BlogSearch' visible='true'>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:attr cond='not data:view.isPreview' name='target' value='_top'/>

<b:include name='urlParamsAsFormInput'/>

</form>

</div>

</b:includable>

<b:includable id='searchForm'/>

<b:includable id='searchSubmit'/>

</b:widget>

<b:widget id='HTML5' locked='false' title='WISH POST HERE ☺️..' type='HTML' visible='true'>

<b:widget-settings>

<b:widget-setting name='content'><![CDATA[<form action="https://formspree.io/f/xdkglgae" method="POST">

Request Which Topic Post You Want Next:

</label><br /><br />

<button type="submit" style="background: #ff5252; color: white; padding: 10px 20px; border: none; cursor: pointer;">Send Request</button>

</form>]]></b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

<data:content/>

</div>

</b:includable>

</b:widget>

<b:widget id='HTML4' locked='false' title='CALENDER 📅' type='HTML' visible='true'>

<b:widget-settings>

<b:widget-setting name='content'><![CDATA[<style>

.calendar-container {

width: 300px;

font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

background: #ffffff;

border-radius: 12px;

box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

overflow: hidden;

animation: fadeIn 1s ease-in-out;

}

.calendar-header {

background-color: #ff5252;

color: white;

text-align: center;

padding: 12px;

font-weight: bold;

font-size: 18px;

}

.calendar-days {

display: grid;

grid-template-columns: repeat(7, 1fr);

text-align: center;

padding: 10px;

font-weight: bold;

color: #333;

}

.calendar-dates {

display: grid;

grid-template-columns: repeat(7, 1fr);

text-align: center;

padding: 10px;

color: #555;

}

.calendar-dates div {

padding: 10px;

margin: 2px;

border-radius: 6px;

transition: 0.3s;

}

.calendar-dates div:hover {

background-color: #ffebee;

cursor: pointer;

}

.calendar-today {

background-color: #ff5252;

color: white;

font-weight: bold;

}

@keyframes fadeIn {

from { opacity: 0; transform: translateY(20px); }

to { opacity: 1; transform: translateY(0); }

}

/* Custom menu background */

.main-nav, .navbar, .header-menu {

background-color: #e3f2fd; /* Replace with your desired color */

}

</style>

<div class="calendar-header" id="calendar-month-year">Loading...</div>

</div>

</div>

const monthNames = [

"January", "February", "March", "April", "May", "June",

"July", "August", "September", "October", "November", "December"

];

const today = new Date();

const currentMonth = today.getMonth();

const currentYear = today.getFullYear();

const currentDate = today.getDate();

const monthYearEl = document.getElementById("calendar-month-year");

const datesEl = document.getElementById("calendar-dates");

const daysInMonth = new Date(currentYear, currentMonth + 1, 0).getDate();

const firstDayIndex = new Date(currentYear, currentMonth, 1).getDay();

monthYearEl.textContent = `${monthNames[currentMonth]} ${currentYear}`;

let datesHTML = "";

for (let i = 0; i < firstDayIndex; i++) {

datesHTML += `<div></div>`;

}

for (let i = 1; i <= daysInMonth; i++) {

const isToday = i === currentDate ? "calendar-today" : "";

datesHTML += `<div class='${isToday}'>${i}</div>`;

}

datesEl.innerHTML = datesHTML;

</script>]]></b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

<data:content/>

</div>

</b:includable>

</b:widget>

<b:widget id='HTML11' locked='false' title='' type='HTML' visible='false'>

<b:widget-settings>

<b:widget-setting name='content'><![CDATA[<script async="async" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7603216250486851" crossorigin="anonymous"></script>

<ins class="adsbygoogle"

style="display:block"

data-ad-format="fluid"

data-ad-layout-key="-6t+ed+2i-1n-4w"

data-ad-client="ca-pub-7603216250486851"

data-ad-slot="5236615810"></ins>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>]]></b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

<data:content/>

</div>

</b:includable>

</b:widget>

<b:widget id='HTML9' locked='false' title='' type='HTML' visible='true'>

<b:widget-settings>

<b:widget-setting name='content'><![CDATA[

📺 Subscribe to Our YouTube!

</div>

</source></audio>

<style>

.side-box {

position: fixed;

right: 0;

top: 40%;

background: #ff0000;

color: white;

padding: 10px 16px;

font-weight: bold;

border-radius: 6px 0 0 6px;

animation: bounceSide 1.5s infinite, glowBorder 2s infinite alternate;

z-index: 9999;

font-family: Arial, sans-serif;

cursor: pointer;

box-shadow: 0 0 10px #ff0000, 0 0 20px #ff3333;

text-align: center;

}

@keyframes bounceSide {

0%, 100% { transform: translateX(0); }

50% { transform: translateX(-5px); }

}

@keyframes glowBorder {

0% {

box-shadow: 0 0 5px #ff0000, 0 0 10px #ff4b2b;

}

100% {

box-shadow: 0 0 20px #ff0000, 0 0 40px #ff6f61;

}

@media (max-width: 600px) {

.side-box {

font-size: 14px;

padding: 8px 12px;

}

</style>

function openYouTubePromo() {

const ytLink = "https://youtube.com/@studyplayearn?si=843WP58ISMXjh-ay"; // ✅ Replace with your link

const sound = document.getElementById("ytClickSound");

if (sound) sound.play();

setTimeout(() => window.open(ytLink, "_blank"), 150);

}

</script>]]></b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

<data:content/>

</div>

</b:includable>

</b:widget>

<b:widget id='AdSense1' locked='false' title='' type='AdSense' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='style.layout'>336x280</b:widget-setting>

<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>

<b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:if cond='data:adCode'>

<data:adCode/>

<b:else/>

<b:include name='defaultAdUnit'/>

</b:if>

</div>

</b:includable>

<b:includable id='defaultAdUnit'>

<b:attr cond='not data:blog.analytics4' expr:value='data:blog.analyticsAccountNumber' name='data-analytics-uacct'/>

</ins>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

</b:includable>

</b:widget>

<b:widget id='HTML6' locked='false' title='' type='HTML' visible='true'>

<b:widget-settings>

<b:widget-setting name='content'><![CDATA[<div style="background-color: #f1f1f1; padding: 20px; text-align: center; border-top: 2px solid #ff5252; border-radius: 10px; font-family: Arial, sans-serif;">

<h3 style="color: #333;">🎉 Thanks for Visiting Study Play Earn!</h3>

We hope you found something useful today. Whether you're here to <b>study smart</b>, <b>explore tools</b>, or <b>enjoy gaming tips</b> — you're always welcome back.

</p>

📬 Want to suggest a blog topic? <a href="#your-request-section" style="color: #ff5252; font-weight: bold;">Click Below to request a post</a><br />

📰 Subscribe or bookmark to stay updated!

</p>

</div>]]></b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

<data:content/>

</div>

</b:includable>

</b:widget>

<b:widget id='HTML10' locked='false' title='' type='HTML' visible='true'>

<b:widget-settings>

<b:widget-setting name='content'><![CDATA[

<span id="noticeText">New post just dropped! Scroll down</span>

</div>

<style>

#liveNotice {

position: fixed;

left: 20px;

top: 80px;

background: #222;

color: #fff;

padding: 6px 12px;

border-radius: 8px;

font-family: Arial, sans-serif;

font-size: 14px;

z-index: 9999;

opacity: 0;

transition: opacity 0.5s ease;

display: flex;

align-items: center;

gap: 10px;

}

#closeNotice {

background: transparent;

color: white;

font-size: 16px;

border: none;

cursor: pointer;

margin-left: auto;

}

#closeNotice:hover {

color: #ff4b2b;

}

</style>

const messages = [

"🔥New post just dropped Scroll down",

"🎮 Dont miss our latest game list",

"📢 Study smarter with our free tools",

"🎯 Play Learn Earn Explore now",

"📌 Bookmark StudyPlayEarn for updates"

];

let msgIndex = 0;

let notice = document.getElementById("liveNotice");

let textEl = document.getElementById("noticeText");

let closeBtn = document.getElementById("closeNotice");

let isClosed = false;

function showNotice() {

if (isClosed) return;

textEl.textContent = messages[msgIndex];

notice.style.opacity = "1";

setTimeout(() => {

notice.style.opacity = "0";

msgIndex = (msgIndex + 1) % messages.length;

}, 5000); // Visible for 5 seconds

}

// Start the cycle: show every 10 seconds

let interval = setInterval(showNotice, 10000);

// Show the first message after 1 sec

setTimeout(showNotice, 1000);

// Handle close button

closeBtn.onclick = () => {

notice.style.display = "none";

isClosed = true;

clearInterval(interval);

};

</script>]]></b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

<data:content/>

</div>

</b:includable>

</b:widget>

<b:widget id='LinkList77' locked='true' title='Connect With Us 😎' type='LinkList' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='link-3'>https://youtube.com/@studyplayearn?si=843WP58ISMXjh-ay</b:widget-setting>

<b:widget-setting name='sorting'>NONE</b:widget-setting>

<b:widget-setting name='text-1'>twitter-x</b:widget-setting>

<b:widget-setting name='link-1'><![CDATA[https://twitter.com/Aravind47973855?t=wK9LHysQ0q59LCI8Fdm0WA&s=09]]></b:widget-setting>

<b:widget-setting name='text-0'>facebook</b:widget-setting>

<b:widget-setting name='link-2'>https://instagram.com/aravindchoudhary_08</b:widget-setting>

<b:widget-setting name='text-3'>youtube</b:widget-setting>

<b:widget-setting name='link-0'>https://facebook.com/aravind.choudhary.39904</b:widget-setting>

<b:widget-setting name='text-2'>instagram</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:loop values='data:links' var='link'>

</b:loop>

</ul>

</div>

</b:includable>

</b:widget>

<b:widget id='PopularPosts1' locked='false' title='Most Viewed Posts ⚡' type='PopularPosts' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='numItemsToShow'>4</b:widget-setting>

<b:widget-setting name='showThumbnails'>true</b:widget-setting>

<b:widget-setting name='showSnippets'>true</b:widget-setting>

<b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:if cond='data:widget.sectionId == "ft-post"'>

<b:elseif cond='data:widget.sectionId == "ft-post"'/>

<b:loop index='i' values='data:posts' var='post'>

<b:include cond='data:i in [0]' data='post' name='content'/>

</b:loop>

<b:loop index='i' values='data:posts' var='post'>

<b:include cond='data:i in [1,2]' data='post' name='content'/>

</b:loop>

</div>

<b:else/>

<b:class name='sidebar-posts'/>

<b:loop index='i' values='data:posts' var='post'>

<b:include data='post' name='content'/>

</b:loop>

</b:if>

</div>

</b:includable>

<b:includable id='blogThisShare'/>

<b:includable id='bylineByName'/>

<b:includable id='bylineRegion'/>

<b:includable id='commentsLink'/>

<b:includable id='commentsLinkIframe'/>

<b:includable id='content' var='post'>

<b:include name='popular-content'/>

</b:includable>

<b:includable id='emailPostIcon'/>

<b:includable id='facebookShare'/>

<b:includable id='footerBylines'/>

<b:includable id='googlePlusShare'/>

<b:includable id='headerByline'/>

<b:includable id='linkShare'/>

<b:includable id='otherSharingButton'/>

<b:includable id='platformShare'/>

<b:includable id='postAuthor'/>

<b:includable id='postCommentsLink'/>

<b:includable id='postJumpLink'/>

<b:includable id='postLabels'/>

<b:includable id='postLocation'/>

<b:includable id='postReactions'/>

<b:includable id='postShareButtons'/>

<b:includable id='postTimestamp'/>

<b:includable id='sharingButton'/>

<b:includable id='sharingButtonContent'/>

<b:includable id='sharingButtons'/>

<b:includable id='sharingButtonsMenu'/>

<b:includable id='sharingPlatformIcon'/>

<b:includable id='snippetedPostByline'/>

<b:includable id='snippetedPostContent'/>

<b:includable id='snippetedPostThumbnail'/>

<b:includable id='snippetedPostTitle'/>

<b:includable id='snippetedPosts'/>

</b:widget>

<b:widget id='HTML7' locked='false' title='' type='HTML' visible='true'>

<b:widget-settings>

<b:widget-setting name='content'><![CDATA[

<div class="sub-headline">If You Want To Get Latest Posts Notifications First Then You Can Register Your Email Here We Will Drop All The Updates In Your Mail !</div>

<iframe

src="https://docs.google.com/forms/d/e/1FAIpQLSeCcF6PHOpTG3OHuKxvIg5OvgyfH1xVO7aG_Fv5blGIfwa2lg/viewform?embedded=true"

width="100%" height="320" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>

</div>

</source></audio>

<style>

#subscribeTrigger {

position: fixed;

bottom: 30px;

left: 20px;

background: #ff4b2b;

color: #fff;

font-size: 24px;

padding: 10px 12px;

border-radius: 50%;

cursor: pointer;

box-shadow: 0 4px 10px rgba(0,0,0,0.2);

z-index: 9999;

animation: bellPulse 1.4s infinite;

}

@keyframes bellPulse {

0%, 100% { transform: scale(1); opacity: 1; }

50% { transform: scale(1.1); opacity: 0.8; }

}

#subscribeBox {

position: fixed;

bottom: 90px;

left: 20px;

background: #ffffff;

padding: 15px;

border-radius: 12px;

box-shadow: 0 10px 30px rgba(0,0,0,0.1);

z-index: 9999;

font-family: 'Arial', sans-serif;

width: 300px;

max-width: 90%;

}

#closeSubscribe {

position: absolute;

top: 5px;

right: 8px;

background: transparent;

border: none;

font-size: 18px;

color: #888;

cursor: pointer;

}

#closeSubscribe:hover {

color: #ff4b2b;

}

.icon-box {

font-size: 32px;

animation: pulse 1.2s infinite;

text-align: center;

margin-bottom: 10px;

}

.sub-headline {

font-size: 14px;

color: #333;

margin-bottom: 10px;

text-align: center;

font-weight: 500;

}

</style>

document.getElementById("subscribeTrigger").onclick = function () {

const box = document.getElementById("subscribeBox");

const sound = document.getElementById("clickSound");

box.style.display = box.style.display === "none" ? "block" : "none";

sound.play();

};

document.getElementById("closeSubscribe").onclick = function () {

document.getElementById("subscribeBox").style.display = "none";

};

</script>]]></b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

<data:content/>

</div>

</b:includable>

</b:widget>

<b:widget id='HTML8' locked='false' title='' type='HTML' visible='true'>

<b:widget-settings>

<b:widget-setting name='content'><![CDATA[<h2 id="typedTitle"></h2>

const text = "Welcome to StudyPlayEarn!";

let i = 0;

function typeWriter() {

if (i < text.length) {

document.getElementById("typedTitle").innerHTML += text.charAt(i);

i++;

setTimeout(typeWriter, 80);

}

window.onload = typeWriter;

</script>

<style>

#typedTitle {

font-family: 'Courier New', Courier, monospace;

font-size: 24px;

color: #ff4b2b;

text-align: center;

margin-top: 20px;

}

</style>]]></b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

<data:content/>

</div>

</b:includable>

</b:widget>

<b:widget id='HTML2' locked='false' title='Comments' type='HTML' version='2' visible='false'>

<b:widget-settings>

<b:widget-setting name='content'>4/comments/show</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

</b:includable>

</b:widget>

<b:widget id='Label2' locked='false' title='Labels' type='Label' version='2' visible='false'>

<b:widget-settings>

<b:widget-setting name='sorting'>ALPHA</b:widget-setting>

<b:widget-setting name='display'>CLOUD</b:widget-setting>

<b:widget-setting name='selectedLabelsList'/>

<b:widget-setting name='showType'>ALL</b:widget-setting>

<b:widget-setting name='showFreqNumbers'>true</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='cloud'>

<b:loop values='data:labels' var='label'>

<b:class expr:name='"label-size-" + data:label.cssSize'/>

</span>

</b:loop>

</b:includable>

<b:includable id='content'>

<b:class expr:name='data:this.display + "-label"'/>

<b:include cond='data:this.display == "list"' name='list'/>

<b:include cond='data:this.display == "cloud"' name='list'/>

</div>

</b:includable>

<b:includable id='list'>

<ul>

<b:loop values='data:labels' var='label'>

</b:loop>

</ul>

</b:includable>

</b:widget>

<b:widget id='Header1' locked='false' title='Study Play Earn - Learn Smart, Play Smarter, Earn Fast (Header)' type='Header' visible='false'>

<b:widget-settings>

<b:widget-setting name='displayUrl'/>

<b:widget-setting name='displayHeight'>0</b:widget-setting>

<b:widget-setting name='sectionWidth'>-1</b:widget-setting>

<b:widget-setting name='useImage'>false</b:widget-setting>

<b:widget-setting name='shrinkToFit'>false</b:widget-setting>

<b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>

<b:widget-setting name='displayWidth'>0</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include cond='data:imagePlacement in {"REPLACE", "BEFORE_DESCRIPTION"}' name='image'/>

<b:include cond='data:imagePlacement == "BEHIND"' name='title'/>

</div>

</b:includable>

<b:includable id='behindImageStyle'>

<b:if cond='data:sourceUrl'>

<b:include cond='data:this.image' data='{ image: data:this.image, selector: ".header-widget" }' name='responsiveImageStyle'/>

.header-widget {

background-position: <data:blog.locale.languageAlignment/>;

background-repeat: no-repeat;

background-size: cover;

}

</style>

</b:if>

</b:includable>

<b:includable id='description'>

<p>

<data:this.description/>

</p>

</b:includable>

<b:includable id='image'>

</a>

</b:includable>

<b:includable id='title'>

<h1>

<b:tag cond='data:view.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>

<data:title/>

</b:tag>

</h1>

</b:includable>

</b:widget>

<b:widget id='Attribution1' locked='false' title='' type='Attribution' visible='true'>

<b:widget-settings>

<b:widget-setting name='copyright'/>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='flatBloggerIcon'/>

<b:message name='messages.poweredByBlogger'/>

</a>

</div>

<b:if cond='data:imageAuthor'>

<b:if cond='data:imageAuthor.url'>

<b:message name='messages.templateImagesByLink'>

<b:param expr:value='data:imageAuthor.url'/>

<b:param expr:value='data:imageAuthor.name'/>

</b:message>

<b:else/>

<b:message name='messages.templateImagesBy'>

<b:param expr:value='data:imageAuthor.name'/>

</b:message>

</b:if>

</div>

</b:if>

<b:if cond='data:copyright != ""'>

</b:if>

</div>

</b:includable>

</b:widget>

<b:widget id='BlogArchive1' locked='false' title='' type='BlogArchive' visible='false'>

<b:widget-settings>

<b:widget-setting name='showStyle'>FLAT</b:widget-setting>

<b:widget-setting name='yearPattern'>yyyy</b:widget-setting>

<b:widget-setting name='showWeekEnd'>true</b:widget-setting>

<b:widget-setting name='monthPattern'>MMMM yyyy</b:widget-setting>

<b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>

<b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>

<b:widget-setting name='chronological'>false</b:widget-setting>

<b:widget-setting name='showPosts'>false</b:widget-setting>

<b:widget-setting name='frequency'>MONTHLY</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:include cond='data:this.style in {"FLAT", "MENU", "HIERARCHY"}' name='flat'/>

</div>

</b:includable>

<b:includable id='flat'>

<b:loop values='data:data' var='i'>

</b:loop>

</ul>

</b:includable>

<b:includable id='hierarchy'>

<b:include data='data' name='interval'/>

</b:includable>

<b:includable id='interval' var='intervals'>

<b:loop values='data:intervals' var='interval'>

<data:interval.name/>

</a>

</div>

<b:include cond='data:interval.data' data='interval.data' name='interval'/>

<b:include cond='data:interval.posts' data='interval.posts' name='posts'/>

</div>

</li>

</b:loop>

</ul>

</b:includable>

<b:includable id='posts' var='posts'>

<b:loop values='data:posts' var='post'>

<li>

</li>

</b:loop>

</ul>

</b:includable>

</b:widget>

<b:widget id='HTML1' locked='false' title='' type='HTML' visible='true'>

<b:widget-settings>

<b:widget-setting name='content'><![CDATA[

<div id="welcomeMsg">👋 Welcome to StudyPlayEarn!</div>

</source></audio>

<style>

/* Glowing Post Titles */

.post-title, h3.post-title {

animation: glowTitle 2s ease-in-out infinite alternate;

}

@keyframes glowTitle {

from {

text-shadow: 0 0 5px #ff4b2b, 0 0 10px #ff6f61;

}

to {

text-shadow: 0 0 10px #ff4b2b, 0 0 20px #ff6f61;

}

/* Welcome Message Styles */

#welcomeMsg {

position: fixed;

top: 20px;

left: 50%;

transform: translateX(-50%);

background: #ff4b2b;

color: white;

padding: 10px 20px;

font-size: 16px;

border-radius: 8px;

box-shadow: 0 4px 12px rgba(0,0,0,0.2);

z-index: 9999;

animation: bounceFade 2s ease forwards;

}

/* Bounce + Fade Animation */

@keyframes bounceFade {

0% { opacity: 0; transform: translateX(-50%) translateY(-20px); }

20% { opacity: 1; transform: translateX(-50%) translateY(0); }

40% { transform: translateX(-50%) translateY(-10px); }

60% { transform: translateX(-50%) translateY(0); }

90% { opacity: 1; }

100% { opacity: 0; transform: translateX(-50%) translateY(-20px); }

}

</style>

window.onload = function() {

const sound = document.getElementById("welcomeSound");

if (sound) {

sound.play().catch(() => {}); // Auto-play may be blocked on some devices

}

};

</script>]]></b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

<data:content/>

</div>

</b:includable>

</b:widget>

<b:widget id='Label1' locked='false' title='Labels' type='Label' visible='false'>

<b:widget-settings>

<b:widget-setting name='sorting'>ALPHA</b:widget-setting>

<b:widget-setting name='display'>LIST</b:widget-setting>

<b:widget-setting name='selectedLabelsList'/>

<b:widget-setting name='showType'>ALL</b:widget-setting>

<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='cloud'>

<b:loop values='data:labels' var='label'>

<b:class expr:name='"label-size-" + data:label.cssSize'/>

<data:label.name/>

<b:if cond='data:this.showFreqNumbers'>

</b:if>

</a>

</span>

</b:loop>

</b:includable>

<b:includable id='content'>

</b:includable>

<b:includable id='list'>

</b:loop>

</ul>

</b:includable>

</b:widget>

<b:widget id='ReportAbuse1' locked='false' title='' type='ReportAbuse' visible='false'>

<b:includable id='main'>

<b:include name='reportAbuse'/>

</b:includable>

</b:widget>

<b:widget cond='!data:view.isPost' id='PageList1' locked='false' title='' type='PageList' visible='false'>

<b:widget-settings>

<b:widget-setting name='pageListJson'><![CDATA[{"home":{"href":"http://studyplayearn.blogspot.com/","position":0,"title":"Home"}}]]></b:widget-setting>

<b:widget-setting name='homeTitle'>Home</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

</div>

</b:includable>

<b:includable id='overflowButton'>

<b:include name='verticalMoreIcon'/>

</b:includable>

<b:includable id='overflowablePageList'>

<b:with value='true' var='overflow'>

<b:with value='"tabs"' var='pageListClass'>

<b:include name='pageList'/>

</b:with>

</div>

<b:include name='overflowButton'/>

</div>

</b:includable>

<b:includable id='pageLink'>

<li>

<b:class cond='data:overflow' name='overflowable-item'/>

<b:class cond='data:link.isCurrentPage' name='selected'/>

</li>

</b:includable>

<b:includable id='pageList'>

<ul>

<b:class cond='data:pageListClass' expr:name='data:pageListClass'/>

<b:loop values='data:links' var='link'>

<b:include name='pageLink'/>

</b:loop>

</ul>

</b:includable>

</b:widget>

<b:widget id='Profile1' locked='false' title='About Me' type='Profile' visible='false'>

<b:widget-settings>

<b:widget-setting name='showaboutme'>true</b:widget-setting>

<b:widget-setting name='showlocation'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:if cond='data:team'>

<b:else/>

</b:if>

</b:includable>

<b:includable id='profileImage'>

<b:if cond='data:authorPhoto.image'><b:include name='authorProfileImage'/>

<b:else/><b:include name='defaultProfileImage'/>

</b:if>

</b:includable>

<b:includable id='teamProfile'>

<b:loop values='data:authors' var='author'>

</b:loop>

</b:includable>

<b:includable id='teamProfileLink'>

<b:else/><img class='profile-img' expr:alt='data:messages.myPhoto' expr:height='data:authorPhoto.height' expr:width='data:authorPhoto.width' src='/'/>

</b:if>

</a>

</b:includable>

<b:includable id='userLocation'>

</b:includable>

<b:includable id='userProfile'>

</div>

<b:if cond='data:location'><div class='profile-data location'><data:location/></div></b:if>

</div>

</b:includable>

<b:includable id='userProfileData'>

<data:displayname/>

</a>

</dt>

</b:includable>

<b:includable id='userProfileImage'>

<b:include name='profileImage'/>

</a>

</b:includable>

<b:includable id='userProfileInfo'>

<b:class cond='data:showlocation and data:location != ""' name='has-location'/>

<b:include name='userProfileData'/>

<b:include cond='data:showlocation and data:location != ""' name='userLocation'/>

<b:include cond='data:aboutme != ""' name='userProfileText'/>

</dl>

<b:include name='viewProfileLink'/>

</div>

</b:includable>

<b:includable id='userProfileText'>

<data:aboutme/>

</dd>

</b:includable>

<b:includable id='viewProfileLink'>

<data:messages.viewMyCompleteProfile/>

</a>

</b:includable>

</b:widget>

<b:widget cond='data:view.isHomepage' id='FeaturedPost1' locked='false' title='' type='FeaturedPost' visible='false'>

<b:widget-settings>

<b:widget-setting name='showSnippet'>true</b:widget-setting>

<b:widget-setting name='showPostTitle'>true</b:widget-setting>

<b:widget-setting name='postId'>0</b:widget-setting>

<b:widget-setting name='showFirstImage'>true</b:widget-setting>

<b:widget-setting name='useMostRecentPost'>true</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='widget-title'/>

<b:loop values='data:posts' var='post'><b:include data='post' name='postContent'/></b:loop>

</div>

</b:includable>

<b:includable id='blogThisShare'/>

<b:includable id='bylineByName'/>

<b:includable id='bylineRegion'/>

<b:includable id='commentsLink'/>

<b:includable id='commentsLinkIframe'/>

<b:includable id='emailPostIcon'/>

<b:includable id='facebookShare'/>

<b:includable id='footerBylines'/>

<b:includable id='googlePlusShare'/>

<b:includable id='headerByline'/>

<b:includable id='linkShare'/>

<b:includable id='otherSharingButton'/>

<b:includable id='platformShare'/>

<b:includable id='postAuthor'/>

<b:includable id='postCommentsLink'/>

<b:includable id='postContent' var='post'>

</b:if><b:class expr:name='data:post.featuredImage.isYouTube ? "video-nos" : "image-nos"'/>

</a>

<b:if cond='data:post.labels'><span class='post-tag'><data:post.labels.first.name/></span></b:if>

<b:if cond='data:widgets.Blog.first.allBylineItems.author'><data:widgets.Blog.first.allBylineItems.author.label/><span class='post-author'><data:post.author.name/></span></b:if>

<b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'><span class='post-date'><data:post.date/></span></b:if>

</div>

</b:includable>

<b:includable id='postJumpLink'/>

<b:includable id='postLabels'/>

<b:includable id='postLocation'/>

<b:includable id='postReactions'/>

<b:includable id='postShareButtons'/>

<b:includable id='postTimestamp'/>

<b:includable id='sharingButton'/>

<b:includable id='sharingButtonContent'/>

<b:includable id='sharingButtons'/>

<b:includable id='sharingButtonsMenu'/>

<b:includable id='sharingPlatformIcon'/>

<b:includable id='snippetedPostByline'/>

<b:includable id='snippetedPostContent'/>

<b:includable id='snippetedPostThumbnail'/>

<b:includable id='snippetedPostTitle'/>

<b:includable id='snippetedPosts'/>

</b:widget>

</b:section>

</aside>

</b:if>

</div>

<b:if cond='!data:isFeed'>

<b:section class='footer-primary' id='Footer-Function3' maxwidgets='3' name='Footer About Us' showaddelement='yes'>

<b:widget id='AdSense2' locked='false' title='' type='AdSense' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='style.layout'>468x60</b:widget-setting>

<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>

<b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:if cond='data:adCode'>

<data:adCode/>

<b:else/>

<b:include name='defaultAdUnit'/>

</b:if>

</div>

</b:includable>

<b:includable id='defaultAdUnit'>

<b:attr cond='not data:blog.analytics4' expr:value='data:blog.analyticsAccountNumber' name='data-analytics-uacct'/>

</ins>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

</b:includable>

</b:widget>

<b:widget id='Image150' locked='false' title='A WEBSITE CREATED BY @STUDY PLAY EARN' type='Image' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/a/AVvXsEiB7ttAQMfoww0ZMjwb7U9Kmu0zR8f8w4OgcYX08Up_8t3-o_-hsS2P_44P80MLco2NgooaWwKHa-_ZrbV1aG6mVDNbdCdFvNgCwFX7-f7MuGSvCtNgqwuG-08F2TipbxiPtXYgaMBCzSeDtCAV20nsDE3adFrIFg1UZds4UrXH2jQTLvVED22Cfd7Z92JN=s150</b:widget-setting>

<b:widget-setting name='displayHeight'>150</b:widget-setting>

<b:widget-setting name='sectionWidth'>150</b:widget-setting>

<b:widget-setting name='shrinkToFit'>false</b:widget-setting>

<b:widget-setting name='displayWidth'>150</b:widget-setting>

<b:widget-setting name='link'>https://studyplayearn.blogspot.com/</b:widget-setting>

<b:widget-setting name='caption'><![CDATA[Welcome to Study Play Earn, your all-in-one blog to explore trending knowledge, gaming tips, and real earning opportunities. Whether you're a student looking to study smarter, a gamer chasing the best strategies, or someone exploring legit online earning methods — we’ve got you covered. Join our growing community and level up in all three worlds!]]></b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

<b:loop values='[".png",".jpg",".gif",".webp","img"]' var='imageType'>

<b:attr cond='data:link and contains(data:link, data:imageType)' expr:value='data:link' name='data-dark'/>

</b:loop></img>

</a></div>

</div>

</b:includable>

</b:widget>

<b:widget id='LinkList7' locked='true' title='Follow Us' type='LinkList' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='link-3'>https://instagram.com/aravindchoudhary_08</b:widget-setting>

<b:widget-setting name='sorting'>NONE</b:widget-setting>

<b:widget-setting name='link-4'>https://telegram.me/studyplayearn</b:widget-setting>

<b:widget-setting name='text-1'>twitter-x</b:widget-setting>

<b:widget-setting name='link-1'><![CDATA[https://twitter.com/Aravind47973855?t=wK9LHysQ0q59LCI8Fdm0WA&s=09]]></b:widget-setting>

<b:widget-setting name='text-0'>facebook</b:widget-setting>

<b:widget-setting name='link-2'>https://youtube.com/@studyplayearn?si=843WP58ISMXjh-ay</b:widget-setting>

<b:widget-setting name='text-3'>instagram</b:widget-setting>

<b:widget-setting name='link-0'>https://facebook.com/aravind.choudhary.39904</b:widget-setting>

<b:widget-setting name='text-2'>youtube</b:widget-setting>

<b:widget-setting name='text-4'>telegram</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

</ul>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='footer-copyright' id='footer-copyright' maxwidgets='1' name='Footer Attribution' showaddelement='no'>

<b:widget id='HTML33' locked='true' title='Footer Copyright' type='HTML' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='content'/>

</b:widget-settings>

<b:includable id='main'>

<div class='widget-content'><span class='copyright-text widget'>Design by - <a href='https://www.pikitemplates.com/' id='pikitemplates' rel='dofollow'>Study Play Earn</a> | Created by <a href='https://www.bloggertemplate.org/' rel='dofollow'> Aravind Choudhary</a> <data:content/></span></div>

</b:includable>

</b:widget>

</b:section>

<b:section class='footer-checks-menu' id='footer-checks-menu' maxwidgets='1' name='Footer Menu' showaddelement='no'>

<b:widget id='LinkList8' locked='true' title='Link List' type='LinkList' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='link-5'>https://studyplayearn.blogspot.com/p/disclaimer.html</b:widget-setting>

<b:widget-setting name='link-3'>https://studyplayearn.blogspot.com/p/privacy-policy.html</b:widget-setting>

<b:widget-setting name='link-4'>https://studyplayearn.blogspot.com/p/terms-and-conditions.html</b:widget-setting>

<b:widget-setting name='text-1'>About Us</b:widget-setting>

<b:widget-setting name='text-0'>Home</b:widget-setting>

<b:widget-setting name='text-3'>Privacy Policy</b:widget-setting>

<b:widget-setting name='text-2'>Contact us</b:widget-setting>

<b:widget-setting name='text-5'>Disclaimer</b:widget-setting>

<b:widget-setting name='text-4'>Terms And Conditions</b:widget-setting>

<b:widget-setting name='sorting'>NONE</b:widget-setting>

<b:widget-setting name='link-1'>https://studyplayearn.blogspot.com/p/about-us.html</b:widget-setting>

<b:widget-setting name='link-2'>https://studyplayearn.blogspot.com/p/contact-us.html</b:widget-setting>

<b:widget-setting name='link-0'>https://studyplayearn.blogspot.com/</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

<b:if cond='data:view.isSingleItem'>

<b:section class='hidden-widgets' deleted='true' id='hidden-widgets' maxwidgets='2' showaddelement='no'>

<b:widget id='ContactForm1' locked='true' title='Contact form' type='ContactForm' version='2' visible='true'>

<b:includable id='main'>

<b:include name='widget-title'/>

<b:include name='content'/>

</b:includable>

<b:includable id='content'>

</form>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

</b:if>

</div>

<b:include cond='data:view.isPost' name='share-box'/>

<b:if cond='!data:isFeed'>

</div>

<b:include name='theme-js'/>

<b:tag name='script' type='text/javascript'>

//<![CDATA[

//]]>

</b:tag>

<b:tag name='script' type='text/javascript'>

//<![CDATA[

//]]>

</b:tag>

</b:if>

<b:if cond='data:isFeed'>

<b:eval cond='data:isFeed' expr='"<!--"'/>

</b:if>

<style>

/* Dark Mode Styles */

body.dark-mode {

background-color: #111 !important;

color: #f5f5f5 !important;

}

body.dark-mode a {

color: #80c9ff !important;

}

body.dark-mode .post {

background-color: #1b1b1b !important;

color: #f1f1f1 !important;

}

body.dark-mode .header,

body.dark-mode .footer,

body.dark-mode .widget {

background-color: #181818 !important;

}

/* Toggle Button Style */

#toggleMode {

position: fixed;

top: 20px;

right: 20px;

background: #222;

color: #fff;

border: none;

border-radius: 50%;

padding: 10px 12px;

font-size: 18px;

cursor: pointer;

z-index: 9999;

box-shadow: 0 4px 12px rgba(0,0,0,0.2);

transition: background 0.3s;

}

#toggleMode:hover {

background: #444;

}

.fade-in {

opacity: 0;

transform: translateY(20px);

transition: opacity 0.8s ease-out, transform 0.8s ease-out;

}

.fade-in.visible {

opacity: 1;

transform: translateY(0);

}

<div class='side-box'>📺 Subscribe to Our YouTube!</div>

<style>

.side-box {

position: fixed;

right: 0;

top: 40%;

background: #0077ff;

color: white;

padding: 10px;

font-weight: bold;

border-radius: 6px 0 0 6px;

animation: bounceSide 1.5s infinite;

z-index: 999;

}

@keyframes bounceSide {

0%, 100% { transform: translateX(0); }

50% { transform: translateX(-5px); }

}

</style>

document.getElementById("toggleMode").onclick = function() {

document.body.classList.toggle("dark-mode");

localStorage.setItem("darkMode", document.body.classList.contains("dark-mode"));

};

// Keep mode on refresh

window.onload = function() {

if (localStorage.getItem("darkMode") === "true") {

document.body.classList.add("dark-mode");

}

};

</script>

document.addEventListener("DOMContentLoaded", function () {

const faders = document.querySelectorAll(".fade-in");

const appearOptions = {

threshold: 0.1,

rootMargin: "0px 0px -50px 0px"

};

const appearOnScroll = new IntersectionObserver(function (entries, observer) {

entries.forEach(entry => {

if (!entry.isIntersecting) return;

entry.target.classList.add("visible");

observer.unobserve(entry.target);

});

}, appearOptions);

faders.forEach(fader => {

appearOnScroll.observe(fader);

});

</script>

document.addEventListener("DOMContentLoaded", function () {

const elements = document.querySelectorAll(".fade-in");

const observer = new IntersectionObserver(entries => {

entries.forEach(entry => {

if (entry.isIntersecting) {

entry.target.classList.add("visible");

}

});

elements.forEach(el => observer.observe(el));

});

</script>

</body>

</b:with>

</html>

my blog code

Post a Comment

Latest Posts

Popular Posts

Contact Form