/* banner_sec-start */
.banner_sec{
    background-color: #1ca86f;
    padding: 80px 0;
    background-position: bottom center;
    background-size: cover;
}
.baner_content {
    max-width: 600px;
}
.baner_content h1{
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
}
.baner_content p{
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}
/* banner_sec-end */

/* box_area===start */
.box_area{
    background-color: #444;
}
.box_outer {
    display: flex;
    flex-wrap: wrap;
}
.box_item {
    width: 25%;
}
.box_innr{
    display: block;
    padding: 30px 20px;
    height: 100%;
}
.box_innr:hover{
    background-color: rgba(0,0,0,0.1);
}

.icon_top_row {
    display: flex;
    margin-bottom: 20px;
}
.bx_icon{
    min-width: 60px;
    width: 60px;
    height: 60px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fb4314;
    margin-right: 15px;
}
.bx_icon span{
    font-size: 30px;
}

.bx_icon_text h3{
    font-size: 19px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 10px;
}
.bx_icon_text h5{
    color: #999;
    font-size: 14px;
}
.bx_para p{
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    opacity: 0.8;
}
/* box_area===end */
/* home_blogArea---start */
.home_blogArea{
    padding: 60px 0;
}
.blog_hdng a{
    /*font-size: 22px;*/
    font-size: 1.38em;
    text-shadow: 1px 1px #dedede;
    font-weight: 600;
    color: #666;
}
.blog_hdng a:hover{
    color: #fb4314;
}
.blog_hdng{
    margin-bottom: 10px;
}

.blog_postinnr {
    display: flex;
    flex-wrap: wrap;
}
.left_blogpost {
    width: 30%;
}
.right_textpnl{
   padding: 15px;
    width: 70%;
}
.blog_postpic a{
    display: block;
    height: 100%;
}
.blog_postpic a img{
    width: 100%;
    height: 100%;
}
.blog_postpic {
    height: 100%;
}
.blog_subhdng a{
    font-size: 13px;
    font-weight: bold;
    color: #1ca86f;
}
.blog_subhdng a:hover{
    color: #fb4314;
}
.date_author p{
    font-size: 14px;
    color: #000;
}
.date_author p a{
    display: inline-block;
    color: #fb4314;
}
.date_author p a:hover{
    color: #1ca86f;
}
.date_author{
    margin-bottom: 10px;
}
.author_para{
    margin-bottom: 10px;
}
.author_para p{
    font-size: 15px;
    color: #898989;
    line-height: 24px;
}
.author_moreOuter{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.author_pic a{
    display: block;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    overflow: hidden;
    min-width: 24px;
}
.date_author_inr {
    display: flex;
    align-items: center;
}
.author_date{
    padding-left: 10px;
}
.author_date h5{
    font-size: 12px;
    color: #151515;
}
.author_date h5 span{
    line-height: 100%;
    color: #898989;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #898989;
}

.more_btn a{
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    color: #1ca86f;
}
.more_btn a span{
    font-size: 20px;
    margin-left: 4px;
}
.more_btn a:hover{
    color: #fb4314;
}
.left_links{
    margin: 15px 0 0;
}
.tags_list ul{
    display: flex;
    flex-wrap: wrap;
}
.tags_list ul li{
    margin: 0 10px 10px 0;
}
.tags_list ul li a{
    padding: 5px 10px;
    font-size: 13px;
    color: #707174;
    background-color: #edeff2;
    border-radius: 3px;
}
.tags_list ul li a:hover{
    background-color: #1ca86f;
    color: #fff;
}

.left_links{
    margin-top: 15px;
}
.blogpnl_row{
    background-color: #fff;
    margin-bottom: 30px;
}

.blog_srch{
    margin-bottom: 30px;
    position: relative;
}
.blog_srch .form-control{
    height: 50px;
    border: 1px solid #ddd;
    padding-right: 50px;
    color: #333;
    box-shadow: none;
}
.blgsrch_btn{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    color: #333;
    z-index: 99;
}
.blog_subscriptionbx{
    background-color: #1ca86f;
    padding: 20px;
}
.news_hdng h2{
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.subscribe_icon{
    height: 60px;
    width: 60px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fb4314;
    margin: 0 auto 15px;
}
.subscribe_icon span{
    font-size: 30px;
}
.news_hdng h5{
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}
.news_fill{
    margin-top: 20px;
}
.news_fill .form-control{
    /*height: 34px;*/
    box-shadow: none;
    outline: none;
    font-size: 14px;
    background: url(../images/email-icon.png) no-repeat scroll 5px 19px #FFF;
    padding: 0.75rem 0.75rem 0.75rem 1.4rem;
    color: #888;
}
.subscribe_btn{
    margin: 15px 0 0;
    width: 100%;
}
.news_fill .basic_btn{
    background-color: #062d1d;
    height: 40px;
    font-size: 14px;
    text-transform: uppercase;
}

.news_fill .basic_btn:after{
    background-color: #0f6843;
}

.post_pnlOuter{
    margin: 30px 0 0;
}
.pnl_hdng{
    padding: 15px;
    background-color: #1ca86f;
}
.pnl_hdng h3{
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}
.postpnl_item{
    margin-bottom: 30px;
    background-color: #fff;
    /*box-shadow: 0 0 15px rgba(0,0,0,0.1);*/
}
.postpnl_item:last-child{
    margin-bottom: 0;
}
.postpnl_outer, .catagory_list, .tags_list {
    padding: 15px;
}

.post_row {
    display: flex;
    color: #333;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
}
.post_row:last-child{
    border: 0;
    padding: 0;
    margin: 0;
}
.post_pic {
    width: 80px;
    min-width: 80px;
}
.post_text{
    padding-left: 15px;
}
.post_text h5{
    font-size: 15px;
    min-height: 41px;
    display: flex;
    align-items: center;
    font-weight: 500;
}
.post_row:hover{
    color: #fb4314;
}
.catagory_list ul{
    display: flex;
    flex-wrap: wrap;
}
.catagory_list ul li{
    width: 50%;
    padding: 0 5px;
    /*margin-bottom: 10px;*/
    position: relative;
    padding-left: 15px;
}
.catagory_list ul li a{
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 500;
}
.catagory_list ul li:after{
    position: absolute;
    content: "";
    height: 6px;
    width: 6px;
    background-color: #1CA86F;
    border-radius: 50%;
    left: 0;
    top: 9px;
}
.catagory_list ul li a:hover{
    color: #fb4314;
}
.catagory_list ul li:hover:after{
    background-color: #fb4314;
}

/* home_blogArea---end */


/* ===post--details-page---start==== */
.postdetails_area {
    padding: 35px 0;
}
.breadcums_area li, .breadcums_area li a{
    font-size: 14px;
}
.breadcums_area li a{
    color: #1ca86f;
}
.breadcums_area .breadcrumb-item+.breadcrumb-item::before{
    /*content: ">";
    content: "»";*/
}
.breadcums_area li a:hover{
    color: #fb4314;
}
.date_catagory_outer{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.post_dateauthor h5, .post_dateauthor h5 a{
    font-size: 15px;
    color: #666;
}
.post_dateauthor h5 span, .post_dateauthor a{
    font-weight: 600;
}
.post_dateauthor a:hover{
    color: #1ca86f;
}
.social_share {
    display: flex;
    align-items: center;
}
.social_share label{
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px;
    color: #666;
}
.social_share ul{
    display: flex;
    align-items: center;
    justify-content: center;
}
.social_share ul li{
    margin-right: 10px;
}
.social_share ul li:last-child{
    margin-right: 0;
}
.social_share ul li a{
    height: 30px;
    width: 30px;
    background-color: #1ca86f;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% 0 50% 50%;
    font-size: 14px;
    color: #fff;
}
.social_share ul li a:hover{
    background-color: #fb4314;
}
.date_catagory_outer{
    margin-bottom: 20px;
}
.postvdo_bnr figure img{
    width: 100%;
}
.postvdo_bnr {
    margin: 0 0 20px;
}
.post_editor_content, .screenshot_bx_outer {
    background: #fff;
    padding: 20px;
    color: #666;
    /*border-radius: 10px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);*/
    margin: 20px 0;
}
.bttm_links {
    display: flex;
    align-items: center;
    column-gap: 10px;
    justify-content: center;
}
.tags_list.post_taglist {
    /*background: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 10%);
    border-radius: 10px;*/
    margin-bottom: 20px;
}
.tags_list.post_taglist ul{
    margin-bottom: -10px;
}
 .post_editor_content h1, .post_editor_content h2, .post_editor_content h3, .post_editor_content h4,
 .post_editor_content h5, .post_editor_content h6 {
    margin-bottom: 15px;
    margin-top: 25px;
    font-weight: 600;
}
.post_editor_content p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.7em;
}
.post_editor_content ul, .post_editor_content ol {
    margin: 0 0 20px;
    padding: 0 0 0 20px;
}
.post_editor_content ol li {
    list-style: auto;
}
.post_editor_content ul li {
    list-style: disc;
}
.post_editor_content ul li, .post_editor_content ol li {
    margin-bottom: 10px;
}
.post_editor_content img{
    text-align: center;
    margin-bottom: 15px;
}

.language-html {
    background: #f4f5f7;
    padding: 20px;
}

.code-header{
    padding: 9px 12px;
    background-color: #e6e7e9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #9599a1;
}
.code-header span {
    font-size: 12px;
    font-weight: 700;
}
.code-header a {
    font-size: 12px;
    font-weight: 700;
    color: #9599A1;
    border-bottom: none !important;
}
.code-header a i {
    padding-right: 5px;
    font-size: 14px;
}
.code-header a:hover{
    color: #1ca86f;
}

.post_navigateArea{
    margin: 20px 0;
    background-color: #1ca86f;
    padding: 15px;
    display: flex;
    justify-content: space-between;
}
.smal_txtnav{
    color: #fff;
    opacity: 0.8;
    display: block;
    font-size: 16px;
    margin-bottom: 6px;
}
.nav_text{
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
}
.prev_nav  i{
    margin-right: 6px;
}
.next_nav  i{
    margin-left: 6px;
}
.navigate_item a:hover span, .navigate_item a:hover i{
    opacity: 0.8;
}
.releted_postouter {
    background: #fff;
    /*box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    border-radius: 10px;*/
    overflow: hidden;
    border-radius: 5px 5px 0px 0px;
}
.post_hdng{
    padding: 15px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    margin-bottom: 15px;
}
.post_hdng h3{
    font-size: 16px;
    color: #666;
    font-weight: 600;
}
.post_releted_outer{
    padding: 20px;
}
.post_item{
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    border-radius: 6px;
    overflow: hidden;
}
.releted_postpic{
    max-height: 162px;
    height: 162px;
    overflow: hidden;
    position: relative;
}
.releted_postpic figure img{
    width: 100%;
    height: 100%;
}
.releted_post_text a{
    display: block;
    padding: 15px;
    color: #666;
    font-weight: 500;
    text-align: center;
    line-height: 24px;
}
.releted_post_text a:hover{
    color: #1ca86f;
}
.releted_postpic:after{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 100%;
    bottom: 0;
    z-index: 1;
    background-color: rgba(0,0,0,0.6);
    transition: 0.5s;
}
.post_item:hover .releted_postpic:after{
    top: 0;
}
.post_read_morebtn {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.post_read_morebtn a{
    background-color: #1ca86f;
    border-color: #1ca86f;
    color: #fff;
    transform: scale(0);
}
.post_item:hover .post_read_morebtn a{
    transform: scale(1);
}

.basic_btn{
    transition: 0.5s;
}
.submit_fill .basic_btn:hover{
    background-color: #1ca86f;
}
.post_comments_area{
    margin: 20px 0;
    background-color: #fff;
    /*box-shadow: 0 0 15px rgba(0,0,0,0.1);*/
    overflow: hidden;
    /*border-radius: 10px;*/
    border-radius: 5px 5px 0px 0px;
}
.comments_outer{
    padding: 20px;
}
.comments_hdng{
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.comments_hdng h3{
    color: #666;
    font-weight: 600;
    font-size: 18px;
}
.comments_row, .form_outer{
    padding: 15px;
    margin-bottom: 15px;
    display: flex;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    border-radius: 6px;
}
.comments_row:last-child{
    margin-bottom: 0;
    border-bottom: 0;
}

.commnts_usr a{
    height: 50px;
    width: 50px;
    min-width: 50px;
    border-radius: 50%;
    overflow: hidden;
    display: block;
}
.commnts_usr a img{
    width: 100%;
    height: 100%;
}
.commnts_usr{
    margin-right: 15px;
}
.commnts_usr_text > a{
    font-size: 16px;
    font-weight: 500;
    color: #666;
    display: inline-block;
    margin-bottom: 8px;
}

.commnts_usr_text > a  span{
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #999;
}
.commnts_usr_text > a:hover{
    color: #1ca86f;
}
.commnts_usr_text p{
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-bottom: 20px;
}
.commnts_usr_text h5{
    font-size: 14px;
    color: #999;
}
.replay_comments_form{
    background-color: #fff;
    /*box-shadow: 0 0 15px rgba(0,0,0,0.15);
    border-radius: 10px;*/
    overflow: hidden;
    border-radius: 5px 5px 0px 0px;
}
.form_outer{
    margin-bottom: 0;
    padding: 20px;
}
.input_fill  label{
    font-size: 14px;
    margin-bottom: 10px;
    color: #999;
}
.input_fill  label span{
    color: #ff0000;
}
.input_fill {
    margin-bottom: 15px;
}

.input_fill .form-control{
    height: 34px;
    border: 1px solid #999;
    font-size: 14px;
    box-shadow: none;
}
.input_fill .form-control:focus{
    border-color: #1ca86f;
}
.comments_fill .form-control{
    height: 120px;
    padding: 15px;
    resize: none;
}
.input_fill.submit_fill{
    margin-bottom: 0;
}
.releted_postpic figure, .releted_postpic figure img{
        height: 100%;
    }
/* ===post--details-page---end==== */



/* start--login-register-css==-- */


.login_sec{
    background-color: #1ca86f;
    overflow: hidden;
}
.login_outer {
    display: flex;
    flex-wrap: wrap;
}
.login_lftpnl, .login_rightpnl{
    width: 50%;
    padding: 50px;
}
.login_innr{
    max-width: 450px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.login_rightpnl{
    background-color: #f6f6f6;
    position: relative;
}
.login_rightpnl:after{
    position: absolute;
    content: "";
    top: 0;
    right: -50px;
    bottom: 0;
    width: 100px;
    z-index: 1;
    background-color: #f6f6f6;
}
.lft_hdng{
    margin-bottom: 30px;
}
.lft_hdng h2 {
    font-size: 28px;
    font-weight: 600;
    color: #fff;
}
.left_icon_row {
    display: flex;
    margin-bottom: 25px;
}
.left_icon_row:last-child{
    margin-bottom: 0;
}
.icon_bx{
    height: 60px;
    width: 60px;
    min-width: 60px;
    background-color: rgba(255,255,255,0.9);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    color: #1ca86f;
}
.icon_bxtext h3{
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 10px;
}
.icon_bxtext p{
    font-size: 16px;
    color: #fff;
    opacity: 0.8;
    line-height: 24px;
}
.login_hdng h2{
    font-size: 24px;
    color: #000;
    font-weight: 700;
}
.login_hdng{
    margin-bottom: 25px;
}
.signin_btn{
    height: 50px;
    display: flex;
    align-items: center;
    border: 1px solid #d3dce6;
    padding: 0 20px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
}
.option_row{
    margin-bottom: 20px;
}
.option_row:last-child{
    margin-bottom: 0;
}
.signin_btn i{
    margin-right: 10px;
}
.apple_signup a{
    background-color: #1ca86f;
    color: #fff;
}
.github_signup  a{
    border-color: #000;
}
.google_signup a span{
    opacity: 0.6;
}
.google_signup a:hover{
    background-color: #f1f5fd;
    color: #000;
}
.google_signup a:hover span{
    opacity: 1;
}
.or_text{
    margin: 20px 0;
    text-align: center;
    position: relative;
}
.or_text h4{
    font-size: 18px;
    color: #000;
    opacity: 0.8;
    font-weight: 500;
    background-color: #f6f6f6;
    padding: 0 20px;
    z-index: 2;
    position: relative;
    display: inline-block;
}
.or_text:after{
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    height: 1px;
    background-color: #ccc;
}
.input_bx .form-control{
    height: 46px;
    padding-right: 50px;
}
.input_bx{
    position: relative;
}
.eye_btn{
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    color: #999;
    display: inline-block;
}
.eye_btn:hover{
    color: #1ca86f;
}
.forgot_link{
    margin-bottom: 20px;
}
.forgot_link a{
    font-size: 16px;
    color: #999;
    text-decoration: underline;
}
.forgot_link a:hover{
    text-decoration: none;
    color: #1ca86f;
}
.basic_btn.submit_btn{
    height: 46px;
    font-size: 16px;
}
.submit_fill{
    margin-bottom: 20px;
}
.signup_accont p{
    font-size: 16px;
    color: #999;
}
.signup_accont p a{
    font-size: 16px;
    font-weight: 600;
    color: #1ca86f;
}
.signup_accont p a:hover{
    color: #000;
}
.email_signup  a{
    background-color: #000;
    color: #fff;
}
.privacy_text{
    margin: 20px 0;
}
.privacy_text p{
    font-size: 14px;
    color: #999;
}
.privacy_text p a{
   color: #1ca86f;
}
.privacy_text p a:hover{
    text-decoration: underline;
    color: #000;
}
/*======end--login-signup==================*/

/*===start my_account_sec===========*/
.dashboard_menu{
    display: none;
}
.my_account_sec{
    padding: 65px 0;
}
.account_outer{
    display: flex;
}
.account_lftpnl{
    padding: 0 15px;
    width: 20%;
}
.account_rightpnl{
    padding: 0 15px;
    width: 80%;
}
.left_innr, .right_innr{
    padding: 30px 15px;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border-radius: 7px;
}
.right_innr{
    padding: 30px;
}
.profile_pic{
    height: 100px;
    width: 100px;
    border-radius: 50%;
    margin: 0 auto 20px;
    position: relative;
}
.profile_pic figure{
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 50%;
}

.profile_pic figure img{
    width: 100%;
    height: 100%;
}
.hello_text{
    display: inline-block;
    padding: 4px 12px;
    border-radius: 30px;
    background-color: #fb4314;
    color: #fff;
    font-size: 12px;
    position: absolute;
    right: -40px;
    top: 20px;
    text-transform: capitalize;
}

.accoun_name{
    text-align: center;
    margin-bottom: 15px;
}
.accoun_name h4{
    font-size: 16px;
    color: #000;
    font-weight: 500;
}
.logout_btn{
    text-align: center;
}

.account_menu{
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #ccc;
}

.account_menu li a{
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 16px;
    color: #999;
    text-transform: capitalize;
}
.account_menu li a i{
    height: 30px;
    width: 30px;
    min-width: 30px;
    font-size: 18px;
    background-color: #1ca86f;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    border-radius: 50%;
    color: #fff;
}
.account_menu li a:hover, .account_menu li.active a{
    background-color: #1ca86f;
    color: #fff;
}
.account_menu li a:hover i{
    background-color: #fff;
    color: #1ca86f;
}
.account_bx{
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    border-radius: 5px;
    padding: 30px;
    display: flex;
    align-items: center;
    height: 100%;
}
.bx_info_arw{
    margin-left: auto;
    min-width: 35px;
}
.bx_info_lft{
    display: flex;
}

.bx_info_icon{
    height: 65px;
    width: 65px;
    min-width: 65px;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
.grn_circle{
    background-color: #1ca86f;
}
.red_circle{
    background-color: #fb4314;
}
.bx_info_icon i{
    font-size: 32px;
}
.bx_info_text h3{
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
    text-transform: capitalize;
}
.bx_info_text p{
    font-size: 16px;
    color: #999;
}
.bx_info_arw a{
    display: inline-block;
    color: #1ca86f;
}
.our_product_area{
    padding-top: 40px;
}

.product_hdng{
    margin-bottom: 30px;
}
.product_hdng h2{
    font-size: 22px;
    font-weight: 700;
    color: #000;
}
.account_product_outer{
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.account_product_item{
    width: 25%;
    padding: 0 10px;
    margin-bottom: 15px;
}
.accnt_prdct_innr{
    background-color: #fff;
    padding: 20px 15px;
    box-shadow: 0 0 15px rgba(0,0,0,0.12);
    display: flex;
    height: 100%;
    border-radius: 5px;
}
.account_prdct_icon{
    height: 40px;
    min-width: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1ca86f;
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(0,0,0,0.12);
    margin-right: 10px;
}
.account_prdct_text h3{
    font-size: 18px;
    color: #746e6e;
    min-height: 40px;
    display: flex;
    align-items: center;
}


/*===end my_account_sec===========*/


/* from codexworld old */

/* end */


/* changes by nt */
.hdr_top {
    background-color: #e2e2e2;
}
.pnl_hdng h3 a{
    float: right;
    color: #ffffff;
    background-color: #0d5b3b;
    padding: 4px 6px;
    font-size: 13px;
    text-transform: lowercase;
    border-radius: 3px;
}
.ftr_items h3{
    text-transform: uppercase;
}
.icon-custom{
    width: 24px;
    height: 24px;
    background-size: contain;
}
.icon-custom.twitter-round{
    background-image: url(../images/twitter-round.svg);
}
.icon-custom.facebook-round{
    background-image: url(../images/facebook-round.svg);
}
.icon-custom.linkedin-round{
    background-image: url(../images/linkedin-round.svg);
}
.breadcums_area .breadcrumb{
    font-size: .875em;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: .6rem;
}
.post-meta{
    font-size: 14px;
    color: #666;
}
.post-meta span a {
    color: #1ca86f;
}
.post-meta span a:hover {
    color: #fb4314;
}
.meta-sep {
    padding: 0 2px;
    color: #444;
}
.post_editor_content a{
	border-bottom: 1px dotted #fb4314;
}
.post_editor_content a:hover{
    border-bottom: none;
}
pre[class^='language-'], pre[class*=' language-'] {
    background: #f4f5f7;
    padding: 20px;
    font-size: 14px;
}
.post_taglist{
    padding: 0;
}
.post_taglist ul{
    margin-bottom: 0;
    padding-left: 0;
}
.post_taglist ul li{
    list-style: none;
}
.post_taglist ul li a {
    display: inline-block;
    padding: 2px 4px;
    margin: 5px;
    background-color: #f0f0f0;
    /*
    height: 24px;
    line-height: 24px;*/
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-shadow: 1px 1px #fff;
    font-size: .8em;
    color: #4078c0 !important;
    border-bottom: none;
    text-transform: lowercase;
}
.post_taglist ul li a:hover, .post_taglist ul li a:active, .post_taglist ul li a.off-web-link {
    background-color: #316594 !important;
    color: #fff !important;
    text-shadow: 1px 1px #333;
}
.basic_btn.demodwm{
    font-size: 17px;
    padding: 8px 10px;
    height: auto;
    line-height: inherit;
    text-transform: capitalize;
    border: none;
}
.commentlist ul.children{
    padding-left: 30px;
}
.pagination_all a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    padding: 6px 8px;
    border: 1px solid #1ca86f;
    border-radius: 4px;
    color: #1ca86f;
}
.pagination_all a.prev, .pagination_all a.next {
    float: right;
    background-color: #1ca86f;
    color: #fff !important;
}
.pagination_all a.prev:hover, .pagination_all a.next:hover {
    background-color: #fff;
    color: #1ca86f !important;
}
.videoContainer {
    border: 3px solid #FFF;
    box-shadow: 0px 0px 3px rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0px 0px 3px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
    -khtml-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}
.blog_subscriptionbx{
    margin-bottom: 30px;
}
.author_date h5{
    text-transform: uppercase;
}
.adsense_widget {
    background-color: transparent !important;
}
.button-dropdown > a{
    color: #555;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
}
.dropdwn_list_item.single a{
    color: #555;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
}
.button-dropdown > a:hover, .button-dropdown > a.active, .dropdwn_list_item.single a:hover, .dropdwn_list_item.single a.active{
    color: #1ca86f;
}
.dropdwn_list_item.single a i{
    font-size: 18px;
}
.check_list ul li a {
    color: #777;
    font-size: 15px;
}
.right_textpnl .blog_subhdng a{
    text-transform: uppercase;
}
.left_pagination .pagination{
    margin: 0 !important;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.left_pagination ul li a {
    height: auto;
    width: auto;
    border-radius: 3px;
    font-size: inherit;
}
.blog_hdng h1 {
    font-size: 1.85em;
    text-shadow: 1px 1px #dedede;
    font-weight: 600;
    color: #666;
}
.post_editor_content {
    padding: 10px;
}
.post_editor_content p {
    margin-bottom: 10px;
}
pre{
    background: #f4f5f7;
    padding: 10px;
    font-size: 15px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap;
    border: 1px solid #e6e7e9;
}
.post_editor_content code{
    background-color: #eee;
    border: solid 1px #e4e4e4;
    border-radius: 3px;
    padding: 2px;
    font-size: 1em;
    white-space: pre-wrap;
}
.right_textpnl.full-width{
    width: 100%;
}
.post_editor_content.download{
    display: flex;
}
.post_editor_content.download .leftAdBox{width:42%;margin-right: 15px;margin-bottom: 8px;}
.post_editor_content.download .content{width:53%;}
.post_editor_content.download .content p{
    font-size: 18px;
}
p.donateTxt {
    font-size: 20px !important;
    color: #34A853;
    font-weight: 600;
}
.donateTxt a{
    color: #FB4314;
    font-style: italic;
    display: inline-block;
    padding: 6px;
    border: 1px solid !important;
    border-radius: 4px;
    width: auto;
    margin-top: 7px;
    text-decoration: none;
    line-height: 1.2em;
    font-size: 18px;
}
.donateTxt a:hover{
    color: #1354fe !important;
}
.dropdwn_list_item .button-dropdown .check_list{
    z-index: 1;
}
.post_editor_content span.note{color: #666;font-weight: bold;text-decoration: underline;}



/* back to top button */
.back-to-top {
    position: fixed;
    bottom: -40px;
    right: 40px;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #fb4314;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 9;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media only screen and (max-width: 575px) {
    .back-to-top {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}

.back-to-top:focus {
    color: #fff;
}

.back-to-top.show {
    bottom: 40px;
    right: 40px;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

@media only screen and (max-width: 575px) {
    .back-to-top.show {
        bottom: 10px;
        right: 10px;
    }
}

.back-to-top.show:hover {
    color: #fff;
    bottom: 30px;
    opacity: 1;
}

@media only screen and (max-width: 575px) {
    .back-to-top.show:hover {
        bottom: 10px;
    }
}


.multiplex-ads-single-btm{
    width: 100%;
    /*max-height: 260px;
    overflow: hidden;*/
    margin-bottom: 10px;
}
.ads-plist-bttm{
    margin-top: 15px;
    /* margin-bottom: 10px; */
    float: left;
    width: 100%;
}
.ads-code-left-sidebar{
    margin-top: 10px;
}

ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}


.paydwn-btn {
    background: #563AFF;
    color: #FFFFFF;
    border: 1px solid transparent;
    padding: 14px 16px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 5px;
    border: 1px solid transparent;
    text-transform: uppercase;
    line-height: 0.8;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    -webkit-box-shadow: 0 2px 3px 0 rgba(15, 22, 41, .2);
    box-shadow: 0 2px 3px 0 rgba(15, 22, 41, .2);
    border-bottom: none !important;
}
.paydwn-btn:hover, .paydwn-btn:focus {
    background: #1B294B;
    color: #FFFFFF;
}