.see-prime-color{ background:var(--primary_color); color: var(--light_color); border-color:var(--light_color); }
.see-second-color{ background:var(--see_second_color); color: var(--dark_color); border-color:var(--dark_color); }
.see-third-color{ background:var(--background_color); color: var(--light_color); border-color:var(--light_color); }
.see-light-color{ background:var(--light_color); color: var(--dark_color); border-color:var(--dark_color); }
.see-dark-color{ background:var(--dark_color); color: var(--light_color); border-color:var(--light_color); }

.header-an-bar{ text-align: center; padding: 10px 0; position: sticky; top: 0; z-index: 99999999; }
.header-an-bar a{text-decoration: underline;}

.new-header { position:sticky; }
.permotion-main { background:#eee; }
.permotion{display: flex; flex-wrap: wrap; gap: 1rem; align-items:center;  }
.permotion-content, .permotion-image{flex: 1 1 40%;}
.permotion-image img{ width:100%; height:350px; object-fit:contain; }
.permotion-content .title-bar { font-size: 2.5rem; font-weight: bold; margin: 0 0 20px; }
.permotion-content .desc-bar { font-size: 1rem;  margin: 0 0 20px; line-height: 1.5rem; }

/******header**********/
header{ width:100%;z-index: 999;background: var(--light_color);box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px; }
.blog_nav{display: flex;justify-content: space-between; border-bottom:1px solid #eee;  }
.blog_nav .menu{list-style:none; display: flex;position: relative; }
.blog_nav .menu li.menu-list{position: relative;}
.blog_nav .menu li.menu-list a.nav-item{text-transform: capitalize;transition: all 0.4s ease-in-out;display: block;padding: 20px !important; font-size:1.2rem;}
.blog_nav .menu li.menu-list a.nav-item i{vertical-align: middle;padding-left: 5px;}
.blog_nav .menu li.menu-list a.nav-item:hover{color: var(--dark_color);}
.blog_nav .menu li.menu-list a.nav-item:first-child{padding: 20px 20px 20px 0;}
.blog_nav .menu li .sub-menu{list-style:none;position: absolute;top: 100%;left: 0;background: var(--light_color);color: var(--dark_color);opacity: 0;visibility: hidden;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;transition: all .5s ease-in-out;transform: scaleY(0);transform-origin: 0 0 0;z-index: 1;min-width: 130px;box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;}
.blog_nav .menu li:hover .sub-menu{transition: all .3s ease;opacity: 1;visibility: visible;transform: scale(1);}
.blog_nav .menu li .sub-menu li{padding: 8px 15px;}
.blog_nav .menu li .sub-menu li a:hover{color: var(--primary_color);}

.toggle {position: relative;width: 50px;height: 50px;border-radius: 10px;display: flex;justify-content: center;align-items: center;cursor: pointer;overflow: hidden;display: none;}
.toggle span {position: absolute;width: 40px;height: 4px;background: var(--primary_color);border-radius: 10px;transition: 0.5s;}
.toggle span:nth-child(1) {transform: translateY(-12px);width: 25px;left: 5px;}
.toggle.active span:nth-child(1) {width: 35px;transform: translateY(0) rotate(45deg);}
.toggle span:nth-child(2) {transform: translateY(12px);width: 15px;left: 5px;}
.toggle.active span:nth-child(2) {width: 35px;transform: translateY(0) rotate(315deg);}
.toggle.active span:nth-child(3) {transform: translateX(60px);}
.mob-signin{display: none;}
 
table{ border-collapse:collapse; }
table td{ border: 1px solid rgba(0,0,0,0.2);padding: 5px 10px; }
.blog-section{ padding: 4rem 0 0; font-family: 'Work Sans', sans-serif; }

/* Blog List Data */
.blog-items{ display: grid;grid-template-columns: 32% 32% 32%;justify-content: space-between;grid-row-gap:2rem;align-items:start; list-style:none;}
.blog-items,.blog-section .blog-left ol {border-bottom: none;}
.blog-items .blog-item .media img, .blog-section .blog-left ol li .media img {width: 100%; object-fit: cover;height: 220px; border: none;}
.blog-items .blog-item .media img + span, .blog-section .blog-left ol li .media img + span {font-size: 18px;}
.blog-items .blog-item .border, .blog-section .blog-left ol li .border { display: none;}
.blog-items .blog-item { box-shadow:0.2rem 0.2rem 1rem rgb(0 0 0 / 10%); list-style:none; list-style:unset !important;}
.blog-items .blog-item .media, .blog-section .blog-left ol li .media{padding:0 0 10px;position:relative;}
.blog-items .blog-item .media img + span, .blog-section .blog-left ol li .media img +span{position: absolute;top: 0px;left: 0px;font-weight: 600;font-size: 14px;color: #fff;background: #2287ff;padding:2px 6px;}
.blog-items .blog-item .border, .blog-section .blog-left ol li .border{ position: absolute;right: 3px;top: -7px;}
.blog-items .blog-item .border img, .blog-section .blog-left ol li .border img{width: 100%;}
.blog-items .blog-item .blog-author, .blog-section .blog-left ol li .blog-author{display: flex;justify-content: space-between;padding: 10px 0 0;opacity: 0.8;}
.blog-items .blog-item .blog-author .author-in>span, .blog-section .blog-left ol li .blog-author .author-in>span{font-size: 15px;text-transform: capitalize;display:inline-block;color: #575757;font-weight: 600;}
.blog-items .blog-item .blog-author .author-in>span, .blog-section .blog-left ol li .blog-author .author-in>span + span{font-weight: 500;padding: 0 10px;}
.blog-items .blog-item .blog-author .author-in span.advice, .blog-section .blog-left ol li .blog-author .author-in span.advice{opacity: 0.6;}
.blog-items .blog-item .blog-author .icon, .blog-section .blog-left ol li .blog-author .icon{opacity: 0.6;}
.blog-items .blog-item .blog-list-article {padding:1rem 1rem 1.5rem;}
.blog-items .blog-item .blog-list-article .signup_button{display: inline-block;margin: 0 10px 0 0;text-transform: capitalize;}
.blog-items .blog-item .blog-list-article span, .blog-section .blog-left ol li .blog-list-article span{font-size: 18px;font-weight: 600;display: block;line-height: 1.7;}
.blog-items .blog-item .blog-list-article p, .blog-section .blog-left ol li .blog-list-article p {padding: 5px 0 15px;opacity: 0.7;line-height: 1.7;font-size: 16px;}
.blog-items .blog-item img{ width: 100%; object-fit: cover;}
.blog-section .blog-left .bottom{padding: 30px;display: inline-flex;justify-content: center;}
.blog-section .blog-left .bottom .comm-heading-main{margin: 0 10px;}
.blog-section .blog-left .bottom .comm-heading-main .comm-title{border-bottom: none;}
.blog-section .comm-btn a{text-transform: capitalize;}
.blog-date {padding: 0 1rem;}

/*********************blog-detail********************/ 
.blog-detail{padding: 2rem 0 0;}
.blog-right-img{ flex:1 1 25%; text-align:right;} 
.blog-right-img img{ width:80%;}
.blog-right-img a{position:sticky;top:60px; display:block;}
.blog-detail .blog-main{ display: flex; justify-content: space-between; margin: auto; }
.blog-detail .blog-left{ flex-direction: column;margin-right: 2rem; flex:1 1 70%;}
.blog-detail .blog-left>span, .blog-detail .blog-left>h1{font-size:34px; line-height:44px; font-weight: 600;}
.blog-detail .blog-left .mid{display: flex;/*justify-content: space-between;*/padding: 15px 0;}
.blog-detail .blog-left .mid .blog-author{display: flex;padding: 0 30px 0 0;}
.blog-detail .blog-left .mid .blog-author .author-in{padding: 0 5px;}
.blog-detail .blog-left .mid .blog-author span{text-transform: capitalize;font-size: 16px;}
.blog-detail .blog-left .mid .blog-author span + span{opacity: 0.7;}
.blog-detail .blog-left .mid .blog-author .icon{opacity: 0.7;}
.blog-detail .blog-left ol {border-bottom: none !important;}
.blog-detail .blog-left .mid .blog-author .icon i{vertical-align: baseline;padding: 0 5px;}
.blog-detail .blog-left ol li img{ width: 100%; object-fit: cover;}
.blog-detail .blog-left .media {padding: 15px 0 10px;}
.blog-detail .blog-left .media>img{width: 100%; }
.blog-detail .blog-left .media .border{position: absolute;top: 8px;right: -7px;display:none;}
.blog-detail .blog-left .media .border img{width: 100%;}
.blog-detail .blog-left .media + span, .blog-detail .blog-left .media span{ display: block;font-size: 18px;padding: 5px 0; }
.blog-detail .blog-left .media span{ padding: 20px 0 0;font-weight: 600;color: #575757; }
.blog-detail .blog-left .button a{ padding: 10px 0; }
.blog-detail .blog-left p img, .blog-section .blog-left p img, article figure img{ width: 100%;display: grid; }
.blog-detail .blog-left .media p a, .blog-detail .blog-left p a{color: #2287ff;font-weight: 500;}

.blog-detail .blog-left .jw_toc{ border-radius: 5px; margin:20px 0; background-color: var(--primary_color); padding:20px 30px; color:#fff; }
.blog-detail .blog-left .jw_toc strong{ font-size: 1.5em; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; }

.blog-detail .topic-heading{font-size: 18px; margin-bottom: 10px; font-weight: 600; display: block;}
.blog-detail .topic-list {display: flex;gap: 10px;list-style: none; flex-wrap: wrap;}
.blog-detail .topic-list a {padding: 5px 10px;border-radius: 35px;display: block;background: var(--primary_color);color: var(--light_color);border: 1px solid var(--primary_color);transition: all 0.4s ease-in-out;}
.blog-detail .topic-list a:hover {background: var(--light_color);color: var(--primary_color);border: 1px solid var(--primary_color);}

article, .tags, .blog-detail .mid.mid-bottom{width: 80%; margin: auto;padding-top: 2rem;}
.blog-detail h2{padding: 10px 0; font-weight:normal;}


article {padding: 5px 0 10px; font-size:18px; line-height:1.5; }
article ul, article ol {padding-left: 2rem; line-height:150%;}
article ol li, article ul li, .blog-detail .blog-left .media p, .blog-detail .blog-left p{ padding:10px 0 0 0; }
article ul li:not(:first-child) { margin-top: 0.5rem; }
article ul li img, article ol li img , .blog-detail .blog-left p img, .blog-section .blog-left p img, .blog-section .blog-left article figure img{width: 100%; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;margin: 15px 0;}
article figure{ width:100%; margin-top:10px; }
article figure figcaption{ font-size:14px; text-align:center; color: #7e7c7c; margin-bottom: 10px;}
article p, .blog-section .blog-left ol li article p {padding: 5px 0 15px; }
article ol li p{padding:0} 

 /*============faq================*/
.lp-faq{ display: flex;align-items: left;position: relative;}
.lp-faq .faq-cont .faq-image{max-width: 100%;}
.lp-faq .pos-sticky{position: sticky;top: 0;}
.lp-faq .accordion {width: 100%; padding: 0;list-style: none;text-align: left; }
.lp-faq .accordion .tabs {overflow: hidden;}
.lp-faq .accordion .tab {width: 100%;color: #222;overflow: hidden;position: relative;}
.lp-faq .accordion .tab-label {display: flex;justify-content: space-between;align-items: center; padding: 1rem 0rem;font-weight: 500;cursor: pointer;font-size: 1.1rem;}
.lp-faq .accordion .tab .tab-label:hover{color: var(--primary_color);}
.lp-faq .accordion .tab .tab-label::before{content: "";position: absolute;width: 0.5rem;height: 100%;left:0px;top: 0;background: transparent;}
.lp-faq .accordion .tab-label::after {content: "\f107";width: 1rem;height: 1rem;text-align: center;transition: all 0.35s;line-height: 100%;font-family: "Font Awesome 6 Free";font-weight: 900;}
.lp-faq .accordion .tab-label:hover::after {content: "\f107";width: 1rem;height: 1rem;color: var(--primary_color);text-align: center;transition: all 0.35s;}
.lp-faq .accordion .tab-content {max-height: 0;padding: 0 1.5rem;color: #2c3e50;background: #f6f6f6;transition: all 0.35s;line-height: 150%;}
.lp-faq .accordion .tab-content::before{content: ""; position: absolute;width: 0.5rem;height: 100%;left:0;top: 0;animation: Price 60s ease infinite;}
.lp-faq .accordion .tab-close {display: flex;justify-content: flex-end;padding: 1em;font-size: 0.75rem;background: #2c3e50;cursor: pointer;}
.lp-faq .accordion .tab-close:hover {background: #1a252f;}
.lp-faq .accordion input {position: absolute;opacity: 0;z-index: -1;}
.lp-faq .accordion input:checked ~ .tab-label{color: transparent;color: var(--primary_color);border-bottom: 0.1rem solid #d9d9d9;}
.lp-faq .accordion input:checked + .tab-label::after {transform: rotate(180deg);}
.lp-faq .accordion input:checked ~ .tab-content {max-height: 100vh;padding:0.8rem;}
.lp-faq .accordion .tab-label, .lp-faq .accordion .tab-content{font-size:20px;}

.see-social-bottom{background:#f5f5f5;width:46px;height:46px;box-sizing:border-box;padding:13px 0 0;color:#2b648f;border-radius:4px;margin:0 7.5px 15px;transition:all .3s;font-size:20px;display:inline-block;text-align:center;position:relative}
.see-social-bottom:hover{background:#2b648f;color:#fff;top:-3px; }
#see-social-bottom-hidden{display:none} .fa-plus {transition:-webkit-transform 0.3s} .fa-plus.see-social-r {-webkit-transform:rotate(45deg); }

ul.topics {display: flex;flex-wrap: wrap; margin-top:2rem; }
ul.topics li {width: 25%;padding: 10px;list-style: none; }
ul.topics li a {text-decoration: underline; font-size:18px; text-transform:capitalize;}
.blog-nav-toggle{ display:none; }

@media(max-width:992px){
    .blog-nav-toggle{ display: flex; justify-content: space-between; padding: 1rem 2rem; font-size: 1.2rem; border-bottom: 1px solid #eee; cursor:pointer; }
    .toggle{display: flex;}
    .blog_nav{ display:none; }
    .blog_nav .menu { flex-wrap:wrap; }
    .blog_nav .menu li.menu-list{ width:100%; }
    .blog_nav .menu li.menu-list a.nav-item:hover{color: var(--primary_color);}
    .blog_nav .mobile-menu{margin: 0; width: 100%;background: var(--light_color); color: var(--dark_color); }
    .blog_nav .menu li .sub-menu{position: unset;top: 100%;left: 0;background: var(--light_color);color: var(--dark_color);opacity: 1;visibility: visible;transform: scaleY(1);transform-origin: 0 0 0;z-index: 1;min-width: 130px;box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;display: none;transition: unset;}
    .blog_nav .menu li:hover .sub-menu{transition: unset;}
    .header-cont{z-index: 99999;}
    .header-btn{display: none !important;}
    .mob-signin {display: block;}
    .mob-signin a{ display: block; padding: 5px 20px;color: var(--primary_color);border: 1px solid var(--primary_color);margin: 0 10px;border-radius: 30px;text-transform: capitalize;transition: all .4s ease;}
    .mob-signin a:hover{background-color: var(--primary_color);color: var(--light_color);}

    .blog-section .blog-left .blog-items{grid-template-columns: 48% 48%;}
    .blog-detail{padding: 4rem 0 0;}
    .blog-detail .blog-left>span, .blog-detail .blog-left>h1{font-size: 1.5rem;line-height: 150%;}
    .blog-detail .blog-left{margin-right: 0;flex: 1 1 100%;width: 100%;}
    
    .nh-user-guest .main-header-button {background: unset;color: unset;padding: unset;border-radius: unset; border: none;display: inline-block;transition: all 0.3s;font-size: 1rem;  text-decoration: underline;color: var(--primary_color);display: block !important;}
    .nh-user-guest .nh-user-login-link {display: inline-block;display: none;} 
}

@media(max-width:768px){ 
    header .header-logo{ width:150px; } 
    .lp-faq .accordion{width: 100%;}
    .blog-section{padding: 2rem 0 0;}
    .blog-section ul{ grid-template-columns:100%;  }
    .blog-detail {padding: 4rem 0 0;}
    .blog-detail .blog-right-img{display:none;}
    .blog-detail .blog-left .mid{display: block !important;}
    .blog-detail .blog-left .mid .blog-author{display: inline-block !important; padding: 0 !important;}
    article, .blog-detail .tags, .blog-detail .mid.mid-bottom {width: 98%;margin: auto; padding-top: 0rem;}
    ul.topics li {width: 100%; }
    ul.topics li a {text-decoration: none; }
    
    .permotion{ padding:2rem 0; }
    .permotion-content{ } 
    .permotion-image{display:none;  }
}
@media(max-width:500px){ .blog-section .blog-left .blog-items{grid-template-columns: 100%;}  }