@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
*{margin:0px;padding:0px;box-sizing:border-box;}
img{max-width:100%;}
body,html{margin:0px;padding:0px;box-sizing:border-box;font-family: "Instrument Sans", sans-serif;}
a,button,input,select,textarea,a:hover,a:focus,button:focus,button:hover,input:focus,textarea:focus{text-decoration:none;outline:none;box-shadow:none;transition:0.4s ease all;}
a{text-decoration:none;color:inherit}
ul{list-style:none;margin:0;padding:0}
h2,h3,p{margin:0}
html { scroll-behavior: smooth; }

.techno_wp-header { position: relative; z-index: 99; padding: 24px 0;}
.techno_wp-header .container {width: 100%; max-width: 1760px; margin:0 auto;padding:0 40px;}
.scrolled { z-index: 9999; background-color: #e7f3f8; position: sticky; top: 0; box-shadow: 0 5px 30px #0003; }
.tech_wp-outer { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 20px; } 
.techno_brand-logo { display: flex; width: 183px; }
nav.tech_nav-hdr { border-radius: 100px; background-color: #fff; }
.tech_wp-menu-widget { display: flex; list-style: none; align-items: center; gap: 5px; padding: 12px; }
.tech_wp-menu-widget > li { display: flex; align-items: center; } 
.tech_wp-menu-widget > li > a { border-radius: 9999px; padding:8px 24px; font-size: 20px; font-weight: 400; line-height: 160%; transition: all 300ms; background-color: transparent; color: rgba(17, 17, 17, 0.8); text-decoration: none; } 
.techno_brand-logo img { vertical-align: top; }
.tech_wp-menu-widget > li > a:hover, .tech_wp-menu-widget > li.active > a { background-color: #eef6fb; color: #111111 !important; }
.tech_wp-menu-widget > li.has-submenu.active > a { color: #111111 ; }
.tech_wp-menu-widget > li.has-submenu > a { padding-right: 32px; } 
.dropdown-arrow { position: relative; display: flex; align-items: center; } 
.dropdown-arrow button { position: absolute; right: 12px; display: flex; cursor: pointer; border: 0; background: transparent; padding: 0; color: rgba(17, 17, 17, 0.7); transition: transform 300ms;pointer-events: none; }
.dropdown-arrow button svg { margin-top: 4px; }
.tech_wp-menu-widget > li.has-submenu.active .dropdown-arrow button { transform: rotate(180deg); }
.tech_wp-menu-widget > li.has-submenu.active .dropdown-arrow button svg { margin: 0; }
.tech_wp-menu-widget > li.has-submenu.active .submenu { opacity: 1; visibility: visible; }
.tech_wp-menu-widget > li .submenu { position: absolute; left: 0; top: 86%; z-index: 100; width: 100%; padding-top: 12px; transition: all 200ms; visibility: hidden; transform: translateY(8px); opacity: 0; }
.techno-wp-right-hdr { display: flex; align-items: center; gap: 72px; } 
.shopify-logo-for-mob a { display: flex; width: 40px; height: 40px; } 
.shopify-logo-for-mob a img { width: auto; height: auto; }
.shopify-logo-for-mob { display: none; }
.shopify_img-cp-btn { display: flex; align-items: center; gap: 32px; }
.toggle-for-mobile { display: none; cursor: pointer; border: 0; background: transparent; padding: 0; } 
.shopify_img-cp-btn > a { display: inline-block; width: 145px; }
.hdr_cp-btn { display: flex; }
.hdr_cp-btn a { border-radius: 9999px; background: linear-gradient(to right, #047AF9, #00C3D3); padding: 12px 32px; font-size: 18px; font-weight: 500; color: #fff; transition: all 300ms; text-decoration: none;line-height:27px; }
.hdr_cp-btn a:hover{background: linear-gradient(to bottom, #047AF9, #00C3D3);}
.when_click-toggle-menu-open { position: fixed; left: 0; top: 0; z-index: 9999; height: 100vh; width: 100%; max-width: 400px; overflow-y: auto; background-color: #fff; padding: 20px; transition: transform 400ms ease-in-out; transform: translateX(-100%); }
.when_click-toggle-menu-open.menu-open{transform: translateX(0);}
.overlay-when-open-toggle { position: fixed; inset: 0; z-index: 9998; background-color: rgba(0, 0, 0, 0.4); transition: all 400ms; display: none; visibility: hidden; opacity: 0; }
.menu_innr-itm { margin: 0 auto; max-width: 1080px; overflow: hidden; border-radius: 12px; border: 1px solid rgba(33, 126, 185, 0.15); background-color: #e4f1f8; padding: 25px; padding-top: 10px; box-shadow: 0 12px 35px rgba(17, 17, 17, 0.12); }
.hder_main-listing { display: flex; list-style: none; flex-wrap: wrap; gap: 0 40px; padding: 0; }
.hder_main-listing li{position: relative; width: calc(33.33% - 26.66px); border-bottom: 1px solid #ddd; padding: 15px 0;}
.tech_wp-menu-widget > li .submenu .hder_main-listing li a { position: relative; display: flex; align-items: center; gap: 15px; border-radius: 8px; font-size: 16px; font-weight: 500; line-height: 22px; color: #111111; transition: all 200ms; } 
.tech_wp-menu-widget > li .submenu .hder_main-listing li a:hover { color: #217EB9; } 
.tech_wp-menu-widget > li .submenu .hder_main-listing li a img { width: 35px; height: 35px; flex-shrink: 0; object-fit: contain; transition: transform 300ms; } 
.tech_wp-menu-widget > li .submenu .hder_main-listing li a:hover img { transform: translateX(4px); }
.hder_main-listing>li:nth-last-child(-n+3) { border-bottom: none; padding-bottom: 0; }
.overlay-when-open-toggle.menu-open { opacity: 1; visibility: visible; }

.mobile-side-menu { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; max-width: 400px; height: 100vh; overflow-y: auto; padding: 20px; background: #ffffff; transform: translateX(-100%); transition: transform 400ms ease-in-out; }
.mobile-side-menu.menu-open { transform: translateX(0); }
.mobile-menu-inner { display: flex; flex-direction: column; gap: 30px; }
.mobile-menu-header { display: flex; align-items: center; justify-content: space-between; }
.mobile-menu-logo { width: 150px; }
.mobile-menu-logo img { display: block; width: 100%; height: auto; }
.mobile-menu-close { display: block; cursor: pointer; border: 0; padding: 0; background: transparent; }
.mobile-menu-close img { display: block; }
.mobile-navigation { display: block; }
.mobile-menu-list { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.mobile-menu-item { width: 100%; padding-bottom: 8px; border-bottom: 1px solid rgba(17, 17, 17, 0.1); }
.mobile-menu-item:last-child { border-bottom: 0; }
.mobile-menu-link-row { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.mobile-menu-link { flex: 1; padding: 8px 12px 8px 0; background: transparent; color: rgba(17, 17, 17, 0.8); font-size: 18px; font-weight: 400; line-height: 26px; text-decoration: none; transition: color 300ms ease; }
.mobile-menu-link:hover, .mobile-menu-link.active { color: #217EB9; }
.mobile-submenu-toggle { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 35px; height: 35px; cursor: pointer; border: 1px solid rgba(33, 126, 185, 0.2); border-radius: 50%; background: #eef6fb; color: #217EB9; transition: transform 300ms ease; }
.has-mobile-submenu.submenu-open .mobile-submenu-toggle { transform: rotate(180deg); }
.mobile-submenu { display: grid; grid-template-rows: 0fr; overflow: hidden; opacity: 0; transition: grid-template-rows 300ms ease, opacity 300ms ease; }
.has-mobile-submenu.submenu-open .mobile-submenu { grid-template-rows: 1fr; opacity: 1; }
.mobile-submenu-inner { min-height: 0; overflow: hidden; padding-left: 12px; }
.mobile-submenu-inner > ul { display: flex; flex-direction: column; gap: 4px; margin: 4px 0 0; padding: 0 0 0 12px; list-style: none; border-left: 2px solid rgba(33, 126, 185, 0.25); }
.mobile-submenu-inner li a { display: flex; align-items: center; gap: 12px; padding: 8px 12px; border-radius: 8px; color: rgba(17, 17, 17, 0.75); font-size: 16px; font-weight: 400; line-height: 22px; text-decoration: none; transition: background-color 300ms ease, color 300ms ease; }
.mobile-submenu-inner li a:hover, .mobile-submenu-inner li a.active { background: #eef6fb; color: #217EB9; }
.mobile-submenu-inner li a img { width: 35px; height: 35px; flex-shrink: 0; object-fit: contain; transition: transform 300ms ease; }
.mobile-submenu-inner li a:hover img { transform: translateX(4px); }
.mobile-menu-footer { display: flex; flex-wrap: wrap; align-items: center; gap: 32px; }
.mobile-shopify-logo { display: inline-block; width: 145px; }
.mobile-shopify-logo img { display: block; width: 100%; height: auto; }
.mobile-contact-wrapper { display: flex; }
.mobile-contact-button { display: inline-block; padding: 12px 32px; border-radius: 9999px; background: linear-gradient( 	to right, 	#047AF9, 	#00C3D3 ); color: #ffffff; font-size: 18px; font-weight: 500; line-height: normal; text-decoration: none; transition: all 300ms ease; }
.mobile-contact-button:hover { background: linear-gradient( to bottom, #047AF9, #00C3D3 ); }

/* =========================================
   Blog Banner section
========================================= */
body:before { content: ""; opacity: .06; filter: blur(150px); z-index: -1; background: #217eb9; width: 100%; height: 100%; position: absolute; top: 0; left: 50%; transform: translate(-50%); }
.abt-main-scn { position: relative; overflow: hidden; }
.abt-main-scn .container { width: 100%; max-width: 1760px; margin-left: auto; margin-right: auto;padding: 0 20px; }
.abt_outer-main { display: flex; align-items: flex-end; gap: 74px; }
.abt_lft-section { display: flex; flex-direction: column; align-items: center; width: 100%; gap: 20px; padding-top: 84px; padding-bottom: 126px; }
.tech-text_outer { display: flex; width: fit-content; padding: 15px 31px; border: 1px solid #01BDD0; border-radius: 9999px; } 
.tech-text_outer span { font-family: "Instrument Sans", sans-serif; font-size: 18px; font-weight: 400; font-style: normal; line-height: 120%; background: linear-gradient( to right, #047AF9, #00C3D3 ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; }
.visi_on-outer { display: flex; flex-direction: column; width: 100%; max-width: 1130px; gap: 16px; } 
.visi_on-outer h1 { margin: 0; padding: 0; font-family: "Instrument Sans", sans-serif; font-size: 64px; font-weight: 700; line-height: 120%; color: #111111; text-align: center; } 
.visi_on-outer p { margin: 0; padding: 0; font-family: "DM Sans", sans-serif; font-size: 20px; font-weight: 400; line-height: 120%; color: rgba(17, 17, 17, 0.8); text-align: center; }


/* =========================================
   BLOG SECTION
========================================= */
.blog-listing { padding: 120px 0; background: #fff; overflow: hidden; }
.blog-container { width: 100%; max-width: 1720px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.blog-layout { display: flex; flex-wrap: wrap; gap: 40px; }
.blog-posts-column { width: calc(100% - 570px); } 
.blog-post-grid { display: flex; flex-wrap: wrap; gap: 40px; }
.blog-card { width: calc(50% - 20px); display: block; color: #111; text-decoration: none; transition: all 0.3s ease-in-out; border-radius: 12px; overflow: hidden; border: 1px solid #eef5fa; }
.blog-card-image { width: 100%; overflow: hidden;  } 
.blog-card-image img {
	display: block;
	width: 100%;
	object-fit: contain;
	transition: all 0.3s ease-in-out;
	background: #eef5fa;
	aspect-ratio: 5 / 2;
    height: 100%;
}
/* .blog-card:hover .blog-card-image img { transform: scale(1.1); } */
/* .blog-card-content { position: relative; z-index: 1; width: calc(100% - 48px); margin: -73px auto 0; padding: 24px; display: flex; flex-direction: column; gap: 8px; border-radius: 8px; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(8px); } */
.blog-card-content { position: relative; z-index: 1; width: 100%; margin: 0 auto; padding: 24px; display: flex; flex-direction: column; gap: 8px; border-radius: 0; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(8px); }
.blog-date { font-family: "Instrument Sans", sans-serif; font-size: 16px; font-weight: 500; line-height: 140%; text-transform: uppercase; color: #111; opacity: 0.7; } 
.blog-card-content h5 { margin: 0; font-family: "Instrument Sans", sans-serif; font-size: 24px; font-weight: 500; line-height: 140%; text-transform: capitalize; color: #111; transition: all 0.3s ease-in-out; } 
.blog-card:hover .blog-card-content h5 { color: #217EB9; }
.pagination-blog { margin-top: 48px; } 
.pagination-blog ul { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; list-style: none; } 
.pagination-blog button { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #f1f1f1; border-radius: 8px; background: #fff; font-size: 16px; color: #333; } .pagination-blog button.current { background: #217EB9; border-color: #217EB9; color: #fff; } 
.pagination-blog button:disabled { opacity: 0.4; cursor: not-allowed; }
.blog-sidebar { width: 530px; display: flex; flex-direction: column; gap: 24px; }
.blog-search input { width: 100%; padding: 18px 70px 18px 24px; border: 0.5px solid rgba(33, 126, 185, 0.24); border-radius: 16px; background-color: #fff; background-image: url("../images/search.svg"); background-repeat: no-repeat; background-position: center right 24px; font-family: "Instrument Sans", sans-serif; font-size: 20px; font-weight: 400; line-height: 150%; color: #111; outline: none; } 
.blog-search input::placeholder { color: #111; }
.sidebar-box { padding: 24px; border-radius: 16px; background: rgba(33, 126, 185, 0.08); } 
.sidebar-box > h5 { margin: 0 0 12px; padding-bottom: 20px; border-bottom: 1px solid rgba(33, 126, 185, 0.2); font-family: "Instrument Sans", sans-serif; font-size: 24px; font-weight: 600; line-height: 29px; color: #111; }
.category-list { display: flex; flex-direction: column; gap: 12px; } 
.category-list a { position: relative; display: flex; align-items: center; justify-content: space-between; padding-left: 32px; font-family: "Instrument Sans", sans-serif; font-size: 18px; font-weight: 400; line-height: 150%; color: #111; opacity: 0.7; text-decoration: none; transition: all 0.3s ease-in-out; } 
.category-list a:hover { color: #217EB9; opacity: 1; font-weight: 500; } 
.category-arrow { position: absolute; left: 0; top: 2px; width: 20px; height: 20px; background-image: url("https://technodeviser.com/blog/wp-content/uploads/2026/10/arrow-in.svg"); background-repeat: no-repeat; background-size: 20px 20px; transition: all 0.3s ease-in-out; } 
.category-list a:hover .category-arrow { left: 5px; filter: invert(38%) sepia(70%) saturate(1000%) hue-rotate(165deg) brightness(85%) contrast(90%); }
.popular-topics { display: flex; flex-direction: column; gap: 20px; } 
.popular-topics > h5 { padding: 0; margin: 0; border: 0; } 
.popular-topics ul { display: flex; flex-wrap: wrap; column-gap: 12px; row-gap: 16px; margin: 0; padding: 0; list-style: none; } 
.popular-topics li { display: flex; } 
.popular-topics a { padding: 4px 16px; border-radius: 100px; background: rgba(33, 126, 185, 0.12); font-family: "DM Sans", sans-serif; font-size: 14px; font-weight: 400; line-height: 160%; text-align: center; color: #111; text-decoration: none; transition: all 0.3s ease-in-out; } 
.popular-topics a:hover, .popular-topics a.blog-topic.active { background: #217EB9; color: #fff; }
.latest-blog-list { display: flex; flex-direction: column; gap: 12px; } 
.latest-blog { display: flex; gap: 12px; text-decoration: none; transition: all 0.3s ease-in-out;  align-items: center;}
.latest-blog-image { width: 160px; flex-shrink: 0; overflow: hidden;  } 
.latest-blog-image img { display: block; /* width: 100%; height: 100%; */ /* aspect-ratio: 160 / 116; */ object-fit: cover; border-radius: 4px; /* object-fit: contain; */ transition: all 0.3s ease-in-out; background-color: #fff; }
/* .latest-blog:hover .latest-blog-image img { transform: scale(1.1); }  */
.latest-blog-content { width: calc(100% - 172px); padding:  0; display: flex; flex-direction: column; justify-content: space-between; } 
.latest-blog-content h6 { margin: 0; font-family: "Instrument Sans", sans-serif; font-size: 18px; font-weight: 500; line-height: 150%; color: #111; transition: all 0.3s ease-in-out; letter-spacing: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.latest-blog:hover .latest-blog-content h6 { color: #217EB9; } 
.latest-blog-content span { font-family: "Instrument Sans", sans-serif; font-size: 16px; font-weight: 500; line-height: 150%; text-decoration: underline; color: #217EB9; transition: all 0.3s ease-in-out; } 
.latest-blog:hover .latest-blog-content span { color: #111; }

/* Footer Section CSS Start Here */
.demo-main{min-height:180px;text-align:center;padding:44px 16px;background:#f5f7fa;color:#153047}
.demo-main h1{margin:0 0 12px}
.site-footer{position:relative;isolation:isolate;overflow:hidden;background:#131d28 url('https://technodeviser.com/blog/wp-content/uploads/2026/10/Footer_bg-img.jpg') center/cover no-repeat;color:white}
.site-footer:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(12px);z-index:-1}
.footer-container{max-width:1720px;padding:0 40px;margin:0 auto}
.footer-content{position:relative;padding:120px 0 198px;display:flex;flex-direction:column;gap:36px}
.footer-watermark{position:absolute;bottom:0;left:0;width:100%;pointer-events:none}
.footer-contacts,.footer-main,.footer-bottom{position:relative;z-index:1}
.footer-contacts{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}
.contact-item{display:flex;align-items:center;gap:16px;min-width:0;width:calc(33.33% - 13.33px)}
.contact-item>img{width:44px;height:44px;flex:none}
.contact-item>span{display:flex;flex-direction:column;min-width:0}
.contact-item strong{font-size:20px;font-weight:500}
.contact-item>span>span{font-size:18px;line-height:28px;overflow-wrap:anywhere; width: max-content;   transition: 0.4s ease all;}
/* .contact-item:hover>span>span{color:#217eb9} */
.contact-item>span>span:hover{color:#217eb9}
.contact-phone{justify-content:center;position:relative}
.contact-phone:before,.contact-phone:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:1px;height:84px;background:#ffffff4d}
.contact-phone:before{left:0}
.contact-phone:after{right:0}
.contact-address{justify-content:flex-end}
.footer-main{display:flex;flex-wrap:wrap;gap:172px;padding:36px 0;position:relative}
.footer-main:before,.footer-main:after{content: "";position:absolute;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#ffffff52,transparent)}
.footer-main:before{top:0}
.footer-main:after{bottom:0}
.footer-about{width:calc(38% - 129px)}
.footer-company{width:calc(15% - 129px)}
.footer-services{width:calc(20% - 129px)}
.footer-newsletter{width:calc(27% - 129px)}
.footer-main>div,.footer-main>nav{min-width:0;position:relative}
.footer-about,.footer-links,.footer-newsletter{display:flex;flex-direction:column}
.footer-about{gap:16px}.footer-links{gap:12px}
.footer-newsletter{gap:20px}
.footer-main>.footer-about:after,.footer-main>nav:after{content:"";position:absolute;top:0;right:-86px;width:1px;height:100%;background:linear-gradient(180deg,transparent,#ffffff52,transparent)}
.footer-about h2{font-size:40px;line-height:48px;font-weight:700; text-transform: capitalize;}
.footer-about p{font-size:18px;line-height:28px}
.social-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.social-list a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#217eb9;transition:background .25s}
.social-list a:hover{background:#306c88}
.social-list img{width:24px;height:24px;object-fit:contain}
.footer-links h3 { font-size: 20px; font-weight: 500; line-height: 26px; }
.footer-links ul{display:flex;flex-direction:column;gap:8px}
.footer-links a{font-size:18px;line-height:28px}
.footer-links a:hover,.footer-bottom a:hover{color:#217eb9}
.footer-newsletter h3{font-size:24px;font-weight:700}
.footer-newsletter form{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.footer-newsletter input{width:100%;min-width:0;border-radius:8px;border:1px solid #ffffff4d;background:#ffffff0d;padding:16px 20px;font:inherit;font-size:16px;color:white;outline:none}
.footer-newsletter input:focus{border-color:#00c3d3}
.footer-newsletter input::placeholder{color:#ddd}
.footer-newsletter button{ border:0;border-radius:999px;padding:12px 32px;font:inherit;font-size:18px;font-weight:500;color:white;background:linear-gradient(90deg,#047af9,#00c3d3);cursor:pointer; line-height: 24px;}
.footer-newsletter button:hover{background:linear-gradient(180deg,#047af9,#00c3d3)}
.footer-newsletter button:disabled{opacity:.6;cursor:not-allowed}
.newsletter-message{font-size:14px;line-height:1.4}
.newsletter-message.success{color:#86efac}
.newsletter-message.error{color:#fca5a5}
.newsletter-message:empty{display:none}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;font-size:18px;line-height:29px}
.footer-bottom ul{display:flex;flex-wrap:wrap}
.footer-bottom li+li{border-left:1px solid #ffffff4d;margin-left:24px;padding-left:24px}
.footer-newsletter input::placeholder{ color: #a2a3a5; }
/* Footer Section CSS End Here */

/* Single page CSS Start Here */
.main_div-blogSg { display: flex; flex-wrap: wrap; gap: 36px; } 
.main_div-blogSg .rt_div-sgBlog { width: 390px; } 
.main_div-blogSg .lf_div-sgBlog { width: calc(100% - 426px); display: flex; flex-direction: column; gap: 36px; } 
.img_cl-detl { display: flex; flex-direction: column; } 
.img_cl-detl>img { border-radius: 24px; width: 100%; /* aspect-ratio: 1254/634; */ object-fit: contain; }
.det_al-lis { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; padding: 32px 0; border-bottom: 1px solid rgba(33, 126, 185, 0.12); } 
.det_al-lis li { display: flex !important; align-items: center; gap: 8px; padding:0 !important;} 
.det_al-lis li img { width: 28px; height: 28px; } 
.det_al-lis li span { font-family: 'Instrument Sans'; font-style: normal; font-weight: 500; font-size: 20px; line-height: 24px; color: #111111; } 
.cnt_pr-bl p { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 29px; color: #111111; opacity: 0.8; max-width: 1208px; } 
.ai-srch-mt { padding: 32px; background: rgba(33, 126, 185, 0.04); border-left: 2px solid #217EB9; border-radius: 16px; display: flex; flex-direction: column; gap: 16px; } 
.ai-srch-mt h2,.hw_rl-mt h2 { font-family: 'Instrument Sans'; font-style: normal; font-weight: 700; font-size: 36px; line-height: 54px; color: #111111; } 
.pr_glb-bg { display: flex; flex-direction: column; gap: 8px; } 
.pr_glb-bg p { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 29px; color: #111111; opacity: 0.8; } 
.pr_glb-bg p a { font-weight: 600; color: #217EB9; text-decoration: underline; } 
.pr_glb-bg p a:hover { color: #000; } 
.fr_exp-li { display: flex; flex-direction: column; gap: 12px; } 
.fr_exp-li h5 { font-family: 'DM Sans'; font-style: normal; font-weight: 600; font-size: 24px; line-height: 34px; color: #217EB9; } 
.exp_li-div { display: flex; flex-direction: column; gap: 8px; } 
.exp_li-div li { display: flex; align-items: center; gap: 8px; } 
.exp_li-div li img { width: 16px; height: 16px; } 
.exp_li-div li span { width: calc(100% - 24px); font-family: 'DM Sans'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 29px; color: #111111; }
.hw_rl-mt { display: flex; flex-direction: column; gap: 16px; max-width: 1083px; }
.hw_rl-mt .exp_li-div { gap: 8px 40px; flex-direction: unset; flex-wrap: wrap; }
.hw_rl-mt .exp_li-div li { width: calc(50% - 20px); } 
.hw_rl-mt .fr_exp-li .exp_li-div{ max-width: 770px; }
.inr_imgs-div img { width: 100%; border-radius: 20px; }
.sc_hw-rl .fr_exp-li .exp_li-div { max-width: 1035px; }
.btm_bnr-bg { display: flex; gap: 20px; padding: 32px; border-radius: 16px; background-image: url('../images/Quote.png'); background-repeat: no-repeat; background-position: center; background-size: cover;}
.btm_bnr-bg .icn_lf-blg { width: 52px; } 
.btm_bnr-bg .cnt_lf-blg { width: calc(100% - 72px); } 
.cnt_lf-blg h3 { font-family: 'Instrument Sans'; font-style: italic; font-weight: 500; font-size: 28px; line-height: 42px; color: #FFFFFF; }
.blog_faq-div{ display: flex; flex-direction: column; gap: 20px; }
.blog_faq-div h4{ font-family: 'Instrument Sans'; font-style: normal; font-weight: 600; font-size: 28px; line-height: 42px; color: #111111; }
.blog_faq-div .accordion button[aria-expanded='true'] + .accordion-content { opacity: 1; max-height: 9em; transition: all 200ms linear; will-change: opacity, max-height; }
.blog_faq-div .accordion .accordion-content { opacity: 0; max-height: 0; overflow: hidden; transition: opacity 200ms linear, max-height 200ms linear; will-change: opacity, max-height; }
.blog_faq-div .accordion { display: flex; flex-direction: column; gap: 16px; } 
.blog_faq-div .accordion .accordion-item { width: 100%; background: rgba(33, 126, 185, 0.04); border: 1px solid rgba(33, 126, 185, 0.16); backdrop-filter: blur(12px); border-radius: 12px; padding: 20px; }
.blog_faq-div .accordion .accordion-item button { width: 100%; text-align: left; background: unset; border: none; cursor: pointer; display: flex; gap: 20px; justify-content: space-between; align-items: center; }
.blog_faq-div .accordion .accordion-item button span.accordion-title { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 32px; color: #111111; }
.blog_faq-div .accordion .accordion-item button span.icon {transition: 0.4s ease all; background-image: url('../images/faq_ac-icn.svg'); background-repeat: no-repeat; background-position: center; background-size: 16px 8px; width: 16px; height: 8px; }
.blog_faq-div .accordion .accordion-item .accordion-content p { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 29px; color: rgba(17, 17, 17, 0.7); }
.blog_faq-div .accordion .accordion-item.active span.icon { transform: rotate( 180deg); }
.blog_faq-div .accordion .accordion-item.active .accordion-content { padding-top: 10px; }
.cm_dt-rtBlg { padding: 24px; background: rgba(33, 126, 185, 0.04); border-radius: 16px; display: flex; flex-direction: column; gap: 20px; }
.cm_dt-rtBlg h3{ font-family: 'Instrument Sans'; font-style: normal; font-weight: 600; font-size: 28px; line-height: 34px; color: #111111; }
.soc_icn-div ul { display: flex; gap: 15px; align-items: center; flex-wrap: wrap; }
.soc_icn-div ul li { width: calc(16.66% - 13.33px); }
.soc_icn-div ul li a{height: 44px; width: 44px; background: #217EB9; border-radius: 100px; display: flex; align-items: center; justify-content: center; transition: 0.3s ease all; }
.soc_icn-div ul li a:hover { background: #000; }
.soc_icn-div ul li svg { width: auto; height: auto; }
.inner_rt-bgDiv { display: flex; flex-direction: column; gap: 32px; }
.cnt_hd-lv { display: flex; flex-direction: column; gap: 4px; }
.cnt_hd-lv p { font-family: 'Instrument Sans'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #111111b3; }
.tbl_cnt-an { display: flex; flex-direction: column; gap: 12px; padding-left: 12px; position: relative; }
.tbl_cnt-an li { display: block; width: 100%; position: relative;} 
.tbl_cnt-an li a { display: inline; font-family: 'Instrument Sans'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 27px; color: #111111b3; transition: 0.4s ease all;}
.tbl_cnt-an li a:hover{ color: #217EB9; }
.tbl_cnt-div h3 { width: max-content; position: relative; padding-bottom: 16px; }
.tbl_cnt-div h3:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-image: url("https://technodeviser.com/blog/wp-content/uploads/2026/10/btm_lt-cnttlupdated.png"); background-repeat: no-repeat; }
.tbl_cnt-an:before { content: ''; position: absolute; left: -5px; top: 0; background: rgba(33, 126, 185, 0.32); width: 0.5px; height: 100%; }
.tbl_cnt-an li.active a { font-weight: 500; color: #217EB9; }
.tbl_cnt-an li.active:before { content: ''; background: #217EB9; position: absolute; width: 3px; height: 100%; border-radius: 0px 12px 12px 0px; left: -17px; top: 0; }
.blog-search { width: 100%; }
.blog-search input { box-sizing: border-box; width: 100%; padding: 18px 70px 18px 24px; border: 0.5px solid rgba(33, 126, 185, 0.24); border-radius: 16px; background-color: #fff; background-image: url('https://technodeviser.com/blog/wp-content/uploads/2026/10/search.svg'); background-repeat: no-repeat; background-position: right 24px center; font-family: 'Instrument Sans', sans-serif; font-size: 20px; font-weight: 400; line-height: 150%; color: #111111; outline: none; appearance: none; -webkit-appearance: none; }
.blog-search input::placeholder { color: #111111; opacity: 1; }
.blog-search input::-webkit-search-cancel-button { cursor: pointer; }
.blog_single-sec.relative { padding: 120px 0; background: #fff; position: relative; }
.comment-form { display: flex; flex-direction: column; gap: 12px; width: 100%; font-family: 'DM Sans', sans-serif; }
.comment-form .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.comment-form-field { width: 100%; }
.comment-input, .comment-textarea { box-sizing: border-box; display: block; width: 100%; border: 0.5px solid rgba(33, 126, 185, 0.24); border-radius: 8px; background: rgba(255, 255, 255, 0.4); padding: 0 16px; font-family: 'DM Sans', sans-serif; font-size: 16px; font-weight: 400; color: #111111; outline: none; -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); transition: border-color 0.3s ease; }
.comment-input { height: 46px; }
.comment-input::placeholder, .comment-textarea::placeholder, .comment-phone-input::placeholder { color: #111; }
.comment-input:focus, .comment-textarea:focus { border-color: #217EB9; }
.comment-phone-wrapper { box-sizing: border-box; display: flex; align-items: center; width: 100%; height: 46px; overflow: hidden; border: 0.5px solid rgba(33, 126, 185, 0.24); border-radius: 8px; background: rgba(255, 255, 255, 0.4); -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); transition: border-color 0.3s ease; }
.comment-phone-wrapper:focus-within { border-color: #217EB9; }
.comment-country-select { position: relative; display: flex; flex-shrink: 0; align-items: center; height: 100%; padding-left: 16px; }
.comment-country-flag { pointer-events: none; font-size: 18px; line-height: 1; }
.comment-country-select select { position: absolute; inset: 0; width: 100%; height: 100%; cursor: pointer; appearance: none; -webkit-appearance: none; opacity: 0; }
.comment-country-arrow { pointer-events: none; width: 10px; height: 10px; margin-left: 8px; color: #111111; }
.comment-phone-input { box-sizing: border-box; flex: 1; min-width: 0; height: 100%; border: none; background: transparent; padding: 0 16px 0 10px; font-family: 'DM Sans', sans-serif; font-size: 16px; font-weight: 400; color: #111111; outline: none; }
.comment-textarea { height: 107px; padding: 12px 16px; resize: none; }
.comment-submit-btn { box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 100%; height: 47px; margin-top: 12px; padding: 0 24px; border: none; border-radius: 9999px; background: linear-gradient( 90deg, #3578F1 0%, #00BFD0 100% ); font-family: 'DM Sans', sans-serif; font-size: 18px; font-weight: 500; color: #ffffff; cursor: pointer; transition: box-shadow 0.3s ease, transform 0.3s ease; }
.comment-submit-btn:hover { box-shadow: 0 8px 24px rgba(33, 126, 185, 0.28); }
.comment-submit-btn:focus { outline: 2px solid rgba(33, 126, 185, 0.4); outline-offset: 2px; }
.comment-submit-btn:active { transform: scale(0.99); }
.soc_icn-div.cm_dt-rtBlg li { width: auto; }
.container { max-width: 1720px; margin: 0 auto; padding: 0 40px; }

.br_cr-blg { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 11px; margin: 0; padding: 0; list-style: none; } 
.br_cr-blg li { display: flex; align-items: center; gap: 11px; } 
.br_cr-blg li a { display: flex; align-items: center; gap: 11px; text-decoration: none; } 
.br_cr-blg span { font-family: "Instrument Sans", sans-serif; font-size: 18px; font-weight: 400; line-height: 22px; color: #111111; opacity: 0.7; } 
.br_cr-blg li:last-child span { background: linear-gradient( 90deg, #3578F1 0%, #00BFD0 100% ); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; opacity: 1; } 
.br_cr-blg img { display: block; flex-shrink: 0;}


.blog-posts-column { position: relative; }
.blog-loader { position: absolute; inset: 0; z-index: 10; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.8); }
.blog-loader[hidden] { display: none !important; }
.loader-spinner { width: 45px; height: 45px; border: 4px solid #e5e5e5; border-top-color: #047AF9; border-radius: 50%; animation: blogSpin 0.8s linear infinite; }
@keyframes blogSpin { to { transform: rotate(360deg); } }
.category-list a.active { color: #217EB9; opacity: 1; font-weight: 500; }
.category-list a.active .category-arrow { left: 5px; filter: invert(38%) sepia(70%) saturate(1000%) hue-rotate(165deg) brightness(85%) contrast(90%); }
footer.site-footer { max-width: 100%; }
/* Single Page CSS End Here */


/* new_css */
.single-post .blog_single-sec .lf_div-sgBlog  ul li::before { content: ''; position: absolute; top: 8px; left: 0;}
.single-post .blog_single-sec .lf_div-sgBlog ul li { position: relative;padding-left: 26px; display: block;}
.single-post .blog_single-sec .lf_div-sgBlog br {display: none;}
.single-post section.blog_single-sec .lf_div-sgBlog ol > li {flex-direction: column; align-items: flex-start;}
.soc_icn-div.cm_dt-rtBlg ul li {padding: 0;}
.techno-contnt { max-width: 100%; position: unset; display: flex; flex-direction: column; gap: 15px; }
.techno-contnt h2, .techno-contnt h2 span{ font-family: 'Instrument Sans'; font-style: normal; font-weight: 700; font-size: 36px; line-height: 54px; color: #111111; }
body.single-post .techno-contnt .faq-toggle-wrapper section.sc_fs_faq.sc_card h2 { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-size: 20px; line-height: 32px; color: #111111; margin: 0; }
.techno-contnt h3 { font-family: 'Instrument Sans'; font-style: normal; font-weight: 700; font-size: 28px; line-height: 36px; color: #111111; }
.techno-contnt h4 { font-family: 'Instrument Sans'; font-style: normal; font-weight: 700; font-size: 24px; line-height: 34px; color: #111111; }
.techno-contnt h5 { font-family: 'Instrument Sans'; font-style: normal; font-weight: 700; font-size: 22px; line-height: 32px; color: #111111; }
.techno-contnt h6 { font-family: 'Instrument Sans'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 30px; color: #111111; }
.techno-contnt p, .leave_cnt-div.cm_dt-rtBlg p, .logged-in-as p, .logged-in-as a, .logged-in-as span{ font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 29px; color: #111111; opacity: 0.8 }
.soc_icn-div.cm_dt-rtBlg li a span { display: flex; align-items: center; justify-content: center; }
.techno-contnt span, .techno-contnt li{ font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 29px; color: #111111; opacity: 0.8 }
.table_outer_sec { width: 100%; margin: 28px 0; overflow-x: auto; /* border: 1px solid #e2e8f0; */ border-radius: 10px; /* background: #ffffff; box-shadow: 0 4px 18px rgba(15, 23, 42, 0.06); */ -webkit-overflow-scrolling: touch; display: flex; flex-direction: column; gap: 15px; } .table_outer_sec table { width: 100%; min-width: 680px; border-collapse: collapse; border-spacing: 0; margin: 0; font-family: inherit; font-size: 15px; line-height: 1.65; color: #334155; text-align: left; } .table_outer_sec table td { padding: 15px 18px; border: none; border-bottom: 1px solid #e8edf3; vertical-align: top; }
.table_outer_sec table tr:first-child td { background: #217eb9; color: #ffffff; font-size: 15px; font-weight: 700; padding: 17px 18px; border-bottom: 3px solid #217eb9; }
.table_outer_sec table thead tr:first-child td { background: #000;    border-bottom: 3px solid #ffffff;}

.table_outer_sec table tr:first-child td strong { color: #ffffff; font-weight: 700; }
.table_outer_sec table tr:not(:first-child):nth-child(even) td { background: #f1f6fc; }
.table_outer_sec table tr:not(:first-child):nth-child(odd) td { background: #ffffff; }
.table_outer_sec table tr:not(:first-child) td:first-child { color: #000; font-weight: 600; }
.techno-contnt ol, .techno-contnt ul { list-style-position: inside; display: flex; flex-direction: column; gap: 8px; }
.techno-contnt a, .comment-respond .blog-comment-form-inner p a, .logged-in-as a{  color: #217EB9; text-decoration: underline; font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 29px;}
.techno-contnt a:hover, .comment-respond .blog-comment-form-inner p a:hover, .logged-in-as a:hover{ color: #000; }
.table_outer_sec table tr:last-child td { border-bottom: none; }
body.single-post .techno-contnt section.sc_fs_faq.sc_card { margin: 15px 0; width: 100%; background: rgba(33, 126, 185, 0.04); border: 1px solid rgba(33, 126, 185, 0.16); backdrop-filter: blur(12px); border-radius: 12px; padding: 20px; box-shadow: none; }
.comment-respond .blog-comment-form-inner p input,  .comment-respond .blog-comment-form-inner p textarea { display: block; width: 100%; border: 0.5px solid rgba(33, 126, 185, 0.24); border-radius: 8px; background: rgba(255, 255, 255, 0.4); padding: 0 16px; font-family: 'DM Sans', sans-serif; font-size: 16px; font-weight: 400; color: #111111; outline: none; -webkit-backdrop-filter: blur(40px); backdrop-filter: blur(40px); transition: border-color 0.3s ease; height: 46px; }
.comment-respond  .blog-comment-form-inner p input::placeholder { color: #333333; }
.comment-respond  .blog-comment-form-inner p input:focus { border-color: #3578F1; }
.comment-respond .blog-comment-form-inner p textarea { height: 107px; padding: 12px 16px; resize: none; }
.comment-respond  .blog-comment-form-inner p textarea[name="message"]::placeholder { color: #333333; }
.comment-respond  .blog-comment-form-inner p textarea[name="message"]:focus { border-color: #3578F1; }
.comment-respond .blog-comment-form-inner p input[type="submit"] { box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 100%; height: 47px; margin-top: 12px; padding: 0 24px; border: none; border-radius: 9999px; background: linear-gradient(90deg, #3578F1 0%, #00BFD0 100%); font-family: 'DM Sans', sans-serif; font-size: 18px; font-weight: 500; color: #ffffff; cursor: pointer; transition: box-shadow 0.3s ease, transform 0.3s ease; }
.comment-respond .blog-comment-form-inner p input[type="submit"]:hover, .comment-respond .blog-comment-form-inner p input[type="submit"]:focus{ background: linear-gradient(to left, #3578F1, #00BFD0); }
.comment-respond .blog-comment-form-inner p label { font-family: "DM Sans", sans-serif; font-size: 14px; margin: 0; }
.comment-respond .blog-comment-form-inner p { display: flex; flex-direction: column; gap: 10px; }
.blog-comment-form-inner { display: flex; flex-direction: column; gap: 12px; }
.comment-respond .blog-comment-form-inner p input::placeholder, .comment-respond .blog-comment-form-inner p textarea::placeholder{ color: #000; }
.single-post #comments.comments-area.default-max-width.show-avatars, .single-post nav.navigation.post-navigation  { display: none; }
.techno-contnt ul li:before { background: url(https://technodeviser.com/blog/wp-content/uploads/2026/10/blg_icn-clIcn.svg); min-height: 16px; min-width: 16px;  background-size: 16px; content: ""; display: inline-flex; background-repeat: no-repeat; }
.techno-contnt li{ opacity: 1; display: flex; gap: 8px; align-items: center;}
body.single-post .techno-contnt .faq-toggle-wrapper section.sc_fs_faq.sc_card h2:after { background-image: url(https://technodeviser.com/blog/wp-content/uploads/2026/08/faq_down-arrow.svg); transition: 0.4s ease all; background-repeat: no-repeat; background-position: center; background-size: 16px 8px; width: 16px; height: 8px; transform: translate(0%, -50%); border: unset; }
body.single-post .techno-contnt .faq-toggle-wrapper section.sc_fs_faq.sc_card > div > div { padding-top: 10px; }
body.single-post .techno-contnt .faq-toggle-wrapper section.sc_fs_faq.sc_card.active h2:after {  transform: translate(0, -50%) rotate(180deg); }
button:focus-visible, button:focus{ outline: unset !important; }
.pagination-blog button:hover { background: #217EB9; border-color: #217EB9; color: #fff; }
.comment-respond .blog-comment-form-inner p a { opacity: 1; }
.comment-user-links { display: flex; gap: 5px 10px; flex-wrap: wrap; }
.logged-in-as { display: flex; flex-direction: column; gap: 5px; }
.techno-contnt p img { border-radius: 10px; }

@media (max-width: 1720px) {
	.tech_wp-menu-widget > li > a{padding:10px 12px;font-size: 18px; line-height: 120%;}
	.dropdown-arrow button{right:8px;}
	.footer-main { column-gap: 60px; row-gap: 20px; } .footer-about { width: calc(38% - 45px); }
    .footer-company { width: calc(14% - 45px); }
    .footer-services { width: calc(21% - 45px); }
    .footer-newsletter { width: calc(27% - 45px); }
    .footer-main>.footer-about:after, .footer-main>nav:after { right: -22px; }
}

@media (max-width: 1440px) {
	.techno_brand-logo { width: 150px; }
	.techno_wp-header {padding: 15px 0; }
	.tech_wp-menu-widget{padding:6px;}
	.tech_wp-menu-widget > li > a{font-size: 16px;}
	.techno-wp-right-hdr{gap:20px;}
	.shopify_img-cp-btn {gap: 15px; }
	.shopify_img-cp-btn > a { width: 120px; }
	.hdr_cp-btn a{padding:12px 15px;}
	.mobile-menu-footer { gap: 15px; } 
	.mobile-shopify-logo { width: 120px; } 
	.mobile-contact-button { padding-left: 15px; padding-right: 15px; }
	.abt_outer-main { gap: 30px; } 
	.tech-text_outer { padding: 10px 24px; } 
	.tech-text_outer span { font-size: 16px; line-height: 20px; } 
	.visi_on-outer h1 { font-size: 54px; line-height: 64px; }
	.blog-listing { padding: 100px 0; } 
	.blog-layout { gap: 30px; } 
	.blog-posts-column { width: calc(100% - 480px); } 
	.blog-post-grid { gap: 20px; } 
	.blog-card { width: calc(50% - 10px); } 
	.blog-card-content { padding: 20px; } 
	.blog-card-content h5 { font-size: 20px; line-height: 28px; } 
	.blog-sidebar { width: 450px; } 
	.blog-search input { padding: 12px 60px 12px 15px; background-position: center right 15px; font-size: 18px; }
	.footer-content{padding:100px 0 150px}
    .footer-about h2{font-size:34px;line-height:42px}.footer-newsletter h3{font-size:20px;line-height:28px}
    .contact-item>img{width:30px;height:30px}.contact-item strong{font-size:18px;line-height:26px}
    .contact-item>span>span,.footer-links a{font-size:16px;line-height:24px}
	section.blog_single-sec.relative { padding: 100px 0; }
	.main_div-blogSg { gap: 30px; }
	.main_div-blogSg .rt_div-sgBlog { width: 300px; }
	.main_div-blogSg .lf_div-sgBlog { width: calc(100% - 330px); gap: 30px; }
	.inner_rt-bgDiv { gap: 30px; }
	.cm_dt-rtBlg h3 { font-size: 24px; line-height: 34px; }
	.cm_dt-rtBlg { padding: 20px; border-radius: 16px; }
	.det_al-lis { gap: 20px; padding: 30px 0; }
	.det_al-lis li span { font-size: 18px; line-height: 24px; }
	.det_al-lis li img { width: 24px; height: 24px; }
	.ai-srch-mt { padding: 28px; }
	.hw_rl-mt .exp_li-div li { width: calc(50% - 10px); }
	.hw_rl-mt .exp_li-div { gap: 8px 20px; }
	.btm_bnr-bg .icn_lf-blg { width: 46px; }
	.btm_bnr-bg .cnt_lf-blg { width: calc(100% - 66px); }
	.cnt_lf-blg h3 { font-size: 24px; line-height: 36px; }
	.ai-srch-mt h2, .hw_rl-mt h2 { font-size: 32px; line-height: 44px; }
	.techno-contnt h2, .techno-contnt h2 span { font-size: 32px; line-height: 44px; }

	body.single-post .techno-contnt .faq-toggle-wrapper section.sc_fs_faq.sc_card h2 { font-size: 20px; line-height: 32px; }
	.techno-contnt h3 { font-size: 26px; line-height: 34px; }
	.techno-contnt h4 { font-size: 22px; line-height: 32px; }
	.techno-contnt h5 { font-size: 20px; line-height: 30px; }
	.techno-contnt h6 { font-size: 18px; line-height: 26px; }
	.techno-contnt p, .leave_cnt-div.cm_dt-rtBlg p, .techno-contnt a, .comment-respond .blog-comment-form-inner p a, .logged-in-as p, .logged-in-as a, .logged-in-as span{ font-size: 18px; line-height: 29px; }
	.techno-contnt span, .techno-contnt li{ font-size: 18px; line-height: 29px; }
	
	



}

@media (max-width: 1200px) {
	nav.tech_nav-hdr,.shopify_img-cp-btn {display:none;}
	.shopify-logo-for-mob { display: flex; }
	.toggle-for-mobile,.overlay-when-open-toggle{display:block;}
	.techno_wp-header .container{padding:0 20px;}
	.mobile-contact-button { padding: 10px 15px; font-size: 16px; line-height: 22px; }
	.abt_outer-main { gap: 20px; } 
	.abt_lft-section { gap: 20px; padding-top: 50px; padding-bottom: 50px; } 
	.visi_on-outer h1 { font-size: 44px; line-height: 54px; } 
	.visi_on-outer p { font-size: 18px; line-height: 26px; }
	.blog-listing { padding: 90px 0; } 
	.blog-layout { gap: 20px; } 
	.blog-posts-column { width: calc(100% - 370px); } 
	.blog-sidebar { width: 350px; gap: 15px; } 
	.sidebar-box { padding: 15px; } 
	.sidebar-box > h5 { font-size: 20px; line-height: 28px; padding-bottom: 15px; } 
	.category-list a { font-size: 16px; line-height: 24px; } 
	.popular-topics { gap: 15px; }
	.footer-content{ padding: 90px 0 120px 0; }
    .footer-about { width: calc(34% - 45px); }
    .footer-company { width: calc(17% - 45px); }
    .footer-services { width: calc(22% - 45px); }
    .footer-newsletter { width: calc(27% - 45px); }
    .footer-contacts { display: flex; gap: 20px; flex-wrap: wrap; }
    .contact-item { width: calc(30% - 13.33px); }
    a.contact-item.contact-phone { width: calc(30% - 13.33px); }
    a.contact-item.contact-address{ width: calc(40% - 13.33px); }
    .footer-container{padding:0 20px;}
	section.blog_single-sec.relative { padding: 90px 0; }
	.main_div-blogSg { gap: 20px; }
	.main_div-blogSg  .lf_div-sgBlog { gap: 20px; }
	.container { padding: 0 20px; }
	.blog-search input { font-size: 18px; padding: 12px 60px 12px 15px; background-position: center right 15px; }
	.inner_rt-bgDiv { gap: 20px; }
	.cm_dt-rtBlg h3 { font-size: 20px; line-height: 30px; }
	.ai-srch-mt { padding: 20px; }
	.ai-srch-mt h2, .hw_rl-mt h2 { font-size: 28px; line-height: 36px; }
	.fr_exp-li h5 { font-size: 20px; line-height: 30px; }
	.exp_li-div li { width:100%; }    
	.hw_rl-mt .exp_li-div li { width: 100%; }
	.btm_bnr-bg { padding: 20px; }
	.btm_bnr-bg .icn_lf-blg { width: 40px; }
	.btm_bnr-bg .cnt_lf-blg { width: calc(100% - 60px); }
	.cnt_lf-blg h3 { font-size: 20px; line-height: 32px; }
	.blog_faq-div h4 { font-size: 20px; line-height: 32px; }
	.blog_faq-div .accordion .accordion-item button span.accordion-title { font-size: 18px; line-height: 26px; }
	.techno-contnt h2, .techno-contnt h2 span { font-size: 28px; line-height: 36px; }


}

@media(max-width:1024px){
    .contact-item{gap:10px}
    .footer-about h2{font-size:28px;line-height:36px}
    .social-list a{width:35px;height:35px}
    .social-list img{width:20px;height:20px}
    .footer-newsletter h3{font-size:18px;line-height:26px}
    .footer-newsletter form{gap:10px}
    .footer-newsletter input{padding:10px 14px}
    .footer-newsletter button{padding-top:8px;padding-bottom:8px}
}

@media (max-width: 991px) {
	.single-post .blog_single-sec .lf_div-sgBlog ul li { padding-left: 20px;}
	.abt_lft-section { width: 100%; gap: 10px; padding-top: 30px; padding-bottom: 50px; } 
	.tech-text_outer { padding: 8px 16px; } 
	.tech-text_outer span { font-size: 14px; line-height: 16px; } 
	.visi_on-outer { gap: 10px; } 
	.visi_on-outer h1 { font-size: 36px; line-height: 44px; }
	.blog-listing { padding: 70px 0; } 
	.blog-posts-column { width: 100%; order: 2; } 
	.blog-sidebar { width: 100%; order: 1; } 
	/* .blog-card-content { width: calc(100% - 30px); }  */
	.blog-card-content h5 { font-size: 16px; line-height: 24px; }
	.footer-about { width: 100%; }
    .footer-company { width: calc(33.33% - 40px); }
    .footer-services { width: calc(33.33% - 40px); }
    .footer-newsletter { width: calc(33.33% - 40px); }
    .contact-item>img { width: 25px; height: 25px; }
    .social-list { margin-top: 0; }
    .footer-content{ padding: 70px 0 100px 0; }
    .contact-item  br.desktop-break { display: none; }
    .footer-links h3{ font-size: 18px; line-height: 26px; }
    .footer-bottom { font-size: 16px; line-height: 24px; gap: 10px; }
    .footer-bottom li+li { margin-left: 8px; padding-left: 8px; }
	section.blog_single-sec.relative { padding: 70px 0; }
	.cnt_pr-bl p{ line-height: 26px; }
	.main_div-blogSg  .lf_div-sgBlog { width: 100%; order: 1; }
	.main_div-blogSg   .rt_div-sgBlog { width: 100%; }
	.tbl_cnt-an li a { font-size: 18px; line-height: 26px; }
	.exp_li-div li img { width: 12px; height: 12px; }
	.contact-item>span>span { width: 100%; }
	.techno-contnt ul li:before { min-height: 12px; min-width: 12px; background-size: 12px; }
}

@media (max-width: 767px) {
	.single-post .blog_single-sec .lf_div-sgBlog ul li::before { top: 7px;}
	.techno_brand-logo { width: 120px; }
	.techno_wp-header {padding: 10px 0; }
	.techno_wp-header .container {padding:0 15px;}
	.mobile-side-menu { padding: 15px; } 
	.mobile-menu-logo { width: 120px; } 
	.mobile-menu-footer { gap: 15px; }
	.abt-main-scn .container { padding-left: 15px; padding-right: 15px; } 
	.tech-text_outer { padding: 5px 15px; } 
	.tech-text_outer span { font-size: 12px; line-height: 14px; } 
	.visi_on-outer { gap: 10px; } 
	.visi_on-outer h1 { font-size: 32px; line-height: 40px; } 
	.visi_on-outer p { font-size: 16px; line-height: 24px; }
	.blog-listing { padding: 50px 0; } 
	.blog-container { padding-left: 15px; padding-right: 15px; } 
	.blog-post-grid { gap: 15px; } 
	.blog-card { width: calc(50% - 7.5px); border-radius: 10px; } 
	/* .blog-card-image { border-radius: 10px; }  */
	.blog-card-content { padding: 15px; } 
	.blog-date { font-size: 14px; line-height: 20px; } 
	.blog-search input { padding: 8px 60px 8px 15px; border-radius: 10px; } 
	.sidebar-box { border-radius: 10px; } 
	.popular-topics ul { gap: 10px; } 
	.popular-topics a { padding: 4px 10px; } 
	.category-list { gap: 8px; } 
	.category-list a { padding-left: 26px; } 
	.category-arrow { width: 18px; height: 18px; background-size: 18px 18px; }
	.latest-blog{ gap: 10px; }
	.latest-blog-list { gap: 10px; } 
	.latest-blog-image { width: 100px; } 
	.latest-blog-content { width: calc(100% - 110px); } 
	.latest-blog-content h6 { font-size: 14px; line-height: 20px; } 
	.latest-blog-content span { font-size: 14px; line-height: 20px; }
	.footer-content{padding:50px 0 80px;gap:30px}
    .contact-phone{justify-content:flex-start;padding:0}.contact-phone:before,.contact-phone:after{display:none}
    .footer-newsletter{grid-column:auto}.footer-about h2{font-size:24px;line-height:32px}
    .footer-bottom{font-size:16px;line-height:24px;gap:10px}
    .footer-contacts { gap: 15px; }
    .contact-item { width: calc(50% - 7.5px); }
    a.contact-item.contact-phone { width: calc(50% - 7.5px); }
    a.contact-item.contact-address { width: 100%; }
    a.contact-item.contact-address { width: 100%; justify-content: flex-start; }
    br.desktop-break { display: none; }
    .footer-company { width: calc(50% - 30px); }
    .footer-services { width: calc(50% - 30px); }
    .footer-newsletter { width: 100%; }
    .footer-newsletter button { padding: 8px 20px; font-size: 16px; }
    .social-list { gap: 8px; }
	.comment-respond .blog-comment-form-inner p input[type="submit"] { height: 44px; font-size: 16px; }
	.comment-respond .blog-comment-form-inner p input { height: 44px; }
	body.single-post .techno-contnt .faq-toggle-wrapper section.sc_fs_faq.sc_card h2:after { background-size: 14px 7px; width: 14px; height: 7px; }
	.table_outer_sec table td { padding: 8px 12px; }
	body.single-post .techno-contnt section.sc_fs_faq.sc_card { border-radius: 10px; padding: 15px; }
    nav.footer-links.footer-services:after{ display: none; }
    .footer-about:after { display: none; }
    .footer-bottom { justify-content: center; }
    .footer-bottom ul { justify-content: center; }
    .footer-newsletter form { flex-direction: row; }
    .footer-container { padding: 0 15px; }
    .footer-about { gap: 10px; }
    .footer-main { padding: 30px 0; }
    .footer-newsletter { gap: 10px; }
    .footer-about p{font-size:16px; line-height: 24px;}
	section.blog_single-sec.relative { padding: 50px 0; }
	.cnt_pr-bl p{ font-size: 16px; line-height: 24px; } 
	.main_div-blogSg { gap: 15px; }
	.main_div-blogSg  .lf_div-sgBlog { gap: 15px; }
	.container { padding: 0 15px; }
	.blog-search input { padding-top: 8px; padding-bottom: 8px; border-radius: 10px; }
	.inner_rt-bgDiv { gap: 15px; }
	.cm_dt-rtBlg { padding: 15px; border-radius: 10px; gap: 10px;}
	.cm_dt-rtBlg h3 { font-size: 18px; line-height: 26px; /* padding: 15px; */ }
	.tbl_cnt-an li a { font-size: 16px; line-height: 24px; }
	.leave_cnt-div.cm_dt-rtBlg h3, .soc_icn-div.cm_dt-rtBlg h3 { padding: 0; }
	.comment-input { height: 44px; }
	.comment-submit-btn { height: 44px; font-size: 16px; }
	.soc_icn-div ul li a { height: 40px; width: 40px; }
	.soc_icn-div ul { gap: 10px;}
	.img_cl-detl>img { border-radius: 10px; }
	.det_al-lis { gap: 12px; padding: 15px 0; }
	.det_al-lis li img { width: 20px; height: 20px; }
	.det_al-lis li span { font-size: 16px; line-height: 22px; }
	.ai-srch-mt {  scroll-margin-top: 80px; padding: 15px; border-radius: 10px; gap: 15px; }
	.ai-srch-mt h2, .hw_rl-mt h2 { font-size: 24px; line-height: 32px; }
	.pr_glb-bg p { font-size: 16px; line-height: 24px; }
	.fr_exp-li h5 { font-size: 18px; line-height: 26px; }
	.exp_li-div li span { line-height: 26px;  font-size: 16px;  width: calc(100% - 20px); }
	.hw_rl-mt { gap: 15px; }
	.btm_bnr-bg { scroll-margin-top: 80px; gap: 15px; border-radius: 10px; padding: 15px; }
	.btm_bnr-bg .icn_lf-blg { width: 34px; }
	.btm_bnr-bg .cnt_lf-blg { width: calc(100% - 49px); }
	.cnt_lf-blg h3 { font-size: 18px; line-height: 28px; }
	.blog_faq-div { gap: 15px; }
	.blog_faq-div .accordion .accordion-item { border-radius: 10px; padding: 15px; }
	.blog_faq-div .accordion { gap: 15px; }

	.techno-contnt h2, .techno-contnt h2 span { font-size: 24px; line-height: 32px; }
	body.single-post .techno-contnt .faq-toggle-wrapper section.sc_fs_faq.sc_card h2 { font-size: 18px; line-height: 28px; }
	.techno-contnt h3 { font-size: 22px; line-height: 30px; }
	.techno-contnt h4 { font-size: 20px; line-height: 28px; }
	.techno-contnt h5 { font-size: 18px; line-height: 26px; }
	.techno-contnt h6 { font-size: 17px; line-height: 25px; }
	.techno-contnt p, .leave_cnt-div.cm_dt-rtBlg p, .techno-contnt a, .comment-respond .blog-comment-form-inner p a, .logged-in-as p, .logged-in-as a, .logged-in-as span{ font-size: 16px; line-height: 24px; }
	.techno-contnt span, .techno-contnt li{ font-size: 16px; line-height: 24px; }

}

@media (max-width: 480px) {
	.visi_on-outer h1 { font-size: 28px; line-height: 36px; }
	.blog-card{width:100%;}
	.footer-newsletter { width: 100%; }
    .footer-main { gap: 30px; } 
    .footer-main>.footer-about:after, .footer-main>nav:after { right: -10px; }
    .footer-company { width: calc(40% - 15px); } 
    .footer-services { width: calc(60% - 15px); }
    .contact-item { width: 100%; }
    nav.footer-links.footer-services:after{ display: none; }
    .footer-content { padding: 50px 0 60px; }


}

/* 27 css for single posts */