/*
Theme Name: BSE Projekt
Theme URI: https://bseprojekt.hu/
Author: BSE Projekt / based on SKT Spirited Lite
Author URI: https://bseprojekt.hu/
Description: A BSE Projekt számára modernizált, reszponzív üzleti WordPress téma könyvelési és pályázatírási szolgáltatásokhoz. A Spirited Lite GPL alapjaira épül.

Version: 2.0.0-bse
Tested up to: 6.8
Requires PHP: 5.6
License: GNU General Public License
License URI: license.txt
Text Domain: spirited-lite

Tags:two-columns,right-sidebar,custom-background,custom-colors,custom-menu,sticky-post,theme-options,threaded-comments,translation-ready

Spirited Lite WordPress Theme has been created by SKT Themes(sktthemes.org), 2016.
Spirited Lite WordPress Theme is released under the terms of GNU GPL

This theme is based on Underscores theme (_s) [Underscores is distributed under the terms of the GNU GPL v2 or later.]

*/

body{ margin:0; padding:0;line-height:20px; font-size:13px; color:#5d5c5c; font-family:Arial, Helvetica, sans-serif;}
*{ margin:0; padding:0; outline:none;}
img{ border:none; margin:0; padding:0; height:auto}
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .aligncenter{ margin:0; padding:0;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#34c6f6;}
a:hover{ color:#7c7c7c;}
ol,ul{ margin:0; padding:0;}
ul li ul, ul li ul li ul, ol li ol, ol li ol li ol{ margin-left:10px;}
h1,h2,h3,h4,h5,h6{ color:#515050; font-family:'Montserrat', sans-serif; margin:0 0 20px; padding:0; line-height:1.1; font-weight:400; word-wrap:break-word;}
h1{ font-size:36px;}
h2{ font-size:18px;}
h3{ font-size:17px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
.clear{ clear:both;}
.alignnone{width:auto;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px;}
.left{ float:left;}
.right{ float:right;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#646262; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#34c6f6;}

#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}

.header .header-inner .logo{float:left; margin:13px 0;}
.header .header-inner{ margin:0 auto; padding:0; position:relative; width:1180px;}
.header .header-inner .logo h1{font-weight:400; margin:0px; line-height:36px;}
.header span.tagline{ font-size:13px;}
.header .header-inner .logo a{ color:#7f8080;}
.header .header-inner .logo img{ height:55px; }
.container{ width:1180px; margin:0 auto; position:relative;}

/*header menu css*/
.toggle{display: block;}
.toggle a{width:100%; color:#ffffff; background:url(images/mobile_nav_right.png) no-repeat right center #3e3e3e; padding:10px 10px; margin-top:5px; font-size:16px;}
.toggle a:hover{color:#ffffff !important;}
.nav{display:none;}


.header{width:100%; height:auto; padding:0; z-index:999; position:relative; clear:both; box-shadow:0 0 3px #eee;}
.header .header-inner .nav{ padding:0; text-align:right; float:right;}
.header .header-inner .nav ul { float:right; margin:0; padding:0; font-family:'Montserrat', sans-serif; font-weight:700;}
.header .header-inner .nav ul li{margin:0; position:relative; text-transform:none; float:left; list-style:none;}
.header .header-inner .nav ul li a{padding:31px 12px 31px 12px; display:block; font-weight:700; text-transform:uppercase; text-align:left;}
.header .header-inner .nav ul li a:hover, .header .header-inner .nav ul li.current_page_item a, .header .header-inner .nav ul li.current-menu-ancestor a, .header .header-inner .nav ul li.current-page-ancestor a, .header .header-inner .nav ul li.current_page_parent a{background-color:#36a8eb; color:#FFF !important;}
.header .header-inner .nav ul li ul li{display:block; position:relative; float:none; top:-1px;}
.header .header-inner .nav ul li ul li a{display:block; padding-top:10px; padding-bottom:10px; position:relative; top:1px;}

.header .header-inner .nav ul li ul{display:none; z-index:9999999; position:relative;}
.header .header-inner .nav ul li:hover > ul{display:block; width:200px; position:absolute; left:0; text-align:left; background-color:#FFF;}
.header .header-inner .nav ul li:hover ul li ul{display:none; position:relative;}
.header .header-inner .nav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:1px;}

/* = header top sign in  css
-------------------------------------------------------------- */
.signin_wrap{ background-color:#36a8eb; color:#fff; line-height:36px; font-size:14px; padding:4px 0;}
.signin_wrap .social-icons a{margin-right:0;}
.signin_wrap .fa{margin:0 2px 0 2px;}
.signin_wrap .right{ text-align:right; line-height:40px;}
.signin_wrap a{ color:#7c7c7c;}

section#home_slider{ padding:0;}
#FrontBlogPost{ padding:50px 0;}
#wrapsecond{padding:0px;}

/* = Services section css
-------------------------------------------------------------- */
#wrapsecond{ background-color:#ffffff; }
#whatwedo .wedobox, #FrontBlogPost .newsbox{ visibility:hidden;}
.services-wrap .one_fourth{border:1px solid #f1f1f1; background-color:#fff; text-align:center; padding:30px 15px; width:20%; margin:0 2.75% 0 0; cursor:pointer; float:left;}
.services-wrap .one_fourth .fa{ font-size:50px; border-bottom:2px solid #383939; padding-bottom:20px;}
.services-wrap .one_fourth img{border-bottom:2px solid #383939; padding-bottom:20px; height:auto; max-width:65px;}
.services-wrap .one_fourth h3{font:600 18px/22px 'Lato',san-serif;  padding:20px 0; margin:0; text-transform:uppercase;}
.services-wrap .one_fourth p{color:#5d5c5c;}
.services-wrap .one_fourth .ReadMore{ margin-top:20px; display: inline-block; border:1px solid #5d5c5c; padding:5px 10px;}
.services-wrap .one_fourth:hover h3{color:#e75300; }
 
.services-wrap .one_fourth a{ color:#5d5c5c;}
.last_column{clear:right; margin-right:0 !important; }
/* = social icons css
-------------------------------------------------------------- */

.social-icons a{ width:27px; height:20px; line-height:20px; text-align:center;  vertical-align:middle; display:inline-block; margin:0; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; font-size:13px; margin-right:5px; margin-top:3px;}

.social-icons .fa:hover{color: #36a8eb;}

.social-icons br{ display:none;}
.social-icons .fa{padding:6px 3px 7px; background-color:#FFF;}

/* = Page lay out css
-------------------------------------------------------------- */
.site-main{ width:760px; margin:0; padding:0; float:left;}
#sitefull{ width:100%; float:none;}
#sitefull p{ margin-bottom:15px;}
.page_content{ padding:25px 0;}
.page_content p{ margin-bottom:20px; line-height:20px;}

.blog_lists{ margin-bottom:30px; }
.blog_lists h2{ margin-bottom:10px;}
.blog_lists h2 a{ color:#484f5e;}
.blog_lists h2 a:hover{ color:#34c6f6;}
.blog_lists p{ margin-bottom:10px;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories{ display:inline; color:#000000;} 
.single_title{ margin-bottom:5px;}
.BlogPosts{ width:31.2%; float:left; margin:0 3% 0 0; text-align:center;}
.BlogPosts img{ width:100%;}
.BlogPosts h2{ margin:10px 0;}
.MoreLink{ color:#5d5c5c ;display: inline-block; border:1px solid #5d5c5c; padding:5px 10px;}
.MoreLink:hover{ color:#e75300; border-color: #e75300;}

/* = sidebar
-------------------------------------------------------------- */
#sidebar{ width:160px; float:right;}
aside.widget{margin-bottom:30px;}
aside.widget ul{ list-style:disc; }

h3.widget-title{color:#4f5051; margin-bottom:-5px; padding-bottom:15px; font-size:24px;}

#sidebar ul li{ list-style:none; background:url(images/sidebar-arrow.png) no-repeat 0 14px; border-bottom:1px dashed #d0cfcf; display:block; word-wrap:break-word; padding:10px 0 10px 20px; }
#sidebar ul li a{ font:300 14px/18px "Roboto",sans-serif; color:#3b3b3b; text-transform:uppercase;}

#sidebar ul li a:hover{ color:#34c6f6;}
#sidebar ul li:last-child a{ border:none;}



/* = Footer css
-------------------------------------------------------------- */
#footer-wrapper{ background-color:#363839; position:relative; padding:15px 0 0; color:#fff; border-top: 4px solid #41b3e5; clear:both;}
#footer-wrapper .cols-4{margin-top:2%; padding:10px 0 25px 0;}
.cols-4{width:22%; float:left; margin:0 6% 2% 0; }
.widget-column-1 { width:29%;}
.widget-column-2 { width:32%;}
.widget-column-3 { width:20%;}
.widget-column-4 { margin-right:0px !important;}
.cols-4 h5{ font-weight:600; font-size:20px; color:#fff; margin-bottom:15px; font-family:'Montserrat';}
.cols-4 ul{ margin:0; padding:0; list-style:inside disc;}
.cols-4 ul li { display:block; padding:0;}
.cols-4 ul li a { color:#fff; font:normal 12px/24px Arial, Helvetica, sans-serif; background:url(images/list-arrow.png) no-repeat 0 2px; padding:0 0 0 20px;}
.cols-4 ul li a:hover, .cols-4 ul li.current_page_item a { background-position:left -13px; color:#dd5145; transition: all 0.5s ease 0s; }

.cols-4 a.readmore span{ color:#fff;}
.cols-4 p{ margin-bottom:15px;}
.cols-4 h1, .cols-4 h2, .cols-4 h3, .cols-4 h4, .cols-4 h5, .cols-4 h6{color:#fff;}
.phone-no{ margin:10px 0 20px; line-height:22px;}
.phone-no a{color:#d6d6d6;}
.phone-no a:hover{color:#d6d6d6;}
.phone-no strong { display:inline-block;}
.cols-4 .phone-no p{ margin-bottom:0;}

.copyright-wrapper { background-color:#36a8eb; position:relative; padding:18px 0;}
.copyright-txt { float:left;}
.design-by { float:right;}
.recent-post{margin:0 0 14px 0; border-bottom:1px solid #464646; padding-bottom:14px;}
.recent-post img{ float:left; width:60px; margin:3px 10px 5px 0;}
.recent-post h6{ font-size:13px; color:#8f9092; margin:0 0 5px; font-weight:normal;}
.recent-post h6:hover{color:#34c6f6;}
.recent-post:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0;}

/* Buttons */
.button, .btnfeatures{ background-color:#ff6565; border-bottom:4px solid #e44545; color:#fff; padding:8px 20px; display:inline-block; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; }
.button:hover{background-color:#34c6f6; border-color:#1898c2; color:#fff;}
.btnfeatures{ background-color:transparent;  border:1px solid #fff; padding:8px 20px; margin-right:20px;}
.btnfeatures:hover{ border-color:#ff6565;}

/* woocommerce CSS
================================================*/
.woocommerce .container{margin-top:20px;}
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto',san-serif; color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto',san-serif; color:#ff6d84;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}

/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;	height: 1px;width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color: #f1f1f1;	border-radius: 3px;	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);	clip: auto !important;	color: #21759b;	display: block;
	font-size: 14px;font-size: 0.875rem;font-weight: bold;	height: auto;left: 5px;	line-height: normal;padding: 15px 23px 14px;text-decoration: none;	top: 5px;	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/* ============= Contact Page =========== */
.wpcf7{ margin:30px 0 0; padding:0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width:40%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:35px; padding:0 15px; color:#797979; margin-bottom:0;}
.wpcf7 textarea{width:60%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:150px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;}
.wpcf7 input[type="submit"]{background-color:#0ec7ab; width:auto; border:none; cursor:pointer; text-transform:uppercase; font:18px 'Roboto',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;}	

/* ============= Comment Form ============ */
h1.screen-reader-text{font:22px 'Roboto',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{font:300 18px 'Roboto',san-serif;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}



/* New Css */
.topfirstbar{ margin:0 auto; position:relative; width:1180px;}
.topbarleft{float:left; text-align:left; color:#FFF; padding:9px 0 9px 0; margin-left:-10px; cursor: pointer;}
 
.topbarleft a{color:#ffffff;}
.topbarleft a:hover{color:#7c7c7c;}
.topbarleft:hover{color:#7c7c7c;}

.icon-left-top{padding:0 12px 0 0; height:auto; margin:-6px 0; float:left; background:url(images/top-divider.png) center right no-repeat; font-family: 'Montserrat'; font-size:13px;}

.icon-left-top .fa{margin:0 12px !important;}

.icon-left-top i{margin-right:5px;}
.bgnone{background:none !important; background-image:none !important;}
.topbarright{float:right; text-align:right; color:#b1b1b1;}

.social-top{float:left; margin-top:2px;}
.top-phonearea{ position:absolute; right:0;}

.slide_more{font-weight: 700; margin: 0; padding:8px 30px; line-height:22px; display:inline-block; border:2px solid; border-color: #ffffff; color: #515050; font-family: 'Montserrat'; font-size: 13px;}
.slide_more:hover{ border-color: #7f8080; color: #515050;}

.bx-about-box{display: block; float: left; height: 100%; min-height: 290px; padding: 20px 10px; width: 31.55%;}
.bx-about-box p{text-align:center;}

.box-icon{text-align: center;}
.boxheading{display: block; font-family: 'Montserrat'; font-size: 22px; font-weight: 700; line-height: 22px; padding: 10px 0 0; text-align: center; text-transform: uppercase;}
.box-content{font-family: "Roboto Condensed",sans-serif; font-size: 14px; color:#FFF;}
.box-content p{line-height: 26px; margin: 10px 0 20px; padding: 0; text-align: center;}

.simple-btn-small{border: 1px solid #fff; font-size: 14px !important; margin: 10px 0 0 !important; padding: 2px 25px !important; height:25px !important; line-height:25px !important; border-radius: 20px !important; display:inline-block !important;}

.botborder{border: 1px solid #fff; clear: both; display: inline-block; width: 6%;}

.boxcolor1{background-color: #36a8eb; color:#FFF;}
.boxcolor2{background-color: #088edd; color:#FFF;}
.boxcolor3{background-color: #1977cc; color:#FFF;}

h2.section_title {font-size: 30px; font-weight: 600; margin-bottom: 0; text-align: center; color: #4f5051; font-family: "Montserrat",sans-serif; padding:0 0 22px;}
.sectiondesc{margin: 0 auto; padding-bottom: 20px; text-align: center; width: 85%; font-family: "Montserrat",sans-serif; color:#8f9092;}
section{padding: 65px 0;}
.wedobox{background-color: #fbfbfb; border: 1px solid #f2f1f1; float: left; height: auto; margin: 20px 20px 0 0; min-height: 270px; padding: 15px; width: 29.45%;}
.boxicon{background-color: #4f5051; border-radius: 50px; clear: both; color: #fff; font-size: 40px; margin: 10px auto 18px; padding: 0; text-align: center; width: 20%;}
.boxtitle{clear: both; color: #4f5051; font-family: 'Montserrat'; font-size: 22px; font-weight: 700; margin: 0 auto; padding-bottom: 15px; text-align: center;}
.wedobox:hover .boxtitle{color: #36a8eb;}
.wedobox:hover .boxicon{background-color: #36a8eb;}
.boxdescription {clear: both; color: #8f8f90; font-size: 13px; margin: 0 auto 18px; text-align: center; font-family: 'Montserrat';}
.wedobox .btn-small{border: 1px solid #4f5051; display: table; float: none; font-size: 14px; margin: 0 auto; padding: 4px 16px; text-align: center; color:##868787; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
.wedobox:hover .btn-small{border-color: #36a8eb; color: #36a8eb;}
.lastbox {margin: 20px 0 0 !important; width: 28.28%;}
section#whatwedo{padding: 25px 0;}

.newsbox{float: left; height: auto; margin-right: 30px; width: 31%;}
.newsdatebox{height: 50px; padding-top: 7px;}
.newsimgbox{display: block; margin-bottom: -40px; position: relative; top: -40px; text-align:center;}
.newsimgbox img{height: 220px; width: auto;}
.boxborder{height: 90%; left: 8px; position: absolute; top: 9px; width: 95%;}
.newstitle{clear: both; color: #58606d !important; font-size: 22px; font-weight: bold; line-height: 26px; padding: 15px 0; font-family: Montserrat; text-align: left;}

.newstitle a{color: #58606d;}
.newscontent{color: #808080; line-height: 22px; padding: 0 0 15px; text-align: left; font-size:13px; font-family: 'Montserrat';}
.newsmore{clear: both; font-family: 'Montserrat';}
.newsmore .news-btn-small{border: 1px solid #4f5051; float: left; font-size: 14px; padding: 4px 16px; border-radius: 20px; display: inline-block; margin: 10px 0; text-decoration: none;}
.last{margin-right: 0 !important;}
section#FrontBlogPost{background-color:#f9fdff;}

.footerdesc{color: #8f9092; font-family: 'Montserrat'; margin-bottom:25px;}
.design-by a{color:#000;}

.somesocial{font-size:14px;}
.somesocial a{text-align:center; background-color:#727c8b; color:#FFF; border-radius:28%; -moz-border-radius:28%; -webkit-border-radius:28%; width:37px; padding: 7px 0; margin:0 14px 10px 0;}
.somesocial a:hover{background-color:#36a8eb; color:#FFF;}

.fa-2x{font-size:20px !important;}
.post-thumb{margin-bottom:15px;}

.footeradrs{clear: both; margin-bottom: 20px; text-align: left; color:#8f9092;}
.footeradrs span{display: table; margin-top: -27px; padding-left: 35px; color:#8f9092;}

/* Widget Sidebar */
#sidebar table{width:100%; text-align:center;}
#calendar_wrap caption{font-weight:700; padding-bottom:10px; text-transform:uppercase;}
#prev{text-align:left;}
#next{text-align:right;}
#sidebar select{ width:100%; height:25px;}
#sidebar select option{width:240px;}
.comment-author-link, .comment-author-link a{font-weight:700 !important; color:#000;}
#sidebar .widget-title a{color:#4f5051;}
#sidebar input[type="text"], #sidebar input[type="search"]{width:78%; height:25px; margin-bottom:10px; padding-left:6px;}
.infomessage{display:block;}
body.wp-custom-logo .logo h1{display:none;}
.tagline{clear:both; display:block;}
#sidebar h1, h2, h3, h4, h5, h6{margin: 0 0 10px;}
#recentcomments li{background-image:none !important; padding-left:0px !important;}
#recentcomments li a{padding-left:0px !important;}
.header_right table{width:100%; text-align:center;}
.container ol, .container ul, .entry-content ul li, .entry-content ol li, .contentCAT li{margin-left:15px;}
body.wp-custom-logo .logo h1{display:none;}

/* ==========================================================
   BSE PROJEKT – modern visual layer
   ========================================================== */
:root{
  --bse-ink:#111827;
  --bse-text:#374151;
  --bse-muted:#6b7280;
  --bse-line:#d9edf7;
  --bse-soft:#f9fdff;
  --bse-soft-blue:#eaf7fd;
  --bse-blue:#36a8eb;
  --bse-blue-dark:#1977cc;
  --bse-footer:#2f3234;
  --bse-radius:16px;
  --bse-shadow:0 10px 30px rgba(17,24,39,.08);
}

html{scroll-behavior:smooth;}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--bse-text);font-size:16px;line-height:1.65;}
a{color:var(--bse-blue);transition:color .15s ease,background .15s ease,transform .1s ease;}
a:hover{color:var(--bse-blue-dark);}
h1,h2,h3,h4,h5,h6{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--bse-ink);font-weight:750;line-height:1.2;}
p{line-height:1.65;}
img{max-width:100%;}
.container,.header .header-inner{width:min(1100px,calc(100% - 32px));max-width:1100px;margin-left:auto;margin-right:auto;}

/* Top bar */
.signin_wrap{background:#36a8eb;color:#fff;line-height:1.3;padding:8px 0;font-size:13px;}
.signin_wrap a{color:#e5e7eb;}
.signin_wrap a:hover{color:#fff;}
.topfirstbar{width:min(1100px,calc(100% - 32px));max-width:1100px;margin:0 auto;}
.icon-left-top{margin-right:18px;}
.social-icons .fa{background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:7px;}
.social-icons .fa:hover{background:rgba(255,255,255,.16);color:#fff;}

/* Header */
.header{background:#fff;box-shadow:0 1px 0 rgba(17,24,39,.08),0 6px 24px rgba(17,24,39,.04);}
.header .header-inner{padding:0;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px;}
.header .header-inner .logo{float:none;margin:0;display:flex;align-items:center;min-width:0;}
.header .header-inner .logo img{height:auto;max-height:58px;width:auto;}
.header .header-inner .logo h1{font-size:21px;font-weight:800;line-height:1.15;color:var(--bse-ink);}
.header .header-inner .logo a{color:var(--bse-ink);}
.header span.tagline{display:block;color:var(--bse-muted);font-size:12px;margin-top:2px;}
.header .header-inner .nav{float:none;padding:0;text-align:right;}
.header .header-inner .nav ul{float:none;font-family:inherit;font-weight:650;display:flex;align-items:center;gap:4px;}
.header .header-inner .nav ul li{float:none;}
.header .header-inner .nav ul li a{padding:11px 12px;border-radius:10px;color:#374151;font-weight:700;font-size:13px;letter-spacing:.01em;text-transform:none;}
.header .header-inner .nav ul li a:hover,
.header .header-inner .nav ul li.current_page_item>a,
.header .header-inner .nav ul li.current-menu-ancestor>a,
.header .header-inner .nav ul li.current-page-ancestor>a,
.header .header-inner .nav ul li.current_page_parent>a{background:#36a8eb;color:#fff!important;}
.header .header-inner .nav ul li:hover>ul{border:1px solid var(--bse-line);border-radius:12px;box-shadow:var(--bse-shadow);padding:6px;background:#fff;overflow:hidden;}
.header .header-inner .nav ul li ul li a{border-radius:8px;padding:9px 10px;}
.toggle a{border-radius:10px;background:#1f2937;padding:10px 14px;margin:0;color:#fff;}

/* Shared BSE components */
.bse-wrap{max-width:1100px;margin:0 auto;padding:26px 16px;color:var(--bse-ink);}
.bse-hero{background:linear-gradient(135deg,#f9fdff,#eaf7fd);border:1px solid #cfeaf7;border-radius:var(--bse-radius);padding:28px 26px;box-shadow:0 8px 24px rgba(54,168,235,.08);}
.bse-hero h1,.bse-hero h2{margin:0 0 12px;font-weight:800;}
.bse-hero h1{font-size:clamp(30px,4vw,46px);}
.bse-hero h2{font-size:clamp(24px,3vw,32px);}
.bse-hero p{margin:0;color:var(--bse-text);font-size:16px;line-height:1.7;}
.bse-hero p+p{margin-top:10px;}
.bse-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.bse-badge{display:inline-flex;align-items:center;font-size:12px;background:#fff;border:1px solid #bfe4f5;border-radius:999px;padding:6px 10px;color:#4f5051;}
.bse-card{background:#fff;border:1px solid var(--bse-line);border-radius:var(--bse-radius);box-shadow:0 6px 18px rgba(17,24,39,.06);padding:18px;}
.bse-section{margin:24px 0;}
.bse-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:12px;border:1px solid transparent;font-weight:700;font-size:14px;line-height:1;text-decoration:none;background:var(--bse-blue);color:#fff!important;box-shadow:0 10px 22px rgba(54,168,235,.20);}
.bse-btn:hover{background:var(--bse-blue-dark);color:#fff!important;transform:translateY(-1px);}
.bse-btn-ghost{background:#fff;color:var(--bse-blue)!important;border-color:#9bd7f2;box-shadow:none;}
.bse-btn-ghost:hover{background:var(--bse-soft-blue);color:var(--bse-blue-dark)!important;}
.bse-cta-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}

/* Home */
.bse-home{padding:34px 0 44px;}
.bse-home .bse-home-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:26px;align-items:stretch;}
.bse-home .bse-home-hero .bse-hero{display:flex;flex-direction:column;justify-content:center;min-height:320px;}
.bse-kicker{display:inline-block;margin-bottom:10px;color:var(--bse-blue);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;}
.bse-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.bse-home-aside{background:linear-gradient(145deg,#36a8eb,#1977cc);color:#fff;border-radius:var(--bse-radius);padding:24px;box-shadow:0 10px 30px rgba(25,119,204,.20);display:flex;flex-direction:column;justify-content:center;}
.bse-home-aside h2{color:#fff;font-size:22px;margin-bottom:14px;}
.bse-home-aside p{color:rgba(255,255,255,.78);margin-bottom:16px;}
.bse-home-aside ul{list-style:none;margin:0;padding:0;}
.bse-home-aside li{padding:9px 0;border-top:1px solid rgba(255,255,255,.11);color:rgba(255,255,255,.9);font-size:14px;}
.bse-home-aside li:first-child{border-top:0;}
.bse-section-head{text-align:center;max-width:720px;margin:0 auto 18px;}
.bse-section-head h2{font-size:30px;margin-bottom:8px;}
.bse-section-head p{color:var(--bse-muted);}
.bse-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.bse-service-card{display:flex;flex-direction:column;overflow:hidden;padding:0;}
.bse-service-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#f9fdff,#eaf7fd);overflow:hidden;}
.bse-service-thumb img{display:block;width:100%;height:100%;object-fit:cover;}
.bse-service-body{padding:18px;display:flex;flex:1;flex-direction:column;}
.bse-service-body h3{font-size:19px;margin-bottom:8px;}
.bse-service-body p{font-size:14px;color:var(--bse-muted);margin-bottom:15px;}
.bse-service-body .bse-service-more{margin-top:auto;font-weight:750;font-size:14px;}
.bse-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.bse-step{background:#fff;border:1px solid var(--bse-line);border-radius:var(--bse-radius);padding:16px;box-shadow:0 6px 18px rgba(17,24,39,.05);}
.bse-step .num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:#eaf7fd;border:1px solid #9bd7f2;color:#1977cc;font-weight:800;font-size:13px;margin-bottom:10px;}
.bse-step h3{font-size:15px;margin:0 0 6px;}
.bse-step p{font-size:13px;color:var(--bse-muted);margin:0;line-height:1.55;}
.bse-home-feature{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;}
.bse-home-feature .bse-card{padding:22px;}
.bse-home-feature h2{font-size:24px;}
.bse-home-feature p{color:var(--bse-text);}

/* Page content */
.page_content{padding:32px 0 42px;}
#sitefull p{line-height:1.7;}
.site-main{width:calc(100% - 230px);}
#sidebar{width:200px;}

/* Footer */
#footer-wrapper{background:var(--bse-footer);border-top:4px solid #41b3e5;padding:0;color:#fff;}
#footer-wrapper>.container{display:grid;grid-template-columns:1.05fr 1.1fr .6fr;gap:42px;padding-top:28px;padding-bottom:26px;}
#footer-wrapper .cols-4{float:none;width:auto!important;margin:0!important;padding:0!important;}
.cols-4 h5{font-family:inherit;font-size:17px;font-weight:800;margin:0 0 14px;color:#fff;}
.footerdesc{color:rgba(255,255,255,.72);line-height:1.65;font-size:13px;margin-bottom:14px;}
.footeradrs{display:flex;gap:10px;align-items:flex-start;margin:10px 0;color:rgba(255,255,255,.82);font-size:13px;}
.footeradrs .fa{color:#41b3e5;font-size:17px;width:20px;text-align:center;}
.footeradrs a{color:rgba(255,255,255,.9);}
.bse-footer-flow{margin:0;padding:0;border:0;background:transparent;}
.bse-footer-flow .ttl{margin:0 0 10px;font-size:17px;font-weight:800;color:#fff;}
.bse-footer-flow ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0;}
.bse-footer-flow li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border:0;border-bottom:1px solid rgba(255,255,255,.10);background:transparent;}
.bse-footer-flow li:last-child{border-bottom:0;}
.bse-footer-flow .num{flex:0 0 auto;width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:11px;color:#eaf7fd;background:rgba(54,168,235,.24);border:1px solid rgba(65,179,229,.38);margin-top:1px;}
.bse-footer-flow .t{margin:0;font-weight:800;font-size:12.5px;line-height:1.3;color:rgba(255,255,255,.94);}
.bse-footer-flow .d{margin:3px 0 0;font-size:12px;line-height:1.45;color:rgba(255,255,255,.72);}
.somesocial{display:flex;gap:8px;flex-wrap:wrap;}
.somesocial a{display:inline-flex!important;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.09);color:#fff!important;line-height:38px!important;text-align:center;}
.somesocial a:hover{background:var(--bse-blue);transform:translateY(-1px);}
.copyright-wrapper{background:#36a8eb;padding:14px 0;}
.copyright-txt{float:none!important;text-align:center;color:#fff;font-size:12px;}

@media(max-width:980px){
  .header .header-inner{display:block;padding:14px 0;min-height:0;}
  .header .header-inner .logo{text-align:center;justify-content:center;margin-bottom:10px;}
  .header .header-inner .nav{background:#fff;border-radius:12px;overflow:hidden;}
  .header .header-inner .nav ul{display:block;}
  .header .header-inner .nav ul li a{border-radius:0;padding:9px 12px!important;}
  .toggle{margin-top:8px;}
  .bse-home .bse-home-hero{grid-template-columns:1fr;}
  .bse-service-grid{grid-template-columns:1fr 1fr;}
  .bse-steps{grid-template-columns:1fr 1fr;}
  #footer-wrapper>.container{grid-template-columns:1fr 1fr;gap:28px;}
  .widget-column-3{grid-column:1/-1;}
  .site-main{width:100%;float:none;}
  #sidebar{width:100%;float:none;margin-top:30px;}
}
@media(max-width:640px){
  .container,.header .header-inner,.topfirstbar{width:min(100% - 28px,1100px);padding-left:0;padding-right:0;}
  .signin_wrap .topbarleft,.signin_wrap .topbarright{float:none;text-align:center;}
  .icon-left-top{display:block;margin:4px 0;}
  .bse-home{padding-top:20px;}
  .bse-hero{padding:22px 18px;}
  .bse-home .bse-home-hero .bse-hero{min-height:0;}
  .bse-service-grid,.bse-steps,.bse-home-feature{grid-template-columns:1fr;}
  #footer-wrapper>.container{grid-template-columns:1fr;gap:24px;}
  .widget-column-3{grid-column:auto;}
  .bse-hero-actions,.bse-cta-row{flex-direction:column;align-items:stretch;}
  .bse-btn{width:100%;box-sizing:border-box;}
}