TYPE html>

<head>

<title>Karni Computers Services</title>

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

Blogger Template Style

Name: Color - UI Default - Free Demo Version

Version: 3.1.0.V

Author: Templateiki

Author Url: https://www.templateiki.com/

Last Update: 16/May/2025

The Blogger theme’s base XML and dynamic tags belong to Google LLC. All custom styles, scripts, and designs by Templateiki are protected under the Creative Commons Attribution-NoDerivatives 4.0 International License (CC BY-ND 4.0). Redistribution and sales of this theme are not allowed without explicit permission.

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

/*-- Material Icons Font --*/

@font-face{font-family:'Material Icons Round';font-display:swap;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconsround/v105/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmP.woff2) format('woff2');}.material-icons-round,.material-symbols-rounded{font-family:'Material Icons Round';font-weight:normal;font-style:normal;font-size:24px;line-height:1;vertical-align:middle;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}

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:'Poppins', sans-serif;

--title-font:'Poppins', sans-serif;

--meta-font:'Poppins', sans-serif;

--text-font:'Poppins', sans-serif;

--text-font-color:#505050;

--runs-solid-color:#c1bbbb;

--black-color:#404040;

--hero-color:#aaaaaa;

--main-menu-bg:#ffffff;

--snippet-color:#aba4a4;

--solid-border:#ddd;

--search-mb-clr:#111;

--search-mb-input:#111;

--featured-posts-title:#333333;

--button-bg-color:#1e74f4;

--button-text-color:#ffffff;

--lables-buttons-color:#1e74f4;

--lables-text-color:#ffffff;

--bg-bt-bar:#1e74f4;

--email-bg-color:#1e74f4;

--email-text-color:#ffffff;

--cloud-bg-color:#1e74f4;

--cloud-border-color:#1e74f4;

--list-text-color:#1e74f4;

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

--featured-gadgets-title:#e8e8e8;

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

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

--sub-menu-text-color:#3a3a3a;

--menu-color1:#353aa1;

--menu-color2:#2c74eb;

--rRlLmii-top-search-bg:#ffffff;

--footer-title-color:#eeeeee;

--footer-copyright-bg:#182032;

--body-color-main:#f3f6fd url() repeat fixed top left;

--all-link-color:#2b64ff;

--black-text:#000000;

--main-text-color:#101010;

--rRlLmii-bg:#ffffff;

--menu-mobile-color:#222222;

--white-bg:#ffffff;

--block-bg:#ffffff;

--white-color-search:rgb(255 255 255 / 30%);

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

--white-label-color:#ffffff;

--topMenu-hover:#1e74f4;

--topMenu-bg-hover:#f7f7f7;

--bg-cards:#ffffff;

--bg-cards-video:#121212;

--bg-cards-shadow:-1px 7px 10px 0 rgb(124 124 124 / 6%)

--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;

--search-bt-text:#111;

--search-bt-bg:rgb(237 237 237 / 44%);

--comments-dec:#333;

--sticky-bg:#f1f1f1;

--input-form:transparent;

--bt-home:#f2f7fb;

--cm-count:#555555;

--xliil-text:#4e4e4e;

--sticky-lists:#ffffff;

--post-snip-data:#707070;

--post-snip-open:#383838;

--ico-relative:#e60000;

--ico-relative-hover:rgb(0 0 0 / 0.51);

--front-bg-lists:#fff;

--share-author-links:#585858;

--box-posts-share:#f1f1f1;

--title-share:#1c1c1c;

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

--footer-text-color:#eeeeee;

--footer-about-text:#e3e3e3;

--footer-bg-color:#15202b;

--footer-gadgets-title:#eeeeee;

--footer-pages-text-hover:#1e74f4;

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

--submenu-bg-color:#ffffff;

--comment-content:#f6f6f6;

--comment-text:#5e5e5e;

--arrow-color:#888;

--main-sd:0 0 1px 0 rgb(24 94 224 / 5%), 0 6px 12px 0 rgb(24 94 224 / 5%);

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

--pager-text-color:#6d6d6d;

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

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

}

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:0;box-sizing:border-box}

input[type="radio"]{-webkit-appearance:auto;appearance:auto;}

.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}

input,textarea{outline:none;border:none}

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}

.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%}

.post-body img:not(.snip-thumbnail){width:auto;height:auto;border:none;}

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

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

.clearfix{clear:both}

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

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

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,#zqiilo{display:none}

.cookie-choices-info{display:none !important;}

div#custom-ads-placeholder{display:none;}

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

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.4}

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

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

.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}

#center-container{position:relative;float:left;width:100%;overflow:hidden;padding:20px 0 0;margin:0}

.home #feed-view {width: 100%;}

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

.item #sidebar-container{display:block;}

#sidebar-container{position:relative;float:right;width:320px;box-sizing:border-box;padding:0}

.post-filter-image{position:relative;display:block;transition:transform .3s ease}

.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}

#h1-hide{display:none;visibility:hidden}

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

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

.row{position:relative;}

.post-filter-link:hover .snip-thumbnail{filter: brightness(0.9);}

.background-layer:before{content:'';position:absolute;bottom:0;left:0;right:0;height:100%;z-index:2}

.zeicilo a:before,.bpost-share a:before{display:inline-block;font-family:'Font Awesome 6 Brands';font-style:normal;font-weight:400;vertical-align: middle;}

.zeicilo .rss a:before,.social .rss a:before{content:'\e0e5';font-family:'Material Icons Round';}

.zeicilo .email a:before,.social .email a:before{content:'\e158';font-family:'Material Icons Round';}

.zeicilo .external-link a:before,.social .external-link a:before{content:'\e894';font-family:'Material Icons Round';}

.colorful a:hover {opacity: 0.8;}

.zeicilo a:before{content:var(--fa);}

.colorful .blogger a{color:#ff5722}

.colorful .facebook a{color:#1877F2}

.colorful .twitter a{color:#00acee}

.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{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 .tumblr a{color:#365069}

.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 .email a{color:#888}

.colorful .external-link a{color:#275bff}

.bpost-share a.fa-facebook,.bpost-share a.fa-facebook{background:#1877F2}

.bpost-share a.fa-x-twitter{background:#00acee}

.bpost-share a.fa-whatsapp{background:#3fbb50}

.zeipilo-logo{display:none}

.zeitdilo{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 5px;border-radius:20px;}

.zeitdilo:hover:before{opacity:0.8}

.zeitdilo:before{content:'\e518';font-family:'Material Icons Round';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;}

.zeitdilo:after{content:'\ea46';font-family:'Material Icons Round';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;}

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

.ijjpiIf li:hover .ijjgiIf{opacity:1;visibility:visible}

.drop-down>a:after{content:'\e5cf';float:right;font-family:'Material Icons Round';font-size:9px;font-weight:400;margin:-1px 0 0 5px}

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

.ijjpiIf li:hover .ijjgiIf{margin-top:1px;opacity:1;visibility:visible}

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

.limcCfc:last-child{margin-right:0}

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

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

.limcCfcs .Mega-img-ui{height:180px;display:block;overflow:hidden;border-radius:5px;}

.limcCfcs .entry-title{font-size:14px;font-weight:600;text-align: left;line-height:1.5;margin:0}

/*----- Home Page Buttons -----*/

.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 16px;}

.section-sticky{position:fixed;display:none;left:0;right:0;bottom:0;background-color:var(--sticky-lists);border-top:1px solid rgb(108 108 108 / 0.14);padding:0 25px;border-radius: 20px 20px 0 0;box-shadow:0 5px 15px 0 rgb(0 0 0 / 0.46);z-index:111;}

ul.mobileMenu{display:flex;align-items:center;justify-content:space-between;height:50px;margin:0;padding:0;list-style:none;}

ul.mobileMenu li{position:relative;text-align:center;}

li.myHome, li.mySearch, li.myTop, li.myShare{padding:8px;border-radius:16px;}

ul.mobileMenu li:nth-child(1){background-color:#e8e2f6;}

ul.mobileMenu li:nth-child(1) a{color:#6900ff;}

ul.mobileMenu li:nth-child(2){background-color:#f6e3f1;}

ul.mobileMenu li:nth-child(2) label{color:#b73892}

ul.mobileMenu li:nth-child(3){background:#1e74f4;border:4px solid #fff;border-radius:50%;padding:14px;margin-bottom:30px;}

ul.mobileMenu li:nth-child(3) label{color:#ffffff}

ul.mobileMenu li:nth-child(4){background-color:#fff3d9;}

ul.mobileMenu li:nth-child(4) label{color:#eda600}

ul.mobileMenu li:nth-child(5){background-color:#afedf7;}

ul.mobileMenu li:nth-child(5) label{color:#1194aa}

ul.mobileMenu li label, ul.mobileMenu li a{display:block;font-size:20px;}

/*----- Post Ads -----*/

#top-ad-placeholder .widget > .widget-title,#bottom-ad-placeholder .widget > .widget-title{display:none}

#top-ad-placeholder,#bottom-ad-placeholder{margin:15px 0;padding:0;width:100%;overflow:hidden;}

.mt-ads{position:relative;margin:15px 5px 0}

.mt-ads .widget{position:relative;float:left;width:100%;line-height:0;margin:0 0 5px}

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

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

/*----- Footer Section -----*/

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

.footer-container .footer-copyright{position:relative;float:left;font-size:13px;margin:0;max-width: 500px;}

.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{float:right;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:14px;color:var(--footer-text-color);padding:0 5px;margin:0}

#footer-checks-menu ul li a:hover{color: var(--footer-pages-text-hover)}

/*-- Top Social Menu CSS --*/

.sharing-button .facebook a{background-color:#1877F2}

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

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

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

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

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

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

.zeipilo .fa{color:#FFF! important}

/*-- Top Main Menu --*/

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

.zmililo .container{margin:0 auto;}

.zmililo-wrap,.zmililo{position:relative;float:left;background:linear-gradient(to right, var(--menu-color1),var(--menu-color2));z-index: 990;width:100%;height:60px;box-sizing:border-box;padding:0;margin:0;}

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

.SuperLogo{position:relative;float:left;height:55px;padding:0 0 0 10px;margin:0}

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

.zjilo{display:none;color:var(--main-menu-text-color);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;}

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

.rtl .header-right{left:14px;right: unset;}

.header-right{position:absolute;top:0;right:14px;margin:0;z-index:11;overflow:hidden;backdrop-filter:blur(1vh);}

.SuperLogo .widget{position:relative;display:flex;align-items:center;height:100%;margin:0;}

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

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

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

.zmililo.fixed-nos.show{linear-gradient(to right, var(--menu-color1),var(--menu-color2))}

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

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

#ijjpiIf .show-menu{display:block}

#ijjpiIf{position:static;height:60px;z-index:10}

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

#menutab>li>a{position:relative;display:block;height:60px;font-size:13px;color:var(--main-menu-text-color);font-weight:600;text-transform:capitalize;line-height:60px;padding:0 10px;margin:0}

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

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

.rtl #ijjpiIf ul>li>ul>li>ul{right: 100%;left: unset;}

.rtl #ijjpiIf ul>li>ul{right:0;left: unset;}

#ijjpiIf ul>li>ul{position:absolute;float:left;left:0;top:60px;width:180px;border-radius:5px;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)}

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

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

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

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

#ijjpiIf ul>li>ul>li:hover>a{color:var(--topMenu-hover);background:var(--topMenu-bg-hover);border-radius:14px;opacity:0.8;}

#ijjpiIf ul>li.sub-tab>a:after,#ijjpiIf ul>li.sub-has>a:after{content:'\e5cf';font-family:'Material Icons Round';font-size:16px;font-weight:400;margin:0 0 0 5px;transition: 0.31s;vertical-align: middle;}

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

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

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

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

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

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

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

.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;}

.zjilo:before{content:"\e5d2";font-family:'Material Icons Round';font-size:24px;font-weight:400}

#menu-space{display:none;position:fixed;width:70%;height:100%;top:0;left:0;bottom:0;background:var(--rRlLmii-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)}

.zsililo #menu-space{-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)}

.area-runs{float:left;width:100%;height:58px;background-color:var(--rRlLmii-top-search-bg);overflow:hidden;display:flex;align-items:center;opacity:0;transition:all ease-in-out .3s;box-sizing:border-box;justify-content:space-between;box-shadow:var(--main-sd);}

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

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

.hide-zeipilo{position:relative;top:0;right:0;display:block;color:var(--menu-mobile-color);font-size:24px;line-height:58px;text-align:center;cursor:pointer;z-index:20;padding:0 20px;-webkit-transition:transform ease-out .2s;-moz-transition:transform ease-out .2s;-ms-transition:transform ease-out .2s;-o-transition:transform ease-out .2s;transition:transform ease-out .2s;transform:rotate(0deg );}

.hide-zeipilo:before{content:"\e5cd";font-family:'Material Icons Round';font-weight:400}

.zsililo .area-runs,.zsililo .menu-space-flex{opacity:1}

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

.zeimilo ul{margin: 0 0 0 15px;float: left;}

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

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

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

.author-image img{border-radius:50%;}

.zeipilo{position:relative;float:left;width:100%;box-sizing:border-box;padding:15px}

ul#menutab{display:flex;height:70px;}

.zeipilo>ul{margin:0}

#ijjpiIf .fa{padding:0 5px}

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

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

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

.zeipilo>ul li ul{overflow:hidden}

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

.zeipilo>ul>li.sub-tab>a:after,.zeipilo>ul>li>ul>li.sub-tab>a:after{font-family:'Material Icons Round';font-weight:400;content:"\e5cf";font-size:24px;position: absolute;right: 0;vertical-align:middle;}

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

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

.zeipilo ul li a:hover,.zeipilo ul li.sub-tab.show>a,.zeipilo ul li.sub-tab.show>.submenu-toggle{color:fff}

.zeipilo>ul>li>ul>li a{display:block;font-size:13px;font-weight:400;color:var(--sub-menu-text-color);padding:5px 0 5px 15px;}

.zeipilo>ul>li>ul>li a:before{content:"\e061";font-family:'Material Icons Round';font-style:normal;font-weight:400;color:rgb(88 88 88 / 0.42);font-size:6px;padding-right:5px;vertical-align:middle;}

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

.zeipilo 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}

.zsililo .fixed-nos{top:0}

.zsililo{overflow:hidden;left:0;right:0}

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

#ijjiIf{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;}

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

.zeiavilo #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;}

.ijjiIf-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;}

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

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

.ijjiIf-container .search-input:focus,.ijjiIf-container .search-input::placeholder{color:var(--search-bt-text);outline:none}

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

.ijjiIf-close{width:50px;height:50px;border-radius:0 4px 4px 0;background: transparent;color:var(--search-bt-text);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;}

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

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

.zeixilo:before,.search-hidden:after{content:"\e8b6";font-family:'Material Icons Round';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}

#xliiv{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}

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

#xliiv .cookies .widget .widget-content a:after{content:'\e89e';font-family:'Material Icons Round';font-size:15px;font-weight:400;margin:0 0 0 3px;vertical-align:middle;}

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

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

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

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

.xliv:hover{opacity:0.8}

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

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

.ibniIf{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;}

.llhtsihi{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{overflow:hidden;color:var(--post-snip-data);font-size:12px;font-weight:400;padding:5px 1px}

.post-author:empty{display:none;}

.post-author{font-size:12px;margin:0 0 0 4px;}

.liVbazfc .post-snip{--post-snip-data:var(--snip-text-color);--label-text-color:var(--snip-text-color);}

.t-hero-box{overflow:hidden;}

.post-tag:empty,.post-tag-fly:empty{display:none;}

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

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-author:after{position:relative;display:inline-block;content: '\002D';margin:0 3px;}

.post-inner-username{display:flex;flex-direction:column;margin:0 0 0 10px;}

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

.all-flex{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px;margin: 0 0 15px;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;gap:8px;}

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

.post-times{position:relative;overflow:hidden;display:inline-flex;gap:5px;}

.post-author-times{position:relative;display:block;font-size:12px;color:#3a3a3a;}

.post-author-times span{font-size:16px;margin:0 4px 0 0;}

.post-times .post-date{position:relative;font-size:12px;color:var(--post-snip-data);}

.post-date{display:inline-flex;align-items:center;gap:4px;}

#readTime{position:relative;display:inline-flex;font-size:12px;color:var(--post-snip-data);align-items:center;gap:2px;}

#readTime:before{content:"\e8b5";font-family:'Material Icons Round';font-weight:400;font-size:13px;vertical-align: middle;margin:0;}

.post-times .post-date:before{content:"\ebcc";font-family:'Material Icons Round';font-weight:400;font-size:13px;vertical-align: middle;margin:0;}

.post-snip .post-date:before{font-family:'Material Icons Round';font-weight:400;margin:0 3px 0 0}

.item .post-snip .post-author:before{content:'By -';margin:0 3px 0 0;font-weight:normal;}

.item .post-snip .post-date:before{content:'\e8b5';vertical-align: middle;}

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

.post-snip .author-image{overflow:hidden;position:relative;display:inline-block;width:30px;vertical-align:middle;height:30px;background-color:var(--runs-author-color);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:1.5;padding:4vh 15px;font-size:13px;font-family: monospace;font-style:italic;color:var(--ads-text);border-radius:6px;}

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

.recent-title{margin:0;}

.recent-title .widget-title{position:relative;float:none;width:100%;box-sizing:border-box;}

.recent-title .widget-title>h3{display:block;font-family:var(--title-font);font-size:26px;color:var(--main-text-color);text-align:center;font-weight:700;margin:0 24% 15px;line-height:30px;padding:10px 0 10px;border-bottom:2px solid var(--main-text-color)}

.recent-title .widget-content{font-size:12px;text-align:center;padding:5px 20px;margin:0}

.NewsPro-post{display:flex;justify-content:space-between;flex-wrap:wrap}

.NewsPro{width:32%;background:#fff;border-radius:0;margin-bottom:20px;position:relative}

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

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

.entery-category-box .entry-title{position:relative;display:block;font-size:15px;line-height:1.5;margin:5px 0;}

.post-filter .entry-title,.ijoiIf .entry-title,.related-wrap-ui .entry-title,.zkiilo .entry-title{display:block;float:left;width:100%;text-decoration:none;font-weight:600;line-height:1.5;padding:4px 0 0;margin:0}

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

.zkiilo .entry-title,.ijoiIf .entry-title,.related-wrap-ui .entry-title{font-size:13px;}

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

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

Comments