*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* single page css */
.single-page-title {
  color: #242424;
  font-size: 26px;
  font-family: 'DM Sans';
  font-weight: bold;
}
.single-author-image img {
  width: 50px;
  border-radius: 50%;
  height: 50px;
  margin-right: 20px;
}
.single-author-image a{
  font-size: 18px;
  font-family: 'Mulish';
  color: #242424;
  font-weight: normal;
}
span.entry-date, span.entry-comments {
  color: #BFBFBF;
  font-size: 18px;
  font-family: 'Mulish';
}
.meta-box-question {
color: #242424;
font-family: 'DM Sans';
font-size: 26px;
font-weight: 600;
}
.single-post-comment .comment-list li {
  background: #F5F5F5;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 10px;
}

#respond {
  margin-top: 2em;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 4em;
}
.blog_comment_box div#comments {
  display: flex;
  flex-direction: row;
  align-items: center;
}
ol.comment-list {
  margin-right: 20px;
  width: 50%;
}
.cln_not_found_page img {
  width: 60%;
}
.cln_bredcrumbs {
  height: 240px;
}
.cln_make_an_appoitment .e-con-inner {
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  padding: 30px;
}
.cln_make_an_appoitment label,.cln_make_an_appoitment input,.cln_make_an_appoitment textarea,.cln_make_an_appoitment select {
  width: 100%;
}
.cln_make_an_appoitment input, .cln_make_an_appoitment select {
  height: 40px;
  padding: 10px;
}
.cln_make_an_appoitment textarea {
  height: 110px;
}
h2.comments-title {
  display: none;
}
/* cln single project css */
.single-projects-top-right-section .wrap_div svg {
  color: #007CFB;
  font-size: 16px;
  margin-right: 10px;
}
.single-projects-top-right-section .wrap_div {
  color: #010101;
  font-size: 18px;
  font-family: 'DM Sans';
  font-weight: bold;
}
.single-projects-top-right-section {
  box-shadow: inset 0px 7px 0px #007CFB, 0px 3px 6px #00000029;
  border-radius: 20px;
  height: 400px;
  position: relative;
  bottom: 120px;
  background: #fff;
}
span.single-projects-top-right {
  margin-left: 25px;
  color: #1E1E1E;
  font-size: 16px;
  font-family: 'Mulish';
}
.single_project_content p {
  font-size: 16px;
  font-family: 'Mulish';
  line-height: 30px;
}
.project_content h2, .single_project_content h2{
  color: #000000;
  font-size: 28px;
  font-family: 'DM Sans';
  font-weight: bold;
}
.project_content{
  margin-top: 20px;
}

/* single blog page */

.single-page-title h2 {
  font-size: 28px;
  font-family: 'DM Sans';
  font-weight: bold;
  color: #000;
}
/*====== cleaning Single Blog Page CSS Start =======*/
.banner-image {
  background-size: 100% 100% !important;
  height: 250px;
  background-size: cover;
  margin: 0px !important;
}
.recent-post-box .post-content a {
  color: #000;
margin:10px 0px 0px 0px;
}

.single-post-nav .nav-previous {
  text-align: left;
}
.single-post-nav .nav-next {
  text-align: right;
}
#single_post .post_share {
  margin-top: 15px;
}
#single_post .feature-box img {
  z-index: -10;
  width: 100%;
  margin-top:0px;
}
.single-post .blog-single-page-banner-left h1 {
  font-size: 35px;
  font-weight: 600;
  font-family: "DM Sans", Sans-serif;
  color: #000000;
}
.blog-single-page-banner-left {
  font-family: "DM Sans", Sans-serif;
  height: 250px;
  /* width: 45% !important; */
  background-color: #FFFFFF;
  color: #000 !important;
  margin: 0px 0px;
  /* padding: 0px 0px 0px 260px; */
  border-radius: 0px 10px 10px 0px;
  box-shadow: -396px 0 0 0 #fff, 1px 1px 10px 0 #00000029, -495px 1px 10px 0 #00000029;
}
.content-box {
  background-color: #fff;
  margin-top: -100px;
  padding-top: 30px !important;
}
.single-page-title {
  font: 600 36px/60px "DM Sans", Sans-serif;
  color: #242424;
  font-family: "DM Sans", Sans-serif;
}

.single-author-image {
  padding: 0px;
  display: flex;
  align-items: center;
}
.single-page-metaimage img {
  width: 100%;
}
li.cat-item {
  list-style-type: none;
}
.single-post-social-box li a {
  padding: 5px 15px;
  border: 1px solid #BCBCBC;
  border-radius: 5px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
}
.single-page-metabox {
  align-items: center;
}
.single-blog-content p {
  font-size: 18px;
  font-family: 'Mulish';
  line-height: 32px;
  color: #242424;
}
.single-post-nav .nav-previous {
  text-align: left;
}
.single-post-nav .nav-next {
  text-align: right;
}
.form-submit input[type="submit"] {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background-color: #000000;
  border-radius: 10px;
  font-family: 'DM Sans';
  padding: 10px 20px;
}
.cln_support_contact_form input, .cln_support_contact_form textarea {
  padding: 8px;
  margin-top: 5px;
  width: 90%;
  margin-bottom: 5px;
  border: 1px solid #1212124D;
}
.submit_btn_icon .submit {
  background: #000;
  color: #fff;
  border: unset;
  padding: 0px !important;
  margin: 0px;
}
.cln_support_contact_form textarea{
  height:100px;
}
#comments input[type="text"],#comments input[type="email"],#comments textarea {
  width: 100%;
  padding: 8px 10px;
}
.blog-single-page-banner-left {
  position:relative;
  align-items: center;
  display: flex;
}
.single-post-nav .nav-links {
  display: flex;
  justify-content: space-between;
}
.hover-fx {
  font-size: 16px;
  display: inline-block;
  cursor: pointer;
  margin: 5px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  color: #A06F48;
  background-color: rgba(255, 255, 255, 0.1);
  transition: 300ms;
}
.hover-fx:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  box-sizing: content-box;
  box-shadow: 0 0 0 3px #000;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 300ms;
}
.hover-fx:hover {
  background-color: #007CFB;
}
.hover-fx:hover:after {
  opacity: 1;
  transform: scale(1.15);
}
.single-post-nav .nav-links a {
  font: 300 22px/45px "DM Sans", Sans-serif;
  color: #242424;
}
.single-post-nav span.meta-nav {
	display: block;
	color: #A1A1A1;
  font-weight: 500;
  font: 300 18px/45px "DM Sans", Sans-serif;
}
.single-post-comment .comment-author.vcard img {
  border-radius: 50%;
  height: 60px;
  width: 60px;
  margin-bottom: 12px;
  margin-right: 10px;
}
h2#reply-title {
  font-size: 28px;
  font-family: 'DM Sans';
  font-weight: bold;
  margin-bottom: 15px;
}
input#wp-comment-cookies-consent {
  margin-right: 10px;
}
p.comment-form-cookies-consent {
  display: flex;
  flex-direction: row;
}
cite.fn a {
  font-size: 18px;
  color: #242424;
  font-style: normal;
  font-family: 'DM Sans';
}
cite.fn {
  font-size: 18px;
  font-family: 'DM Sans';
  color: #242424;
  font-style: unset;
  font-weight: 400;
}
em.comment-awaiting-moderation {
  font-size: 15px;
  font-weight: 300;
  font-family: 'Mulish';
  font-style: normal;
}
.single-post-comment .comment-meta.commentmetadata {
  display: none;
}
.single-post-comment .reply {
  display: none;
}
span.says {
  display: none;
}
#commentform input[type="text"], #commentform input[type="email"], #commentform textarea {
  width: 100%;
}
#commentform label {
  display: block;
}
.ebs-single-post-page .single-content, .ebs-single-post-page .metabox {
  margin-block: 10px;
}
.ebs-single-post-page .metabox > *:not(:last-child) {
  margin-inline-end: 20px;
}
.ebs-single-post-page .metabox i, .ebs-single-post-page .socila_share a {
  color: #000;
}
.ebs-single-post-page path {
  fill: #000;
}
.ebs-single-post-page .metabox :is(span, a) {
  font-size: 16px;
  color: #707070;
  font-weight: 400;
}
.ebs-single-post-page .post_ctg {
  display: flex;
}
.ebs-single-post-page .post_ctg ul {
  margin-inline-start: 10px;
}
.ebs-single-post-page .post_ctg ul a, .logged-in-as a {
  color: #000;
  font-weight: 700;
}
.share_icon {
  position: relative;
}
.social-btn{
display: inline-block;
width: 50px;
height: 50px;
background: #f1f1f1;
margin: 6px;
border-radius: 30%;
box-shadow: 0 5px 15px -5px #00000070;
color: #3498db;
overflow: hidden;
position: relative;
}
.socila_share svg {
  padding: 0px;
}
.social-btn path{
  line-height: 50px;
  font-size: 26px;
  transition: 0.2s linear;
}
.social-btn i{
line-height: 50px;
font-size: 26px;
transition: 0.2s linear;
}
.social-btn:hover i{
transform: scale(1.3);
color: #fff;
}
.socila_share b {
  position: relative;
  top: -25px;
}
.efarm-blog-page .ea-item {
  -webkit-box-shadow: 0px 0px 57px 0px rgb(0 0 0 / 11%);
  box-shadow: 0px 0px 57px 0px rgb(0 0 0 / 11%);
  padding: 20px 20px 55px;
}
.efarm-blog-page .ea-text p {
  padding: 20px 0;
}
.efarm-blog-page .ea-button-wrap {
  padding-top: 20px;
}
.ebs-single-post-page {
  margin: 0 auto;
  margin-top: 50px;
}
.efarm-feature-box-sec {
  position: absolute;
  top: -8em;
  z-index: 9;
}
.efarm-feature-box-sec p.elementor-icon-box-description {
  width: 92%;
}
/*====== cleaning Single Blog Page CSS End =======*/

/*====== cleaning Single Services Page CSS Start =======*/
.services-single-page-banner-left {
  display: flex;
  align-items: center;
  font-family: "DM Sans", Sans-serif;
  height: 250px;
  background-color: #FFFFFF;
  color: #000 !important;
  margin: 0px 0px;
  border-radius: 0px 10px 10px 0px;
  box-shadow: -396px 0 0 0 #fff, 1px 1px 10px 0 #00000029, -495px 1px 10px 0 #00000029;
}
.services-single-post-content p {
  font: 300 20px/35px "DM Sans", Sans-serif, Sans-serif;
  color: #1E1E1E;
}
.services-button {
  font: 600 24px/20px "DM Sans", Sans-serif, Sans-serif;
  background-color: #000000;
  color: #ffffff;
  border-radius: 5px;
  padding: 15px 20px;
}
.services-single-post-content .btn {
  padding: 0;
}
.services-button:hover {
  color: #ffffff;
}
.services-button a {
  color: #FFFFFF;
}
.services-single-post-content h2 {
  font: 600 30px/37px "DM Sans", Sans-serif, Sans-serif;
  color: #010101;
}
.services-meta-box-benefit {
  font: 600 30px/37px "DM Sans", Sans-serif, Sans-serif;
  color: #010101;
}
.single-services-post-list {
  position: relative;
}
.services-single-bottom-post-content h2 {
  font: 600 30px/37px "DM Sans", Sans-serif, Sans-serif;
  color: #010101;
}
.services-single-bottom-post-content p {
  font: 300 22px/40px "DM Sans", Sans-serif, Sans-serif;
  color: #1E1E1E;
}

.content-box-services {
  padding-top: 30px !important;
}
#commentform input[type="text"], #commentform input[type="email"], #commentform textarea {
  width: 100%;
}
#commentform label {
  display: block;
}
.cln-single-services-page .single-content, .cln-single-services-page .metabox {
  margin-block: 10px;
}
.cln-single-services-page .metabox > *:not(:last-child) {
  margin-inline-end: 20px;
}
.cln-single-services-page .metabox i, .cln-single-services-page .socila_share a {
  color: #000;
}
.cln-single-services-page path {
  fill: #000;
}
.cln-single-services-page .metabox :is(span, a) {
  font-size: 16px;
  color: #707070;
  font-weight: 400;
}
.cln-single-services-page .post_ctg {
  display: flex;
}
.cln-single-services-page .post_ctg ul {
  margin-inline-start: 10px;
}
.cln-single-services-page .post_ctg ul a, .logged-in-as a {
  color: #000;
  font-weight: 700;
}
.cln-single-services-page {
  margin: 0 auto;
  margin-top: 50px;
}
/*====== cleaning Single Services Page CSS End =======*/

/*====== cleaning Single projects Page CSS Start =======*/

.single-projects-top-right-section h5 {
  letter-spacing: 0px;
  color: #010101;
  font-size: 20px;
  font-weight: 600;
}
.projects-single-page-banner-left {
  display: flex;
  align-items: center;
  font-family: "DM Sans", Sans-serif;
  height: 250px;
  background-color: #FFFFFF;
  color: #000 !important;
  margin: 0px 0px;
  border-radius: 0px 10px 10px 0px;
  box-shadow: -396px 0 0 0 #fff, 1px 1px 10px 0 #00000029, -495px 1px 10px 0 #00000029;
}
.cln-single-projects-page {
  width: 100%;
  max-width: calc(100% - 20%);
  margin: 0 auto;
}
.projects-single-post-content p {
  font: normal 18px/40px "DM Sans", Sans-serif, Sans-serif;
  letter-spacing: 0px;
  color: #434242;
}
.projects-single-post-content-box1, .projects-single-post-content-box2 {
  background: #007CFB;
  border-radius: 20px;
  padding: 20px;
}
.projects-single-post-content-box1 h3, .projects-single-post-content-box2 h3{
  font: normal normal 600 35px/65px "DM Sans", Sans-serif, Sans-serif;
  color: #FFFFFF;
}
.projects-single-post-content-box1 p, .projects-single-post-content-box2 p {
  font: normal 18px/40px "DM Sans", Sans-serif, Sans-serif;
  color: #FFFFFF;
}
.projects-meta-box-list {
  font: bold 35px/1px "DM Sans", Sans-serif, Sans-serif;
  letter-spacing: 0.04px;
  color: #000000;
}
.projects-meta-box-list1 h3 , .projects-meta-box-list2 h3 {
  font: 600 25px/1px "DM Sans", Sans-serif, Sans-serif;
  letter-spacing: 0.03px;
  color: #000000;
}
.projects-meta-box-list1 li, .projects-meta-box-list2 li {
  font: normal 20px/54px "DM Sans", Sans-serif, Sans-serif;
  letter-spacing: 0.02px;
  color: #3B3B3B;
  margin-left: 20px;
}
.projects-meta-box-list1 li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  content: "\f105";
  color: #007CFB;
  margin-left: -20px;
  line-height: 51px;
}
.projects-meta-box-list2 li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  position: absolute;
  content: "\f105";
  color: #007CFB;
  margin-left: -20px;
  line-height: 51px;
}
.projects-single-about-right-content h2 {
  font: normal normal 600 40px/65px "DM Sans", Sans-serif, Sans-serif;
  color: #010101;
}
.projects-single-about-right-content p {
  font: normal 18px/40px "DM Sans", Sans-serif, Sans-serif;
  letter-spacing: 0px;
  color: #434242;
}
.projects-single-about-right-content h2 {
  font: 600 35px/65px "DM Sans", Sans-serif, Sans-serif;
  color: #010101;
}
.projects-single-about-right-content p {
  font: normal 18px/40px "DM Sans", Sans-serif, Sans-serif;
  letter-spacing: 0px;
  color: #434242;
}
.projects-single-post-counter-section p {
  font: normal 22px/40px "DM Sans", Sans-serif, Sans-serif;
  color: #010101;
  padding-top: 20px;
  text-align: center;
}
p.counter-subtitle {
  padding: 0px;
  font: 400 18px/30px "DM Sans", Sans-serif, Sans-serif;
  color: #fff;
}
.counter-section-main-row {
  background: transparent linear-gradient(97deg, #2B7A77 0%, #57C6C2 100%) 0% 0% no-repeat padding-box;
  padding: 50px 0px;
  box-shadow: -300px 0 #2B7A77, 300px 0 #56C4C0;
}
p.counter-heading {
  margin-bottom: 10px;
  color: #fff;
  font: 700 25px/30px Josefin Sans;
  padding-top: 35px;
}
.project-counter-img {
  background: #434242;
  padding: 20px;
  border-radius: 20px;
  border: 10px solid #fff;
}
p.single-project-team {
  padding: 0px;
  font: 300 20px/0px "DM Sans", Sans-serif, Sans-serif;
}
.counter-section-box img{
  margin-top: -120px;
}
/*====== cleaning Single projects Page CSS End =======*/

/*====== cleaning projects Page CSS Start =======*/
.projects-btn2 {
  position: relative;
  bottom: 38px;
  left: 230px;
  background: #007CFB 0% 0% no-repeat padding-box;
  border-radius: 10px;
  padding: 15px 20px;
  color: #fff;
  font: 500 20px/20px "DM Sans", Sans-serif;
}
.projects-name2 {
  font: bold 25px/35px "DM Sans", Sans-serif;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1 !important;
}
.projects-author2 {
  font: 18px/13px "DM Sans", Sans-serif;
  color: #434343;
  padding-top: 8px;
}
.projects-desc2 h4 {
  font: 400 20px/30px "DM Sans", Sans-serif;
  color: #000;
  margin-top: 20px;
}
.projects-desc2 h5 {
  font: normal normal 600 18px/40px "DM Sans", Sans-serif;
  color: #000;
  letter-spacing: 0.02px;
}
.projects-desc2 ul li::before {
  content: '\f111';
  color: #007CFB;
  font-family: 'FontAwesome';
  font-size: 9px;
  margin-right: 10px;
  bottom: 1px;
  position: relative;
}
.projects-desc2 ul li {
  font: normal normal 300 17px/30px "DM Sans", Sans-serif;
  letter-spacing: 0px;
  color: #111111;
}
.projects-btn2:hover{
  background: #000;
  color: #fff;
}
.projects-item2 {
  padding: 25px;
  margin: 10px 0px;
  border-radius: 20px;
  box-shadow: 0px 1px 6px #00000029;
  background-image: url("assets/images/projects-bg-img.png");
}


/*====== cln Get A Quote Page CSS Start =======*/
.checkbox-line {
  margin: 0px;
  border: 1px solid #1212124D;
  border-radius: 10px;
  padding-top: 15px;
  margin-bottom: 30px;
}
.checkbox-line2 .wpcf7-form-control-wrap .wpcf7-checkbox {
  display: flex;
}
.company-name input, .project-info input, .wpcf7-email, .project-overview input, .project-budget input, .project-date input{
  width: 100%;
}
.project-budget select {
  background-color: unset;
}
.contact-box {
  display: inline-flex;
}
.contact-box p {
  margin: 0px 15px 15px 0px;
}
.contact-box p input {
  width: 602px;
}
.checkbox-line input[type="checkbox"] {
  width: 15px;
  height: 15px;
  margin-right: 10px;
}
.checkbox-line .wpcf7-list-item-label {
  color: #000000;
  font: normal normal 300 16px/26px Josefin Sans;
  opacity: 0.7;
}
::placeholder {
  opacity: 0.6;
}
.project-date input[type="date"] {
  opacity: 0.6;
}
/*====== cln Get A Quote Page CSS End =======*/


.title-box{
  position: relative;
}
.title-box img{
  width: 100%;
  min-height: 125px;
}
.title-box .above_title{
  position: absolute;
  top: 0;
  left: 7%;
  display: flex;
  align-content: center;
  bottom: 0;
  align-items: center;
}
.title-box *{
  color: #fff;
  text-shadow: 0px 0px 3px #000;
}
.title-box a{
  font-weight: 600;
}
.content-container{
  margin: 3% auto;
  max-width: calc(100% - 15%);
}
.post-contents{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
  margin: 5% 0;
}
#full-width-blog .post-contents .postbox{
  flex: 0 0 calc( (100% / 4) - 20px );
}
#blog-with-sidebar .post-contents .post-sidebar{
  flex: 0 0 23%;
}
#blog-with-sidebar .post-contents .post-text-content{
  flex: 0 0 75%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#blog-with-sidebar .post-contents .post-text-content>div{
  flex: 0 0 calc( (100% / 3) - 14px );
}
#blog-with-lr-sidebar .post-contents .post-text-content{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#blog-with-lr-sidebar .post-contents :is(.post-left-sidebar, .post-right-sidebar){
  flex: 0 0 20%;
}
#blog-with-lr-sidebar .post-contents .post-text-content{
  flex: 0 0 56%;
}
#blog-with-lr-sidebar .post-contents .postbox{
  flex: 0 0 49%;
  margin-bottom: 20px;
}
.post-content{
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.post-contents .postbox .post-image img{
  width: 100%;
}
.post-content .post-categories a{
  color: #2b2d42;
  font-weight: 600;
}

.post-content .post-readmore{
  text-transform: capitalize;
  font-size: 15px;
  line-height: 26px;
  font-weight: 600;
  color: #157efd;
  text-decoration: underline;
}
/* page  */
.page-contents{
  display: flex;
  margin: 5% 0;
}
.page-with-sidebar .page-contents .page-sidebar{
  flex: 0 0 23%;
}
.page-with-sidebar .page-contents .page-text-content{
  flex: 0 0 75%;
  padding: 0 15px;
}

.page-with-lr-sidebar .page-contents .page-sidebar{
  flex: 0 0 20%;
}
.page-with-lr-sidebar .page-contents .page-text-content{
  flex: 0 0 60%;
  padding: 0 15px;
}

/* sidebar */
.elemento-widget-sidebar aside{
  margin-block: 10px;
}
.elemento-widget-sidebar *{
  color: #000;
}
/* navigation */
.navigation{
  text-align: center;
  margin: 25px 0;
}
.page-numbers{
  font-weight: 600;
  font-family:  "DM Sans", Sans-serif;
  padding: 8px 15px;
  border-radius: 5px;
  color: #000;
}
.prev.page-numbers, .next.page-numbers, .page-numbers.current{
  background-color: #286016;
  color: #fff;

}
.page-numbers:not(.prev){
  border: 1px solid #286016;
}


/* Other page css start */

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#wpe-elementor-about-page-head {
    box-shadow: -380px 0px 0px 2px #fff;
}
.wpe-photography-page-head {
    height: 230px;
}
.content-container{
  margin: 3% auto;
  max-width: calc(100% - 15%);
}
.post-contents{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
  margin: 5% 0;
}
#full-width-blog .post-contents .postbox{
  flex: 0 0 calc( (100% / 4) - 20px );
}
#blog-with-sidebar .post-contents .post-sidebar{
  flex: 0 0 23%;
}
#blog-with-sidebar .post-contents .post-text-content{
  flex: 0 0 75%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
#blog-with-sidebar .post-contents .post-text-content>div{
  flex: 0 0 calc( (100% / 3) - 14px );
}
#blog-with-lr-sidebar .post-contents .post-text-content{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#blog-with-lr-sidebar .post-contents :is(.post-left-sidebar, .post-right-sidebar){
  flex: 0 0 20%;
}
#blog-with-lr-sidebar .post-contents .post-text-content{
  flex: 0 0 56%;
}
#blog-with-lr-sidebar .post-contents .postbox{
  flex: 0 0 49%;
  margin-bottom: 20px;
}
.post-content{
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.post-contents .postbox .post-image img{
  width: 100%;
}
.post-content .post-categories a{
  color: #2b2d42;
  font-weight: 600;
}
.post-content h4{
  font-family:  "DM Sans", Sans-serif;
  font-size: 20px;
  font-weight: 800;
}

.category .post-image img {
  height: auto;
}
.post-content .post-readmore{
  text-transform: capitalize;
  font-size: 15px;
  line-height: 26px;
  font-weight: 600;
  color: #157efd;
  text-decoration: underline;
}
/* page  */
.page-contents{
  display: flex;
  margin: 5% 0;
}
.page-with-sidebar .page-contents .page-sidebar{
  flex: 0 0 23%;
}
.page-with-sidebar .page-contents .page-text-content{
  flex: 0 0 75%;
  padding: 0 15px;
}

.page-with-lr-sidebar .page-contents .page-sidebar{
  flex: 0 0 20%;
}
.page-with-lr-sidebar .page-contents .page-text-content{
  flex: 0 0 60%;
  padding: 0 15px;
}

/* sidebar */
.elemento-widget-sidebar aside{
  margin-block: 10px;
}
.elemento-widget-sidebar *{
  color: #000;
}
/* navigation */
.navigation{
  text-align: center;
  margin: 25px 0;
}
.page-numbers{
  font-weight: 600;
  font-family:  "DM Sans", Sans-serif;
  padding: 8px 15px;
  border-radius: 5px;
  color: #000;
}
.prev.page-numbers, .next.page-numbers, .page-numbers.current{
  background-color: #007CFB;
  color: #fff;

}
.page-numbers:not(.prev){
  border: 1px solid #007CFB;
}
.service-single-box h3 {
    font: 600 50px/73px "DM Sans", Sans-serif;
    color: #010101;
}
.service-single-box p{
  font: 400 18px/36px "DM Sans", Sans-serif;
  color: #5B5B5B;
  letter-spacing: 0.3px;
}
/* .category-post .single-product-banner-left {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  max-width: max-content;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 10px #00000029;
  border-radius: 10px;
  opacity: 0.8;
  backdrop-filter: blur(30px);
  padding: 20px;
} */