:root {

        /* Font Family */
        --font-family-base: 'Rubik', sans-serif;
        --font-family-heading: 'PT Serif', serif;
        --font-family-third: 'Montserrat', sans-serif;

        /* Font Weight */
        --fw-lighter: lighter;
        --fw-light: 300;
        --fw-normal: 400;
        --fw-medium: 500;
        --fw-semibold: 600;
        --fw-bold: 700;
        --fw-bolder: bolder;

        /* Font Size */
        --fs-0: 0rem;

        --fs-1: 0.0625rem;
        --fs-2: 0.125rem;
        --fs-3: 0.1875rem;
        --fs-4: 0.25rem;
        --fs-5: 0.3125rem;
        --fs-6: 0.375rem;
        --fs-7: 0.4375rem;
        --fs-8: 0.5rem;
        --fs-9: 0.5625rem;
        --fs-10: 0.625rem;

        --fs-11: 0.6875rem;
        --fs-12: 0.75rem;
        --fs-13: 0.8125rem;
        --fs-14: 0.875rem;
        --fs-15: 0.9375rem;
        --fs-16: 1rem;
        --fs-17: 1.0625rem;
        --fs-18: 1.125rem;
        --fs-19: 1.1875rem;
        --fs-20: 1.25rem;

        --fs-21: 1.3125rem;
        --fs-22: 1.375rem;
        --fs-23: 1.4375rem;
        --fs-24: 1.5rem;
        --fs-25: 1.5625rem;
        --fs-26: 1.625rem;
        --fs-27: 1.6875rem;
        --fs-28: 1.75rem;
        --fs-29: 1.8125rem;
        --fs-30: 1.875rem;

        --fs-31: 1.9375rem;
        --fs-32: 2rem;
        --fs-33: 2.0625rem;
        --fs-34: 2.125rem;
        --fs-35: 2.1875rem;
        --fs-36: 2.25rem;
        --fs-37: 2.3125rem;
        --fs-38: 2.375rem;
        --fs-39: 2.4375rem;
        --fs-40: 2.5rem;

        --fs-41: 2.5625rem;
        --fs-42: 2.625rem;
        --fs-43: 2.6875rem;
        --fs-44: 2.75rem;
        --fs-45: 2.8125rem;
        --fs-46: 2.875rem;
        --fs-47: 2.9375rem;
        --fs-48: 3rem;
        --fs-49: 3.0625rem;
        --fs-50: 3.125rem;

        --fs-51: 3.1875rem;
        --fs-52: 3.25rem;
        --fs-53: 3.3125rem;
        --fs-54: 3.375rem;
        --fs-55: 3.4375rem;
        --fs-56: 3.5rem;
        --fs-57: 3.5625rem;
        --fs-58: 3.625rem;
        --fs-59: 3.6875rem;
        --fs-60: 3.75rem;

        --fs-61: 3.8125rem;
        --fs-62: 3.875rem;
        --fs-63: 3.9375rem;
        --fs-64: 4rem;
        --fs-65: 4.0625rem;
        --fs-66: 4.125rem;
        --fs-67: 4.1875rem;
        --fs-68: 4.25rem;
        --fs-69: 4.3125rem;
        --fs-70: 4.375rem;

        --fs-71: 4.4375rem;
        --fs-72: 4.5rem;
        --fs-73: 4.5625rem;
        --fs-74: 4.625rem;
        --fs-75: 4.6875rem;
        --fs-76: 4.75rem;
        --fs-77: 4.8125rem;
        --fs-78: 4.875rem;
        --fs-79: 4.9375rem;
        --fs-80: 5rem;

        --fs-81: 5.063rem;
        --fs-82: 5.125rem;
        --fs-83: 5.188rem;
        --fs-84: 5.25rem;
        --fs-85: 5.313rem;
        --fs-86: 5.375rem;
        --fs-87: 5.438rem;
        --fs-88: 5.5rem;
        --fs-89: 5.5625rem;
        --fs-90: 5.625rem;

        --fs-91: 5.6875rem;
        --fs-92: 5.75rem;
        --fs-93: 5.8125rem;
        --fs-94: 5.875rem;
        --fs-95: 5.9375rem;
        --fs-96: 6rem;
        --fs-97: 6.0625rem;
        --fs-98: 6.125rem;
        --fs-99: 6.1875rem;
        --fs-100: 6.25rem;

        --fs-110: 6.875rem;
        --fs-120: 7.5rem;
        --fs-128: 8rem;
        --fs-130: 8.25rem;
        --fs-140: 8.75rem;
        --fs-150: 9.375rem;
        --fs-175: 10.9375rem;
        --fs-176: 11rem;
        --fs-190: 11.875rem;
        --fs-192: 12rem;

        --fs-200: 12.5rem;
        --fs-210: 13.125rem;
        --fs-240: 15rem;
        --fs-280: 17.5rem;
        --fs-291: 18.188rem;

        --fs-320: 20rem;
        --fs-370: 23.125rem;

        --fs-400: 25rem;

        --fs-500: 31.25rem;
        --fs-592: 37rem;

        --fs-600: 37.5rem;
        --fs-680: 42.5rem;

        /* Theme Colors */
        --color-primary: #2f2b86;
        --color-primary-rgb: 225, 56, 51;
        --color-one: #2f2b86;
        --color-one-rgb: 225, 56, 51;

        --color-secondary: #162842;
        --color-secondary-rgb: 22, 40, 66;
        --color-two: #162842;
        --color-two-rgb: 22, 40, 66;

        --color-three: #666666;
        --color-three-rgb: 102, 102, 102;

        --color-four: #00255C;
        --color-four-rgb: 0, 37, 92;

        --color-dark: #1C2539;
        --color-dark-blue: #0048B4;
        --color-dark-blue-rgb: 0, 72, 180;

        --color-light: #E7E7E7;
        --color-light-rgb: 231, 231, 231;

        --color-white: #FFFFFF;
        --color-white-rgb: 255, 255, 255;

        --color-black: #000000;
        --color-black-rgb: 0, 0, 0;

        --color-muted: #586563;

        --link-color: #E13833;
        --link-color-hover: #162842;
        --link-color-active: #162842;
        --gradient-color-from: #00C6FF;
        --gradient-color-to: #0072FF;

        --gradient-one: linear-gradient(90deg, #00C6FF 0%, #0072FF 100%);
        --gradient-one-alt: linear-gradient(90deg, #0072FF 0%, #00C6FF 100%);
        --gradient-one-180: linear-gradient(180deg, #00C6FF 0%, #0072FF 100%);

        /* Responsive Breakdown */
        --breakpoint-extralargedesktop: 1399.98px;
        --breakpoint-largedesktop: 1199.98px;
        --breakpoint-desktop: 991.98px;
        --breakpoint-tablet: 767.98px;
        --breakpoint-mobile: 575.98px;
        --breakpoint-minimobile: 499.98px;

        /* Transition Method */
        --transition-base: all 0.5s ease-in-out;
        --transition-bezier: all .25s cubic-bezier(.645, .045, .355, 1);
    }




    /* Heading Tag Preset */
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        font-family: var(--font-family-heading);
        font-weight: var(--fw-normal);
        margin-top: 0px;
        margin-bottom: 0px;
        color: var(--color-two);
    }

    .h1,
    h1 {
        font-size: var(--fs-53);
        line-height: var(--fs-60);
        /* set "line-height" based on "font-family" */
    }

    .h2,
    h2 {
        font-size: var(--fs-40);
        line-height: var(--fs-48);
        /* set "line-height" based on "font-family" */
    }

    .h3,
    h3 {
        font-size: var(--fs-30);
        line-height: var(--fs-42);
        /* set "line-height" based on "font-family" */
    }

    .h4,
    h4 {
        font-size: var(--fs-26);
        line-height: var(--fs-36);
        /* set "line-height" based on "font-family" */
    }

    .h5,
    h5 {
        font-size: var(--fs-22);
        line-height: var(--fs-30);
        /* set "line-height" based on "font-family" */
    }

    .h6,
    h6 {
        font-size: var(--fs-18);
        line-height: var(--fs-26);
        /* set "line-height" based on "font-family" */
    }

    a {
        -webkit-transition: var(--transition-bezier);
        -khtml-transition: var(--transition-bezier);
        -moz-transition: var(--transition-bezier);
        -ms-transition: var(--transition-bezier);
        -o-transition: var(--transition-bezier);
        transition: var(--transition-bezier);
        color: var(--link-color);
        text-decoration: none;
        outline: none;
        display: inline-block;
    }

    a:before,
    a:after {
        -webkit-transition: inherit;
        -khtml-transition: inherit;
        -moz-transition: inherit;
        -ms-transition: inherit;
        -o-transition: inherit;
        transition: inherit
    }

    a:hover,
    a:focus {
        color: var(--link-color-hover);
    }

    a:active,
    a.nice-select.open {
        color: var(--link-color-active);
    }

    .clearfix::after {
        display: block;
        clear: both;
        content: ""
    }

    a,
    a:hover,
    a:focus,
    a:before,
    a:after {
        outline: none;
        text-decoration: none;
    }


    .clearfix {
        clear: both;
    }

    .divider {
        margin: 30px 0px;
        display: inline-block;
    }

    table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        margin-bottom: 10px;
        border-left: 1px solid rgba(var(--color-black-rgb), 0.3);
        border-top: 1px solid rgba(var(--color-black-rgb), 0.3);
    }

    table td,
    table th {
        padding: 5px 10px;
        border-bottom: 1px solid rgba(var(--color-black-rgb), 0.3);
        border-right: 1px solid rgba(var(--color-black-rgb), 0.3);
        text-align: center;
    }





    /* Service Details */
    .blog-details {
        position: relative;
        padding: 100px 0px 90px;
    }

    .blog-details .blog-details-inner .post-header {
        margin-top: 45px;
        margin-bottom: 25px;
    }

    .blog-details .blog-details-inner .post-header .post-date {
        font-size: 22px;
        font-weight: 400;
        line-height: 32px;
        display: inline-block;
        color: var(--color-one);
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .blog-details .blog-details-inner .intro,
    .blog-details .blog-details-inner .fulltext {
        font-size: 18px;
        line-height: 28px;
    }


    .blog-details .blog-details-inner .highlight {
        font-size: 24px;
        line-height: 34px;
        line-height: 30px;
        margin-bottom: 30px;
        letter-spacing: -0.5px;
    }

    .blog-details .blog-details-inner .widget-title {
        position: relative;
        font-size: 40px;
        line-height: 50px;
        text-transform: capitalize;
        margin-top: 45px;
        margin-bottom: 30px;
        padding-bottom: 20px;
        letter-spacing: -0.5px;
    }

    .blog-details .blog-details-inner .widget-title:before {
        position: absolute;
        content: '';
        left: 0px;
        bottom: 0px;
        width: 30px;
        height: 3px;
        background-color: var(--color-one);
    }

    .blog-details .blog-details-inner ul.point-order {
        padding-left: 35px;
        margin-bottom: 35px;
        list-style-type: none;
    }

    .blog-details .blog-details-inner ul.point-order li {
        position: relative;
        padding-left: 30px;
        line-height: 34px;
    }

    .blog-details .blog-details-inner ul.point-order li:before {
        content: '\f26a';
        font-family: 'bootstrap-icons';
        font-size: 18px;
        position: absolute;
        left: 0;
        color: var(--color-one);
    }

    .blog-details .blog-details-inner .image-post {
        margin-bottom: 40px;
    }

    .blog-details .blog-details-inner .image-post img {
        width: 100%;
    }

    .blog-details .blog-details-inner .process-step {
        margin-bottom: 15px;
    }

    .blog-details .blog-details-inner .process-step .serial {
        position: relative;
        width: 40px;
        height: 40px;
        background: var(--color-white);
        color: var(--color-one);
        border-radius: 100%;
        font-family: var(--font-family-heading);
        font-size: 22px;
        line-height: 40px;
        text-align: center;
        margin-right: 25px;
        box-shadow: 0px 10px 20px rgba(137, 151, 186, 0.25);
        flex-shrink: 0;
        transition: all 0.5s ease-in-out;
    }

    .blog-details .blog-details-inner .process-step:hover .serial {
        box-shadow: 0px 0px 20px rgba(137, 151, 186, 0.25);
    }

    .blog-details .blog-details-inner .process-step h5 {
        font-size: 24px;
        line-height: 34px;
        color: var(--color-two);
        margin-bottom: 15px;
    }

    .blog-details .blog-details-inner .process-step.style-2 .serial {
        position: relative;
        width: 35px;
        height: 35px;
        background: var(--color-one);
        color: var(--color-white);
        font-size: 16px;
        line-height: 35px;
        box-shadow: 0px 10px 20px rgba(var(--color-one-rgb), 0.25);
    }

    .blog-details .blog-details-inner .process-step.style-2:hover .serial {
        box-shadow: 0px 0px 20px rgba(var(--color-one-rgb), 0.25);
    }

    /* WP Block Gallery */
    .blog-details .blog-details-inner .block-gallery {
        margin-bottom: 40px;
    }

    .blog-details .blog-details-inner .blocks-gallery-grid {
        display: flex;
        flex-wrap: wrap;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .blog-details .blog-details-inner .blocks-gallery-grid .blocks-gallery-item {
        margin: 0 30px 0px 0;
        display: flex;
        flex-grow: 1;
        flex-direction: column;
        justify-content: center;
        position: relative;
        width: calc(50% - 30px);
    }

    .blog-details .blog-details-inner .blocks-gallery-grid .blocks-gallery-item figure {
        margin-bottom: 0px;
        height: 100%;
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
    }

    /* Post Footer */
    .blog-details .blog-details-inner .post-footer {
        display: inline-block;
        width: 100%;
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .blog-details .blog-details-inner .post-footer .page-all a {
        font-size: 1.5rem;
        color: #a6a182;
    }

    .blog-details .blog-details-inner .post-share {
        display: flex;
        align-items: center;
    }

    .blog-details .blog-details-inner .post-share ul.share-list {
        display: flex;
        align-items: center;
        flex-flow: wrap;
        margin-bottom: 0px;
        padding-left: 0;
    }

    .blog-details .blog-details-inner .post-share ul.share-list li {
        list-style-type: none;
        display: inline-block;
        margin-bottom: 5px;
    }

    .blog-details .blog-details-inner .post-share ul.share-list li a {
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        text-align: center;
        width: auto;
        display: inline-block;
        background-color: transparent;
        color: var(--color-two);
        border: 1px solid var(--color-two);
        border-radius: 30px;
        margin: 0px 5px;
        padding: 1px 12px;
        transition: var(--transition-base);
    }

    .blog-details .blog-details-inner .post-share ul.share-list li a:hover {
        background-color: var(--color-one);
        border-color: var(--color-one);
        color: var(--color-white);
    }

    .blog-details .blog-details-inner .post-share ul.share-list li:first-child {
        font-family: var(--font-family-heading);
        font-size: 20px;
        font-weight: 500;
        color: var(--color-two);
        margin-right: 15px;
    }

    .blog-details .blog-details-inner .post-share ul.share-list li:last-child a {
        margin-right: 0px;
    }

    .blog-details .blog-details-inner .post-share ul.share-list li.facebook a {
        background: #004da9;
    }

    .blog-details .blog-details-inner .post-share ul.share-list li.twitter a {
        background: #00a0ee;
    }

    .blog-details .blog-details-inner .post-share ul.share-list li.dribbble a {
        background: #a99df5;
    }

    .blog-details .blog-details-inner .post-share ul.share-list li.instagram a {
        background: #d432bc;
    }

    .blog-details .blog-details-inner .post-share ul.share-list li.linkedin a {
        background: #0e76a8;
    }

    .blog-details .blog-details-inner .post-share ul.share-list li.pinterest a {
        background: #d10a0f;
    }


    /* Author Section */
    .blog-details .blog-details-inner .author-div {
        display: flex;
        border-top: 1px dotted var(--color-light);
        border-bottom: 1px dotted var(--color-light);
        padding: 30px 0px;
        margin: 0px 0px 40px 0px;
    }

    .blog-details .blog-details-inner .author-div .author {
        max-width: 125px;
        min-width: 125px;
        height: 125px;
        margin-right: 30px;
        border-radius: 100%;
        overflow: hidden;
    }

    .blog-details .blog-details-inner .author-div .author-name {
        font-size: 24px;
        margin-bottom: 6px;
    }

    .blog-details .blog-details-inner .author-div .author-intro {
        margin-bottom: 15px;
        font-size: 17px;
        font-weight: 400;
        line-height: 27px;
    }

    .blog-details .blog-details-inner .author-div .social-media {
        display: flex;
        align-items: center;
    }

    .blog-details .blog-details-inner .author-div .social-media ul.social-list {
        display: flex;
        align-items: center;
        margin-bottom: 0px;
        padding-left: 0;
    }

    .blog-details .blog-details-inner .author-div .social-media ul.social-list li {
        list-style-type: none;
        display: inline-block;
    }

    .blog-details .blog-details-inner .author-div .social-media ul.social-list li a {
        font-size: 15px;
        padding: 0px 14px;
        color: var(--color-two);

    }

    .blog-details .blog-details-inner .author-div .social-media ul.social-list li:first-child a {
        padding-left: 0px;
    }

    .blog-details .blog-details-inner .author-div .social-media ul.social-list li:last-child a {
        padding-right: 0px;
    }


    .blog-details .blog-details-inner .video-post .ytube-video .post_header {
        position: absolute;
        left: 0;
        bottom: 60px;
        width: 100%;
        text-align: center;
    }

    .blog-details .blog-details-inner .video-post .ytube-video .post_header .post_title {
        margin: 0px 0px;
        color: var(--color-white);
    }

    .blog-details .blog-details-inner .video-post .ytube-video .post_header .post_title a {
        color: var(--color-white);
    }

    .blog-details .blog-details-inner .video-post .local_video {
        position: relative;
        overflow: hidden;
    }

    .blog-details .blog-details-inner .video-post .local_video #video {
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }

    .blog-details .blog-details-inner .video-post .local_video .play_btn {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 80px;
        height: 80px;
        line-height: 80px;
        background: var(--second-color);
        text-align: center;
        font-size: 30px;
        color: var(--color-white);
        border-radius: 100%;
        cursor: pointer;
        transition: all 0.5s ease;
        z-index: 1;
    }

    .blog-details .blog-details-inner .video-post .local_video.play #video {
        opacity: 1;
    }

    .blog-details .blog-details-inner .video-post .local_video.play .post-content {
        opacity: 0;
        visibility: hidden;
    }

    .blog-details .blog-details-inner .video-post .local_video.play .play_btn {
        left: 50%;
        top: auto;
        bottom: 25px;
        transform: translateX(-50%);
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 24px;
        background: var(--second-color);
        text-align: center;
        color: var(--color-white);
        border-radius: 3px;
        cursor: pointer;
    }

    .blog-details .blog-details-inner .video-post .local_video.play .play_btn i.ion-ios-play:before {
        content: "\f478";
    }

    .blog-details .blog-details-inner .video-post .local_video .post_header {
        position: absolute;
        left: 0;
        bottom: 60px;
        width: 100%;
    }

    .blog-details .blog-details-inner .video-post .local_video .post_header .post_title {
        margin: 0px 0px;
        color: var(--color-white);
    }

    .blog-details .blog-details-inner .video-post .local_video .post_header .post_title a {
        color: var(--color-white);
    }

    iframe,
    object,
    embed,
    iframe,
    object,
    iframe,
    video {
        width: 100%;
        height: 100%;
        min-height: 500px;
        border: 0px solid #ffb7aa;
    }

    /*-------- Comments ------------*/
    .comments-area .comments-title {
        position: relative;
        font-size: 40px;
        padding-bottom: 15px;
    }

    .comments-area .comments-title::before {
        position: absolute;
        content: '';
        left: 0px;
        bottom: 0px;
        width: 50px;
        height: 3px;
        background-color: var(--color-one);
        border-radius: 10px;
    }

    .comments-area ul {
        list-style-type: none;
        padding-left: 0;
        margin-bottom: 0px;
    }

    .comments-area ul ul {
        padding-left: 90px;
    }

    .comments-area ul.comment-list .commenter-block {
        padding-top: 30px;
        padding-bottom: 30px;
        display: flex;
        align-items: start;
    }

    .comments-area ul.comment-list .commenter-block .comment-avatar {
        margin-right: 30px;
        min-width: 90px;
        max-width: 90px;
        max-height: 90px;
        overflow: hidden;
    }

    .comments-area ul.comment-list .commenter-block .comment-content {
        width: 100%;
    }

    .comments-area ul.comment-list .commenter-block .comment-content .comment-author-name {
        display: flex;
        align-items: center;
        font-family: var(--font-family-heading);
        font-size: 24px;
        line-height: 34px;
        margin-top: 0px;
        color: var(--color-two);
        text-transform: capitalize;
    }

    .comments-area ul.comment-list .commenter-block .comment-content .comment-author-comment {
        font-size: 17px;
        line-height: 27px;
        margin-top: 10px;
    }

    .comments-area ul.comment-list .commenter-block .comment-content .comment-author-comment p {
        margin-bottom: 15px;
    }

    .comments-area ul.comment-list .commenter-block .comment-content .comment-date {
        font-family: var(--font-family-base);
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        color: var(--color-one);
        margin-left: 25px;
    }

    .comments-area ul.comment-list .commenter-block .comment-content .comment-reply .comment-reply-link {
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        color: var(--color-one);
    }

    /* Comments Pagination */
    .comments-area .comments-pagination {
        margin-bottom: 0px;
        list-style-type: none;
        align-items: center;
        display: flex;
        padding-left: 0;
        list-style: none;
        border-radius: 0px;
    }

    .comments-area .comments-pagination a,
    .comments-area .comments-pagination span {
        margin-right: 7px;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
        width: 40px;
        height: 40px;
        line-height: 40px;
        background: var(--color-two);
        color: var(--color-white);
        display: block;
    }

    .comments-area .comments-pagination a:hover,
    .comments-area .comments-pagination a.current,
    .comments-area .comments-pagination span:hover,
    .comments-area .comments-pagination span.current {
        background: var(--color-one);
        color: var(--color-white);
    }

    .comment-respond {
        margin-top: 100px;
    }

    .comment-respond .comment-reply-title {
        position: relative;
        font-size: 40px;
        padding-bottom: 15px;
    }

    .comment-respond .comment-reply-title::before {
        position: absolute;
        content: '';
        left: 0px;
        bottom: 0px;
        width: 50px;
        height: 3px;
        background-color: var(--color-one);
        border-radius: 10px;
    }

    .comment-respond .logged-in-as {
        font-size: 1rem;
        font-weight: 400;
        font-style: italic;
        margin-top: 15px;
    }

    /* .comment-respond select, .comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond input[type="url"], .comment-respond input[type="password"], .comment-respond input[type="search"], .comment-respond input[type="number"], .comment-respond input[type="tel"], .comment-respond input[type="range"], .comment-respond input[type="date"], .comment-respond input[type="month"], .comment-respond input[type="week"], .comment-respond input[type="time"], .comment-respond input[type="datetime"], .comment-respond input[type="datetime-local"], .comment-respond input[type="color"] {
height: 58px;
font-size: 16px;
background: var(--color-five);

border: 1px solid var(--color-five);
padding: 15px 25px;
}

.comment-respond textarea.form-control {
height: 140px;
font-size: 16px;
background: var(--color-five);

border: 1px solid var(--color-five);
padding: 15px 25px;
} */

    .comment-respond .form-group {
        margin-bottom: 1.25rem;
    }

    .comment-respond ::-webkit-input-placeholder,
    .comment-respond ::-moz-placeholder,
    .comment-respond :-ms-input-placeholder,
    .comment-respond :-moz-placeholder,
    .comment-respond :placeholder {
        font-size: 0.875rem;
        font-weight: 400;
        color: #999999;
    }

    /* .pagination-div {
display: inline-block;
width: 100%;
margin-top: 50px;
}

.pagination {
margin-bottom: 0px;
list-style-type: none;
align-items: center;
justify-content: center;
}

.pagination li:not(:last-child) {
margin-right: 10px;
}

.pagination li a {
font-size: 16px;
color: var(--color-one);
text-align: center;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
border-radius: 50%;
}

.pagination li a:hover, .pagination li a.current {
background: var(--color-two);
color: var(--color-white);
}

.pagination li a i {
font-size: 14px;
color: var(--color-two);
} */

    @media screen and (max-width: 991px) {
        .comments-area ul ul {
            padding-left: 30px;
        }

        .comments-area ul.comment-list .commenter-block {
            flex-direction: column;
        }

        .comments-area ul.comment-list .commenter-block .comment-content .comment-author-name {
            margin-top: 10px;
            flex-direction: column;
            align-items: baseline;
        }

        .comments-area ul.comment-list .commenter-block .comment-content .comment-date {
            margin-left: 0px;
        }
    }



    /* Extra Content In Details  */
    .blog-details .wptb-testimonial2 .wptb-item--image img {
        max-width: 300px;
    }

    .blog-details .wptb-testimonial2 .wptb-item--inner .wptb-item--holder {
        max-width: 320px;
        padding: 40px 40px;
    }

    .blog-details .wptb-testimonial2 .wptb-item--inner .wptb-item--description {
        font-size: 14px;
        line-height: 20px;
    }

    .blog-details .wptb-testimonial2 .wptb-item--inner .wptb-item--title {
        font-size: 16px;
        line-height: 22px;
    }

    .blog-details .wptb-testimonial2 .wptb-item--inner .wptb-item--designation {
        font-size: 12px;
        line-height: 18px;
    }





    /* Banner Two (Sidebar) */
    .wptb-banner2 .wptb-banner-inner {
        position: relative;
        padding-bottom: 125px;
        overflow: hidden;
        max-width: 420px;
        border-radius: 9px;
    }

    .wptb-banner2 .wptb-banner-inner a {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
    }

    .wptb-banner2 .wptb-banner-inner .wptb-wrap-content {
        position: absolute;
        background-color: var(--color-two);
        bottom: 0;
        left: 0;
        right: 0;
        min-height: 60px;
    }

    .wptb-banner2 .wptb-banner-inner .wptb-wrap-content .wptb-content {
        z-index: 3;
        position: absolute;
        bottom: 44px;
        left: 50%;
        transform: translateX(-50%);
        min-width: 300px;
    }

    .wptb-banner2 .wptb-banner-inner .wptb-wrap-content .wptb-wrap-shape {
        position: relative;
        bottom: -1px;
    }

    .wptb-banner2 .wptb-banner-inner .wptb-wrap-content .wptb-wrap-shape svg.wptb-svg-1,
    .wptb-banner2 .wptb-banner-inner .wptb-wrap-content .wptb-wrap-shape svg.wptb-svg-2 {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .wptb-banner2 .wptb-banner-inner .wptb-wrap-content .wptb-wrap-shape svg.wptb-svg-1 {
        fill: var(--color-two);
        z-index: 3;
        bottom: -1px;
    }

    .wptb-banner2 .wptb-banner-inner .wptb-wrap-content .wptb-wrap-shape svg.wptb-svg-2 {
        fill: var(--color-one);
        z-index: 2;
    }

    .wptb-banner2 .wptb-banner-inner .wptb-wrap-content .wptb-content .wptb-item--title {
        color: #fff;
        text-align: center;
        font-family: PT Serif;
        font-size: 25.2px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.4;
        letter-spacing: -.504px;
        margin-bottom: 26px;
    }

    .wptb-banner2 .wptb-banner-inner .wptb-wrap-content .wptb-content .wptb-item-contact-info {
        background-color: var(--color-one);
        border-radius: 10px;
        position: relative;
        padding: 16px 47px;
    }

    .wptb-banner2 .wptb-banner-inner .wptb-wrap-content .wptb-content .wptb-item-contact-info:before {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        right: 5px;
        left: 0;
        background-color: #fff;
        z-index: 1;
        border-radius: 10px;
    }

    .wptb-banner2 .wptb-banner-inner .wptb-wrap-content .wptb-content .wptb-item-contact-info .wptb-item--icon {
        z-index: 2;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(-50%, -50%);
        width: 52.5px;
        height: 52.5px;
        font-size: 22px;
        color: #fff;
        line-height: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--color-one);
        border-radius: 50%;
    }

    .wptb-banner2 .wptb-banner-inner .wptb-wrap-content .wptb-content .wptb-item-contact-info .wptb-item--desc {
        color: var(--color-one);
        font-size: 15px;
        z-index: 3;
        position: relative;
        margin-bottom: -4px;
    }

    .wptb-banner2 .wptb-banner-inner .wptb-wrap-content .wptb-content .wptb-item-contact-info .wptb-item--number {
        font-size: 27.3px;
        color: var(--color-two);
        z-index: 3;
        position: relative;
        margin-bottom: 0;
    }


    .sidebar {
        position: sticky;
        position: -webkit-sticky;
        top: 100px;
        background: var(--color-white);
    }




    /* Service Details Sidenav */
    .sidenav ul {
        padding: 0px;
        margin: 0px;
    }






    .sidenav ul li {
        list-style: none;
        display: inline-block;
        width: 100%;
        margin: 4px 0px;
    }

    .sidenav ul li a {
        position: relative;
        font-family: var(--font-family-heading);
        font-size: 16px;
        text-transform: capitalize;
        line-height: 26px;
        color: var(--color-two);
        list-style: none;
        background: var(--color-white);
        padding: 17px 22px;
        display: flex;
        align-items: center;
        border-radius: 5px;
        box-shadow: 0px 0px 34.054px 0px rgba(137, 151, 186, 0.10);
    }

    .sidenav ul li a:hover,
    .sidenav ul li.active a {
        background: var(--color-one);
        color: var(--color-white);
    }

    .sidenav ul li.active a i {
        color: var(--color-white);
    }

    .sidenav ul li a svg {
        margin-right: 15px;
        transition: var(--transition-base);
    }

    .sidenav ul li a svg path {
        transition: var(--transition-base);
    }

    .sidenav ul li a:hover svg path,
    .sidenav ul li.active a svg path {
        fill: var(--color-white);
    }

    .sidenav ul li a img {
        width: 40px;
        height: 40px;
        object-fit: cover;
        border-radius: 100%;
        margin-right: 15px;
    }

    /* Service Details Sidebar */


    /* Blog Sidebar */
    .widget {
        background-color: var(--color-white);
        box-shadow: 0px 10px 60px rgba(137, 151, 186, 0.15);
        border-radius: 10px;
        padding: 30px;
        margin-bottom: 30px;
    }

    .widget h2,
    .widget .h2,
    .widget .widget-title {
        position: relative;
        font-size: 26px;
        line-height: 36px;
        border-radius: 50px;
        text-transform: capitalize;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .widget h2:before,
    .widget .h2:before,
    .widget .widget-title:before {
        position: absolute;
        content: '';
        left: 0px;
        bottom: 0px;
        width: 30px;
        height: 3px;
        background-color: var(--color-one);
    }

    .widget ul,
    .widget ol {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
    }

    .widget ul li,
    .widget ol li {
        margin-bottom: 0px;
        border-bottom: 1px solid rgba(174, 182, 194, 0.15);
        padding: 12px 0px;
    }

    .widget ul li a,
    .widget ol li a {
        width: 100%;
    }

    .widget ul li .submenu-container,
    .widget ol li .submenu-container {
        padding-left: 20px;
    }

    .widget .wp-block-page-list li {
        border-bottom: 0px;
        padding: 0px;
    }

    .widget .wp-block-page-list li a {
        border-bottom: 1px solid rgba(174, 182, 194, 0.15);
        padding: 12px 0px;
        width: 100%;
        display: block;
    }

    .widget .wp-calendar-table {
        width: 100%;
        border: 1px solid #2e2e2e;
    }

    .widget .wp-calendar-table td,
    .widget .wp-calendar-table th {
        border-bottom: 1px solid #2e2e2e;
        border-right: 1px solid #2e2e2e;
    }

    .widget .wp-calendar-table caption {
        color: #ffffff;
    }


    /*-- Author --*/
    .sidebar_author {
        position: relative;
    }

    .sidebar_author img {
        width: 100%;
        margin: 0 auto;
        display: block;
        margin-bottom: 25px;
    }

    .sidebar_author .intro {
        position: relative;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        margin-top: 20px;
        margin-bottom: 5px;
    }

    .sidebar_author .author_social {
        margin-top: 30px;
    }

    .sidebar_author .author_social ul {
        margin: 0px;
        padding: 0;
        display: flex;
        align-items: center;
    }

    .sidebar_author .author_social ul li {
        list-style-type: none;
        width: auto;
        padding: 0px;
        border-width: 0px;
    }

    .sidebar_author .author_social ul li:not(:last-child) {
        margin-right: 10px;
    }

    .sidebar_author .author_social ul li a {
        display: block;
        font-size: 15px;
        text-align: center;
        background: #F8F8F8;
        color: var(--color-two);
        width: 38px;
        height: 38px;
        line-height: 38px;
        border-radius: 100%;
        transition: var(--transition-base);
    }

    .sidebar_author .author_social ul li a:hover {
        background: var(--color-white);
        color: var(--color-one);
        box-shadow: 0px 10px 20px rgba(137, 151, 186, 0.25);
    }

    /* Latest Posts */
    ul.wp-block-latest-posts li {
        display: flex;
        align-items: center;
        padding: 25px 0;
        border-bottom: 1px solid rgba(174, 182, 194, 0.15);
    }

    ul.wp-block-latest-posts li:first-child {
        padding-top: 0px;
    }

    ul.wp-block-latest-posts li:last-child {
        padding-bottom: 0px;
        border-bottom-width: 0px;
    }

    ul.wp-block-latest-posts li .latest-posts-image {
        width: 130px;
        border-radius: 5px;
        flex-shrink: 0;
        margin-right: 20px;
    }

    ul.wp-block-latest-posts li h5 {
        font-size: 16px;
        line-height: 20px;
        color: var(--color-two);
        margin-bottom: 5px;
        word-break: break-word;
    }

    ul.wp-block-latest-posts li h5 a {
        color: var(--color-two);
    }

    ul.wp-block-latest-posts li h5 a:hover {
        color: var(--color-one);
    }

    ul.wp-block-latest-posts li h6 {
        font-family: var(--font-family-base);
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        color: var(--color-one);
    }


    /* Categories */
    ul.wp-block-categories li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 16px;
        color: var(--color-six);
        border-width: 0px;
        padding: 8px 0px;
    }

    ul.wp-block-categories li a {
        font-size: 16px;
        color: var(--color-six);
    }

    ul.wp-block-categories li:hover,
    ul.wp-block-categories li a:hover {
        color: var(--color-one);
    }

    /*-- Tag Cloud --*/
    .widget_tag_cloud a {
        position: relative;
        display: inline-block;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.7px;
        background: var(--color-white);
        color: var(--color-two);
        border: 1px solid var(--color-two);
        border-radius: 5px;
        padding: 2px 14px;
        margin: 0px 0px 5px 0px;
        overflow: hidden;
        transition: all 0.5s ease-in-out;
    }

    .widget_tag_cloud a::before {
        content: '';
        position: absolute;
        left: -150%;
        bottom: -150%;
        background-color: rgba(var(--white-color-rgb), 0.6);
        width: 150%;
        height: 150%;
        transform: rotate(45deg);
        border-radius: 0;
        transition: all 0.8s ease-in-out;
    }

    .widget_tag_cloud a:hover::before {
        left: 150%;
        bottom: 150%;
    }

    .widget_tag_cloud a:hover {
        background-color: var(--color-one);
        border-color: var(--color-one);
        color: var(--color-white);
    }


    /* Hide the side menu on screens smaller than 768px (adjust breakpoint if necessary) */
    @media screen and (max-width: 765px) {
        .side_menu {
            display: none;
        }
    }