:root {
        --ts-color-theme-bg-dark  : #0a0e17;
        --ts-color-theme-bg-dark-2: #131a25;
        --ts-color-theme-primary  : #d33d41;
        --ts-color-theme-secondary: #f9b234;
        --ts-color-common-white   : #ffffff;
        --ts-color-heading-primary: #1a1a1a;
        --ts-color-grey-1         : #2a2f3d;
        --ts-color-border-1       : rgba(255, 255, 255, 0.1);
        --ts-color-border-2       : rgba(255, 255, 255, 0.2);
        --ts-color-border-4       : rgba(255, 255, 255, 0.4);

        --ts-ff-heading    : 'Montserrat', sans-serif;
        --ts-ff-body       : 'Open Sans', sans-serif;
        --ts-ff-fontawesome: 'Font Awesome 6 Pro';

        --ts-fw-medium: 500;
        --ts-fw-bold  : 700;
        --ts-fw-sbold : 600;
        --ts-fw-ebold : 800;
        --ts-fw-black : 900;
        --transition  : all 0.3s ease;
    }

    body {
        font-family: var(--ts-ff-body);

        color: var(--ts-color-common-white);
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: var(--ts-ff-heading);
    }

    /* mouse cursor start here  */
    .mouseCursor {
        position      : fixed;
        top           : 0;
        left          : 0;
        pointer-events: none;
        border-radius : 50%;
        visibility    : hidden;
        z-index       : 10000;
        transform     : translateZ(0);
        transition    : all 0.08s ease-out;
    }

    .cursor-outer {
        width      : 30px;
        height     : 30px;
        margin-left: -15px;
        margin-top : -15px;
        border     : 2px solid var(--ts-color-theme-secondary);
        box-sizing : border-box;
    }

    .cursor-inner {
        width           : 6px;
        height          : 6px;
        margin-left     : -3px;
        margin-top      : -3px;
        background-color: var(--ts-color-theme-primary);
        display         : flex;
        align-items     : center;
        justify-content : center;
        transition      : all 0.3s ease-in-out;
    }

    .cursor-inner span {
        color         : var(--ts-color-theme-bg-dark);
        font-size     : 12px;
        text-transform: uppercase;
        letter-spacing: 1px;
        opacity       : 0;
    }

    .cursor-inner.cursor-big span {
        opacity: 1;
    }

    .hover-target {
        margin   : 50px;
        padding  : 10px 20px;
        font-size: 18px;
        cursor   : pointer;
    }

    /* Header Styles */
    .header-area {
        background-color: var(--ts-color-theme-bg-dark-2);
    }

    .header-area.header-absolute {
        background-color: transparent;
        position        : absolute;
        top             : 0;
        left            : 0;
        width           : 100%;
        z-index         : 10;
    }

    .header-top {
        border-bottom: 1px solid var(--ts-color-border-1);
        padding      : 10px 0;
    }

    .header-info li {
        display    : inline-flex;
        align-items: center;
        gap        : 6px;
        font-size  : 14px;
        font-weight: var(--ts-fw-medium);
    }

    .header-info li:not(:last-child) {
        border-right : 1.5px solid rgba(219, 222, 227, 0.5);
        padding-right: 15px;
        margin-right : 15px;
    }

    .header-info i {
        color: var(--ts-color-theme-secondary);
    }

    .header-info a {
        color          : var(--ts-color-common-white);
        text-decoration: none;
    }

    .header-info a:hover {
        color: var(--ts-color-theme-secondary);
    }

    .site-logo {
        background-color: var(--ts-color-grey-1);
        padding         : 15px 20px;
        border-radius   : 10px;
        transform       : skewX(-10deg);
        max-width       : 250px;
    }

    .site-logo a {
        transform: skewX(10deg);
        display  : block;
    }

    .site-logo img {
        max-width: 180px;
    }

    .main-menu .nav-link {
        color         : var(--ts-color-common-white);
        font-family   : var(--ts-ff-heading);
        font-weight   : var(--ts-fw-ebold);
        text-transform: uppercase;
        font-size     : 14px;
        padding       : 15px 12px;
    }

    .main-menu .nav-link:hover,
    .main-menu .nav-link.active {
        color: var(--ts-color-theme-secondary);
    }


    .custom-btn {
        display         : inline-flex;
        align-items     : center;
        justify-content : center;
        gap             : 6px;
        font-family     : var(--ts-ff-heading);
        font-size       : 13px;
        font-weight     : var(--ts-fw-ebold);
        line-height     : 1;
        text-transform  : uppercase;
        padding         : 21px 28px;
        background-color: var(--ts-color-theme-primary);
        color           : var(--ts-color-common-white);
        border-radius   : 5px;
        transform       : skewX(-10deg);
        transition      : all 0.3s ease-in-out;
        text-decoration : none;
        border          : none;
        cursor          : pointer;
        position        : relative;
        overflow        : hidden;
    }

    .custom-btn>span:not(.icon-box) {
        transform: skewX(10deg);
        display  : inline-block;
    }

    .custom-btn .icon-box {
        position : relative;
        display  : inline-flex;
        width    : auto;
        overflow : hidden;
        padding  : 2px 8px;
        transform: skewX(10deg) rotate(-45deg);
        height   : 16px;
    }

    .custom-btn .icon-box .icon-first,
    .custom-btn .icon-box .icon-second {
        display    : inline-flex;
        line-height: 1;
        transition : all 0.3s ease-in-out;
        color      : var(--ts-color-common-white);
        position   : absolute;
        top        : 0;
        left       : 0;
    }

    .custom-btn .icon-box .icon-first {
        transform: translateX(0);
    }

    .custom-btn .icon-box .icon-second {
        transform: translateX(-150%);
        color    : var(--ts-color-common-black);
    }

    .custom-btn:hover {
        background-color: var(--ts-color-theme-secondary);
        color           : var(--ts-color-common-black);
    }

    .custom-btn:hover .icon-box .icon-first {
        transform: translateX(150%);
    }

    .custom-btn:hover .icon-box .icon-second {
        transform: translateX(0);
    }



    .get-btn {
        display         : flex;
        align-items     : center;
        justify-content : center;
        gap             : 6px;
        font-family     : var(--ts-ff-heading);
        font-size       : 13px;
        font-weight     : var(--ts-fw-ebold);
        line-height     : 1;
        text-transform  : uppercase;
        padding         : 21px 28px;
        background-color: var(--ts-color-theme-primary);
        color           : var(--ts-color-common-white);
        border-radius   : 5px;
        transform       : skewX(-10deg);
        transition      : all 0.3s ease-in-out;
        text-decoration : none;
        border          : none;
        cursor          : pointer;
        position        : relative;
        overflow        : hidden;
        width           : 50%;

    }

    .get-btn>span:not(.icon-box) {
        transform: skewX(10deg);
        display  : inline-block;
    }

    .get-btn .icon-box {
        position : relative;
        display  : inline-flex;
        width    : auto;
        overflow : hidden;
        padding  : 2px 8px;
        transform: skewX(10deg) rotate(-45deg);
        height   : 16px;
    }

    .get-btn .icon-box .icon-first,
    .get-btn .icon-box .icon-second {
        display    : inline-flex;
        line-height: 1;
        transition : all 0.3s ease-in-out;
        color      : var(--ts-color-common-white);
        position   : absolute;
        top        : 0;
        left       : 0;
    }

    .get-btn .icon-box .icon-first {
        transform: translateX(0);
    }

    .get-btn .icon-box .icon-second {
        transform: translateX(-150%);
        color    : var(--ts-color-common-black);
    }

    .get-btn:hover {
        background-color: var(--ts-color-theme-secondary);
        color           : var(--ts-color-common-black);
    }

    .custom-btn:hover .icon-box .icon-first {
        transform: translateX(150%);
    }

    .custom-btn:hover .icon-box .icon-second {
        transform: translateX(0);
    }

    .menu-bar button {
        background-color: var(--ts-color-theme-primary);
        color           : var(--ts-color-common-white);
        border          : none;
        padding         : 12px 15px;
        border-radius   : 5px;
        transform       : skewX(-10deg);
    }

    .menu-bar i {
        transform: skewX(10deg);
    }

    /* Offcanvas Styles */
    .offcanvas {
        background-color: var(--ts-color-theme-bg-dark);
        width           : 450px;
    }

    .offcanvas-header {
        border-bottom: 1px solid var(--ts-color-border-1);
    }

    .offcanvas-close {
        background: none;
        border    : none;
        color     : var(--ts-color-common-white);
        font-size : 24px;
    }

    .offcanvas-body .nav-link {
        color         : var(--ts-color-common-white);
        padding       : 12px 0;
        border-bottom : 1px solid var(--ts-color-border-4);
        font-family   : var(--ts-ff-heading);
        font-weight   : var(--ts-fw-bold);
        text-transform: uppercase;
    }

    .offcanvas-body .nav-link:hover {
        color: var(--ts-color-theme-primary);
    }

    .contact-info h6 {
        color         : var(--ts-color-common-white);
        text-transform: uppercase;
        font-weight   : var(--ts-fw-ebold);
        margin-bottom : 20px;
    }

    .contact-info .info-item {
        display      : flex;
        align-items  : center;
        gap          : 10px;
        margin-bottom: 15px;
    }

    .contact-info .icon a {
        display         : flex;
        align-items     : center;
        justify-content : center;
        width           : 45px;
        height          : 45px;
        background-color: var(--ts-color-theme-primary);
        color           : var(--ts-color-common-white);
        border-radius   : 50%;
        text-decoration : none;
    }

    .contact-info .text a {
        color          : var(--ts-color-common-white);
        text-decoration: none;
        font-weight    : var(--ts-fw-sbold);
    }

    .contact-info a:hover {
        color: var(--ts-color-theme-primary);
    }

    .socials ul {
        list-style: none;
        padding   : 0;
        display   : flex;
        gap       : 15px;
    }

    .socials a {
        display         : flex;
        align-items     : center;
        justify-content : center;
        width           : 45px;
        height          : 45px;
        background-color: var(--ts-color-grey-1);
        color           : var(--ts-color-common-white);
        border-radius   : 50%;
        text-decoration : none;
    }

    /* .socials a:hover {
        background-color: var(--ts-color-theme-primary);
    } */

    /* Hero Section */
    .hero-section {
        background-color   : var(--ts-color-theme-bg-dark-2);
        background-image   : url("../images/bg-home.jpg");
        background-size    : cover;
        background-position: center;
        background-repeat  : no-repeat;
        padding            : 140px 0 260px;
        position           : relative;
        overflow           : hidden;
        padding-top        : 290px;
    }

    .hero-content h1 {
        color         : var(--ts-color-common-white);
        text-transform: uppercase;
        font-weight   : var(--ts-fw-black);
        margin-bottom : 25px;
        font-size     : 80px;
        line-height   : 1.1;
    }

    .hero-content h1 span {
        color: var(--ts-color-theme-secondary);
    }

    .hero-content p {
        font-size    : 20px;
        font-weight  : var(--ts-fw-bold);
        font-family  : var(--ts-ff-heading);
        color        : var(--ts-color-common-white);
        margin-bottom: 40px;
        line-height  : 1.6;
    }

    .hero-img {
        position       : absolute;
        right          : 0;
        top            : 50%;
        transform      : translateY(-40%);
        max-width      : 50%;
        width          : 100%;
        display        : flex;
        align-items    : center;
        justify-content: end;
        z-index        : 2;
    }

    .hero-section .hero-img::before {
        content         : "";
        width           : 80%;
        height          : 85%;
        background-color: var(--ts-color-grey-1);
        border-radius   : 50%;
        transform       : rotate(-15deg);
        position        : absolute;
        right           : -30%;
        top             : -3%;
        z-index         : -1;
    }

    .hero-section .hero-img img {
        max-width: 100%;
        height   : auto;
    }

    .hero-shape {
        position: absolute;
        left    : 0;
        top     : -50px;
        z-index : -1;
    }

    .hero-shape img {
        max-width: 100%;
        height   : auto;
    }

    /* hero section end here  */

    /* features section start here  */



    .feature-section {
        margin-top: -100px;
        position  : relative;
        z-index   : 2;
        padding   : 20px 0;
        background: #0a0e17;
    }

    .features-list {
        background-color  : var(--ts-color-common-white);
        background-image  : url('../images/features-bg.png');
        border-radius     : 10px;
        box-shadow        : 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        display           : flex;
        -ms-flex-wrap     : wrap;
        flex-wrap         : wrap;
        -webkit-box-pack  : center;
        -ms-flex-pack     : center;
        justify-content   : space-around;
        border-radius     : 10px;
        -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        box-shadow        : 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        padding           : 0px;
    }

    .feature-item {
        display              : flex;
        flex-direction       : column;
        align-items          : center;
        justify-content      : center;
        padding              : 50px 20px;
        /* text-align        : center; */
        transition           : all 0.4s ease-in-out;
        /* border-right      : 1px solid #b4b1b1; */
    }

    .feature-item:last-child {
        border-right: none;
    }

    .feature-icon img {
        width        : 55px;
        line-height  : 1;
        color        : var(--ts-color-theme-bg-dark);
        transition   : all 0.4s ease-in-out;
        margin-bottom: 20px;
    }

    .feature-icon i {
        display    : inline-flex;
        line-height: 1;
    }

    .feature-content .title {
        text-transform: uppercase;
        font-weight   : var(--ts-fw-sbold);
        line-height   : 1.2;
        margin        : 0;
    }

    .feature-content .title a {
        color          : var(--ts-color-theme-bg-dark);
        text-decoration: none;
        transition     : color 0.3s ease;
    }

    .feature-item:hover {
        transform: translateY(-5px);
    }

    .feature-item:hover .feature-icon {
        transform: scale(1.12);
        color    : var(--ts-color-theme-primary);
    }

    .feature-item:hover .feature-content .title a {
        color: var(--ts-color-theme-primary);
    }





    /* about us section start here */
    .about-section {
        padding         : 120px 0;
        background-color: var(--ts-color-theme-bg-dark);
    }

    .section-title .subtitle {
        color            : var(--ts-color-theme-primary);
        font-size        : 14px;
        font-weight      : var(--ts-fw-bold);
        text-transform   : uppercase;
        letter-spacing   : 1px;
        /* margin-bottom : 15px; */
        display          : inline-block;
    }

    .section-title h3 {
        color           : var(--ts-color-common-white);
        font-weight     : var(--ts-fw-black);
        /* margin-bottom: 20px; */
        font-size       : 50px;
        text-transform  : uppercase;
    }

    .section-title .desc p {
        color        : var(--ts-color-grey-2);
        font-size    : 16px;
        line-height  : 1.7;
        margin-bottom: 0;
    }

    /* About Image */
    .about-img {
        position     : relative;
        overflow     : hidden;
        border-radius: 10px;
    }

    .about-img img {
        width        : 100%;
        height       : auto;
        border-radius: 10px;
        transition   : transform 0.5s ease;
    }

    .about-img:hover img {
        transform: scale(1.03);
    }

    .about-img .panel {
        position     : absolute;
        width        : 100%;
        height       : 100%;
        top          : 0;
        left         : 0;
        background   : linear-gradient(45deg, #d33d4194, transparent);
        opacity      : 0;
        transition   : opacity 0.5s ease;
        border-radius: 10px;
    }

    .about-img:hover .panel {
        opacity: 0.1;
    }

    /* Feature Items */
    .features-list-2 {
        list-style: none;
        padding   : 0;
        margin    : 30px 0 0 0;
    }

    .feature-about {
        display         : flex;
        /* align-items  : flex-start; */
        margin-bottom   : 12px;
        padding         : 20px;
        background      : rgba(255, 255, 255, 0.02);
        border-radius   : 8px;
        transition      : all 0.3s ease;
        justify-content : space-between;
        flex-direction  : row;
    }

    .feature-about:hover {
        background: rgba(255, 255, 255, 0.05);
        transform : translateY(-5px);
    }

    .feature-about .icon {
        width           : 70px;
        height          : 70px;
        background-color: var(--ts-color-theme-primary);
        color           : var(--ts-color-common-white);
        border-radius   : 8px;
        display         : flex;
        align-items     : center;
        justify-content : center;
        font-size       : 30px;
        margin-right    : 20px;
        flex-shrink     : 0;
        transition      : all 0.3s ease;
    }

    .feature-about:hover .icon {
        background-color: var(--ts-color-theme-secondary);
        transform       : scale(1.1);
    }

    .feature-content h4 {
        color        : var(--ts-color-common-white);
        font-weight  : var(--ts-fw-bold);
        margin-bottom: 10px;
        font-size    : 1.3rem;
    }

    .feature-content h4 a {
        color          : inherit;
        text-decoration: none;
        transition     : color 0.3s ease;
        text-transform : uppercase;
    }

    .feature-content h4 a:hover {
        color: var(--ts-color-theme-primary);
    }

    .feature-content .desc p {
        color        : var(--ts-color-grey-2);
        margin-bottom: 0;
        line-height  : 1.6;
    }

    /* List Styles */
    .ts-list {
        list-style: none;
        padding   : 0;
        margin    : 25px 0;
    }

    .ts-list li {
        position     : relative;
        padding-left : 25px;
        margin-bottom: 12px;
        color        : var(--ts-color-common-white);
        font-size    : 16px;
    }

    .ts-list li:before {
        content    : "✓";
        position   : absolute;
        left       : 0;
        color      : var(--ts-color-theme-primary);
        font-weight: bold;
    }

    /* Primary Button */
    .primary-btn {
        display         : inline-flex;
        align-items     : center;
        justify-content : center;
        gap             : 10px;
        font-family     : var(--ts-ff-heading);
        font-size       : 13px;
        font-weight     : var(--ts-fw-ebold);
        line-height     : 1;
        text-transform  : uppercase;
        padding         : 18px 30px;
        background-color: var(--ts-color-theme-primary);
        color           : var(--ts-color-common-white);
        border-radius   : 5px;
        text-decoration : none;
        transition      : all 0.3s ease-in-out;
        transform       : skewX(-10deg);
        border          : none;
        cursor          : pointer;
    }

    .primary-btn>span:not(.icon-box) {
        transform: skewX(10deg);
        display  : inline-block;
    }

    .primary-btn .icon-box {
        position : relative;
        display  : inline-flex;
        width    : auto;
        overflow : hidden;
        padding  : 2px 8px;
        transform: skewX(10deg) rotate(-45deg);
        height   : 16px;
    }

    .primary-btn .icon-box .icon-first,
    .primary-btn .icon-box .icon-second {
        display    : inline-flex;
        line-height: 1;
        transition : all 0.3s ease-in-out;
        color      : var(--ts-color-common-white);
        position   : absolute;
        top        : 0;
        left       : 0;
    }

    .primary-btn .icon-box .icon-first {
        transform: translateX(0);
    }

    .primary-btn .icon-box .icon-second {
        transform: translateX(-150%);
        color    : var(--ts-color-heading-primary);
    }

    .primary-btn:hover {
        background-color: var(--ts-color-theme-secondary);
        color           : var(--ts-color-heading-primary);
    }

    .primary-btn:hover .icon-box .icon-first {
        transform: translateX(150%);
    }

    .primary-btn:hover .icon-box .icon-second {
        transform: translateX(0);
    }

    /* Animations */
    @keyframes fadeInLeft {
        from {
            opacity  : 0;
            transform: translateX(-50px);
        }

        to {
            opacity  : 1;
            transform: translateX(0);
        }
    }

    @keyframes fadeInRight {
        from {
            opacity  : 0;
            transform: translateX(50px);
        }

        to {
            opacity  : 1;
            transform: translateX(0);
        }
    }

    @keyframes fadeInUp {
        from {
            opacity  : 0;
            transform: translateY(30px);
        }

        to {
            opacity  : 1;
            transform: translateY(0);
        }
    }

    @keyframes panel {
        from {
            opacity  : 0;
            transform: scale(0.8);
        }

        to {
            opacity  : 1;
            transform: scale(1);
        }
    }

    .wow {
        visibility: hidden;
    }

    .fadeInLeft {
        animation-name: fadeInLeft;
    }

    .fadeInRight {
        animation-name: fadeInRight;
    }

    .fadeInUp {
        animation-name: fadeInUp;
    }

    .panel {
        animation-name: panel;
    }

    .animated {
        animation-duration : 1s;
        animation-fill-mode: both;
        visibility         : visible;
    }




    /* about us section end here  */


    /* marquee section start here  */
    /* Marquee Section */
    .marquee-section {
        position        : relative;
        padding         : 34px 0;
        background-color: #0a0e17;
        overflow        : hidden;
    }

    .wptb-marquee {
        position      : relative;
        padding-bottom: 20px;
    }

    .wptb-text-marquee {
        overflow  : hidden;
        box-sizing: border-box;
        width     : 100%;
    }

    .wptb-slide-to-right {
        transform    : rotate(-2deg);
        width        : calc(100% + 50px);
        margin-left  : -25px;
        margin-bottom: 30px;
    }

    .wptb-slide-to-left {
        position   : absolute;
        z-index    : 1;
        top        : 80px;
        left       : 0;
        right      : 0;
        transform  : rotate(2deg);
        width      : calc(100% + 50px);
        margin-left: -25px;
    }

    .wptb-item-container {
        position     : relative;
        padding      : 15px 0;
        white-space  : nowrap;
        margin-bottom: 0;
        display      : flex;
        align-items  : center;
        position     : relative;
    }

    .wptb-slide-to-right .wptb-item-container {
        background-color: #49373c;
    }

    .wptb-slide-to-left .wptb-item-container {
        background-color: var(--ts-color-theme-primary);
    }

    .wptb-item-container::before,
    .wptb-item-container::after {
        content         : '';
        position        : absolute;
        width           : 100%;
        height          : 2px;
        background-color: rgba(var(--color-white-rgb), 0.6);
        left            : 0;
    }

    .wptb-item-container::before {
        top: 6px;
    }

    .wptb-item-container::after {
        bottom: 6px;
    }

    .wptb-item-inner {
        display                  : flex;
        align-items              : center;
        justify-content          : center;
        animation-duration       : 30s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
    }

    .wptb-slide-to-left .wptb-item-inner {
        animation-name: wptb-right-left;
    }

    .wptb-slide-to-right .wptb-item-inner {
        animation-name: wptb-left-right;
    }

    .wptb-item-text {
        margin-bottom : 0;
        position      : relative;
        letter-spacing: 1.92px;
        display       : flex;
        white-space   : nowrap;
        color         : rgba(var(--color-white-rgb), 0.6);
        text-align    : center;
        font-family   : var(--ts-ff-heading);
        font-size     : 36px;
        font-style    : normal;
        font-weight   : 700;
        line-height   : 50px;
        letter-spacing: 1.44px;
        text-transform: uppercase;
        align-items   : center;
    }

    .wptb-text-backdrop {
        display: inline-block;
    }

    .wptb-item-text .separator {
        margin                   : 4px 29px;
        animation-duration       : 8s;
        animation-timing-function: ease-out;
        animation-iteration-count: infinite;
        width                    : 40px;
        height                   : 40px;
        display                  : flex;
        align-items              : center;
        justify-content          : center;
        color                    : rgba(255, 255, 255, 0.6);
        font-size                : 24px;
    }

    .wptb-slide-to-left .wptb-item-text .separator {
        animation-name: wptb-spin-rv;
    }

    .wptb-slide-to-right .wptb-item-text .separator {
        animation-name: wptb-spin;
    }

    /* Animations */
    @keyframes wptb-left-right {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-50%);
        }
    }

    @keyframes wptb-right-left {
        0% {
            transform: translateX(-50%);
        }

        100% {
            transform: translateX(0);
        }
    }

    @keyframes wptb-spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    @keyframes wptb-spin-rv {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(-360deg);
        }
    }



    /* Pause animation on hover */
    .wptb-item-inner:hover {
        animation-play-state: paused;
    }

    .wptb-item-text:hover {
        color: var(--ts-color-theme-secondary);
    }

    .wptb-item-text:hover .separator {
        color: var(--ts-color-theme-secondary);
    }

    /* Custom separator styles */
    .separator-dot::before {
        content: "•";
    }

    .separator-star::before {
        content: "★";
    }

    .separator-circle::before {
        content: "●";
    }

    .separator-diamond::before {
        content: "◆";
    }

    /* marquee section end here  */

    /* service section start here  */
    .service-page {
        background-color: var(--ts-color-theme-bg-dark);
    }

    .services-section {
        background-color   : var(--ts-color-theme-bg-dark);
        background-image   : url('../images/global-dark-bg.png');
        background-size    : cover;
        background-position: center;
        background-repeat  : no-repeat;
        padding            : 46px 0;
    }

    .section-title .subtitle {
        color         : var(--ts-color-theme-primary);
        font-size     : 14px;
        font-weight   : 700;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom : 15px;
        display       : inline-block;
    }

    .section-title .title {
        color        : var(--ts-color-common-white);
        font-family  : var(--ts-ff-heading);
        font-weight  : 800;
        margin-bottom: 20px;
        font-size    : 50px;
    }

    /* Service Cards */
    .service-item {
        background     : rgba(255, 255, 255, 0.05);
        border-radius  : 10px;
        padding        : 30px;
        margin-bottom  : 30px;
        transition     : all 0.3s ease;
        border         : 1px solid rgba(255, 255, 255, 0.1);
        height         : 100%;
        position       : relative;
        overflow       : hidden;
        text-align     : center;
        display        : flex;
        justify-content: center;
        align-items    : center;
        flex-direction : column;
    }

    .service-item::before {
        content   : '';
        position  : absolute;
        top       : 0;
        left      : -100%;
        width     : 100%;
        height    : 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
        transition: left 0.5s ease;
    }

    .service-item::after {
        content          : "";
        background-image : url(../images/icons/service-shape.svg);
        background-size  : contain;
        background-repeat: no-repeat;
        position         : absolute;
        width            : 55%;
        height           : 65%;
        top              : 50%;
        left             : 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform    : translate(-50%, -50%);
        transform        : translate(-50%, -50%);
        z-index          : -1;
    }

    .service-item:hover {
        transform   : translateY(-10px);
        box-shadow  : 0 10px 30px rgba(0, 0, 0, 0.3);
        background  : rgba(255, 255, 255, 0.08);
        border-color: var(--ts-color-theme-primary);
    }

    .service-item:hover::before {
        left: 100%;
    }

    .service-icon img {
        width  : 70px;
        padding: 10px;

        background     : var(--ts-color-theme-primary);
        border-radius  : 10px;
        display        : flex;
        align-items    : center;
        justify-content: center;
        margin-bottom  : 20px;
        font-size      : 30px;
        color          : var(--ts-color-common-white);
        transition     : all 0.3s ease;
        text-align     : center;
        display        : flex;
        justify-content: center;
        align-items    : center;
    }

    .service-item:hover .service-icon img {
        background: var(--ts-color-theme-secondary);
        transform : scale(1.1) rotate(5deg);
    }

    .service-content h4.title {
        font-family  : var(--ts-ff-heading);
        font-size    : 1.5rem;
        font-weight  : 700;
        margin-bottom: 15px;
        color        : var(--ts-color-common-white);
    }

    .service-content h4.title a {
        color          : inherit;
        text-decoration: none;
        transition     : color 0.3s ease;
    }

    .service-content h4.title a:hover {
        color: var(--ts-color-theme-primary);
    }

    .service-content .desc p {
        color        : rgba(255, 255, 255, 0.7);
        line-height  : 1.6;
        margin-bottom: 20px;
    }

    .icon-btn {
        display        : inline-flex;
        align-items    : center;
        justify-content: center;
        width          : 40px;
        height         : 40px;
        background     : var(--ts-color-theme-primary);
        color          : var(--ts-color-common-white);
        border-radius  : 50%;
        text-decoration: none;
        transition     : all 0.3s ease;
    }

    .service-item:hover .icon-btn {
        background: var(--ts-color-theme-secondary);
        transform : translateX(5px);
    }


    /* service section end here  */


    /* testimonial section start here  */
    .testimonials-section {
        background-color: var(--ts-color-common-white);
        padding         : 4rem 0;
    }




    .test-title {
        color         : var(--ts-color-theme-bg-dark);
        font-family   : var(--ts-ff-heading);
        font-weight   : 800;
        margin-bottom : 20px;
        font-size     : 50px;
        text-transform: uppercase;
    }




    .testimonial-card {
        background   : var(--ts-color-common-white);
        border-radius: 10px;
        box-shadow   : 0 10px 30px rgba(0, 0, 0, 0.08);
        padding      : 2rem;
        margin       : 1rem;
        height       : 100%;
        transition   : transform 0.3s ease, box-shadow 0.3s ease;
        border-top   : 4px solid var(--ts-color-theme-secondary);
        border       : 1px solid var(--ts-color-border-2);
    }

    .testimonial-card:hover {
        transform   : translateY(-5px);
        box-shadow  : 0 15px 40px rgba(0, 0, 0, 0.12);
        border-color: var(--ts-color-theme-primary);
    }

    .testimonial-content {
        color        : var(--ts-color-heading-primary);
        font-size    : 1.1rem;
        line-height  : 1.6;
        margin-bottom: 1.5rem;
        position     : relative;
        padding-left : 1.5rem;
        font-family  : var(--ts-ff-body);
    }

    .testimonial-content:before {
        content    : " ";
        font-size  : 4rem;
        color      : var(--ts-color-theme-secondary);
        opacity    : 0.3;
        position   : absolute;
        left       : -0.5rem;
        top        : -1.5rem;
        font-family: Georgia, serif;
    }

    .testimonial-author {
        display     : flex;
        align-items : center;
        padding-left: 12px;
    }

    .author-info {
        margin-left: 1rem;
    }

    .author-name {
        font-weight  : var(--ts-fw-sbold);
        color        : var(--ts-color-heading-primary);
        margin-bottom: 0.2rem;
        font-family  : var(--ts-ff-heading);
    }

    .author-position {
        color      : var(--ts-color-grey-1);
        font-size  : 0.9rem;
        font-family: var(--ts-ff-body);
    }

    .rating {
        color        : var(--ts-color-theme-secondary);
        margin-bottom: 0.5rem;
        padding-left : 25px;
        font-size    : 24px;
    }

    .owl-dots {
        text-align: center;
        margin-top: 2rem;
    }

    .owl-dot span {
        width        : 12px;
        height       : 12px;
        margin       : 5px;
        background   : var(--ts-color-border-2);
        display      : block;
        border-radius: 50%;
        transition   : all 0.3s ease;
    }

    .owl-dot.active span {
        background   : var(--ts-color-theme-secondary);
        width        : 30px;
        border-radius: 15px;
    }

    .owl-nav {
        position       : absolute;
        top            : 36%;
        width          : 100%;
        transform      : translateY(-50%);
        display        : flex;
        justify-content: space-between;
        pointer-events : none;
    }

    .owl-prev,
    .owl-next {
        background     : var(--ts-color-theme-primary) !important;
        color          : var(--ts-color-common-white) !important;
        width          : 40px;
        height         : 40px;
        border-radius  : 50% !important;
        display        : flex;
        align-items    : center;
        justify-content: center;
        pointer-events : all;
        transition     : all 0.3s ease;
        font-family    : var(--ts-ff-heading);
        font-weight    : var(--ts-fw-bold);
    }

    .owl-prev:hover,
    .owl-next:hover {
        background: var(--ts-color-theme-bg-dark-2) !important;
    }

    .owl-prev {
        margin-left: -20px;
    }

    .owl-next {
        margin-right: -20px;
    }



    /* testimonial section end here  */


    /* footer section start here  */
    .footer {
        background-color: var(--ts-color-theme-bg-dark);
        color           : white;
        padding         : 3rem 1rem 1rem;
        border-top      : 1px solid var(--ts-color-theme-primary);
    }

    .footer-container {
        max-width            : 1200px;
        margin               : 0 auto;
        display              : grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap                  : 2rem;
    }

    .footer-section h3 {
        color         : var(--ts-color-theme-secondary);
        margin-bottom : 1.5rem;
        font-size     : 1.1rem;
        position      : relative;
        padding-bottom: 0.5rem;
    }

    .footer-section h3::after {
        content         : '';
        position        : absolute;
        left            : 0;
        bottom          : 0;
        width           : 40px;
        height          : 2px;
        background-color: var(--ts-color-theme-primary);
    }

    .footer-logo {
        margin-bottom: 1rem;
    }

    .footer-logo img {
        width  : 200px;
        padding: 20px 0px;
    }

    .footer-logo p {
        line-height: 1.6;
        color      : var(--ts-color-common-black);
    }

    .footer-links ul {
        list-style: none;
        padding   : 0px;
    }

    .footer-links li {
        margin-bottom: 0.8rem;
    }

    .footer-links a {
        color          : var(--ts-color-common-black);
        text-decoration: none;
        transition     : color 0.3s ease;
    }


    .socials li a img {
        width: 40px;
    }

    .footer-section .icon a:hover {
        color: var(--ts-color-common-white);
    }

    .footer-links a:hover {
        color       : var(--ts-color-theme-secondary);
        padding-left: 5px;
    }

    .contact-info p {
        margin-bottom: 1rem;
        display      : flex;
        align-items  : flex-start;
        color        : var(--ts-color-common-black);
    }

    .contact-info strong {
        color    : white;
        min-width: 130px;
        display  : inline-block;
    }

    .footer-bottom a {
        text-decoration: none;
        color          : var(--ts-color-common-white);
    }


    /* footer section end here  */



    /* about us page start here  */

    .inner-section {
        background            : linear-gradient(to bottom, rgb(0 0 0 / 32%) 0%, rgb(26 18 18 / 75%) 100%), url(../images/inner-bg.jpg);
        background-position   : center;
        background-size       : cover;
        background-repeat     : no-repeat;
        padding               : 120px 0;
        text-align            : center;
        position              : relative;
        /* min-height         : 60vh; */
        display               : flex;
        align-items           : center;
    }

    .inner-heading {
        color         : white;
        font-size     : 3.5rem;
        font-weight   : 700;
        margin        : 0;
        text-shadow   : 2px 2px 4px rgba(0, 0, 0, 0.3);
        letter-spacing: 1px;
        padding-top   : 90px;
    }

    .about-services {
        padding         : 100px 0;
        background-color: #f8f9fa;
    }

    .cleaning-services-left {
        position: relative;
    }

    .cleaning-services-img {
        position       : relative;
        display        : flex;
        align-items    : center;
        justify-content: space-between;
        margin-bottom  : 30px;
    }

    .cleaning-services-img figure {
        width        : 48%;
        margin       : 0;
        overflow     : hidden;
        border-radius: 8px;
        box-shadow   : 0 5px 15px rgba(0, 0, 0, 0.1);
    }

    .cleaning-services-img img {
        width     : 100%;
        height    : auto;
        transition: transform 0.5s ease;
    }

    .cleaning-services-img figure:hover img {
        transform: scale(1.05);
    }

    .cleaning-services-counter {
        position        : absolute;
        right           : -10px;
        bottom          : -20px;
        display         : inline-block;
        background-color: var(--ts-color-theme-primary);
        border          : 10px solid #f8f9fa;
        text-align      : center;
        padding         : 20px;
        border-radius   : 8px;
        box-shadow      : 0 5px 15px rgba(0, 0, 0, 0.1);
        z-index         : 2;
    }

    .cleaning-services-counter h3 {
        font-size  : 64px;
        font-weight: var(--ts-fw-black);
        color      : var(--ts-color-common-white);
        margin     : 0;
        line-height: 1;
    }

    .cleaning-services-counter p {
        color      : var(--ts-color-common-white);
        font-weight: var(--ts-fw-sbold);
        margin     : 10px 0 0;
        font-size  : 18px;
    }

    .cleaning-services-content {
        padding-left: 30px;
    }

    .section-title h3 {
        color         : var(--ts-color-theme-primary);
        font-size     : 24px;
        font-weight   : var(--ts-fw-sbold);
        margin-bottom : 15px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .section-title h2 {
        font-size     : 48px;
        font-weight   : var(--ts-fw-black);
        color         : var(--ts-color-heading-primary);
        margin-bottom : 30px;
        line-height   : 1.2;
        text-transform: uppercase;
    }
 .section-title h1 {
        font-size     : 48px;
        font-weight   : var(--ts-fw-black);
        color         : var(--ts-color-heading-primary);
        margin-bottom : 30px;
        line-height   : 1.2;
        text-transform: uppercase;
    }
    .about-page-content p {
        font-size    : 16px;
        margin-bottom: 20px;
        color        : #666;
    }

    .cleaning-services-content-list ul {
        list-style: none;
        padding   : 0;
        margin    : 30px 0 0;
    }

    .cleaning-services-content-list ul li {
        font-size    : 18px;
        color        : var(--ts-color-heading-primary);
        margin-bottom: 15px;
        display      : flex;
        align-items  : center;
        font-weight  : var(--ts-fw-sbold);
    }

    .cleaning-services-content-list ul li:last-child {
        margin-bottom: 0;
    }

    .cleaning-services-content-list ul li i {
        font-size   : 20px;
        color       : var(--ts-color-theme-primary);
        margin-right: 15px;
        width       : 30px;
        text-align  : center;
    }


    /* about us page end here  */


    /* services inner page start here  */
    .section-padding {
        padding: 100px 0;
    }

    /* Sidebar Styles */
    .main_sidebar {
        border-top : 1px solid var(--ts-color-theme-primary);
        padding-top: 50px;
        margin-top : 20px;
    }

    .sidebar_widget {
        width           : 100%;
        padding         : 35px 30px;
        margin-bottom   : 30px;
        border-radius   : 5px;
        background-color: var(--ts-color-common-white);
        border          : 1px solid #a19999;
        box-shadow      : 0 5px 15px rgba(0, 0, 0, 0.05);
    }

    .sidebar_widget .widget_title {
        display       : inline-block;
        font-weight   : var(--ts-fw-ebold);
        line-height   : 1.2;
        text-transform: uppercase;
        margin-bottom : 20px;
        position      : relative;
        z-index       : 1;
        padding-left  : 6px;
        color         : var(--ts-color-theme-primary);
    }

    .sidebar_widget .widget_title::before {
        content         : '';
        position        : absolute;
        top             : 50%;
        left            : 0;
        width           : 22px;
        height          : 22px;
        transform       : translateY(-50%);
        background-color: var(--ts-color-theme-secondary);
        border-radius   : 50px;
        z-index         : -1;
    }

    /* Services Widget */
    .services_widget .services_list {
        list-style: none;
        padding   : 0;
        margin    : 0;
    }

    .services_widget .services_list li:not(:last-child) {
        margin-bottom: 15px;
    }

    .services_widget .services_list li>a {
        position        : relative;
        display         : flex;
        align-items     : center;
        justify-content : space-between;
        background-color: #d6d9dd;
        border-radius   : 5px;
        color           : #555;
        font-weight     : var(--ts-fw-medium);
        text-transform  : capitalize;
        padding         : 16px 40px 16px 20px;
        text-decoration : none;
        transition      : all 0.3s ease;
    }

    .services_widget .services_list li>a .icon {
        color     : #555;
        position  : absolute;
        right     : 20px;
        top       : 22px;
        transition: all 0.3s ease;
    }

    .services_widget .services_list li.active>a,
    .services_widget .services_list li>a:hover {
        background-color: var(--ts-color-theme-primary);
        color           : var(--ts-color-common-white);
    }

    .services_widget .services_list li.active>a .icon,
    .services_widget .services_list li>a:hover .icon {
        color: var(--ts-color-common-white);
    }

    /* CTA Widget */
    .cta_widget {
        text-align: center;
        background: linear-gradient(135deg, var(--ts-color-theme-bg-dark) 0%, var(--ts-color-theme-bg-dark-2) 100%);
        color     : var(--ts-color-common-white);
        border    : none;
    }

    .cta_widget .cta_thumb {
        width        : 100%;
        overflow     : hidden;
        border-radius: 5px;
    }

    .cta_widget .cta_thumb img {
        width        : 100%;
        height       : auto;
        border-radius: 5px;
    }

    .cta_widget .chat_icon {
        position        : relative;
        display         : inline-flex;
        align-items     : center;
        justify-content : center;
        width           : 100px;
        height          : 100px;
        background-color: var(--ts-color-theme-primary);
        border-radius   : 50%;
        color           : var(--ts-color-common-white);
        font-size       : 50px;
        line-height     : 1;
        z-index         : 2;
        margin-top      : -65px;
        margin-bottom   : 30px;
        box-shadow      : 0 5px 15px rgba(0, 0, 0, 0.2);
    }

    .cta_widget .title {
        text-transform: uppercase;
        font-weight   : var(--ts-fw-ebold);
        margin-bottom : 15px;
        color         : var(--ts-color-common-white);
    }

    .cta_widget .desc p {
        color        : rgba(255, 255, 255, 0.8);
        margin-bottom: 0;
    }

    .cta_widget .cta_btn {
        background-color: var(--ts-color-theme-secondary);
        color           : var(--ts-color-heading-primary);
        border          : none;
        padding         : 12px 30px;
        font-weight     : var(--ts-fw-bold);
        text-transform  : uppercase;
        text-decoration : none;
        border-radius   : 5px;
        display         : inline-flex;
        align-items     : center;
        gap             : 10px;
        margin-top      : 25px;
        transition      : all 0.3s ease;
    }

    .cta_widget .cta_btn:hover {
        background-color: var(--ts-color-common-white);
        transform       : translateY(-3px);
        box-shadow      : 0 5px 15px rgba(0, 0, 0, 0.1);
    }

    /* Service Details Content */
    .services_details_content .content_box {
        margin-bottom: 50px;
    }

    .services_details_content .content_box h1 {
        font-size     : 36px;
        font-weight   : var(--ts-fw-black);
        margin-bottom : 20px;
        text-transform: uppercase;
        color         : var(--ts-color-theme-primary);
    }

    .services_details_content .content_box h2 {
        font-size     : 28px;
        font-weight   : var(--ts-fw-bold);
        margin-bottom : 20px;
        text-transform: uppercase;
        color         : #d33d41;
    }

    .services_details_content .content_box p {
        font-size    : 16px;
        line-height  : 1.8;
        margin-bottom: 20px;
        color        : #666;
    }

    .services_details_content .image {
        margin       : 40px 0;
        border-radius: 10px;
        overflow     : hidden;
        box-shadow   : 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    .services_details_content .image img {
        width : 100%;
        height: auto;
    }

    /* List Styles */
    .ts_list {
        list-style: none;
        padding   : 0;
        margin    : 20px 0;
    }

    .ts_list li {
        position     : relative;
        padding-left : 30px;
        margin-bottom: 15px;
        font-size    : 16px;
        font-weight  : var(--ts-fw-sbold);
        color        : var(--ts-color-theme-primary);
    }

    .ts_list li::before {
        content: '\f00c';

        font-family: "Font Awesome 6 Free";

        font-weight: 900;

        position: absolute;
        left    : 0;
        top     : 0;
        color   : var(--ts-color-theme-primary);
    }


    /* Info Boxes */
    .info_boxes {
        display              : grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        gap                  : 30px;
        margin-top           : 40px;
    }

    .info_boxes .icon_box {
        display         : flex;
        gap             : 20px;
        padding         : 30px;
        background-color: #f8f9fa;
        border-radius   : 10px;
        transition      : all 0.3s ease;
    }

    .info_boxes .icon_box:hover {
        transform : translateY(-5px);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    }

    .info_boxes .icon_box .icon {
        width           : 80px;
        height          : 80px;
        background-color: var(--ts-color-theme-primary);
        border-radius   : 50%;
        display         : flex;
        align-items     : center;
        justify-content : center;
        color           : var(--ts-color-common-white);
        font-size       : 36px;
        flex-shrink     : 0;
    }

    .info_boxes .icon_box .content h4 {
        font-size     : 22px;
        margin-bottom : 10px;
        text-transform: capitalize;
        color         : #d33d41;
    }

    .info_boxes .icon_box .content .desc p {
        margin-bottom: 0;
        color        : #666;
    }


    /* services inner page end here  */



    /* gallery page start here  */

    .gallery-items {
        display     : flex;
        flex-wrap   : wrap;
        /* margin   : 0 -10px; */
    }

    .photo-gallery {
        width        : calc(33.333% - 20px);
        margin       : 0 10px 20px;
        transition   : var(--transition);
        position     : relative;
        overflow     : hidden;
        border-radius: 8px;
        box-shadow   : 0 5px 15px rgba(0, 0, 0, 0.1);
    }

    .photo-gallery a {
        display        : block;
        text-decoration: none;
        position       : relative;
        overflow       : hidden;
    }

    .photo-gallery img {
        width     : 100%;
        height    : 265px;
        object-fit: cover;
        transition: var(--transition);
        filter    : brightness(100%);
    }

    .photo-gallery:hover {
        transform : translateY(-5px);
        box-shadow: 0 10px 25px rgba(211, 61, 65, 0.2);
    }

    .photo-gallery:hover img {
        filter   : brightness(40%) sepia(100%) hue-rotate(-10deg) saturate(500%);
        transform: scale(1.05);
    }

    /* Overlay effect */
    .photo-gallery::after {
        content   : '';
        position  : absolute;
        top       : 0;
        left      : 0;
        width     : 100%;
        height    : 100%;
        background: linear-gradient(to bottom, transparent 0%, rgba(211, 61, 65, 0.7) 100%);
        opacity   : 0;
        transition: var(--transition);
        z-index   : 1;
    }

    .photo-gallery:hover::after {
        opacity: 1;
    }

    /* Zoom icon */
    .photo-gallery .zoom-icon {
        position  : absolute;
        top       : 50%;
        left      : 50%;
        transform : translate(-50%, -50%) scale(0);
        color     : var(--ts-color-common-white);
        font-size : 40px;
        z-index   : 2;
        transition: var(--transition);
        opacity   : 0;
    }

    .photo-gallery:hover .zoom-icon {
        transform: translate(-50%, -50%) scale(1);
        opacity  : 1;
    }

    /* Lightbox Modal */
    .modal-body {
        padding: 0;
    }

    .modal-body img {
        width : 100%;
        height: auto;
    }

    .btn-close {
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23d33d41'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    }

    /* gallery page end here  */


    /* blog page start here  */

    /* Blog Card Styles */
    .blog-card {
        background   : var(--ts-color-common-white);
        border-radius: 10px;
        overflow     : hidden;
        box-shadow   : 0 5px 15px rgba(0, 0, 0, 0.05);
        transition   : var(--transition);
        margin-bottom: 30px;
        height       : 100%;
    }

    .blog-card:hover {
        transform : translateY(-5px);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    }

    .blog-card a {
        text-decoration: none;
        color          : inherit;
    }

    .blog-card img {
        width     : 100%;
        height    : 250px;
        object-fit: cover;
        transition: var(--transition);
    }

    .blog-card:hover img {
        transform: scale(1.05);
    }

    .blog-card-content {
        padding: 25px;
    }

    .blog-meta {
        display      : flex;
        align-items  : center;
        margin-bottom: 15px;
        font-size    : 14px;
        color        : #777;
    }

    .blog-meta .date {
        display     : flex;
        align-items : center;
        margin-right: 20px;
    }

    .blog-meta .author {
        display    : flex;
        align-items: center;
    }

    .blog-meta i {
        color       : var(--ts-color-theme-primary);
        margin-right: 5px;
        font-size   : 16px;
    }

    .blog-card h3 {
        font-size    : 22px;
        font-weight  : var(--ts-fw-bold);
        margin-bottom: 15px;
        line-height  : 1.4;
    }

    .blog-card h3 a {
        color     : var(--ts-color-heading-primary);
        transition: var(--transition);
    }

    .blog-card h3 a:hover {
        color: var(--ts-color-theme-primary);
    }

    .blog-excerpt {
        color        : #666;
        margin-bottom: 20px;
    }

    .read-more {
        display       : inline-flex;
        align-items   : center;
        color         : var(--ts-color-theme-primary);
        font-weight   : var(--ts-fw-sbold);
        text-transform: uppercase;
        font-size     : 14px;
        letter-spacing: 0.5px;
        transition    : var(--transition);
    }

    .read-more i {
        margin-left: 5px;
        transition : var(--transition);
    }

    .read-more:hover {
        color: var(--ts-color-theme-secondary);
    }

    .read-more:hover i {
        transform: translateX(3px);
    }

    /* Sidebar Styles */
    .sidebar-widget {
        background   : var(--ts-color-common-white);
        border-radius: 10px;
        padding      : 25px;
        margin-bottom: 30px;
        box-shadow   : 0 5px 15px rgba(0, 0, 0, 0.05);
    }

    .widget-title {
        font-size     : 20px;
        font-weight   : var(--ts-fw-bold);
        margin-bottom : 20px;
        padding-bottom: 10px;
        border-bottom : 2px solid var(--ts-color-theme-primary);
        position      : relative;
        text-transform: uppercase;
        color         : var(--ts-color-theme-primary);
    }

    .widget-title::after {
        content   : '';
        position  : absolute;
        bottom    : -2px;
        left      : 0;
        width     : 50px;
        height    : 2px;
        background: var(--ts-color-theme-secondary);
    }

    /* Recent Posts Widget */
    .recent-post {
        display       : flex;
        margin-bottom : 15px;
        padding-bottom: 15px;
        border-bottom : 1px solid #eee;
    }

    .recent-post:last-child {
        margin-bottom : 0;
        padding-bottom: 0;
        border-bottom : none;
    }

    .recent-post-thumb {
        width        : 80px;
        height       : 80px;
        border-radius: 5px;
        overflow     : hidden;
        flex-shrink  : 0;
        margin-right : 15px;
    }

    .recent-post-thumb img {
        width     : 100%;
        height    : 100%;
        object-fit: cover;
        transition: var(--transition);
    }

    .recent-post:hover .recent-post-thumb img {
        transform: scale(1.1);
    }

    .recent-post-content {
        flex: 1;
    }

    .recent-post-date {
        font-size     : 12px;
        color         : var(--ts-color-theme-primary);
        font-weight   : var(--ts-fw-sbold);
        margin-bottom : 5px;
        text-transform: uppercase;
    }

    .recent-post-title {
        font-size  : 15px;
        font-weight: var(--ts-fw-sbold);
        line-height: 1.4;
        margin     : 0;
    }

    .recent-post-title a {
        color     : var(--ts-color-heading-primary);
        transition: var(--transition);
    }

    .recent-post-title a:hover {
        color: var(--ts-color-theme-primary);
    }


    /* blog page end here  */

    /* Contact Call to Action Section */
    .contact-call-to-action {
        padding         : 100px 0 50px;
        background-color: var(--ts-color-theme-bg-dark);
    }

    .header-contact-box {
        background   : var(--ts-color-theme-primary);
        padding      : 40px 30px;
        text-align   : center;
        height       : 100%;
        border-radius: 10px;
        transition   : var(--transition);
        margin-bottom: 30px;
        box-shadow   : 0 5px 15px rgba(0, 0, 0, 0.2);
    }

    .header-contact-box:hover {
        transform : translateY(-5px);
        box-shadow: 0 10px 25px rgba(211, 61, 65, 0.3);
        background: var(--ts-color-theme-secondary);
    }

    .contact-icon-box {
        margin-bottom: 20px;
    }

    .contact-icon-box img {
        width : 60px;
        height: 60px;
        filter: brightness(0) invert(1);
    }

    .header-contact-info h3 {
        color         : var(--ts-color-common-white);
        font-weight   : var(--ts-fw-bold);
        font-size     : 24px;
        text-transform: uppercase;
        margin        : 10px 0 15px;
        letter-spacing: 1px;
    }

    .header-contact-info p {
        color        : var(--ts-color-common-white);
        font-weight  : var(--ts-fw-medium);
        font-size    : 18px;
        line-height  : 1.5;
        margin-bottom: 5px;
    }

    .header-contact-info p a {
        color          : var(--ts-color-common-white);
        font-weight    : var(--ts-fw-medium);
        font-size      : 18px;
        line-height    : 1.5;
        text-decoration: none;
        transition     : var(--transition);
    }

    .header-contact-info p a:hover {
        color: var(--ts-color-theme-bg-dark);
    }

    /* Contact Form Section */
    .get-in-touch.contact-us {
        padding         : 50px 0 100px;
        background-color: var(--ts-color-theme-bg-dark);
    }

    .contact-form-title {
        margin-bottom: 50px;
        text-align   : center;
    }

    .contact-form-title h3 {
        font-size     : 42px;
        font-weight   : var(--ts-fw-black);
        text-transform: uppercase;
        margin-bottom : 15px;
        color         : var(--ts-color-common-white);
    }

    .contact-form-title p {
        font-size: 18px;
        color    : rgba(255, 255, 255, 0.8);
        max-width: 600px;
        margin   : 0 auto;
    }

    .contact-form {
        background   : var(--ts-color-theme-bg-dark-2);
        padding      : 50px;
        border-radius: 10px;
        box-shadow   : 0 10px 30px rgba(0, 0, 0, 0.3);
    }

    .form-group {
        margin-bottom: 25px;
    }

    .form-label {
        color        : var(--ts-color-common-white);
        font-weight  : var(--ts-fw-sbold);
        margin-bottom: 10px;
        font-size    : 16px;
    }

    .form-control {
        background-color: rgba(255, 255, 255, 0.1);
        border          : 1px solid var(--ts-color-border-2);
        border-radius   : 5px;
        color           : var(--ts-color-common-white);
        padding         : 12px 15px;
        font-size       : 16px;
        transition      : var(--transition);
    }

    .form-control:focus {
        background-color: rgba(255, 255, 255, 0.15);
        border-color    : var(--ts-color-theme-primary);
        color           : var(--ts-color-common-white);
        box-shadow      : 0 0 0 0.2rem rgba(211, 61, 65, 0.25);
    }

    .form-control::placeholder {
        color: rgba(255, 255, 255, 0.6);
    }

    textarea.form-control {
        min-height: 150px;
        resize    : vertical;
    }

    .submit-btn {
        background       : var(--ts-color-theme-primary);
        color            : var(--ts-color-common-white);
        border           : none;
        padding          : 15px 40px;
        font-size        : 18px;
        font-weight      : var(--ts-fw-bold);
        text-transform   : uppercase;
        border-radius    : 5px;
        transition       : var(--transition);
        /* width         : 100%; */
        margin-top       : 10px;
        margin           : auto;
        text-align       : center;
        display          : flex;
    }

    .submit-btn:hover {
        background: var(--ts-color-theme-secondary);
        transform : translateY(-3px);
        box-shadow: 0 5px 15px rgba(249, 178, 52, 0.3);
    }



    /* Responsive Styles */
    @media (max-width: 991.98px) {
        .contact-call-to-action {
            padding: 80px 0 30px;
        }

        .header-contact-box {
            padding: 30px 20px;
        }

        .header-contact-info h3 {
            font-size: 22px;
        }

        .header-contact-info p,
        .header-contact-info p a {
            font-size: 16px;
        }

        .contact-form {
            padding: 40px 30px;
        }

        .contact-form-title h3 {
            font-size: 36px;
        }
    }

    @media (max-width: 767.98px) {
        .contact-call-to-action {
            padding: 60px 0 20px;
        }

        .header-contact-box {
            margin-bottom: 20px;
        }

        .contact-form-title h3 {
            font-size: 32px;
        }

        .contact-form-title p {
            font-size: 16px;
        }

        .contact-form {
            padding: 30px 20px;
        }


    }

    @media (max-width: 575.98px) {
        .contact-form-title h3 {
            font-size: 28px;
        }

        .header-contact-info h3 {
            font-size: 20px;
        }

        .header-contact-info p,
        .header-contact-info p a {
            font-size: 15px;
        }

        .submit-btn {
            padding  : 12px 30px;
            font-size: 16px;
        }
    }

    /* contact page end here  */


    /* get qoate start here  */
    /* Modal Styles */
    .modal-content {
        border-radius: 10px;
        border       : none;
        box-shadow   : 0 10px 30px rgba(0, 0, 0, 0.2);
        overflow     : hidden;
    }

    .modal-header {
        background   : var(--ts-color-theme-primary);
        color        : var(--ts-color-common-white);
        border-bottom: none;
        padding      : 20px 30px;
    }

    .modal-title {
        font-family: var(--ts-ff-heading);
        font-weight: var(--ts-fw-bold);
        font-size  : 24px;
        margin     : 0;
    }

    .btn-close {
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
        opacity   : 0.8;
        transition: var(--transition);
    }

    .btn-close:hover {
        opacity  : 1;
        transform: rotate(90deg);
    }

    .modal-body {
        padding: 30px;
    }

    /* Form Styles */
    .form-label {
        font-weight  : var(--ts-fw-sbold);
        color        : var(--ts-color-heading-primary);
        margin-bottom: 8px;
    }

    .form-control,
    .form-select {
        border       : 1px solid #e0e0e0;
        border-radius: 5px;
        padding      : 10px 15px;
        font-size    : 15px;
        transition   : var(--transition);
    }

    .form-control:focus,
    .form-select:focus {
        border-color: var(--ts-color-theme-primary);
        box-shadow  : 0 0 0 0.2rem rgba(211, 61, 65, 0.15);
    }

    .services-section {
        margin-bottom: 25px;
    }

    .services-title {
        font-size     : 18px;
        font-weight   : var(--ts-fw-bold);
        margin-bottom : 15px;
        color         : var(--ts-color-heading-primary);
        border-bottom : 2px solid var(--ts-color-theme-primary);
        padding-bottom: 5px;
        display       : inline-block;
    }

    .services-grid {
        display              : grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap                  : 15px;
    }

    .service-checkbox {
        display      : flex;
        align-items  : center;
        padding      : 10px 15px;
        background   : #f8f9fa;
        border-radius: 5px;
        transition   : var(--transition);
        cursor       : pointer;
    }

    .service-checkbox:hover {
        background: #e9ecef;
    }

    .service-checkbox input {
        margin-right: 10px;
        cursor      : pointer;
    }

    .service-checkbox label {
        margin     : 0;
        cursor     : pointer;
        font-weight: var(--ts-fw-medium);
    }

    .form-text {
        font-size : 14px;
        color     : #6c757d;
        margin-top: 5px;
    }

    .modal-footer {
        border-top: 1px solid #e9ecef;
        padding   : 20px 30px;
    }

    .submit-btn {
        background    : var(--ts-color-theme-primary);
        color         : var(--ts-color-common-white);
        border        : none;
        padding       : 12px 30px;
        font-weight   : var(--ts-fw-sbold);
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-radius : 5px;
        transition    : var(--transition);
    }

    .submit-btn:hover {
        background: var(--ts-color-theme-secondary);
        color     : var(--ts-color-heading-primary);
        transform : translateY(-2px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }

    .cancel-btn {
        background   : #6c757d;
        color        : var(--ts-color-common-white);
        border       : none;
        padding      : 12px 25px;
        font-weight  : var(--ts-fw-sbold);
        border-radius: 5px;
        transition   : var(--transition);
    }

    .cancel-btn:hover {
        background: #5a6268;
        color     : var(--ts-color-common-white);
    }

    /* Success Message */
    .success-message {
        display   : none;
        text-align: center;
        padding   : 40px 30px;
    }

    .success-icon {
        font-size    : 60px;
        color        : var(--ts-color-theme-primary);
        margin-bottom: 20px;
    }

    .success-message h4 {
        color        : var(--ts-color-theme-primary);
        margin-bottom: 15px;
    }


    /* end here  */

    .seo-none{
        display: none;
    }