.single-post .inner-banner-content {
    text-align: center;
}

.single-blog-wrapper .column-left {
    width: 67%;
}

.single-blog-wrapper .column-right {
    width: 31%;
}

.single-blog-wrapper .featured-image {
    position: relative;
    margin-bottom: 20px;
}

.single-blog-wrapper .column-left .post-meta {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.single-blog-wrapper .column-left .post-meta svg {
    width: 12px;
    display: block;
    margin-bottom: 3px;
    margin-right: 7px;
}

.single-blog-wrapper .featured-image img {
    width: 100%;
}

.single-blog-wrapper .blog-content {
    margin-top: 20px;
}

.single-blog-wrapper .blog-content h2 {
    font-size: 30px;
    line-height: 38px;
}

.single-blog-wrapper .blog-content h2 b {
    font-weight: 600;
}

.single-blog-wrapper .column-left h2 {
    margin-bottom: 15px;
}

.single-blog-wrapper .blog-content p:has(img) {
    text-align: center;
}

.single-blog-wrapper .blog-content a {
    color: var(--theme-color);
}

.single-blog-wrapper .blog-content a:hover {
    text-decoration: underline;
}

.single-blog-wrapper .blog-content ul,
.single-blog-wrapper .blog-content ol {
    margin-left: 20px;
}

.single-blog-wrapper .blog-content ul li,
.single-blog-wrapper .blog-content ol li {
    margin-bottom: 15px;
}

.single .blog-content h1 strong,
.single .blog-content h2 strong,
.single .blog-content h3 strong .single .blog-content h4 strong .single .blog-content h5 strong .single .blog-content h6 strong {
    font-weight: 600;
}


.sidebar-box {
    padding: 50px 20px;
    background-color: #eff3f7;
    border-top: 2px solid var(--blue);
}

.sidebar-box:first-child {
    margin-bottom: 20px;
}

.sidebar-box input.search-field {
    width: 100%;
    height: 50px;
}

.sidebar-box h3 {
    text-align: center;
    margin-bottom: 20px;
}

.sidebar-box form .search-submit {
    width: 48px;
    height: 48px;
    border: none;
    cursor: pointer;
    background-color: var(--blue);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='white' d='M480 272C480 317.9 465.1 360.3 440 394.7L566.6 521.4C579.1 533.9 579.1 554.2 566.6 566.7C554.1 579.2 533.8 579.2 521.3 566.7L394.7 440C360.3 465.1 317.9 480 272 480C157.1 480 64 386.9 64 272C64 157.1 157.1 64 272 64C386.9 64 480 157.1 480 272zM272 416C351.5 416 416 351.5 416 272C416 192.5 351.5 128 272 128C192.5 128 128 192.5 128 272C128 351.5 192.5 416 272 416z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    font-size: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 0;
    padding: 0;
    border-left: 1px solid var(--white);
}

.sidebar-box form.search-form {
    position: relative;
}

.sidebar-box ul.category-list {
    list-style-type: none;
}

.sidebar-box ul.category-list li a {
    width: 100%;
    padding: 12px 30px;
    background-color: var(--white);
    text-transform: uppercase;
    text-align: center;
}

.sidebar-box ul.category-list li a:hover {
    background-color: var(--blue);
    color: var(--white);
}

.sidebar-box ul.category-list li:not(:last-child) {
    margin-bottom: 20px;
}

.sidebar-box ul.recent-post-list {
    list-style-type: none;
    text-align: center;
}

.sidebar-box ul.recent-post-list li>span:first-child {
    position: relative;
    padding-left: 24px;
    display: inline-block;
    margin-bottom: 10px;
}

.sidebar-box ul.recent-post-list li>span:first-child::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='rgb(163,163,163)' d='M528 320C528 434.9 434.9 528 320 528C205.1 528 112 434.9 112 320C112 205.1 205.1 112 320 112C434.9 112 528 205.1 528 320zM64 320C64 461.4 178.6 576 320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64C178.6 64 64 178.6 64 320zM296 184L296 320C296 328 300 335.5 306.7 340L402.7 404C413.7 411.4 428.6 408.4 436 397.3C443.4 386.2 440.4 371.4 429.3 364L344 307.2L344 184C344 170.7 333.3 160 320 160C306.7 160 296 170.7 296 184z'/%3E%3C/svg%3E");
    background-size: 20px;
}

.sidebar-box ul.recent-post-list li {
    box-shadow: 9.899px 9.899px 30px 0 rgba(0, 0, 0, .1);
    padding: 15px 15px 30px 15px;
    background-color: var(--white);
}

.sidebar-box ul.recent-post-list li a {
    font-weight: 600;
    color: var(--black);
    display: block;
}

.sidebar-box ul.recent-post-list li a:hover {
    color: var(--theme-color);
}

.sidebar-box.blog-form {
    margin-top: 30px;
}

.sidebar-box.blog-form .input-row .input-field {
    width: 100%;
    margin-bottom: 0;
}

.sidebar-box.blog-form .input-row .input-field input[type="submit"] {
    background-color: var(--blue);
    color: var(--white) !IMPORTANT;
}

.sidebar-box.blog-form .input-row .input-field input[type="submit"]:hover {
    background-color: var(--theme-color);
}

.sidebar-box.blog-form .wpcf7 form .wpcf7-response-output {
    color: var(--body);
}

.sidebar-box.blog-form form[data-status="sent"] .wpcf7-response-output {
    color: rgb(70, 180, 80) !important;
}

.single-blog-wrapper .nav-links {
    margin-top: 50px;
    justify-content: space-between;
    margin-left: -5px;
    margin-right: -5px;
}

.single-blog-wrapper .nav-links a {
    color: var(--blue);
    display: flex;
}

.nav-links svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-top: 2px;
    margin-right: 0;
}

.nav-links svg path {
    fill: var(--blue);
}

.nav-previous svg {
    margin-right: 5px;
}

.nav-next svg {
    margin-left: 5px;
}

.single-blog-wrapper .nav-links>div {
    padding: 0 5px;
}

.single-blog-wrapper .nav-links a:hover {
    text-decoration: underline;
}

.blog-contact-info-wrap.sub-service-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--blue);
    padding: 15px 20px;
    margin-top: 50px;
}

.blog-contact-phone a {
    color: #fff;
}

.blog-contact-services {
    display: flex;
    align-items: center;
}

.blog-contact-services span {
    color: #fff;
    margin-left: 7px;
}

.blog-contact-phone img {
    margin-right: 3px;
}

.goorle-review {
    max-width: 1170px;
    margin: 0 auto;
}

.ti-widget.ti-goog .ti-controls-line .dot {
    background: var(--blue) !important;
}

.single-service .gallery-item img,.single-service .gallery-item a {
    width: 100%;
    pointer-events: none;
}

.single-blog-wrapper .blog-content p:last-child:has(img) img {
    width: 100%;
}

.gallery-columns-3,
.gallery-columns-2 {
    gap: 10px;
}
@media only screen and (max-width: 1199px) {
    .single-blog-wrapper .blog-content h2 {
        font-size: 26px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 991px) {

    .single-blog-wrapper .column-left,
    .single-blog-wrapper .column-right {
        width: 100%;
    }

    .single-blog-wrapper .column-right {
        margin-top: 15px;
    }

    .single .inner-banner-content h1 {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .single-blog-wrapper .blog-content h2 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 10px;
    }

    .sidebar-box {
        padding: 30px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .single .inner-banner-content h1 {
        font-size: 24px;
        line-height: 34px;
    }

    .single-blog-wrapper .blog-content h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .single-blog-wrapper .blog-content h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .single-blog-wrapper .blog-content h4 {
        font-size: 16px;
        line-height: 26px;
    }

    .single-blog-wrapper .blog-content h5 {
        font-size: 14px;
        line-height: 24px;
    }

    .single-blog-wrapper .nav-links {
        flex-wrap: wrap;
    }

    .single-blog-wrapper .nav-links>div {
        flex: 0 0 100%;
        margin-bottom: 15px;
    }

    .blog-contact-info-wrap.sub-service-btn {
        flex-wrap: wrap;
        justify-content: center;
        padding: 20px 20px;
        gap: 10px;
    }

    .blog-contact-phone,
    .blog-contact-services {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}