body{overflow-x: hidden;}
p{font-size: 16px;}
.blog-logo{width: 100%;}
header{padding-top: 15px;padding-bottom: 15px;}
.blg-ul{list-style: none;float: right;padding-top: 25px;padding-bottom: 15px;}
.blg-ul li{float: left;margin-right: 20px;}
.blg-ul li button:focus{box-shadow:0 0 0 0; }
.blg-ul li:first-child button{background: #F57F17;color: #fff;}
.blg-ul li:nth-child(2){margin-right: 0;}
.blg-ul li:nth-child(2) button i{font-size: 20px;padding-top: 2px;}
.blg-ul li:nth-child(3) button i{font-size: 20px;padding-top: 2px;}
.blg-report{background: #e0e0e0;}
.total-blog-uploaded{width: 100%;max-width: 100%;text-align: center;padding-top: 20px;padding-bottom: 20px;}
.box-for-total{margin-top: 20px;margin-bottom: 20px;border: 5px solid #f57f17;width: 160px;height: 160px;border-radius: 100%;margin-left: 180px;}
.count-total,.count-totall{font-size: 80px;margin-top: 20px;margin-bottom: 20px;}
.active-blogs, .deactive-blogs{text-align: center;background: #fff;border-radius: 5px;box-sizing: border-box;box-shadow: 0 0 10px #ccc;padding-top: 15px;padding-bottom: 15px;margin-bottom: 20px;margin-top: 20px;}
.active-blogs h2, .deactive-blogs h2{font-size: 50px;}
.active-blogs p, .deactive-blogs p{margin-bottom: 0;}
.sett ul{position: relative;}
.sett ul:after{content: '';position: absolute;top: -7px;left: 35px;width: 12px;height: 12px;background: #fff;transform: rotate(45deg);border-left: 1px solid rgba(0,0,0,.15);border-top: 1px solid rgba(0,0,0,.15);}
.sett ul li{font-size: 13px;}
.sett ul li a{color: #000;}
.sett ul li:hover{background: #7c4dff;}
.sett ul li:hover a{color:#fff;text-decoration: none;}
.m-t-b-20{margin-top: 20px;margin-bottom: 20px;}
.want-to-know{padding-bottom: 20px;padding-top: 20px;background: #fff;box-sizing: border-box;box-shadow: 0 0 10px #ccc;border-radius: 5px;text-align: center;}
.want-to-know h2{font-weight: 600;margin-top: 20px;font-size: 22px;margin-bottom: 20px;font-family: montserrat;}
.want-to-know a{background: #f57f17;color: #fff;padding: 10px;font-size: 16px;margin-bottom: 15px;width: 300px;border-radius: 0;border: 0;font-family: montserrat;}
.want-to-know a:hover{color: #fff;background: #7c4dff;}
.footer{margin-top: 20px;}
.copyrgt p{margin-top: 20px;font-size: 15px;}
.t-p{float: right;}
.t-p li{float: left;font-size: 15px;margin-right: 20px;margin-top: 20px;}
.t-p li a,.t-p li a:hover{color: #000;text-decoration: none;}
.blog-list h2, .form-login h2{font-family: montserrat;font-weight: 600;font-size: 22px !important;}
.form-login{margin-top: 50px;margin-bottom: 50px;box-sizing: border-box;box-shadow: 0 0 10px #c0c0c0;border-radius: 5px;padding-top: 30px;padding-bottom: 30px;padding-left: 50px;padding-right: 50px;}
.login-form{padding-top: 20px;padding-bottom: 20px;}
.login-form .form-group{margin-bottom: 20px;}
.login-submit,.regsiter-submit,.blog-submit,.update-submit,.cssjs-submit,.comment-submit{width: 30%;background: #F57F17 !important;color: #fff!important;padding: 8px!important;border: 0!important;border-radius: 0!important;font-size: 15px!important;margin-top: 20px!important;}
.create-account-form{padding-top: 20px;padding-bottom: 20px;}
.account-form{margin-top: 50px;margin-bottom: 50px;box-sizing: border-box;box-shadow: 0 0 10px #c0c0c0;border-radius: 5px;padding-top: 30px;padding-bottom: 30px;padding-left: 50px;padding-right: 50px;}
.account-form h2{font-family: montserrat;font-weight: 600;font-size: 22px !important;padding-bottom: 30px;text-decoration: underline}
.regsiter-submit{width: 80%;padding: 10px !important;font-size: 20px !important;margin-left: 10%;}
.account-form .form-group,.addblogs .form-group{margin-bottom: 20px;}
.instruction-ol li{padding-bottom: 8px;text-transform: capitalize;}
.accept-terms{font-size: 13px;padding-top: 15px;}
.error_firstname,.error_lastname,.error_email,.error_phone,.error_username,.error_password,.error_cpassword,.error_lusername,.error_lpassword,.error_title,.error_description,.error_metatitle,.error_metadescription,.error_metakeywords,.error_file,.error_filetype,.error_blog,.error_cname,.error_cemail,.error_cmessage,.error_upassword,.error_ucpassword{color: red;font-size: 13px;}
.error_login{background: red;color: #fff;padding: 5px;padding-left: 15px;display: none;}
.add-blogs{position: absolute;width: 50%;height: auto;top: 0;right: -50%;z-index: 1;background: #fff;padding: 50px;box-sizing: border-box;box-shadow: 0 0 10px #c0c0c0;transition:0.2s all ease;display: none;}
.close{position: absolute;right: 50px;top: 20px;opacity: 1 !important;}
.m-b-30{margin-bottom: 30px !important;}
.add-blogs h3{margin-bottom: 30px;font-weight: bold;text-decoration: underline;}
.modal-backdrop{z-index: 0 !important;background:transparent!important;opacity: 0!important;width: auto!important;height: auto!important;}
.note-popover.popover{display: none;}
.blg-d-ul li{border-bottom: 1px solid #ccc;text-transform: capitalize;padding-top: 8px;padding-bottom: 8px;}
.updateblogs,.updateaccount,.cssjsform,.updatepassword{margin-top: 50px;margin-bottom: 50px;box-sizing: border-box;box-shadow: 0 0 10px #c0c0c0;border-radius: 5px;padding-top: 30px;padding-bottom: 30px;padding-left: 50px;padding-right: 50px;}
.updateblogs h3,.updateaccount h3,.cssjsform h3{margin-bottom: 30px;font-weight: bold;text-decoration: underline;}
.page-form{display: none;}
.blog-list{height: 100vh;overflow-y: scroll;}
.blog-list::-webkit-scrollbar{display:none;}

/* index page */
header{margin-bottom: 30px;}
.latest-blog{font-weight: bold;text-decoration: underline;margin-top: 20px;margin-bottom: 40px;}
.blog-box{padding: 15px;box-sizing: border-box;box-shadow: 0 0 10px #ccc;}
.image-box{width:100%;height: 200px;overflow: hidden;}
.image-box img{max-width: 100%;width: 100%;height: 100%;object-fit: cover;}
.blg-content p{margin-top: 15px;margin-bottom: 15px;text-transform: capitalize;}
.rdmore{width: 50%;border: 1px solid #000 !important;border-radius: 0 !important;color: #fff !important;background: #000 !important;}
.error-index{text-align: center;width: 100%;margin-top: 20px;margin-bottom: 20px;text-transform: capitalize;box-sizing: border-box;padding: 30px;box-shadow: 0 0 10px #bbb;}
.logo-img{width: 100%;}
.menu{float: right;padding-top: 20px;padding-bottom: 20px;}
.menu li{float: left;margin-left: 30px;font-size: 16px;}
.menu li a{color:#000;text-decoration: none;}
.not-upload{height: 70vh;padding-top: 20vh;padding-bottom: 20vh;}
.main-footer{margin-top: 20px;color: rgb(255, 255, 255);background: rgb(27, 25, 25);}
.main-footer .t-p li a{color: #fff;text-decoration: none;}
.lb{margin-bottom: 30px;}

/* information page */
.comment-section{padding: 15px;}
.comment-section h4{padding-bottom: 10px;border-bottom: 1px solid #ccc;margin-bottom: 20px;text-transform: uppercase;}