@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');



@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');



/* body.blogPosts{  font-family: 'Rubik' !important;} */



/* body a { font-family: 'Rubik' !important; } */



header#header .header-areas.flex { padding: 00px 0 0; position: relative; }



/* .single-post b, .single-post strong{font-weight: 500 !important;} */



.table-outer { width: 100%; overflow-x: auto; margin-bottom:20px; }



.table-outer table { min-width: 600px; /* forces scroll if screen is small */ width: 100%; border-collapse: collapse; }



.table-outer th, .table-outer td { padding: 8px; border: 1px solid #ccc; }



.global_header .logo.tac.trans img { min-width: 36px; width: 36px; height: 36px; }



.global_header .logo.tac.trans a { display: block; background-color: #fff; line-height: 15px; height: 36px; }



 body #header { position: fixed; top: 40px; left: 0; width: 100%; z-index: 2; pointer-events: initial; mix-blend-mode: difference; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; transition: .3s; transform: translateY(0); mix-blend-mode: normal; padding: 0; width: 100%; max-width: 100%; }



body #header.sticky .container-fluid { margin: 0 auto; }



body #header .container-fluid { padding-left: 50px; padding-right: 50px; }



.container-fluid { width: 100%; max-width: 1920px; margin: auto; padding-left: 44px; padding-right: 44px; }



body #header .container-fluid .header-areas { padding: 00px 0 0; position: relative; }



/* header#header.global_header { width: 100%; max-width: 1920px; margin: auto; padding-left: 50px; padding-right: 50px; padding-top: 40px; padding-bottom: 40px; } */



header#header .header-areas.flex ul#menu-header-menu { display: flex; justify-content: center; width: 100%; gap: 15px; list-style: none; padding: 0 70px; }



header#header .header-areas.flex ul#menu-header-menu a { display: block; font-family: 'Rubik'; font-size: 16px; font-weight: 300; line-height: 18px; letter-spacing: 0; color: #000; text-decoration: unset; position: relative; padding: 6px 13px; transition: all .5s; }



.logo.tac.trans { position: absolute; top: 0; }



.blogPosts nav#menu-nav { width: calc(95vw - 80px) !important; position: absolute; left: 40px; top: 0px; padding: 0 70px; }



.blogPosts nav#menu-nav .menu-menu-1-container { width: 100%; }



header#header .header-areas.flex ul#menu-header-menu a:hover { text-decoration: underline; }



.blogPosts div#content { width: 100%; max-width: 1920px; margin: auto; padding-left: 44px; padding-right: 44px; padding-top: 151px; }



.blogPosts { overflow-x: hidden; }



.blogPosts .gm-taxonomy-filter { justify-content: center; gap: 10px; }



.blogPosts .gm-taxonomy-filter label.asr_texonomy { color: #000000; display: flex; align-items: center; justify-content: center; font-size: 14px; line-height: 17px; letter-spacing: 0; text-align: left; max-height: 40px; padding: 11.5px 28px; border-radius: 40px; margin: 0; font-weight: 300; border: 1.5px solid #ccc; font-family: 'Rubik' !important; }



.blogPosts .gm-taxonomy-filter label.asr_texonomy:hover { color: #000 !important; text-decoration: underline; }



.gm-taxonomy-item input:checked+label { background: #a9ff3c !important; border-color: #000 !important; }



.blogPosts .gm-taxonomy-filter label.asr_texonomy:hover { -webkit-transition: 200ms ease; transition: 200ms ease; color: #6e6d7a; background-color: transparent; }



.blogPosts .am_grid_col { float: left; width: 100%; padding: 25px; border-radius: 10px; max-width: calc(33.33% - 20px) !important; border: 1px solid rgb(0 0 0 / 10%); }



.blogPosts .am_post_grid { gap: 30px; margin: 0; }



.blogPosts  .am_cont { padding: 20px 0 0 0; box-shadow: none !important; }



.blogPosts .am_single_grid { box-shadow: none; }



.blogPosts .am_grid_col .am_thumb { height: auto !important; }



.blogPosts .am_grid_col .am_thumb img { aspect-ratio: 1920 / 724; object-fit: contain; height: 100% !important; max-width: 100% !important; background: #f8f8f8; }



.blogPosts p.am_post_meta { font-size: 14px; font-weight: 300; font-family: 'Rubik'; margin-bottom: 8px; color: #000; }



.blogPosts h4.am__title { font-size: 23px; font-weight: 500; text-transform: capitalize; font-family: 'Rubik'; color: #000; margin-bottom: 10px; line-height: 32px; }



.blogPosts .am__excerpt { font-size: 16px; font-weight: 300; line-height: 24px; font-family: 'Rubik'; color: #000; margin-bottom: 10px; }



.blogPosts .gm_read_more a:hover { color: #a9ff3c; }



.blogPosts footer.footer { border-top: 1px solid #ccc; padding: 48px 44px 32px; }



.blogPosts footer.footer .row.footer_menu { display: flex; justify-content: space-between; align-items: center; font-family: 'Rubik'; line-height: normal; padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid #ccc; font-size: 16px; line-height: 28px; font-weight: 300; }



.blogPosts  .footer .row.footer_menu:first-child { border: 0; margin: 0 0 50px; padding: 0; }



.blogPosts footer.footer strong { font-family: 'Rubik'; font-weight: 600; }



.blogPosts footer.footer .row.footer_menu .tkd-logo-wrapper { display: flex; align-items: center; justify-content: flex-start; gap: 9px; }



.blogPosts footer.footer .row.footer_menu .tkd-logo-wrapper { display: flex; align-items: center; justify-content: flex-start; gap: 9px; }



.blogPosts footer.footer .row.footer_menu .tkd-logo-wrapper a.footer_menu_logo_link { display: inline-block; margin-bottom: 16px; }



.blogPosts footer.footer .row.footer_menu .tkd-logo-wrapper a img { width: 50px; }



.blogPosts footer.footer .row.footer_menu span.technoText { margin-bottom: 16px; font-weight: 700; font-size: 18px; font-family: 'Rubik'; color: #000; }



.blogPosts p.footer_menu_logo_text { font-size: 17px; line-height: 17px; letter-spacing: 0; font-weight: 300; font-family: 'Rubik'; color: #000; }



.blogPosts .footer_menu_links { display: flex; gap: 56px; align-items: flex-start; }



.blogPosts  .footer_menu_links_socials { display: flex; flex-direction: column; gap: 16px; }



.blogPosts  .footer_menu_links_socials  a { font-size: 14px; letter-spacing: 0; font-weight: 300; line-height: 14px; text-decoration: none; font-family: 'Rubik'; color: #000; }



.blogPosts .footer_menu_links_items { display: grid; grid-row-gap: 16px; grid-column-gap: 56px; grid-template-columns: 1fr 1fr; }



.blogPosts .footer_menu_links_items li::marker { display: none; font-size: 0; }



.blogPosts .footer_menu_links_items li a { font-size: 14px; letter-spacing: -.02em; font-weight: 300; text-decoration: none; font-family: 'Rubik'; color: #000; line-height: 14px; }



.blogPosts .footer_menu_links_items li { display: flex; }



.blogPosts .row.footer_copyright { display: flex; justify-content: space-between; align-items: center; font-family: 'Rubik'; line-height: normal; }



.blogPosts .row.footer_copyright p { font-size: 14px; line-height: 14px; letter-spacing: -.02em; margin-bottom: 0; color: #adaaaa; font-weight: 300; }



.blogPosts .footer_menu_links_items li a:hover, .blogPosts .footer_menu_links_socials  a:hover{ text-decoration:underline; }



.blogPosts h4.am__title a:focus { background-color: transparent !important; color: #000 !important; outline: 0 !important; text-decoration: none !important; }



.am_grid_col .am_single_grid .am_cont a:focus { background-color: #000000; color: #fff; outline: none !important; text-decoration: none !important; }



/* .blogPosts .byline a,.blogPosts .cat-links a{



pointer-events: none;



text-decoration: none;



} */



/* new css on  */



header#header .header-areas.flex ul#menu-header-menu a:focus { background: transparent; }



.single.single-post .entry-title { font-size: clamp(36px, 4vw, 72px); line-height: 1.2; font-family: 'Rubik'; font-weight: 600; letter-spacing: 0; color: #000; margin-bottom: 40px; }



/* .single.single-post h3.western, .single.single-post h3 { font-size: 24px !important; font-family: 'Rubik'; font-weight: 600;  margin: 25px 0 10px 0 !important; } */







/* .single.single-post .entry-title + figure.post-thumbnail {



    margin: 0;



} */



.single.single-post .entry-title + figure.post-thumbnail img { margin: 0; padding: 0; display: flex; width: 100%; border-radius: 15px; }



.single.single-post .entry-content { --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px); margin-block: 0; }



.single.single-post .entry-content ol, .single.single-post .entry-content ul {padding-left: 20px;margin: 0;}



.single.single-post .entry-content p { margin: 0; font-family: 'Rubik'; font-weight: 300; letter-spacing: 0; }



.single.single-post .entry-content ul li, .single.single-post .entry-content ol li{ font-weight: 300; letter-spacing: 0;}



.single.single-post .entry-content ol, .single.single-post .entry-content ul, .single.single-post .entry-content li, .single.single-post .entry-content p, .single.single-post .entry-content span { font-size: 18px !important; font-family: 'Rubik' !important; }



.blogPosts .gm_read_more a:focus { background: transparent !important; color: #a9ff3c !important; text-decoration: underline !important; }



.blogPosts .gm_read_more a { color: #000; border-radius: 4px 4px 4px 4px; font-size: 16px; font-weight: 500; margin-top: 24px; float: left; font-family: 'Rubik'; transition: all ease .5s; text-decoration: underline !important; }



.single.single-post .entry-content ol { margin-bottom: 0; }



.single.single-post .entry-content ul, .single.single-post .entry-content ol { margin-bottom: 10px; }



.single.single-post .entry-content p { margin: 0 0 20px 0; }



.single.single-post { --responsive--aligndefault-width: min(calc(100vw - 8* var(--global--spacing-horizontal)), 1240px); }



.single.single-post footer.entry-footer { margin: 40px auto 0 auto; }



.single.single-post footer.entry-footer * { font-family: 'Rubik'; }



.single.single-post footer.entry-footer span.posted-on { color: #000; }



.single.single-post footer.entry-footer span.posted-on .entry-date { font-weight: 600; }



.single.single-post .comments-area input { border: 1px solid #000 !important; height: auto; line-height: 30px !important; padding: 15px 30px !important; margin: 0; max-height: 62px; resize: none; background: 0 0; border-radius: 20px; font-size: 20px; font-weight: 400; letter-spacing: 0; color: #000; }



.single.single-post .comments-area input#wp-comment-cookies-consent { padding: 0 !important;     max-width: 25px;



max-height: 25px; top: 3px; border-radius: 0; }



.single.single-post .comments-area input#wp-comment-cookies-consent[type=checkbox]:after  {



    left: 8px;



    top: 4px;



}



.single.single-post footer.entry-footer span.byline a {font-weight: 600;}



.single.single-post footer.entry-footer span.cat-links a { font-weight: 600; }



.single.single-post .comments-area * { font-family: 'Rubik'; }



.single.single-post .comments-area textarea { border: 1px solid #000 !important; height: auto; line-height: 30px !important; padding: 15px 30px !important; width: 100%; margin: 0; max-height: 150px; resize: none; background: 0 0; width: 100%; border-radius: 20px; font-size: 20px; font-weight: 400; letter-spacing: -.02em; color: #000; }



.single.single-post .comments-area textarea:focus { outline: transparent; }



.single.single-post .comments-area input[type="submit"] { font-family: 'Rubik'; height: 60px; min-height: 60px; width: 100%; min-width: 300px; border-radius: 40px; font-size: 22px; line-height: 27px; font-weight: 500; letter-spacing: 0; -webkit-text-fill-color: #000; background: #a9ff3c !important; border: 1px solid; transition: all .3s ease; max-width: fit-content; box-shadow: 6px 8px 0px #000; }



.single.single-post .comments-area input[type="submit"]:hover, .single.single-post .comments-area input[type="submit"]:focus { box-shadow: 0 0px 0px #000; }



.single.single-post .comments-area input[type="submit"]:focus { outline: transparent; }



.single.single-post .nav-previous, .single.single-post .nav-next { padding: 0; width: calc(50% - 25px); }



.single.single-post .nav-previous .post-title, .single.single-post .nav-next .post-title { font-size: 18px; font-family: 'Rubik'; padding: 0 !important; margin: 0; font-weight: 500; }



.single.single-post .nav-previous .meta-nav, .single.single-post .nav-next .meta-nav { font-size: 20px; font-family: 'Rubik'; }



.single.single-post .navigation .nav-links .nav-next { margin-left: auto; }



.single.single-post nav.navigation.post-navigation { max-width: var(--responsive--aligndefault-width); }



header.entry-header.alignwide { margin-bottom: 0; padding: 0; border: none; }



/* .single.single-post h3.western, .single.single-post h3, .single.single-post h3.western, .single.single-post h3 b{ font-size: 22px !important; font-family: 'Rubik'; font-weight: 500; margin-bottom: 8px; } */



.blog  .asr-ajax-container { margin-inline: auto; max-width: 1320px; }



.blogPosts .am_post_grid .am_grid_col { margin-bottom: 0; }



body.author header.page-header h1, body.category header.page-header h1 { border: none; font-size: clamp(36px, 4vw, 72px); line-height: 1.2; font-family: 'Rubik'; font-weight: 600; letter-spacing: 0; color: #000; text-align: center; margin-bottom: 40px; }



body.author header.page-header,



body.category header.page-header { border: none; margin-bottom: 0; padding: 0; }



body.author header.page-header + article, body.category header.page-header + article { margin-top: 0; }



/*body.category article header.entry-header,



body.author article header.entry-header {  display: flex; */ /* flex-wrap: wrap;  }*/



body.category article header.entry-header *, body.author article header.entry-header * { max-width: 100%; }



body.category main article , body.author main article { --responsive--alignwide-width: min(calc(100vw - 8* var(--global--spacing-horizontal)), 1240px); max-width: var(--responsive--alignwide-width); margin-inline: auto; margin-block: 50px; width: 100%; padding: 25px; border-radius: 10px; border: 1px solid rgb(0 0 0 / 10%); }



body.category article header.entry-header .entry-title a, body.author article header.entry-header .entry-title a { font: inherit; text-decoration: none; }



body.category article header.entry-header .entry-title, body.author article header.entry-header .entry-title { font-size: 28px; font-weight: 500; text-transform: capitalize; font-family: 'Rubik'; color: #000; margin-bottom: 20px; line-height: 32px; text-align: left; margin-left: 0; }



body.category article header.entry-header figure.post-thumbnail, body.author article header.entry-header figure.post-thumbnail { margin: 0 0 20px 0; }



body.category article header.entry-header figure.post-thumbnail img, body.author article header.entry-header figure.post-thumbnail img { margin: 0; border-radius: 0px; }



body.category .entry-content,z body.author .entry-content { margin-bottom: 0; }



body.category .entry-content p, body.author .entry-content p { max-width: none !important; }



body.category .entry-content p a.more-link, body.author .entry-content p a.more-link {clear: both;display: block;margin-right: auto;color: red;}



body.category footer.entry-footer, body.author footer.entry-footer { max-width: 100%; padding-bottom: 20px; border: none; margin-top: 20px; padding: 20px; background: rgb(0 0 0 / 10%); border-radius: 0px; }



body.category .entry-content p a.more-link:hover, body.category .entry-content p a.more-link:focus, body.author .entry-content p a.more-link:hover, body.author .entry-content p a.more-link:focus { background: transparent !important; outline: none !important; color: #000 !important; text-decoration: none !important; }







header#header .header-areas.flex ul#menu-header-menu a:is(:focus-within, :focus-visible, :focus) { outline: transparent;}



.am_posts_navigation_init .page-numbers:is(:focus, :focus-visible) { text-decoration: none !important; outline: transparent; }



.back-to-top[style="display: block;"] { display: flex !important; aspect-ratio: 1; height: auto; width: 42px; padding: 0; align-items: center; justify-content: center; }



.navigation .nav-links .nav-next a:is(:focus, :focus-within, :focus-visible, :active), .navigation .nav-links .nav-previous a:is(:focus, :focus-within, :focus-visible, :active) { background: transparent !important; color: inherit !important; text-decoration: none !important; outline: transparent; }



.navigation .nav-links .nav-next a:is(:focus, :focus-within, :focus-visible, :active) p.meta-nav, .navigation .nav-links .nav-previous a:is(:focus, :focus-within, :focus-visible, :active) p.meta-nav { color: inherit !important; }



.single.single-post .comments-area .error input { border-color: red !important; }



.single.single-post .comments-area .error span.error-message { font-size: 16px; line-height: 1; color: red; display: block; padding-top: 8px; padding-inline: 15px; }



.single.single-post .comments-area span.required { color: red; }



body .am_posts_navigation_init .page-numbers.current, body .am_posts_navigation_init .page-numbers:hover { background: #a9ff3c !important;  border-color: #a9ff3c; color: #000; }



body .am_posts_navigation_init .page-numbers { border-radius: 15px; min-width: 42px; display: inline-flex; height: 32px; text-align: center; border: 1px solid #c6c6c6; padding: 4px 4px; text-decoration: none; align-items: center; justify-content: center; font-size: 16px; }



body .table_link li a{ text-decoration: none; }



.site .button:focus, button:focus, input[type=submit]:focus, 



input[type=reset]:focus, 



.wp-block-search .wp-block-search__button:focus, 



.wp-block-button .wp-block-button__link:focus, 



.wp-block-file a.wp-block-file__button:focus,



.site .button:focus-visible, button:focus-visible, input[type=submit]:focus-visible, 



input[type=reset]:focus-visible, 



.wp-block-search .wp-block-search__button:focus-visible, 



.wp-block-button .wp-block-button__link:focus-visible, 



.wp-block-file a.wp-block-file__button:focus-visible { outline-offset: -6px !important; outline: 2px dotted transparent !important }



body.woocommerce-page  .site .button, 



body.woocommerce-page .site .button.has-background, 



body.woocommerce-page button, 



body.woocommerce-page button.has-background, 



body.woocommerce-page input[type=submit], 



body.woocommerce-page input[type=submit].has-background, 



body.woocommerce-page input[type=reset], 



body.woocommerce-page input[type=reset].has-background, 



body.woocommerce-page .wp-block-search .wp-block-search__button, 



body.woocommerce-page .wp-block-search .wp-block-search__button.has-background, 



body.woocommerce-page .wp-block-button .wp-block-button__link, 



body.woocommerce-page .wp-block-button .wp-block-button__link.has-background, 



body.woocommerce-page .wp-block-file a.wp-block-file__button, 



body.woocommerce-page .wp-block-file a.wp-block-file__button.has-background,



.woocommerce-page .wp-block-button:not(.is-style-outline) .wp-block-button__link { display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 400; line-height: 27px; height: 61px; min-height: 61px; border: 1px solid #000 !important; border-radius: 40px; max-width: 343.8px; background-color: #a9ff3c !important; position: relative; inset: 0; transition: .3s; color: #000 !important; text-decoration: none !important; }



body.woocommerce-page .site .button:after, 



body.woocommerce-page .site .button.has-background:after, 



body.woocommerce-page button:after, 



body.woocommerce-page button.has-background:after, 



body.woocommerce-page input[type=submit]:after, 



body.woocommerce-page input[type=submit].has-background:after, 



body.woocommerce-page input[type=reset]:after, 



body.woocommerce-page input[type=reset].has-background:after, 



body.woocommerce-page .wp-block-search .wp-block-search__button:after, 



body.woocommerce-page .wp-block-search .wp-block-search__button.has-background:after, 



body.woocommerce-page .wp-block-button .wp-block-button__link:after, 



body.woocommerce-page .wp-block-button .wp-block-button__link.has-background:after, 



body.woocommerce-page .wp-block-file a.wp-block-file__button:after, 



body.woocommerce-page .wp-block-file a.wp-block-file__button.has-background:after,



.woocommerce-page .wp-block-button:not(.is-style-outline) .wp-block-button__link:after { width: 100%; bottom: -5.5px; margin-right: -8px; z-index: -1; position: absolute; transition: .3s; content: ""; max-width: 100%; border-radius: 40px; border: none; background-color: #000; display: block; height: 100%; }



body.woocommerce-page .site .button:hover:after, 



body.woocommerce-page .site .button.has-background:hover:after, 



body.woocommerce-page button:hover:after, 



body.woocommerce-page button.has-background:hover:after, 



body.woocommerce-page input[type=submit]:hover:after, 



body.woocommerce-page input[type=submit].has-background:hover:after, 



body.woocommerce-page input[type=reset]:hover:after, 



body.woocommerce-page input[type=reset].has-background:hover:after, 



body.woocommerce-page .wp-block-search .wp-block-search__button:hover:after, 



body.woocommerce-page .wp-block-search .wp-block-search__button.has-background:hover:after, 



body.woocommerce-page .wp-block-button .wp-block-button__link:hover:after, 



body.woocommerce-page .wp-block-button .wp-block-button__link.has-background:hover:after, 



body.woocommerce-page .wp-block-file a.wp-block-file__button:hover:after, 



body.woocommerce-page .wp-block-file a.wp-block-file__button.has-background:hover:after,



.woocommerce-page .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover:after { top: -1px; margin-right: 0; }



.woocommerce-page .site .button:hover, 



.woocommerce-page .site .button:active, 



.woocommerce-page button:hover, 



.woocommerce-page button:active, 



.woocommerce-page input[type=submit]:hover, 



.woocommerce-page input[type=submit]:active, 



.woocommerce-page input[type=reset]:hover, 



.woocommerce-page input[type=reset]:active, 



.woocommerce-page .wp-block-search .wp-block-search__button:hover, 



.woocommerce-page .wp-block-search .wp-block-search__button:active, 



.woocommerce-page .wp-block-button .wp-block-button__link:hover, 



.woocommerce-page .wp-block-button .wp-block-button__link:active, 



.woocommerce-page .wp-block-file a.wp-block-file__button:hover, 



.woocommerce-page .wp-block-file a.wp-block-file__button:active,



.woocommerce-page .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, 



.woocommerce-page .wp-block-button:not(.is-style-outline) .wp-block-button__link:active { inset: 6px 0 5.5px 0; text-decoration: none; }



.woocommerce-Reviews p.form-submit { clear: both; display: inline-flex; }



.woocommerce-Reviews p.form-submit input#submit { position: static; border-radius: 50px; max-width: fit-content; padding-inline: 60px; box-shadow: 8px 6px 0px #000; }



.woocommerce-Reviews p.form-submit input#submit:hover { box-shadow: 0 0; }



.woocommerce-tabs ul li a, .woocommerce-tabs ul li a:is(:focus, :focus-visible) { display: flex; align-items: center; justify-content: center; font-family: Inter, sans-serif; font-size: 14px; font-weight: 300 !important; letter-spacing: 0; text-align: left; max-height: 50px; padding: 11.5px 28px; border: 1.5px solid #ccc !important; border-radius: 40px; background: transparent !important; text-decoration: none !important; color: #000000 !important; }



.woocommerce-tabs ul li a, .woocommerce-tabs ul li a:is(:focus, :focus-visible){ outline: none; }



.woocommerce-tabs ul li.active a, .has-background-white .site .woocommerce-tabs ul li.active a, .woocommerce-tabs ul li.active a:is(:hover, :focus, :active, :focus-visible), .has-background-white .site .woocommerce-tabs ul li.active a:is(:hover, :focus, :active, :focus-visible) { background-color: #a9ff3c !important; border: 1.5px solid #000000 !important; color: #000000 !important; }



.woocommerce-tabs ul li.active a



,.has-background-white .woocommerce-tabs ul li.active a



,.has-background-white .site .woocommerce-tabs ul li.active a:focus:not(.wp-block-button__link):not(.wp-block-file__button)



, .woocommerce-tabs ul li.active a:is(:hover, :focus, :active, :focus-visible)



, .has-background-white .woocommerce-tabs ul li.active a:is(:hover, :focus, :active, :focus-visible)



, .has-background-white .site a.woocommerce-tabs ul li.active a:is(:hover, :focus, :active, :focus-visible):not(.wp-block-button__link):not(.wp-block-file__button) { outline: none; }



.woocommerce-tabs ul { border: none !important; }



.woocommerce-Tabs-panel h2, .woocommerce-tabs .panel h2:first-of-type { font-weight: 700; margin-bottom: 12px !important; }



.woocommerce-Reviews  textarea { border: 1px solid #000 !important; height: auto; line-height: 30px !important; padding: 15px 30px !important; border-radius: 20px !important; resize: none; max-height: 180px; }



.woocommerce-Reviews .comment-reply-title { margin-bottom: 15px; }



.woocommerce-Reviews .comment-reply-title + .comment-form { margin-top: 0; }



.woocommerce-Reviews div#review_form_wrapper { border-radius: 20px; border: 1px solid #000; width: 100%; background: linear-gradient(to top, #fff, #f2f2f2); background-repeat: no-repeat; padding: 0 35px; margin-top: 25px; }



.woocommerce-Reviews h2.woocommerce-Reviews-title:first-of-type { margin-bottom: 10px !important; }



.woocommerce-Reviews div#comments { border-radius: 20px; border: 1px solid #000; width: 100%; background: linear-gradient(to top, #fff, #f2f2f2); background-repeat: no-repeat; padding: 35px; margin-top: 25px; }



.woocommerce-tabs #reviews p.stars a:focus { background: transparent; color: #000000; }



.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background: transparent !important; color: inherit !important; text-transform: none !important; }



.woocommerce-tabs #reviews p.stars a, .woocommerce-tabs #reviews p.stars.selected a.active {color: #a9ff3c;}



.woocommerce-tabs #reviews p.stars.selected a.active~a::before { color: #000; }



.woocommerce-Reviews textarea:is(:focus, :focus-visible, :active, :focus-within){ outline-color: transparent !important; text-decoration: none; }



.woocommerce-Reviews  textarea { border: 1px solid #000 !important; height: auto; line-height: 30px !important; padding: 15px 30px !important; border-radius: 20px; resize: none; max-height: 180px; }



.woocommerce-Reviews .comment-reply-title { margin-bottom: 15px; }



.woocommerce-Reviews .comment-reply-title + .comment-form { margin-top: 0; }



.woocommerce-Reviews div#review_form_wrapper { border-radius: 20px; border: 1px solid #000; width: 100%; background: linear-gradient(to top, #fff, #f2f2f2); background-repeat: no-repeat; padding: 0 35px; margin-top: 25px; }



.woocommerce-Reviews h2.woocommerce-Reviews-title:first-of-type { margin-bottom: 10px !important; }



.woocommerce-Reviews div#comments { border-radius: 20px; border: 1px solid #000; width: 100%; background: linear-gradient(to top, #fff, #f2f2f2); background-repeat: no-repeat; padding: 35px; margin-top: 25px; }



.single-product form.cart input{ border: 1px solid #000 !important; height: auto; line-height: 30px !important; padding: 15px 20px !important; border-radius: 40px; width: 120px !important; text-align: center; }



.single-product form.cart input:is(:focus, :focus-visible, :focus-within){ outline: none; }



button#wc-block-components-totals-shipping__change-address__link { padding: 0px 22px; display: flex; align-items: center; justify-content: center; margin-block: 25px !important; }



button.wc-block-cart-item__remove-link { padding: 0 32px !important; border-radius: 50px !important; }



button.wc-block-cart-item__remove-link::after { left: 4px; }



button.wc-block-components-quantity-selector__button:after {display: none;}



button.wc-block-components-quantity-selector__button { background: #000000 !important; color: #ffffff !important; }



.wc-block-components-quantity-selector>.wc-block-components-quantity-selector__button--minus:hover, .wc-block-components-quantity-selector>.wc-block-components-quantity-selector__button--plus:hover { top: 0; }



a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,



a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:focus { padding: 0px 22px; display: flex; align-items: center; justify-content: center; line-height: 27px; height: 61px; min-height: 61px; border: 1px solid #000 !important; border-radius: 40px; max-width: 343.8px; background-color: #a9ff3c !important; position: relative; inset: 0; transition: .3s; color: #000 !important; text-decoration: none !important; outline: transparent !important; box-shadow: none !important; }



.wc-block-components-quantity-selector { min-height: auto; height: 40px; }



.wc-block-components-quantity-selector input, .wc-block-components-quantity-selector button { height: 40px !important; line-height: 24px !important; min-height: 0 !important; box-sizing: border-box; }



.wc-block-cart__submit-container a.wc-block-components-button.wp-element-button { background: #000; }



a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:after { width: 100%; bottom: -5.5px; margin-right: -8px; z-index: -1; position: absolute; transition: .3s; content: ""; max-width: 100%; border-radius: 40px; border: none; background-color: #000; display: block; height: 100%; }



a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover:after { top: -1px; margin-right: 0; }



a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover { inset: 6px 0 5.5px 0; text-decoration: none; }



button.wc-block-cart-item__remove-link { font-size: 18px !important; padding: 0px 0 !important; min-height: 0 !important; height: auto !important; float: right; margin-top: -46px !important; background: transparent !important; border: none !important; color: red !important; text-decoration: underline !important; }



button.wc-block-cart-item__remove-link:after { display: none !important; }



.wp-block-woocommerce-checkout { margin-inline: auto; }



.wp-block-woocommerce-checkout .wc-block-components-text-input input, .wp-block-woocommerce-checkout .wc-block-components-text-input input:focus, .wp-block-woocommerce-checkout .wc-block-components-text-input input:focus-visible, .wp-block-woocommerce-checkout .wc-block-components-text-input input:hover { border: 1px solid #000 !important; height: auto; line-height: 30px !important; padding: 15px 30px !important; border-radius: 50px !important; font-family: Rubik !important; font-size: 20px !important; font-weight: 300; color: #000; }



.wp-block-woocommerce-checkout .wc-block-components-text-input input::placeholder { font-family: Rubik !important; font-size: 20px !important; font-weight: 300 !important; }



.wp-block-woocommerce-checkout .wc-block-components-text-input input + label { line-height: 50px !important; padding: 0 28px !important; transform: none; box-sizing: border-box; color: rgba(0, 0, 0, 0.5); left: 0; }



.wp-block-woocommerce-checkout .wc-block-components-text-input.is-active input + label{ display: none; }



.wc-block-components-text-input.is-active label {



    display: none;



}



.wp-block-woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__container { border: 0px solid #000 !important; height: auto; line-height: 30px !important; padding: 0px 0px !important; border-radius: 50px !important; font-family: Rubik !important; font-size: 20px !important; font-weight: 300; }



.wp-block-woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__container label.wc-blocks-components-select__label { display: none; }



.wp-block-woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__container select { border: 1px solid #000 !important; line-height: 30px !important; padding: 0 30px !important; border-radius: 50px !important; font-family: Rubik !important; font-size: 20px !important; font-weight: 300; height: 50px; }



.wp-block-woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__container select:focus, .wp-block-woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__container select:focus-visible { border: none; outline: none !important; box-shadow: none !important; }



.blogPosts div#content .alignwide { max-width: none; }



.blogPosts .site-main { padding-top: 0; }



.woocommerce-page h1.entry-title, .site-main h1.entry-title { width: 100%; text-align: center; margin: 0; font-size: 72px; line-height: 1.2; color: #000; font-weight: 600; font-family: Rubik !important; }



td.wc-block-cart-item__product { padding-inline: 40px !important; }



table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img{



    min-width: clamp(70px, 15vw, 250px);



}



td.wc-block-cart-item__product .wc-block-components-product-metadata__description p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }



td.wc-block-cart-item__total{



    min-width: clamp(90px, 15vw, 250px);



}



.wc-block-components-totals-wrapper span.wc-block-components-totals-item__label, .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 18px; }



.wc-block-components-totals-wrapper .wc-block-components-totals-item__value { font-size: 18px !important; }



.wp-block-woocommerce-empty-cart-block>h2.wp-block-heading { width: 100%; text-align: center; margin: 0 0 20px 0; font-size: 62px; line-height: 1.2; color: #000; font-weight: 600; font-family: Rubik !important; }



.dark .wp-block-woocommerce-empty-cart-block>h2.wp-block-heading{color:#ffffff;}



.wp-block-woocommerce-empty-cart-block>h2.wp-block-heading.has-text-align-center.with-empty-cart-icon.wc-block-cart__empty-cart__title { font-size: 36px; font-weight: 400; margin-bottom: 20px; }



.wp-block-woocommerce-empty-cart-block>h2.wp-block-heading.has-text-align-center.with-empty-cart-icon.wc-block-cart__empty-cart__title::before { margin-bottom: 10px; }



.wp-block-woocommerce-empty-cart-block>hr.wp-block-separator.has-alpha-channel-opacity.is-style-dots { margin-bottom: 30px; }



@supports (-webkit-appearance: none) or (-moz-appearance: none) { .woocommerce-page input[type=checkbox]:after { top: calc(50% - 2px); left: 50%; transform: translate(-50%, -50%) rotate(30deg); border-width: 2px; height: 12px; } .woocommerce-page input[type=checkbox]:is(:focus, :focus-visible) { --form--border-color: transparent; } }



.woocommerce-page input[type=text]:is(:focus, :focus-visible),



.woocommerce-page input[type=email]:is(:focus, :focus-visible),



.woocommerce-page input[type=url]:is(:focus, :focus-visible),



.woocommerce-page input[type=password]:is(:focus, :focus-visible),



.woocommerce-page input[type=search]:is(:focus, :focus-visible),



.woocommerce-page input[type=number]:is(:focus, :focus-visible),



.woocommerce-page input[type=tel]:is(:focus, :focus-visible),



.woocommerce-page input[type=date]:is(:focus, :focus-visible),



.woocommerce-page input[type=month]:is(:focus, :focus-visible),



.woocommerce-page input[type=week]:is(:focus, :focus-visible),



.woocommerce-page input[type=time]:is(:focus, :focus-visible),



.woocommerce-page input[type=datetime]:is(:focus, :focus-visible),



.woocommerce-page input[type=datetime-local]:is(:focus, :focus-visible),



.woocommerce-page input[type=color]:is(:focus, :focus-visible),



.woocommerce-page .site textarea:is(:focus, :focus-visible) { outline: none; border: 1px solid #ddd; }



.woocommerce-tabs #reviews p.stars a:focus { color: #a9ff3c !important; }



.single-product .entry.product { margin-top: 20px; }



.single-product .entry.product h1.product_title.entry-title { text-align: left; }



.single-product .woocommerce-Tabs-panel--additional_information input:not([type="checkbox"]), .single-product .woocommerce-Tabs-panel--reviews input:not([type="checkbox"]) { border-radius: 50px; }



body.woocommerce-page button.wc-block-components-quantity-selector__button:after { display: none; }



body.woocommerce-page button.wc-block-cart-item__remove-link { font-size: 18px !important; padding: 0px 0 !important; min-height: 0 !important; height: auto !important; float: right; margin-top: -46px !important; background: transparent !important; border: none !important; color: red !important; text-decoration: underline !important; }



body.woocommerce-page button.wc-block-components-quantity-selector__button { background: #000 !important; color: #fff !important; }



body.woocommerce-page .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button:focus { box-shadow: none }



.wc-block-checkout__shipping-option.wp-block-woocommerce-checkout-shipping-methods-block label.wc-block-components-radio-control__option { box-shadow: none; border: none; padding: 10px 10px 10px 42px; }



.wc-block-checkout__shipping-option .wc-block-components-radio-control:after { border: none; padding-inline: 0; }



.wc-block-checkout__shipping-option.wp-block-woocommerce-checkout-shipping-methods-block label.wc-block-components-radio-control__option input { left: 2px; }



.wc-block-checkout__order-notes .wc-block-components-checkout-step__container textarea { border: 1px solid #000 !important; line-height: 30px !important; padding: 15px 30px !important; border-radius: 20px !important; font-family: Rubik !important; font-size: 20px !important; font-weight: 300; height: 120px; resize: none; color: #000000; }



.wc-block-checkout__order-notes .wc-block-components-checkout-step__container textarea::placeholder { color: #000000; }



@supports (-webkit-appearance: none) or (-moz-appearance: none) { .woocommerce-page input[type=checkbox]:after { top: calc(50% - 2px); left: 50%; transform: translate(-50%, -50%) rotate(30deg); border-width: 2px; height: 12px; } input[type=radio]:checked:focus { outline: 0px dotted var(--form--border-color); } .woocommerce-page input[type=checkbox]:is(:focus, :focus-visible) { --form--border-color: transparent; } }



.woocommerce-page input[type=text]:is(:focus, :focus-visible),



.woocommerce-page input[type=email]:is(:focus, :focus-visible),



.woocommerce-page input[type=url]:is(:focus, :focus-visible),



.woocommerce-page input[type=password]:is(:focus, :focus-visible),



.woocommerce-page input[type=search]:is(:focus, :focus-visible),



.woocommerce-page input[type=number]:is(:focus, :focus-visible),



.woocommerce-page input[type=tel]:is(:focus, :focus-visible),



.woocommerce-page input[type=date]:is(:focus, :focus-visible),



.woocommerce-page input[type=month]:is(:focus, :focus-visible),



.woocommerce-page input[type=week]:is(:focus, :focus-visible),



.woocommerce-page input[type=time]:is(:focus, :focus-visible),



.woocommerce-page input[type=datetime]:is(:focus, :focus-visible),



.woocommerce-page input[type=datetime-local]:is(:focus, :focus-visible),



.woocommerce-page input[type=color]:is(:focus, :focus-visible),



.woocommerce-page .site textarea:is(:focus, :focus-visible) { outline: none; border: 1px solid #000000; }



.single-product .woocommerce-Tabs-panel--additional_information input,



.single-product .woocommerce-Tabs-panel--reviews input { border: 1px solid #000000; }



.woocommerce-cart .wc-blocks-components-select .wc-blocks-components-select__container select { border: 1px solid #000 !important; line-height: 30px !important; padding: 0 30px !important; border-radius: 50px !important; font-family: Rubik !important; font-size: 20px !important; font-weight: 300; height: 50px; }



.woocommerce-cart .wc-blocks-components-select .wc-blocks-components-select__container { border: 0px solid #000 !important; height: auto; line-height: 30px !important; padding: 0px 0px !important; border-radius: 50px !important; font-family: Rubik !important; font-size: 20px !important; font-weight: 300; }



.woocommerce-cart .wc-block-components-text-input input+label { line-height: 50px !important; padding: 0 28px !important; transform: none; box-sizing: border-box; color: rgba(0, 0, 0, 0.5); left: 0; }



.woocommerce-cart .wc-blocks-components-select .wc-blocks-components-select__container label.wc-blocks-components-select__label { display: none; }



.woocommerce-cart .wc-block-components-text-input input,



.woocommerce-cart .wc-block-components-text-input input:focus,



.woocommerce-cart .wc-block-components-text-input input:focus-visible,



.woocommerce-cart .wc-block-components-text-input input:hover { border: 1px solid #000 !important; height: auto; line-height: 30px !important; padding: 15px 30px !important; border-radius: 50px !important; font-family: Rubik !important; font-size: 20px !important; font-weight: 300; color: #000; box-sizing: border-box; height: 50px; }











/* header-css */



body #header .container-fluid .header-areas .light-dark-mood-desk { position: fixed; top: -25px; height: auto; right: 40px; width: auto; display: flex; justify-content: space-between; }



body #header .container-fluid .header-areas .light-dark-mood-desk input { width: 30px; height: 51px; border: unset; background: #000; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 37px; padding: 0; margin: 0; }



body #header  .container-fluid .header-areas .light-dark-mood-desk input::after { content: ""; position: absolute; height: 25px; width: 25px; border-radius: 50%; background-color: #fff; background-image: url(https://technodeviser.com/my-content/uploads/2024/12/light-mood.png); background-repeat: no-repeat; background-position: center; transform: translate(3px,3px); transition: .3s linear; mix-blend-mode: difference; opacity: 1; border: 0; left: 0; top: 0; }



body #header .container-fluid  .header-areas .light-dark-mood-desk input:checked::after, body #mobile-menu .mob-menu .moods .light-dark-mood-mob input:checked::after { inset: unset; background-color: #000; background-image: url(https://technodeviser.com/my-content/uploads/2024/12/dark-mood.svg); transform: translate(3px,23px); -webkit-transform: translate(3px,23px); -ms-transform: translate(3px,23px); }



header#header.global_header button.menu-toggle { background: transparent!important; border: 0!important; padding: 0; }



header#header.global_header button.menu-toggle:after { content:none!important; }



footer.footer .footer-bottom-links ul { display: flex; align-items: center; gap: 40px; padding:0; list-style: none;}



.footer_menu_links a, footer.footer .footer-bottom-links ul li a { font-weight: 300!important; letter-spacing: 0!important; font-size: 14px; text-decoration: none;}



.footer_menu_links a:hover, footer.footer .footer-bottom-links ul li a:hover{ text-decoration: underline; }



body #header .container-fluid .header-areas .light-dark-mood-desk input:focus { outline: none; }



body.dark #header .container-fluid .header-areas .menu-toggle, body.dark #header .container-fluid .header-areas:before, body.dark #mobile-menu .logo img, body.dark #mobile-menu .menu-close { filter: invert(100%) sepia(0) saturate(0) hue-rotate(346deg) brightness(104%) contrast(100%); }



.tac{ text-align: center; }



body:not(.dark) #header.site-header:not(.sticky.totop) .container-fluid .header-areas .logo-mobile.tac.trans a img.light-logo{ display: none; }



body #mobile-menu { position: fixed; right: 0; top: -20px; width: 100%; height: calc(100vh + 20px); z-index: 9999; padding: 18px 18px 30px; transition: .4s; transform: translateX(101%); -webkit-transform: translateX(101%); -ms-transform: translateX(101%); }



.home.sessionstart #header, .transparent, body #mobile-menu .bg-mood-videos video.dark-video, body.dark #mobile-menu .bg-mood-videos video.light-video { opacity: 0; }



body #mobile-menu .bg-mood-videos video { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; z-index: -1; }



.fje { justify-content: flex-end; }



body #mobile-menu .menu-close { background-image: url(/my-content/uploads/2025/05/close-toggle.png); background-repeat: no-repeat; background-position: center; border: unset; padding: 0; width: 58px; height: 43px; cursor: pointer; background-color: transparent; }



body #mobile-menu .mob-menu .tac ul#primary-menu { padding: 0; }



body #mobile-menu .mob-menu .tac ul#primary-menu ul { padding: 0; list-style: none; }



body #mobile-menu .mob-menu { height: calc(100% - 80px); display: flex; align-items: center; justify-content: center; text-align: center; }



.fdc, body .floating-menu>div a { flex-direction: column; }



 body #mobile-menu .logo { margin-bottom: 30px; }



.contact_form_sec .contact_form .input_field label, body #mobile-menu .logo { margin-bottom: 30px; }



body #mobile-menu .mob-menu .tac{ width: 100%; }



body #mobile-menu .top-part ul li { padding: 15px 0; line-height: normal; }



body #mobile-menu .top-part ul li a { font-size: 20px; line-height: 24px; text-align: center; letter-spacing: -.065em; text-decoration: unset; font-weight: 300; }



body #mobile-menu .top-part ul li a { font-size: 20px; line-height: 24px; text-align: center; letter-spacing: -.065em; text-decoration: unset; font-weight: 300; }



body #mobile-menu .mob-menu .social:before { content: ""; position: absolute; top: 0; left: 100%; width: 36px; height: 36px; background-image: url(https://technodeviser.com/my-content/uploads/2024/12/mob-decor.svg); background-repeat: no-repeat; background-position: center; }



body #mobile-menu .mob-menu .social .follow { font-size: 15px; line-height: 15px; display: inline-block; margin-bottom: 3px; }



body #mobile-menu .mob-menu .social .soc { font-size: 20px; font-weight: 500; line-height: 24px; text-align: center; letter-spacing: -.03em; color: #000; }



body #mobile-menu .mob-menu .moods { display: flex; align-items: center; justify-content: space-around; max-width: 180px; margin: 0 auto; }



body #mobile-menu .mob-menu .moods span { font-size: 15px; line-height: 15px; color: #12110c; }



body #mobile-menu .mob-menu .moods span { font-size: 15px; line-height: 15px; color: #12110c; }



body #mobile-menu .mob-menu .moods .light-dark-mood-mob input { width: 30px; height: 51px; border: unset; background: #000; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 37px; cursor: pointer; padding: 0; margin: 0; }



body #mobile-menu .mob-menu .social { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; }



div#mobile-menu .flex.fje { display: flex;     margin-top: 20px;}



body #mobile-menu .mob-menu .moods .light-dark-mood-mob input::after { content: ""; position: absolute; height: 25px; width: 25px; border-radius: 50%; background-color: #fff!important; background-image: url(https://technodeviser.com/my-content/uploads/2024/12/light-mood.png)!important; background-repeat: no-repeat; background-position: center; transform: translate(3px,3px); transition: .3s linear; border: 0; opacity: 1; top: 0; left: 0; }



body #mobile-menu .mob-menu .moods .light-dark-mood-mob input:focus { outline: none; }



body #header.sticky.totop { height: 80px; background: #000000b3!important; opacity: 1!important; width: 100%; top: 0; mix-blend-mode: normal; z-index: calc(infinity* 1); }



body #header.sticky.totop .container-fluid .header-areas #menu-nav, body #header.sticky.totop .container-fluid .header-areas .light-dark-mood-desk, body #header.sticky.totop .container-fluid .logo { height: var(--sticky-height); display: flex; align-items: center; top: 0; }



body #mobile-menu.opened { transform: none; z-index: calc(infinity * 1); }



body #mobile-menu .mob-menu .moods .light-dark-mood-mob { position: absolute; top: 44%; right: 20px; height: 51px; transform: rotate(90deg); }



body.dark { background: #000!important; }



body.dark header#header .header-areas.flex ul#menu-header-menu a,



body.dark header#header .header-areas.flex ul#menu-header-menu a:hover{ color: #fff !important; }



body.dark  #header .container-fluid .header-areas .light-dark-mood-desk input { background: #fff; }



body.dark.single.single-post .entry-title { color: #fff; }



body.dark.single.single-post .entry-content ol, body.dark.single.single-post .entry-content ul, body.dark.single.single-post .entry-content li, body.dark.single.single-post .entry-content p, body.dark.single.single-post .entry-content span{ color:#fff; }



body.dark.single .site-main > article > .entry-footer { border-color: #fff; border-bottom: 0; }



body.dark.single.single-post footer.entry-footer span, body.dark.single.single-post .comments-area * { color: #fff; }



body.dark.single.single-post .comments-area textarea { border: 1px solid #fff !important; color: #fff; }



body.dark.single.single-post .comments-area input[type="submit"] { box-shadow: 6px 8px 0px #fff; }



body.dark.single.single-post .nav-previous .meta-nav, body.dark.single.single-post .nav-next .meta-nav, body.dark.single.single-post .nav-previous .post-title, body.dark.single.single-post .nav-next .post-title{ color:#fff; }



body.dark.blogPosts footer.footer .row.footer_menu .col-lg-12.col-md-12.col-12 { color: #fff; }



body.dark.blogPosts footer.footer .row.footer_menu span.technoText, body.dark.blogPosts .footer_menu_links_socials a, body.dark.blogPosts .footer_menu_links_items li a { color: #fff; }



body.dark.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { color: #fff!important; }



body.dark #mobile-menu .bg-mood-videos video.dark-video { opacity: 1; }



body.dark #header .container-fluid .header-areas .logo-mobile.tac.trans a img.light-logo{ display: none; }



body.dark  #mobile-menu .mob-menu .social .soc, body.dark #mobile-menu .mob-menu .moods span{ color:#fff; }



body.dark  #mobile-menu .mob-menu .moods .light-dark-mood-mob input { background: #fff; }



body.dark.blogPosts .gm-taxonomy-filter label.asr_texonomy,



body.dark.blogPosts h4.am__title,



body.dark.blogPosts .am__excerpt,



body.dark.blogPosts .gm_read_more a,



body.dark.blogPosts .gm-taxonomy-filter label.asr_texonomy:hover { color:#fff!important; }



body.dark.blogPosts .gm-taxonomy-item input:checked+label { color: #000 !important; }



body.dark.blogPosts .gm-taxonomy-item input:checked+label:hover{



    color: #000 !important;



}



body.dark.blogPosts .am_grid_col { border: 1px solid rgb(255 255 255); }



.dark .am_posts_navigation_init .page-numbers, .dark.blogPosts p.am_post_meta { color: #fff; }



body.dark .am_posts_navigation_init .page-numbers.current { color: #000; }



body #header.sticky.totop .container-fluid .header-areas .light-dark-mood-desk { top: 15px!important; }



body #header.sticky.totop .header-areas.flex ul#menu-header-menu a{ color:#fff; }



body.dark.single.single-post footer.entry-footer span a:hover { color: #fff; }



body.dark.page-template-template-ajax-products .pagination a.pagination-link { color: #fff; }



body.dark.page-template-template-ajax-products .pagination a.pagination-link:hover, body.dark.page-template-template-ajax-products .pagination a.pagination-link.active {



    color: #000 !important;



    border-color: #a9ff3c !important;



}



body.dark .tab-col-bottom h3 a{ color:#000; }



body:not(.dark) #header.site-header.sticky.totop .container-fluid .header-areas .logo-mobile.tac.trans a img.dark-logo{ display: none; }



body #header.sticky.totop .container-fluid .header-areas #menu-nav { top: 0px; }



body.dark.footer_menu_links a, body.dark footer.footer .footer-bottom-links ul li a,



body.dark.author header.page-header h1, body.dark.category header.page-header h1,



body.dark.category article header.entry-header .entry-title, body.dark.author article header.entry-header .entry-title{ color:#fff; }



body.dark.category main article, body.dark.author main article{ border:1px solid #fff; }



body.dark.author main article p, .dark.blogPosts p.footer_menu_logo_text { color: #fff; }



body.dark.category footer.entry-footer, body.dark.author footer.entry-footer { background: #fff; }



body.dark.author article header.entry-header .entry-title a:hover{ color:#fff; }



body.dark.author main article p a.more-link:hover { color: red!important; }







/* category-author start*/











body.category .category-author,



body.author .category-author {



    display: flex;



    flex-wrap: wrap;



    margin-inline: auto;



    max-width: 1320px;



    --columns: 3;



    --gap: 30px;



    gap: var(--gap);



    --fr_flex: calc((100% - (var(--gap) * (var(--columns) - 1 ))) / var(--columns));



    margin-top: 0;



}







body.category main .category-author article, body.author main .category-author article {



    display: flex;



    padding: 25px;



    margin: 0;



    flex-direction: column;



    flex-basis: var(--fr_flex);



    width: var(--fr_flex);



    border: 1px solid rgb(0 0 0 / 10%);



    border-radius: 10px;



    max-width: none;



    justify-content: space-between;



}











body.author .category-author article header.entry-header,



body.category .category-author article header.entry-header {



    margin: 0;



    display: flex;



    flex-direction: column-reverse;



}







body.category .category-author article figure.post-thumbnail .post-thumbnail-inner,



body.author .category-author article figure.post-thumbnail .post-thumbnail-inner{



    display: flex;



}







body.author .category-author article figure.post-thumbnail .post-thumbnail-inner img.attachment-post-thumbnail,



body.category .category-author article figure.post-thumbnail .post-thumbnail-inner img.attachment-post-thumbnail{



    width: 100%;



    height: 150px !important;



    object-fit: cover;



    margin-bottom: 0px;



}







body.author .category-author article header.entry-header .entry-title, 



body.category .category-author article.post header.entry-header .entry-title {



    margin: 0 0 0 0;



    font-size: 23px;



    font-weight: 500;



    text-transform: capitalize;



    font-family: 'Rubik';



    color: #000;



    line-height: 32px;



}







body.author .category-author .entry-content, body.category .category-author .entry-content {



    margin: 20px 0;



}







body.author .category-author .entry-content p, body.category .category-author .entry-content p {



    font-size: 16px;



    font-weight: 300;



    line-height: 24px;



    font-family: 'Rubik';



    color: #000;



    margin-bottom: 10px;



}







body.author .category-author .entry-content a.more-link, body.category .category-author .entry-content a.more-link {



    display: inline-block;



    color: #000;



    border-radius: 4px 4px 4px 4px;



    font-size: 16px;



    font-weight: 500;



    transition: all ease .5s;



    text-decoration: underline !important;



    margin: 0 0 0 5px;



    float: none;



}







body.category .category-author footer.entry-footer, body.author .category-author footer.entry-footer {margin: 0;}



body.category article header.entry-header figure.post-thumbnail:hover img, body.author article header.entry-header figure.post-thumbnail:hover img {



    transform: scale(1.1);



}







body.category article header.entry-header figure.post-thumbnail img, body.author article header.entry-header figure.post-thumbnail img {



    transition: 0.5s ease all;



}







body.category article header.entry-header figure.post-thumbnail, body.author article header.entry-header figure.post-thumbnail {overflow: hidden;}



/* category-author end*/















body.dark.blogPosts .site-main nav.navigation.pagination { border-color: #fff; }



body.dark.blogPosts .site-main nav.navigation.pagination .nav-links span, body.dark.blogPosts .site-main nav.navigation.pagination .nav-links a { color: #fff; }



footer.footer .footer-bottom-links ul li { display: flex; }



.menubody { overflow: hidden; }



.dark.blogPosts footer.footer .row.footer_menu .tkd-logo-wrapper a img { filter: invert(1); }







.single-product .woocommerce-notices-wrapper {



    margin-block: 0;



}







.single-product .woocommerce-notices-wrapper .woocommerce-message {



    padding-block: 15px;



    border-radius: 50px;



    border: none;



}





/* Product Image Wrapper */

.tab-col-top {

    position: relative;

    overflow: hidden;

}



/* Overlay */

.product-store-icons {

    position: absolute;

    inset: 0;

    background: rgba(0,0,0,0.45);



    display: flex;

    justify-content: center;

    align-items: center;

    gap: 20px;



    opacity: 0;

    visibility: hidden;



    transition: 0.3s ease;

    z-index: 5;

}



/* Show only on hover */

.tab-col-top:hover .product-store-icons {

    opacity: 1;

    visibility: visible;

}



/* Icon links */

.product-store-icons a {

    width: 55px;

    height: 55px;

    background: #fff;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    transition: 0.3s all;

}

/* .custom-product-filter .tabs-product-grid .tab-grid-col:hover .tab-col-top a img {

    transform: scale(1.1);

} */

.custom-product-filter .tabs-product-grid .tab-grid-col:hover .tab-col-top .product-store-icons a img {

    transform: none;

}



.product-store-icons a i {

    filter: brightness(0)invert(1);

    font-size: 35px;

}



body.category main .category-author article, body.author main .category-author article {



    position: relative;



    justify-content: space-between;



}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {

    outline: 0;

}

.product-store-icons a img {

    height: 100%;

}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {

    outline: 0;

    text-decoration: none;

}





/* Responsive */



ul.products-tabs {



    padding-inline: 0;



}







body.woocommerce-page.dark .summary.entry-summary {



    --global--color-primary: #ffffff;



}



.woocommerce-page.dark h1.entry-title, .dark  .site-main h1.entry-title,



.dark .woocommerce-tabs ul li a, .dark .woocommerce-tabs ul li a:is(:focus, :focus-visible),



body.woocommerce-page.dark .summary.entry-summary p,



.dark section.related.products h2 {



    color: #ffffff !important;



}



.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{



    padding-block: 0;



    font-size: 18px;



    color: #000 !important;



}











section.error-404 {



    height: 100vh



}







section.error-404 .page-content {



    height: 100%;



    display: flex;



    align-items: center;



    justify-content: center;



    flex-direction: column



}







section.error-404 .page-content a {



    margin-top: 70px



}



section.error-404 .page-content h1 {



    margin-bottom: 15px;



    font-size: 136px;



    line-height: 134px;



    letter-spacing: 0;



    font-weight: 400;



    font-family: Rubik !important;



}



section.error-404 .page-content h4{



    text-align: center;



    font-size: 48px;



    line-height: 47px;



    letter-spacing: 0;



    font-weight: 400;



    font-family: Rubik !important;



}



section.error-404 .button-paper {



    display: flex;



    position: relative;



    border: none;



    padding: 19px 54px;



    color: #12110c;



    font-size: 22px;



    z-index: 0;



    text-decoration: none;



    cursor: none;



        margin-top: 70px;



    font-family: Rubik !important;



}



.button-paper span {



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



    border: 2px solid #000;



    transition: .5s;



    background: #fff;



}



.button-paper .position-0 {



    z-index: -1 !important;



    top: 0 !important;



    left: 0;



}



span.position-0 {



    background: #A9FF3C;



}



.button-paper .position-8, section.projects .progres-btn .button-paper-progres .position-8 {



    top: 8px;



    left: 8px;



    z-index: -8;



}



.button-paper .position-16, section.projects .progres-btn .button-paper-progres .position-16 {



    top: 16px;



    left: 16px;



    z-index: -16;



}



.button-paper .position-24, section.projects .progres-btn .button-paper-progres .position-24 {



    top: 24px;



    left: 24px;



    z-index: -24;



}



.button-paper .position-32, section.projects .progres-btn .button-paper-progres .position-32 {



    top: 32px;



    left: 32px;



    z-index: -32;



}



.button-paper:hover .position-0 {



    top: 2px;



    transform: rotate(0);



    transform-origin: left bottom;



}



.button-paper:hover .position-8 {



    top: 3px;



    transform: rotate(4deg);



    transform-origin: left bottom;



}



.button-paper:hover .position-16 {



    top: 4px;



    transform: rotate(8deg);



    transform-origin: left bottom;



}



.button-paper:hover .position-24 {



    top: 5px;



    transform: rotate(12deg);



    transform-origin: left bottom;



}



.button-paper:hover .position-32 {



    top: 6px;



    transform: rotate(16deg);



    transform-origin: left bottom;



}



body.dark section.error-404 .page-content h1, body.dark section.error-404 .page-content h4{



    color: #fff;



}



.dark .services_inner_page .heading a.heading_servcss_btn::before, body, body #header .container-fluid .header-areas .light-dark-mood-desk input:checked, body #mobile-menu .mob-menu .moods .light-dark-mood-mob input:checked, body.dark #header .container-fluid .header-areas .light-dark-mood-desk input, body.dark .button-paper .position-0, body.dark section.contact .container form.contact-form .field .line, body.dark section.projects .button-paper-progres .position-0{



    background: #fff;



}



body.dark .button-paper span{



    border: 2px solid #fff;



    transition: .5s;



    background: #000;



}



.error404.blogPosts div#content {



    padding-top: 0;



}







.dark.single-product .woocommerce-Tabs-panel {



    color: #fff;



}







.dark.single-product .woocommerce-Reviews div#comments, .dark.single-product .woocommerce-Reviews div#review_form_wrapper {



    background: transparent;



    border-color: #ffffff;



}







.dark .woocommerce-Reviews textarea, .dark .woocommerce-Reviews input {



    background: transparent;



    color: #ffffff !important;



    border: 1px solid #ffffff !important;



}



.dark .woocommerce-page input[type=checkbox]:after,



.dark .woocommerce-page input[type=radio]:after{



    background-color: #ffffff;



}







.dark .woocommerce-Reviews p.form-submit input#submit {



    box-shadow: 8px 6px 0px #ffffff;



}







body.dark.woocommerce-page .site .button:after, 



body.dark.woocommerce-page .site .button.has-background:after, 



body.dark.woocommerce-page button:after, 



body.dark.woocommerce-page button.has-background:after, 



body.dark.woocommerce-page input[type=submit]:after, 



body.dark.woocommerce-page input[type=submit].has-background:after, 



body.dark.woocommerce-page input[type=reset]:after, 



body.dark.woocommerce-page input[type=reset].has-background:after, 



body.dark.woocommerce-page .wp-block-search .wp-block-search__button:after, 



body.dark.woocommerce-page .wp-block-search .wp-block-search__button.has-background:after, 



body.dark.woocommerce-page .wp-block-button .wp-block-button__link:after, 



body.dark.woocommerce-page .wp-block-button .wp-block-button__link.has-background:after, 



body.dark.woocommerce-page .wp-block-file a.wp-block-file__button:after, 



body.dark.woocommerce-page .wp-block-file a.wp-block-file__button.has-background:after, 



body.dark.woocommerce-page .wp-block-button:not(.is-style-outline) .wp-block-button__link:after{



    background-color: #fff;



}



body.dark.has-background-white .site .woocommerce-tabs ul li.active a, 



body.dark.has-background-white .site .has-background-white .site .woocommerce-tabs ul li.active a, 



body.dark.has-background-white .site .woocommerce-tabs ul li.active a:is(:hover, :focus, :active, :focus-visible), 



body.dark.has-background-white .site .has-background-white .site .woocommerce-tabs ul li.active a:is(:hover, :focus, :active, :focus-visible){



    color: #000000 !important;



}



body.dark.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {



    color: inherit !important;



}



body.dark.has-background-white .site .woocommerce-tabs ul li:not(.active) a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {



    color: #fff !important;



}



body.dark.has-background-white .site .am_posts_navigation_init a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {



    color: #ffffff !important;



}



body.dark.woocommerce-cart {



    color: #fff;



}







body.woocommerce-page.dark button.wc-block-components-quantity-selector__button {



    color: #000000 !important;



    background: #ffffff !important;



}







body.woocommerce-page.dark .wc-block-components-quantity-selector {



    outline: 1px solid rgb(255 255 255 / 50%);



    outline-offset: -2px !important;



}











body.dark.woocommerce-cart table.wc-block-cart-items .wc-block-cart-item__wrap a.wc-block-components-product-name {



    color: #ffffff;



}







.dark .wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-wrapper {



    border: 0;



}







.dark a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:after {



    background: #ffffff;



}







.dark .entry-footer a {



    color: #ffffff;



}











body.dark.woocommerce-checkout {



    color: #ffffff !important;



}







.dark .is-large .wp-block-woocommerce-checkout-order-summary-block{



    border: 1px solid hsl(0deg 0% 100% / 40%);



}



.dark .wc-block-checkout__terms.wc-block-checkout__terms--with-separator



, .dark .wc-block-components-totals-wrapper



, .dark .wp-block-woocommerce-checkout-order-summary-totals-block{



    border-top: 1px solid hsl(0deg 0% 100% / 40%);



}



 .dark .is-large.wc-block-cart .wc-block-cart-items



, .dark .is-large.wc-block-cart .wc-block-cart-items td



 {



    border-bottom: 1px solid hsl(0deg 0% 100% / 40%);



}



.dark.single.single-post .comments-area input:not[type=checkbox],



.dark.single.single-post .comments-area input:not[type=radio]



 {



    border-color: #ffffff !important;



}



.dark .woocommerce-Reviews input[type=checkbox] {



    /* background: #fff; */



    border-radius: 4px;



}



body.dark.single.single-post .comments-area input {



    border-color: #ffffff !important;



}







.dark  .entry-footer .post-taxonomies a {



    color: #000000;



    text-decoration: none;



}



body.category .entry-content {



    color: #ffffff;



}



.dark .asr-loader {



    background: rgb(0 0 0 / 70%) !important;



}



.dark .lds-dual-ring:after {



    border-color: #ffffff transparent #ffffff transparent;



}



body.dark.has-background-white .site .gm_read_more a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {



    color: #ffffff !important;



}



body.single-post.dark {



    color: #ffffff;



}



.dark .entry-footer .post-taxonomies span.cat-links a {



    color: #ffffff;



}



body.single .site-main > article > .entry-footer {



    margin-top: 20px;



}



body.single-post.dark span {



    color: #ffffff !important;



}







/* body.single-post h2, body.single-post h2 span {



    min-height: 0 !important;



    line-height: 30px !important;



} */



html body.dark.single.single-post .nav-previous a:is(:focus, :focus-within, :focus-visible, :active) p.meta-nav, html body.dark.single.single-post .nav-next a:is(:focus, :focus-within, :focus-visible, :active) p.meta-nav {



    color: #ffffff !important; }







@supports (-webkit-appearance: none) or (-moz-appearance: none) {



    .dark input[type=checkbox]:after {



        border-color: #ffffff;



    }



}



    .dark table.woocommerce-table td, .dark table.woocommerce-table td a {



        color: #fff;



    }



/* 



    .inner-content-comment {



        display: flex;



        gap: 40px;



        max-width: 1240px;



        margin: 0 auto;



    }



    .inner-content-comment .inner-footer-cnt {



        width: calc(60% - 20px);



    }



    .inner-content-comment div#respond {



        width: calc(40% - 20px);



        margin: 0;



        position: sticky;



        top: 100px;



        height: 100%;



    }



 */



 .checkout-pay-now-cancel-btn p:last-child {



    display: flex;



    align-items: center;



    gap: 15px;



    margin-top: 20px;



}



.checkout-pay-now-cancel-btn {



    margin-top: 20px;



}











.dark hr.wp-block-separator.is-style-dots:before{



    color: #ffffff;



}







.blog_post_form .commentbox {



    float: right;



    margin-left: 42px;



    margin-bottom: 42px;



    width: clamp(300px, 45vw, 500px);



}











.blog_post_form .commentbox textarea, .blog_post_form .commentbox input {



    border: 1px solid #000 !important;



    height: auto;



    line-height: 30px !important;



    padding: 10px 30px !important;



    margin: 0;



    height: 52px;



    resize: none;



    background: 0 0;



    border-radius: 20px;



    font-size: 20px;



    font-weight: 400;



    letter-spacing: 0;



    color: #000;



}



.blog_post_form .commentbox textarea:is(:focus, :focus-visible), .blog_post_form .commentbox input:is(:focus, :focus-visible) {



    outline: none;



}



.blog_post_form .commentbox textarea{



    height: 120px;



    border-radius: 15px



}







.blog_post_form .commentbox h3 {



    font-size: var(--heading--font-size-h2) !important;



    font-weight: 400;



    line-height: 1 !important;



    margin-bottom: 20px;



}







.blog_post_form .commentbox p {



    margin: 0 !important;



}







.blog_post_form .commentbox label {



    display: flex;



    flex-direction: column;



}







.blog_post_form .commentbox label br {



    display: none;



}







.blog_post_form .commentbox p br {



    display: none;



}







.blog_post_form .commentbox input.wpcf7-submit {



    font-family: 'Rubik';



    height: 60px;



    min-height: 60px;



    width: 100%;



    min-width: 300px;



    border-radius: 40px;



    font-size: 22px;



    line-height: 27px;



    font-weight: 500;



    letter-spacing: 0;



    -webkit-text-fill-color: #000;



    background: #a9ff3c !important;



    border: 1px solid;



    transition: all .3s ease;



    max-width: fit-content;



    box-shadow: 6px 8px 0px #000;



}







.blog_post_form .commentbox input.wpcf7-submit:hover, .blog_post_form .commentbox input.wpcf7-submit:focus {



    box-shadow: 0 0px 0px #000;



}







.dark .blog_post_form .commentbox textarea, .dark .blog_post_form .commentbox input {



    border: 1px solid #ffffff !important;



}







.dark .blog_post_form .commentbox input[type="submit"] {



    border-color: #a9ff3c !important;



}







.dark .blog_post_form .commentbox input.wpcf7-submit {



    box-shadow: 6px 8px 0px #ffffff;



}







.justify.blog_post_form ul li p:last-child {



    margin-bottom: 0;



}







.single.single-post .entry-content p a, .single.single-post .entry-content p a * {



    color: inherit !important;



}







.single.single-post .entry-content span span.wpcf7-not-valid-tip {



    font-size: 16px !important;



}







.blog_post_form .commentbox .wpcf7 form .wpcf7-response-output {



    border-color: #000000;



}











.mainarticle figure.post-thumbnail, .mainarticle .entry-content .justify {



    width: 100%;



    max-width: 100% !important;



}



.single.single-post .entry-title{



    max-width: 1240px;



    margin-inline: auto;



}







.mainarticle .entry-content .justify.blog_post_form {



    display: flex;



    width: 100%;



    --formwidth: clamp(300px, 45vw, 500px);



    position: relative;



    align-items: flex-start;



    flex-direction: row-reverse;







}







.mainarticle .entry-content .justify.blog_post_form>.commentbox {



    float: none;



    margin: 0;



    width: var(--formwidth);



    flex-basis: var(--formwidth);



    position: sticky;



    top: 100px ;



}







.mainarticle .entry-content .justify.blog_post_form>.content_inner {



    margin: 0 !important;



    float: none !important;



    width: calc(100% - var(--formwidth));



    flex-basis: calc(100% - var(--formwidth));



    padding-right: 30px;



}



















body.author .category-author article figure.post-thumbnail a.post-thumbnail-inner.alignwide:is(:focus, :focus-visible), 



body.category .category-author article figure.post-thumbnail a.post-thumbnail-inner.alignwide:is(:focus, :focus-visible), 



body.author .category-author article figure.post-thumbnail a.post-thumbnail-inner.alignwide:is(:focus, :focus-visible):not(.wp-block-button__link):not(.wp-block-file__button), 



body.category .category-author article figure.post-thumbnail a.post-thumbnail-inner.alignwide:is(:focus, :focus-visible):not(.wp-block-button__link):not(.wp-block-file__button), 



body.author .category-author article figure.post-thumbnail a.post-thumbnail-inner.alignwide:is(:focus, :focus-visible) *, 



body.category .category-author article figure.post-thumbnail a.post-thumbnail-inner.alignwide:is(:focus, :focus-visible) *, 



body.author .category-author article figure.post-thumbnail a.post-thumbnail-inner.alignwide:is(:focus, :focus-visible):not(.wp-block-button__link):not(.wp-block-file__button) *,



body.category .category-author article figure.post-thumbnail a.post-thumbnail-inner.alignwide:is(:focus, :focus-visible):not(.wp-block-button__link):not(.wp-block-file__button) * {



    outline: none !important;



}







body.category .custompagination, body.author .custompagination {



    margin-inline: auto;



    max-width: 1320px;



    margin-top: 0 !important;



}







body.category .category-author + .custompagination, body.author .category-author + .custompagination {



    margin-top: -60px !important;



}







.custompagination {



    display: block;



    text-align: center;



    margin-block: 30px;



}







.custompagination .page-numbers {



    border-radius: 15px;



    min-width: 42px;



    display: inline-flex;



    height: 32px;



    text-align: center;



    border: 1px solid #c6c6c6;



    padding: 4px 4px;



    text-decoration: none;



    align-items: center;



    justify-content: center;



    font-size: 16px;



}







.custompagination .page-numbers:hover, .custompagination .page-numbers.current {



    background: #a9ff3c !important;



    border-color: #a9ff3c;



    color: #000;



}







body.author.dark .category-author article header.entry-header .entry-title, body.dark.category .category-author article.post header.entry-header .entry-title {



    color: #fff;



}







body.author.dark .category-author .entry-content p, body.dark.category .category-author .entry-content p {



    color: #fff;



}







body.author.dark .category-author .entry-content a.more-link, body.dark.category .category-author .entry-content a.more-link {



    color: #ffffff;



}







body.dark.category main .category-author article, body.dark.author main .category-author article {



    border: 1px solid rgb(255 255 255 / 10%);



}



body.dark.category footer.entry-footer span.cat-links a, body.dark.author footer.entry-footer span.cat-links a {



    color: #000000;



}







.dark .custompagination .page-numbers:not(.current) {



    color: #ffffff;



}







.dark .custompagination .page-numbers:hover {



    color: #000000;



}



body.dark.has-background-white .site a.page-numbers:focus:not(.wp-block-button__link):not(.wp-block-file__button) {



    color: #fff !important;



    text-decoration: none;



}



body.category.dark .entry-content p a.more-link:hover, body.category.dark .entry-content p a.more-link:focus, body.author.dark .entry-content p a.more-link:hover, body.author.dark .entry-content p a.more-link:focus {



    color: #ffffff !important;



 }



 .blogPosts .am_single_grid a.ajax_post_link {



    font-size: 0;



    position: absolute;



    inset: 0;



}







.blogPosts .am_single_grid {



    position: relative;



}



#modalBlock {



display: none !important;



}



body{



	overflow: auto !important;



}



/********error-page-css**********/



.error-404.not-found.default-max-width {



	max-width: 100%;



	text-align: center;



	padding: 140px 0 60px;



}



.error-404 a {



	width: auto;



	padding: 8px 12px;



	border-radius: 40px;



	border: 1px solid #000;



	font-size: 14px;



}



.error-404.not-found.default-max-width h1 {



	font-size: 50px;



	text-transform: capitalize;



	font-family: 'Rubik';



	margin: 15px 0 30px;



	font-weight: 500;



}



.error-404 a {



	padding: 12px 25px;



	border-radius: 40px;



	border: 1px solid #000;



	font-size: 18px;



	text-decoration: none;



	display: inline-block;



	line-height: 28px;



	margin: 0;



    transition: .3s ease all;



}



.error-404 a:hover {



	background: #000;



	color: #fff;



	transition: .3s ease all;



}



.error-404.not-found.default-max-width img {



	max-width: 500px;



}



.error-404.not-found.default-max-width img.dark-img {



	display: none;



}



.dark  .error-404.not-found.default-max-width img.light-img {



	display: none;



}



.dark  .error-404.not-found.default-max-width img.dark-img {



	display: inline-block;



}



.dark .error-404 a {



	background: #fff;



}



.dark .error-404 a:hover {



	background: #a9ff3c;



    opacity: .8;



    color: #000;



}











/********error-page-css**********/















/* 12-01-2026 */



    .blogPosts .am_single_grid h4.am__title, .blogPosts .am_single_grid .am__excerpt, .blogPosts .gm_read_more a { text-align: center; }



.blogPosts .gm_read_more { display: flex; justify-content: center; }







.blogPosts .am_post_grid .am_grid_col { box-shadow: 0px 4px 100px rgba(0, 0, 0, 0.1); transition: .5s ease all; padding: 0 25px 25px 25px; }



.blogPosts .am_post_grid .am_grid_col:hover { transform: translateY(-5px); box-shadow: 0 4px 60px 0px rgba(0, 0, 0, .2); }



.post-date { display: flex; justify-content: center; padding-bottom: 25px; }



.post-date span.gm-post-date { font-weight: 400; padding: 6px 36px; position: relative; background: #4c4c4c; border-radius: 0px 0 10px 10px; display: inline-block; font-size: 16px; line-height: 26px; color: #ffffff; }



.post-date span:after,  .post-date span:before{ background: url(https://technodeviser.com/my-content/uploads/2026/01/left-shape.svg); width: 18px; height: 18px; position: absolute; left: -17px; top: 0px; background-size: contain; background-position: top left; background-repeat: no-repeat; z-index: 1; content: ""; }



.post-date span:before{ background: url(https://technodeviser.com/my-content/uploads/2026/01/right-shape.svg); right: -17px; top: 0px; left: unset; }



/* end-12-01-2026 */



















/* 13-01-2026 */







body.single-post .content_inner h2 {



    font-size: 30px;



    line-height: 120% !important;



    margin: 25px 0 10px 0;



    font-weight: 500;



}



#comparison table td { text-align: center; min-width: 200px; }



body.single-post .content_inner section.sc_fs_faq.sc_card h2 { font-size: 20px; margin: 0; font-weight: 500; }



body.single-post section.sc_fs_faq.sc_card { margin: 15px 0; }



body.single-post .faq-toggle-wrapper section.sc_fs_faq.sc_card h2{ position:relative; padding-right: 30px; }



body.single-post .faq-toggle-wrapper  section.sc_fs_faq.sc_card.active h2{ margin-bottom: 10px; }



body.single-post .faq-toggle-wrapper section.sc_fs_faq.sc_card h2:after { content: ""; position: absolute; right: 11px; top: 50%; border-right: 3px solid #000; border-bottom: 3px solid #000; width: 11px; height: 11px; -webkit-transform: rotate(45deg); transform: translatey(-75%) rotate(45deg); -webkit-transition: all 0.2slinear; transition: all 0.2slinear; background-color: unset; left: unset; }



body.single-post .faq-toggle-wrapper section.sc_fs_faq.sc_card.active h2:after { webkit-transform: translatey(-30%) rotate(-135deg); transform: translatey(-30%) rotate(-135deg); border-right: 3px solid #0069ff; border-bottom: 3px solid #0069ff; }



.table_outer_sec { overflow-x: auto; width: 100%; margin-bottom: 10px;}



.single.single-post header.entry-header.alignwide .entry-title { line-height: 1.2; font-family: 'Rubik'; font-weight: 600; letter-spacing: 0; color: #000; margin-bottom: 40px; font-size: clamp(24px, 3vw, 60px); }



body.single-post .faq-toggle-wrapper section.sc_fs_faq.sc_card p { padding: 0; margin: 0;}



body.single-post .content_inner ol li a { text-decoration: none; }



body.single-post .content_inner ol li a:hover{ text-decoration: underline; }



.single.single-post .entry-content .content_inner ol, .single.single-post .entry-content .content_inner ul{ margin-bottom: 10px; }



.single.single-post .entry-content p { margin: 0 0 10px 0; }



body.dark.single.single-post .entry-content ol, body.dark.single.single-post .entry-content ul, body.dark.single.single-post .entry-content li, body.dark.single.single-post .entry-content p, body.dark.single.single-post .entry-content span, body.dark.single.single-post .entry-content li a{ color: #fff; }



body.dark.single-post .faq-toggle-wrapper section.sc_fs_faq.sc_card p, body.dark.single-post .faq-toggle-wrapper section.sc_fs_faq.sc_card h2{ color: #000; }















/* end-13-01-2026 */















/* 12-02-2026 */







.mainarticle nav.breadcrumbs {



    max-width: 1240px;



    margin: 0 auto 60px;



}



.mainarticle nav.breadcrumbs span {



    font-size: 16px;



}



.mainarticle nav.breadcrumbs span a {



    text-decoration: none;



    padding-right: 10px;



}



span.breadcrumb_last {



    padding-left: 10px;



}



.mainarticle nav.breadcrumbs span span:nth-child(2) {



    padding-left: 10px;



}



.contenttablediv {



    background: #fff;



    box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);



    margin: 30px 0 0 0;



    padding: 20px 35px;



    float: left;



    width: 380px;



    position: sticky;



    top: 100px;



    left: 0;



}



.desktopviewshow {



    display: block;



    top: 180px;



    left: 0;



    clear: both;



}



.contenttablediv ul {



    border-top: 1px solid #e2e2e2;



    width: 100%;



    float: left;



    clear: both;



    margin: 20px 0 0 0 !important;



    padding: 30px 10px 30px 0 !important;



    height: auto;



    max-height: 400px;



    overflow-y: auto;



}



.contenttablediv ul li {



    width: 100%;



    list-style: none;



    position: relative;



    z-index: 0;



    counter-increment: my-awesome-counter;



    padding: 0 0 0 30px;



    margin: 0 0 15px 0;



    line-height: 20px;



    font-size: 16px;



}



.single-post ul.tblcontent.blog_tblcontent li.h2-link {



    padding: 0;



}



.single-post ul.tblcontent.blog_tblcontent li.h2-link {



    padding: 0;



}



.contenttablediv ul li a {



    text-decoration: none;



    color: #373737;



    padding: 0;



    font-size: 16px;



    font-weight: 400;



    transition: 0.5s all;



}



.techno-contnt {



    max-width: 820px;



    margin: 0;



    position: relative;



    z-index: 0;



    float: right;



    margin-right: 0;



    top: -60px;



}



.content_inner {



    float: left;



    width: 100%;



}



.techno-blog-cont {



    float: left;



    width: 100%;



}



.contenttablediv ul li a:hover {



    color: #000;



    text-decoration: underline;



}







.single.single-post .entry-title {



    text-align: left;



    font-size: 40px;



    margin-bottom: 10px;



}



.contenttablediv ul li a:focus {



    outline: 0 !important;



    text-decoration: underline !important;



}



.contenttablediv ul::-webkit-scrollbar {



    width: 3px;



}







.contenttablediv ul::-webkit-scrollbar-track {



    background: #f1f1f1;



    border-radius: 30px;



}







.contenttablediv ul::-webkit-scrollbar-thumb {



    background: linear-gradient(180deg, #6a11cb, #2575fc);



    border-radius: 10px;



}



.single.single-post .entry-content .techno-contnt ul {



    padding-left: 45px;



}



.search-form .search-field {



    padding: 15px 16px;



    background: transparent;



    color: #3a3a3a;



    font-size: 14px;



    font-weight: 600;



    border: 1px solid #000;



    border-radius: 10px;



    margin: 0;



}



.search-form button {



    background: url(https://technodeviser.com/my-content/uploads/2026/02/search-svgrepo-com.svg);



    border: 0px;



    width: 34px;



    height: 34px;



    margin: 0 8px 0 0;



    padding: 0;



    position: absolute;



    z-index: 0;



    top: 10px;



    min-width: auto;



    background-size: 34px;



    font-size: 0;



    right: 0;



}



.search-form .search-field {



    padding: 15px 16px;



    background: transparent;



    color: #3a3a3a;



    font-size: 14px;



    font-weight: 600;



    border: 1px solid #000;



    border-radius: 10px;



    margin: 0 !important;



}



.search-form .search-field:focus {



    outline: none;



}



form.search-form {



    width: 380px;



    margin-left: 0;



    position: sticky;



    top: 100px;



}



.techno-contnt h2:first-child, .techno-contnt h3:first-child {



    margin-top: 0!important;



}







.cus-srch-rslt form.search-form {



    position: relative;



    top: 0;



    width: 50%;



    margin: 20px 0 60px;



}



.cus-srch-rslt h1 {



    font-size: 40px;



    font-weight: 600;



    font-family: 'Rubik';



}



.custom-pagination .page-numbers {



    border-radius: 15px;



    min-width: 42px;



    display: inline-flex;



    height: 32px;



    text-align: center;



    border: 1px solid #c6c6c6;



    padding: 4px 4px;



    text-decoration: none;



    align-items: center;



    justify-content: center;



    font-size: 16px;



}



.custom-pagination .page-numbers.current, .custom-pagination .page-numbers:hover {



    background: #a9ff3c !important;



    border-color: #a9ff3c;



    color: #000;



}



.custom-pagination {



    text-align: center;



    margin: 40px 0;



}



body.single-post.dark .search-form .search-field, body.page-template-page-custom-search.dark .search-form .search-field {



    border: 1px solid #fff;



    color: #fff;



}



body.single-post.dark .search-form  button, body.page-template-page-custom-search.dark .search-form button {



    background: transparent;



    background-image: url(https://technodeviser.com/my-content/uploads/2026/02/search-white.svg);



    background-size: 34px;



}



body.single-post.dark .custom-pagination .page-numbers, body.page-template-page-custom-search.dark .custom-pagination .page-numbers {



    color: #fff;



}



body.single-post.dark .custom-pagination .page-numbers.current, body.page-template-page-custom-search.dark .custom-pagination .page-numbers.current {



    color: #000;



}



body.single-post.dark span a {



    color: #fff;



}



body.single-post.dark .contenttablediv ul li a {



    color: #373737 !important;



}



body.single-post.dark .contenttablediv .mobiletablecontent {



    color: #000;



}



body.single-post.dark .search-form .search-field::placeholder, body.page-template-page-custom-search.dark .search-form .search-field::placeholder {



    color: #fff;



}







/* 2 March starts */



.blog-top-wrapper img {



    width: 100%;



    display: block;



    object-fit: cover;



    object-position: center;



    max-height: 250px;



    height: 100%;



}







.blog-top-wrapper {



    position: relative;



    margin: 0 !important;



}



 



.blog-top-wrapper header.page-header.alignwide {



    position: absolute;



    top: 50%;



    left: 50%;



    transform: translate(-50%, -50%);



}



/* 2 March ends */

/* 27-may-2026 start */

#mobile-menu .top-part ul .active a { color: #ff5e1f !important; }

html body.menubody { overflow-y: hidden !important; }

html body.menubody div#page { overflow: hidden; }

body #mobile-menu .mob-menu a.logo-link { display: flex; margin-bottom: 18px; }

body #mobile-menu .mob-menu a.logo-link img { width: 70px; margin: 0 auto; }

/* 27-may-2026 ends */

/* 10-june-2026 start */

.entry-footer span { display: none !important; }

.entry-footer a { /* color: red; */ display: none; }

body.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message { color: #000000; font-size: 18px; line-height: 26px; letter-spacing: 0; text-align: left; margin: 0; font-weight: 400; font-family: 'Rubik'; flex-wrap: wrap; }

body.woocommerce-cart form.woocommerce-cart-form .shop_table_responsive td.actions .coupon p.coupon-error-notice { position: absolute; bottom: 0; margin: 0; max-width: 220px; font-size: 11px; line-height: 12px; }

body.woocommerce-cart form.woocommerce-cart-form .shop_table_responsive td.actions .coupon { position: relative; }

.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info { padding: 15px 20px; width: max-content; margin: 0 auto; border: 1px solid rgb(0 0 0 / 10%); box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; border-radius: 10px; margin-bottom: 20px; flex-wrap: wrap; max-width: 100%; }

body.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message { padding: 15px 20px !important; border: 1px solid rgb(0 0 0 / 10%) !important; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; border-radius: 10px; margin-bottom: 20px; }

.dark.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,.dark.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,body.dark.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message,.woocommerce-checkout .woocommerce-order{ border: 1px solid #fff !important; }

.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a,.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a { font-weight: 600 !important; text-decoration: underline !important; transition: 0.3s ease all; }

.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info a:hover,.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a:hover{ text-decoration: unset !important; }

.woocommerce-checkout .woocommerce-remove-coupon { padding: 5px; border-radius: 5px; background: #a9ff3c; color: #000; }

.woocommerce-checkout .woocommerce-order { border: 1px solid rgb(0 0 0 / 10%) !important; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; border-radius: 10px; padding: 20px; }

body.woocommerce-checkout .woocommerce-account-fields .woocommerce-validated { margin-bottom: 20px !important; }

body.woocommerce-cart form.woocommerce-cart-form .shop_table_responsive .product-thumbnail img{ max-width: 100px !important; }

.woocommerce-checkout ul.woocommerce-error { display: none !important; }

.woocommerce-checkout .woocommerce-form-coupon p.form-row-first { flex-wrap: wrap; }

body.woocommerce-checkout .woocommerce-account-fields input.input-checkbox { display: inline-block; }

.woocommerce-checkout .woocommerce-order .woocommerce-thankyou-order-received { margin-bottom: 15px; }

.woocommerce-checkout .woocommerce-order .woocommerce-thankyou-order-details { margin-bottom: 15px; padding-left: 25px; }

.woocommerce-checkout .woocommerce-order .woocommerce-order-details { padding-top: 15px; }

.woocommerce-checkout .woocommerce-order .woocommerce-order-details table { margin-bottom: 0; margin-top: 10px; }

.woocommerce-checkout .woocommerce-order .woocommerce-customer-details { padding-top: 15px; }

.woocommerce-checkout .woocommerce-order .woocommerce-order-details h2,.woocommerce-checkout .woocommerce-order .woocommerce-customer-details h2 { font-size: 40px; line-height: 120%; font-weight: 500; }

.woocommerce-checkout .woocommerce-order .woocommerce-order-details .woocommerce-table tr { height: auto !important; }

.woocommerce-checkout .woocommerce-order .woocommerce-customer-details address { padding: 15px; border: 1px solid #dfdfdf; border-radius: 10px; margin-top: 15px !important; /* text-transform: capitalize; */ }



/* 10-june-2026 ends */







/* Responsive */



@media (min-width: 1101px) {



    .logo-mobile.tac.trans {



        display: none;



    }



}



@media only screen and (max-width:1799px){ 	



    .woocommerce-page h1.entry-title, .site-main h1.entry-title{



        font-size: 64px;



    }



}



@media only screen and (max-width:1640px){ 	



    .woocommerce-page h1.entry-title, .site-main h1.entry-title{



        font-size: 42px;



    }



}

@media (max-width:1460px) {

    header#header .header-areas.flex ul#menu-header-menu a { padding: 0 !important; }

    header#header .header-areas.flex ul#menu-header-menu { gap: 20px; padding: 0 !important; }

    .blogPosts nav#menu-nav { padding: 10px 0; } 

    .blogPosts nav#menu-nav { width: 85% !important; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); }

}









@media (max-width: 1440px) {



.single.single-post .entry-title {



    max-width: 100%;



}



.mainarticle nav.breadcrumbs {



    max-width: 100%;



}



.blog_post_form {



    max-width: 100% !important;



}



.contenttablediv {



    width: 34%;



}



form.search-form {



    width: 34%;



}



.techno-contnt {



    max-width: 63%;



}











}



















@media only screen and (max-width:1366px){



    .is-large.wc-block-cart .wc-block-cart-items td { padding: 20px 0 20px 0; }



	.blogPosts .am_post_grid {     gap: 20px;     margin: 0; }



	.blogPosts .am_grid_col {     padding: 20px; max-width: calc(33.33% - 13.33px) !important; }



	.blogPosts h4.am__title {     font-size: 20px; }







    .blogPosts .am_post_grid .am_grid_col{ padding: 0 20px 20px 20px; } 







    .post-date { padding-bottom: 20px; }



}







@media only screen and (max-width:1199px){ 	



   .blogPosts h4.am__title {     font-size: 18px; }



   .blogPosts footer.footer { padding: 40px 24px 24px; }



   body.woocommerce-page button.wc-block-cart-item__remove-link{



    margin-top: 0 !important;



    float: left;



}



.woocommerce-page h1.entry-title, .site-main h1.entry-title{



    font-size: 32px;



}



/* header#header .header-areas.flex ul#menu-header-menu{ gap: 32px; padding: 0 30px; } */

header#header .header-areas.flex ul#menu-header-menu{ gap: 20px; padding: 0 30px; }







 .blogPosts .am_post_grid .am_grid_col{ padding: 0 15px 15px 15px; } 



}



@media only screen and (max-width:1100px){



    .blog_post_form .commentbox textarea, .blog_post_form .commentbox input {



        width: 100%;



    }

    body #header .container-fluid .header-areas .light-dark-mood-desk{top:0;}



    .blog_post_form .commentbox{



        margin-inline: auto;



        margin-bottom: 30px;



        width: 100%;



        clear: both;



        float: none;



    } 



body #header .container-fluid .header-areas .logo-mobile.tac.trans a, body #header .container-fluid .header-areas .logo-mobile.tac.trans a img { width: 40px; display: flex; align-items: center; justify-content: center; }



header#header .header-areas.flex ul#menu-header-menu { gap: 36px; }



body #header .container-fluid .header-areas #menu-nav, body #header .container-fluid .header-areas .logo, body #header.sticky.totop .container-fluid .header-areas #menu-nav, body #header.sticky.totop .container-fluid .logo { display: none; }



body #header .container-fluid .header-areas .menu-toggle { display: block; background-image: url(/my-content/uploads/2025/05/menu-toggle.png)!important; background-repeat: no-repeat!important; background-position: center!important; border: unset!important; padding: 0; width: 58px; height: 43px; background-color: #fff!important; mix-blend-mode: difference; }



body #header .container-fluid .header-areas .logo-mobile.tac.trans {top:20px; position: absolute; left: calc(50% - 20px); width: 40px; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; }



body #mobile-menu .mob-menu a.logo-link img { width: 70px; margin: 0 auto; }



body #header { top: 20px; }



body #header .container-fluid .header-areas { align-items: unset; padding: 15px 0; }



body #mobile-menu .mob-menu .moods .light-dark-mood-mob { position: unset; }



body #mobile-menu .mob-menu a.logo-link { display: flex; margin-bottom: 18px; }







.wc-block-components-sidebar-layout .wc-block-components-main {



    width: 100% !important;



    padding-inline: 0;



}







.wc-block-components-sidebar-layout {



    flex-direction: column-reverse;



    margin-bottom: 24px;



}







.wc-block-components-sidebar {



    padding-inline: 0 !important;



    width: 100% !important;



    position: static !important;



    margin-bottom: 30px;



}







.woocommerce-checkout .entry-content {



    margin-top: 0;



}







.wc-block-components-form .wc-block-components-checkout-step {



    margin-bottom: 25px;



}



.woocommerce-page div#content {



    padding-top: 130px;



}



}











@media only screen and (max-width:997px){ 	



    body #header .container-fluid { padding-left: 15px; padding-right: 15px; }



    body #header .container-fluid .header-areas .light-dark-mood-desk { position: unset; width: auto; min-width: auto; max-width: max-content; }



    body #header .container-fluid .header-areas { display: flex; justify-content: space-between; }



}











@media only screen and (max-width:991px){ 	

    .woocommerce-checkout .woocommerce-order .woocommerce-order-details h2, .woocommerce-checkout .woocommerce-order .woocommerce-customer-details h2 { font-size: 32px; }



    .blogPosts div#content {        padding-left: 15px;     padding-right: 15px; }



	/* .blogPosts  footer.footer {     padding: 48px 15px; } */



	.blogPosts .am_grid_col {      max-width: calc(50% - 10px) !important;     flex: calc(50% - 10px) !important; }



	.blogPosts footer.footer .row.footer_menu {     flex-direction: column;     justify-content: flex-start;     align-items: flex-start; }



	.blogPosts  .footer_menu_logo {     margin-bottom: 32px; }



	.blogPosts .footer_menu_links_socials {     order: 2; }



	.blogPosts .footer_menu_links_items {     grid-template-columns: 1fr;     order: 1; }



    .blogPosts .row.footer_copyright { flex-direction: column; gap: 32px; }



    section.error-404 .page-content h1 {



        font-size: 90px;



        line-height: 100px;



    }



    body.category .category-author, body.author .category-author {



        --columns: 2;



    --gap: 20px;



    }



    body.category main .category-author article, body.author main .category-author article{



        padding: 20px;



    }



    .error-404.not-found.default-max-width h1 {



        font-size: 40px;



        margin: 5px 0 30px;



        line-height: 50px;



    }



    .error-404 a {



        padding: 10px 25px;



        font-size: 16px;



        line-height: 26px;



    }















    .blogPosts .am_post_grid{



        column-gap: 10px;



        row-gap: 20px;



    }







    .blogPosts .am_grid_col { max-width: calc(50% - 5px) !important ; flex: calc(50% - 5px) !important; }







    body.single-post .content_inner h2 { font-size: 26px; }



}





@media only screen and (max-width:767px){

    .woocommerce-checkout .woocommerce-order .woocommerce-order-details h2, .woocommerce-checkout .woocommerce-order .woocommerce-customer-details h2 { font-size: 26px; }

    body #mobile-menu .mob-menu { height: calc(100% + 40px); overflow-y: auto; overflow-x: hidden; margin: 60px 0; display: block; position: relative; top: -100px; padding-bottom: 40px; }

    body #mobile-menu .flex.fje { position: relative; z-index: 2; }





    .error-404.not-found.default-max-width img {



        max-width: 80%;



    }



    .error-404.not-found.default-max-width {



        padding: 120px 0 30px;



    }



    .mainarticle .entry-content .justify.blog_post_form {



        flex-direction: column;



    }



    



    .mainarticle .entry-content .justify.blog_post_form>.commentbox, .mainarticle .entry-content .justify.blog_post_form>.content_inner {



        flex-basis: 100%;



        width: 100%;



        position: static;



        margin: 0 !important;



        padding: 0 !important;



    }



    



    .blog_post_form .commentbox input.wpcf7-submit {



        min-width: 0;



    } 



    .blogPosts footer.footer .row.footer_menu .tkd-logo-wrapper a img {     width: 60px; }



	.blogPosts p.footer_menu_logo_text {     font-size: 16px;     line-height: 20px; }



	.single.single-post .entry-content *, .single .site-main > article > .entry-footer, .single.single-post nav.navigation.post-navigation, .single.single-post .comments-area { max-width: calc(100vw - 4 * var(--global--spacing-horizontal)) !important; }



	.single.single-post .nav-previous, .single.single-post .nav-next{ width: 100%; }



    .blogPosts .row.footer_copyright{ align-items: self-start; }



    .footer .footer_menu .col-lg-12.col-md-12.col-12 { font-size: 14px; line-height: 1.8; }



    .blogPosts .footer_menu_links_items li a { font-size: 15px; }



    .blogPosts footer.footer { padding: 32px 15px!important; }



   



    .single.single-post .entry-content *, .single .site-main > article > .entry-footer, .single.single-post nav.navigation.post-navigation, .single.single-post .comments-area { max-width: 100%!important; }



    td.wc-block-cart-item__product{



        padding-inline: 0 !important;



    }



    table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img{



        min-width: 70px;



    }



    .blogPosts div#content{



        padding-top: 110px;



    }



    .woocommerce-page h1.entry-title, .site-main h1.entry-title{



        font-size: 28px;



    }



    .wp-block-woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__container select,



    .wp-block-woocommerce-checkout .wc-block-components-text-input input, .wp-block-woocommerce-checkout .wc-block-components-text-input input:focus, .wp-block-woocommerce-checkout .wc-block-components-text-input input:focus-visible, .wp-block-woocommerce-checkout .wc-block-components-text-input input:hover ,



    .wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label {



        font-size: 18px !important;



    }











    body.single-post .content_inner h2 { font-size: 20px; margin-bottom: 15px; }



    body.single-post .content_inner section.sc_fs_faq.sc_card h2 { font-size: 18px; }



    #comparison table td { font-size: 16px; }



    



    body.single-post .entry-content .content_inner  p,  body.single-post .entry-content .content_inner ul li ,  body.single-post .entry-content .content_inner ul li a, body.single-post .entry-content .content_inner ol li a, body.single-post .entry-content .content_inner ol li,  body.single-post .entry-content .content_inner {



        font-size: 16px !important;



        line-height: 24px



    }



    .single.single-post .entry-content .content_inner ol, .single.single-post .entry-content .content_inner ul{



    margin-bottom: 15px;



}







.single.single-post .entry-content .content_inner ol{



    padding-left: 30px;



}

.single.single-post footer.entry-footer {



    margin: 0;



    width: 100%;



    max-width: 100%;



}



body.single-post .content_inner h2 { margin: 20px 0 10px 0; }



form.search-form {



    width: 100%;



    position: relative;



    top: 0;



    margin-bottom: 20px;



    max-width: 100%;



}



.techno-contnt {



    max-width: 100%;



    top: 0;



}



.mainarticle nav.breadcrumbs {



    margin: 0 auto 40px;



}



    .single.single-post .entry-title {



    font-size: 32px;



}



.cus-srch-rslt form.search-form {



    width: 100%;



    margin: 15px 0 45px;



}



.cus-srch-rslt h1 {



    font-size: 32px;



}

/* .contenttablediv.desktopviewshow {

    width: 300px;

    margin: 0;

    position: fixed;

    top: 100px;

    bottom: inherit;

    right: -300px;

    left: inherit;

    transition: all ease-out 0.3s !important;

    -webkit-transition: all ease-out 0.3s !important;

    -moz-transition: all ease-out 0.3s !important;

    -ms-transition: all ease-out 0.3s !important;

    z-index: 9;

}

.mobiletablecontent {

    margin: 0;

    border-bottom: 0px solid #d8d8d8 !important;

    line-height: 100%;

    position: absolute;

    background: black;

    transform: rotate(-90deg);

    left: -110px;

    top: 100px;

    line-height: 30px;

    padding: 5px 10px;

    border-radius: 5px 5px 0 0;

    color: #fff;

    text-transform: uppercase;

    font-size: 14px !important;

    font-weight: 600;

    letter-spacing: 2px;

} */



.contenttablediv {

    width: 100%;

    margin-bottom: 30px;

    margin-top: 0;

    padding: 20px 25px;

}

.contenttablediv {

    display: none;

}







}















@media only screen and (max-width:640px){ 



    body.search.search-results section#content .fusion-posts-container>article>.fusion-post-wrapper {



        flex-direction: column;



    }



    



    body.search.search-results section#content .fusion-posts-container>article>.fusion-post-wrapper .fusion-flexslider+.fusion-post-content-wrapper, body.search.search-results section#content .fusion-posts-container>article>.fusion-post-wrapper .fusion-flexslider {



        margin: 10px 0;



        width: 100%;



        flex-basis: 100%;



    }



}



@media only screen and (max-width:575px){ 



    



    .blogPosts .am_grid_col {     max-width: 100% !important;     flex: 100% !important; }



    body.category .category-author, body.author .category-author {



        --fr_flex: 100%;



    }



    body.author .category-author article figure.post-thumbnail .post-thumbnail-inner img.attachment-post-thumbnail, body.category .category-author article figure.post-thumbnail .post-thumbnail-inner img.attachment-post-thumbnail{



        height: auto !important;



    }



    body.category article header.entry-header figure.post-thumbnail, body.author article header.entry-header figure.post-thumbnail{



        width: 100%;



    }



    .error-404.not-found.default-max-width h1 {



        font-size: 32px;



        margin: 5px 0 20px;



        line-height: 42px;



    }



    .error-404.not-found.default-max-width {



        padding: 120px 0 10px;



    }







    .blogPosts .am_post_grid { row-gap: 15px; }



    .single.single-post .entry-title {



    font-size: 28px;



}



.cus-srch-rslt h1 {



    font-size: 28px;



}



}











@media only screen and (max-width:480px){ 



footer.footer .footer-bottom-links ul { gap: 15px; flex-wrap: wrap; }







}







/* this at last always */



/* html,



html *,



html body,



html body *,



body *,



body * *,



body * * *,



body a,



body a *,



body button , 



body button *, 



body label,



body label,



body label *,



html body *,html body * *,html body * * *,



*, * *, * * *



{



    cursor: url(https://technodeviser.com/my-content/uploads/2024/12/all-cursor.png) 16 16, auto !important;



} */







.woocommerce-breadcrumb {



    font-size: 14px;



    color: #333;



    padding: 10px 0;



    display: block !important;



}







.woocommerce-breadcrumb a {



    color: #0073e6;



    text-decoration: none;



}







.woocommerce-breadcrumb a:hover {



    text-decoration: underline;



}



body.blog header#header .header-areas.flex ul#menu-header-menu .current-menu-item a {



    color: #ff5e1f !important;



}



.blog header.page-header.alignwide h1.page-title {



    font-size: 72px;



    font-weight: 600;



    text-align: center;



    color: #000;



    line-height: 86px;



}



.blog.dark header.page-header.alignwide h1.page-title {



    color: #fff;



}



body.blog header.page-header.alignwide {



    border: none;



    margin: 0;



    padding: 0;



}



.faq-toggle-wrapper .sc_fs_faq > div > div {



display: none;



}



.faq-toggle-wrapper .sc_fs_faq.active > div > div {



display: block;



}







@media (max-width: 1799px){



    .blog header.page-header.alignwide h1.page-title {



        font-size: 64px;



        line-height: 72px;



    }







}



@media (max-width: 1640px){



    .blog header.page-header.alignwide h1.page-title {



        font-size: 42px;



        line-height: 50px;



    }



}



@media (max-width: 1200px){



    .blog .site-main > *:last-child {



        margin-top: 50px;



    }







}



@media (max-width: 991px){



    .blog header.page-header.alignwide h1.page-title {



        font-size: 32px;



        line-height: 40px;



    }



}



/******3-july css start here *****/

.single.single-post .entry-content p a, .single.single-post .entry-content p a:focus {

    text-decoration: underline !important;

}

.mobileViewOnly { display: none; }

.dark .contenttablediv { background-color: #000; border: 1px solid; border-radius: 10px; }

.dark .contenttablediv > * { color: #fff !important; }

body.single-post.dark .contenttablediv ul li a { color: #fff !important; }

.techno-contnt .post-featured-image img { margin-bottom: 25px; }

@media (max-width: 767px) {

/* .mobileViewOnly { display: block; margin-top: 20px; } */

.single-post .mobileViewOnly ul.tblcontent.blog_tblcontent li:last-child{ margin-bottom: 0; }

.mobileViewOnly.contenttablediv ul { padding-bottom: 0 !important; max-height: 100%; }

.techno-contnt .post-featured-image img { margin-bottom: 0; }



}

/******3-july css end here *****/