.blogcontainer{padding: 40px 0px;}
.blogcontainer .section-heading{margin: 0px 0px 30px 0px;}
.blogcontainer .section-heading h1{font-family: 'Fonarto'; padding: 0px 0px 10px 0px; color: #141414; font-size: 70px; font-weight: 400;}
.blogcontainer .section-heading p{color: #494949; font-size: 15px; line-height: 22px; font-weight: 400;}
.blogcontainer .gx-lg-5{margin: 0px -30px;}
.blogcontainer .gx-lg-5 .columngap{padding: 0px 30px;}
.bloglistbx{float: left; width: 100%; position: relative; padding: 0px 0px 30px 0px;}
.bloglistbx .bloglistimg{float: left; width: 100%;}
.bloglistbx .bloglistimg img{width: 100%; height: auto; max-height: 100%;}
.bloglistbx .blogliscontent{float: left; width: 100%; padding: 20px 0px 0px 0px;}
.bloglistbx .blogliscontent h3{color: #141414; font-size: 21px; font-weight: 500; margin: 0px 0px 15px 0px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.bloglistbx .blogliscontent h3 a{color: #141414; text-decoration: none; transition: 0.3s ease-in-out;}
.bloglistbx .blogliscontent h3 a:hover{color: #FF6600;}
.bloglistbx .blogliscontent p{color: #494949; font-size: 15px; font-weight: 400; margin: 0px 0px 5px 0px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.bloglistbx .blogliscontent .date{position: absolute; left: 0px; bottom: 0px; right: 0px; color: #494949; font-size: 14px; font-weight: 300;}
.bloglistbx .blogliscontent .date:after{border-bottom: 1px solid #d1d1d1; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); content: "";}
.bloglistbx .blogliscontent .date span{font-family: 'Poppins', sans-serif; position: relative; color: #494949; font-size: inherit; font-weight: 300; line-height: 100%; z-index: 1; background: #fff; padding-right: 10px;}

.sidebarbx{float: left; width: 100%;}
.blogcontainer .searchbx{float: left; width: 100%; padding: 20px; background: rgba(208, 208, 208, 0.21); margin: 0px 0px 20px 0px;}
.blogcontainer .searchbx .form-group{position: relative; margin: 0px;}
.blogcontainer .searchbx .form-group .form-control{border: 1px solid #D0D0D0; color: #494949; font-size: 14px; border-radius: 0px; background: none;}
.blogcontainer .searchbx .form-group .form-control:focus{border-color: #FF6600; box-shadow: 0 0 0 0.2rem rgba(255, 102, 0, 0.38);}
.blogcontainer .searchbx .form-group .searchbtn{position: absolute; background: none; cursor: pointer; color: #494949; right: 5px; top: 50%; border: none; outline: none; min-width: 30px; height: 30px; transform: translateY(-50%); transition: 0.3s ease-in-out;}
.blogcontainer .searchbx .form-group .searchbtn:hover{background: #FF6600; color: #fff;}
.blogcontainer .searchbx .form-group .form-control:focus + .searchbtn{background: #FF6600; color: #fff;}
.sidebarbx .categorybx{float: left; width: 100%; padding: 20px; background: rgba(208, 208, 208, 0.21); margin: 0px 0px 20px 0px;}
.sidebarbx .categorybx .cateheading{float: left; width: 100%;}
.sidebarbx .categorybx .cateheading h3{color: #141414; font-size: 22px; font-weight: 500; margin: 0px 0px 20px 0px; padding: 0px 0px 7px 0px; position: relative;}
.sidebarbx .categorybx .cateheading h3:before{content: ""; position: absolute; left: 0px; top: 100%; border-bottom: 2px solid #FF6600; width: 65px;}
.sidebarbx .categorybx .cateheading h3:after{content: ""; position: absolute; left: 14px; top: 100%; border-bottom: 2px solid #f5f5f5; width: 8px;}
.sidebarbx .categorybx .catebody{float: left; width: 100%;}
.sidebarbx .categorybx .catebody ul{display: block; margin: 0px; padding: 0px;}
.sidebarbx .categorybx .catebody ul li{display: block; margin: 0px; padding: 8px 0px; list-style: none;}
.sidebarbx .categorybx .catebody ul li a{display: block; margin: 0px; padding: 0px; color: #494949; font-size: 14px; font-weight: 400; text-decoration: none; transition: 0.3s ease-in-out;}
.sidebarbx .categorybx .catebody ul li a:hover{color: #FF6600;}
.recentpostlist{display: flex; gap: 15px; align-items: center;}
.recentpostlist + .recentpostlist{margin-top: 20px;}
.recentpostlist .recentposlt{padding: 0px;}
.recentpostlist .recentposlt img{min-width: 60px; max-width: 60px; height: 60px; object-fit: cover;}
.recentpostlist .recentposrt{padding: 0px; width: 100%;}
.recentpostlist .recentposrt h4{color: #141414; font-size: 14px; font-weight: 500; margin: 0px 0px 10px 0px; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.recentpostlist .recentposrt h4 a{color: #141414; text-decoration: none; transition: 0.3s ease-in-out;}
.recentpostlist .recentposrt h4 a:hover{color: #FF6600;}
.recentpostlist .recentposrt .date{color: #494949; font-size: 13px; font-weight: 400; margin: 0px;}

.backarrowbtn{font-family: 'Poppins', sans-serif; display: flex; gap: 10px; align-items: center; color: #000000; font-size: 14px; font-weight: 400; text-decoration: none; transition: 0.3s ease-in-out;}
.backarrowbtn svg{max-width: 40px; margin: -1px 0px 0px 0px; transition: 0.3s ease-in-out;}
.backarrowbtn svg path{transition: 0.3s ease-in-out;}
.backarrowbtn:hover{color: #FF6600;}
.backarrowbtn:hover svg{fill: #FF6600;}
.backarrowbtn:hover svg path{fill: #FF6600;}
.backarrowbtn span{color: #000000; font-family: 'Poppins', sans-serif; font-weight: 400; transition: 0.3s ease-in-out;}
.backarrowbtn:hover span{color: #FF6600;}

.blogdltcontainer h1{color: #141414; font-size: 40px; font-weight: 500; margin: 30px 0px 10px 0px;}
.blogdltcontainer h1 a{color: #141414; text-decoration: none; transition: 0.3s ease-in-out;}
.blogdltcontainer h1:hover a{color: #FF6600;}
.blogdltcontainer .blogdltbx{display: block;}
.blogdltcontainer .blogdltbx img{width: 100%; height: auto; max-height: 100%; margin: 0px 0px 15px 0px;}
.blogdltcontainer .blogdltbx h3{color: #141414; font-size: 21px; font-weight: 500; padding: 10px 0px 0px 0px; margin: 0px 0px 5px 0px;}
.blogdltcontainer .blogdltbx p{color: #494949 !important; font-size: 14px; line-height: 28px; font-weight: 400; margin: 0px 0px 20px 0px;}
.blogdltcontainer .blogdltbx p span{color: #494949 !important; font-family: 'Poppins', sans-serif; font-size: inherit;}
.blogdltcontainer .blogdltbx ul{margin: 0px 0px 15px 0px; padding: 0px; display: flex; flex-wrap: wrap;}
.blogdltcontainer .blogdltbx ul li{font-family: 'Poppins', sans-serif; color: #494949 !important; font-size: 14px; font-weight: 400; padding: 0px 10px 0px 30px !important; margin: 0px 0px 15px 0px !important; position: relative; list-style: none; width: 50%;}
.blogdltcontainer .blogdltbx ul li p{line-height: 20px;}
.blogdltcontainer .blogdltbx ul li span{font-family: 'Poppins', sans-serif; color: #494949 !important; font-size: inherit;}
.blogdltcontainer .blogdltbx ul li:before{content: ""; background: #FF6600; width: 20px; height: 20px; position: absolute; left: 0px; top: 1px;}
.blogdltcontainer .blogdltbx ul li:after{content: ""; border-width: 0px 0px 2px 2px; border-style: solid; border-color: #fff; width: 12px; height: 7px; position: absolute; left: 4px; top: 6px; transform: rotate(-47deg);}

.postcomments{display: block; padding: 30px 0px 0px 0px;}
.postcomments h3{color: #141414; font-size: 21px; font-weight: 500; padding: 0px; margin: 0px 0px 10px 0px;}
.postcomments .form-group{position: relative; margin: 0px;}
.postcomments .form-group .form-control{border: 1px solid #D0D0D0; height: 44px; color: #494949; font-size: 14px; border-radius: 0px; background: none;}
.postcomments .form-group .form-control:focus{border-color: #FF6600; box-shadow: 0 0 0 0.2rem rgba(255, 102, 0, 0.38);}
.postcomments .form-group .forminner{position: relative;}
.postcomments .form-group .forminner .form-control{padding-left: 38px;}
.postcomments .form-group .forminner i{position: absolute; left: 15px; top: 50%; transform: translateY(-50%); font-style: normal;}
.postcomments .form-group .forminner i svg{max-width: 14px;}
.postcomments .form-group .forminner.textarea i{transform: none; top: 10px;}
.postcomments .form-group .forminner.textarea textarea.form-control{padding-top: 13px; height: 100px;}
.theme-btn{background: #FF6600; display: inline-flex; justify-content: center; text-align: center; color: #fff; font-size: 15px; font-weight: 500; cursor: pointer; padding: 10px 20px; min-width: 180px; text-decoration: none; outline: none; border: none; transition: 0.3s ease-in-out;}
.theme-btn:hover{background: #141414;}

.reviewslist{display: flex; gap: 15px;}
.reviewslist + .reviewslist{margin-top: 20px; padding-top: 20px; border-top: 1px solid #e5e5e5;}
.reviewslist .reviewsuserimg{padding: 0px;}
.reviewslist .reviewsuserimg .reuserimg{font-family: 'Poppins', sans-serif; text-transform: uppercase; min-width: 60px; max-width: 60px; height: 60px; background: #FF6600; border-radius: 18px; font-size: 30px; font-weight: 600; color: #ffd0b1; display: inline-flex; align-items: center; justify-content: center; text-align: center;}
.reviewslist .reviewscontent{width: 100%;}
.reviewslist .reviewscontent h4{font-family: 'Poppins', sans-serif; color: #141414; font-size: 18px; font-weight: 500; margin: 0px 0px 5px 0px;}
.reviewslist .reviewscontent p{font-family: 'Poppins', sans-serif; color: #494949; font-size: 14px; line-height: 24px; font-weight: 400; margin: 0px 0px 5px 0px;}
.reviewslist .reviewscontent .date{font-family: 'Poppins', sans-serif; position: relative; color: #494949; font-size: 14px; font-weight: 300;}
.reviewslist .reviewscontent .date:after{border-bottom: 1px solid #FF6600; position: absolute; min-width: 116px; left: 0px; top: 50%; transform: translateY(-50%); content: "";}
.reviewslist .reviewscontent .date span{font-family: 'Poppins', sans-serif; position: relative; color: #494949; font-size: inherit; font-weight: 300; line-height: 100%; z-index: 1; background: #fff; padding-right: 10px;}



@media screen and (max-width: 991px) {
  .blogcontainer{padding: 20px 0px;}
  .blogcontainer .gx-lg-5{margin: 0px -12px;}
  .blogcontainer .gx-lg-5 .columngap{padding: 0px 12px;}
  .bloglistbx .blogliscontent h3{font-size: 17px;}
  .recentpostlist .recentposlt img{min-width: 50px; max-width: 50px; height: 50px;}
  .recentpostlist .recentposrt h4{margin: 0px 0px 5px 0px;}
  .blogcontainer .searchbx{padding: 15px;}
  .sidebarbx .categorybx{padding: 15px;}
  .sidebarbx .categorybx .cateheading h3{font-size: 19px;}
  .blogcontainer .section-heading h1{font-size: 40px; margin: 0px 0px 5px 0px;}
  .blogdltcontainer h1{font-size: 30px; margin: 15px 0px 10px 0px;}

}
@media screen and (max-width: 767px) {
.blogcontainer .searchbx{padding: 0px; background: none;}
.blogdltcontainer h1{font-size: 25px;}
}
@media screen and (max-width: 575px) {
  .blogcontainer .gx-lg-5{margin: 0px -7px;}
  .blogcontainer .gx-lg-5 .columngap{padding: 0px 7px;}
  .bloglistbx .blogliscontent{padding: 15px 0px 0px 0px;}
  .bloglistbx .blogliscontent h3{margin: 0px 0px 10px 0px;}
  .blogdltcontainer .blogdltbx h3{font-size: 18px;}
  .blogdltcontainer .blogdltbx p{font-size: 13px; line-height: 23px; margin: 0px 0px 10px 0px;}
  .blogdltcontainer .blogdltbx ul li{font-size: 13px;}
  .blogdltcontainer .blogdltbx ul li{width: 100%;}
  .blogdltcontainer .blogdltbx ul li:before{top: -1px;}
  .blogdltcontainer .blogdltbx ul li:after{top: 4px;}
  .blogdltcontainer .blogdltbx ul{margin: 0px 0px 0px 0px;}
  .postcomments{padding: 10px 0px 0px 0px;}
  .postcomments .form-group .form-control{height: 40px;}
  .theme-btn{padding: 8px 15px; font-size: 14px; min-width: 140px;}
  .reviewslist .reviewsuserimg .reuserimg{min-width: 50px; max-width: 50px; height: 50px; font-size: 24px;}
  .reviewslist .reviewscontent p{font-size: 13px; line-height: 22px;}
  .reviewslist .reviewscontent h4{font-size: 16px;}
}