/*-----------------------------------------------------------------------------------

Theme Name: BERKÇEL A.Ş.
Theme URI: https://themejunction.net/html/InduPress/demo/
Author: Theme-Junction
Author URI: https://themeforest.net/user/theme-junction
Description: BERKÇEL A.Ş.

-----------------------------------------------------------------------------------


/************ TABLE OF CONTENTS ***************

  Theme Default CSS
  Buttons CSS
  Header Topbar CSS
  Header CSS
  Search CSS
  hamburger CSS
  Back top CSS
  Heading CSS
  Slider CSS
  Hero CSS
  About CSS
  Service CSS
  Video CSS
  Step CSS
  Analysis CSS
  Price CSS
  Portfolio CSS
  Testimonial CSS
  FAQ CSS
  Form CSS
  Blog CSS
  Brand CSS
  Newsletter CSS
  Slider CSS
  Project CSS
  Team CSS
  Contact CSS
  Breadcrumb CSS
  Footer CSS

**********************************************/
/**----------------------------------------
START: Theme Default CSS
----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Open+Sans:wght@300;400;500;600;700;800&display=swap");

.dot-style,
.footer-info .footer-share ul,
.widget_nav_menu .footer-menu ul,
.footer-contact ul,
.copyright-content-ara .bottom-menu ul,
.team-share ul,
.tj-tags-post .post-share ul,
.tj-latest-comments ul,
.tj-sidebar__widget.widget_categories ul,
.tj_recent_posts ul,
.project-category ul,
.project-details-share ul,
.check-list ul,
.service-contact ul,
.team-item .team-content .team-socials ul,
.blog-meta ul,
.price-item-three .price-list ul,
.tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .mainmenu > ul,
.tj-header-area.header-3 .mainmenu-wrapper .mainmenu > ul,
.mainmenu > ul,
.header-socials ul,
.header-contact-infos ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

:root {
    /**
     @Font-Family Declaration
   */
    --tj-ff-body: "Inter", sans-serif;
    --tj-ff-heading: "Open Sans", sans-serif;
    --tj-ff-p: "Inter", sans-serif;
    --tj-ff-fontawesome: "Font Awesome 6 Pro";
    /**
     @Font-weight Declaration
   */
    --tj-fw-normal: normal;
    --tj-fw-thin: 100;
    --tj-fw-elight: 200;
    --tj-fw-light: 300;
    --tj-fw-regular: 400;
    --tj-fw-medium: 500;
    --tj-fw-sbold: 600;
    --tj-fw-bold: 700;
    --tj-fw-ebold: 800;
    --tj-fw-black: 900;
    /**
     @Font-Size Declaration
   */
    --tj-fs-body: 16px;
    --tj-fs-p: 16px;
    --tj-fs-h1: 70px;
    --tj-fs-h2: 50px;
    --tj-fs-h3: 30px;
    --tj-fs-h4: 22px;
    --tj-fs-h5: 18px;
    --tj-fs-h6: 13px;
    /**
     @Color Declaration
   */
    --tj-color-common-white: #ffffff;
    --tj-color-common-black: #000000;
    --tj-color-heading-primary: #545454;
    --tj-color-text-body: #787878;
    --tj-color-text-body-2: #3e3e3e;
    --tj-color-theme-primary: #e78105;
    --tj-color-theme-primary-2: #d03507;
    --tj-color-theme-primary-3: #eb9c85;
    --tj-color-theme-primary-4: #ffdcd2;
    --tj-color-theme-primary-5: #ffbaa6;
    --tj-color-theme-primary-6: #fff2ee;
    --tj-color-theme-primary-7: #f2b6a5;
    --tj-color-theme-secondary: #545454;
    --tj-color-theme-dark: #363636;
    --tj-color-grey-1: #fafafc;
    --tj-color-grey-2: #aeaeae;
    --tj-color-grey-3: #a1a1a1;
    --tj-color-grey-4: #505050;
    --tj-color-grey-5: #010101;
    --tj-color-grey-6: #aeaeae;
    --tj-color-grey-7: #d9d9d9;
    --tj-color-grey-8: #3a3a3a;
    --tj-color-grey-9: #333;
    --tj-color-grey-10: #717171;
    --tj-color-grey-11: #323c45;
    --tj-color-grey-12: #e4e4e4;
    --tj-color-grey-13: #3e3e3e;
    --tj-color-light-1: #fff8f6;
    --tj-color-light-2: #fff2ee;
    --tj-color-light-3: #fff5f2;
    --tj-color-light-4: #ffdcd2;
    --tj-color-light-5: #ffede7;
    --tj-color-light-6: #ffc131;
    --tj-color-light-7: #ecfff3;
    --tj-color-light-8: #fff61b;
    --tj-color-light-9: #fff9f7;
    --tj-color-light-10: #cacaca;
    --tj-color-light-11: #f2b6a5;
    --tj-color-border-1: #f2f2f2;
    --tj-color-border-2: #787878;
    --tj-color-border-3: #cacaca;
    --tj-color-border-4: #f2f5f9;
    --tj-color-border-5: #f2f2f2;
    --tj-color-border-6: #edf0f3;
    --tj-color-border-7: #ff6f45;
    --tj-color-border-8: #eb9c85;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/**
  Typography CSS
*/
body {
    font-family: var(--tj-ff-body);
    font-size: var(--tj-fs-body);
    font-weight: normal;
    color: var(--tj-color-text-body);
    line-height: 1.6;
}

a {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--tj-ff-heading);
    color: var(--tj-color-heading-primary);
    margin-top: 0px;
    font-weight: var(--tj-fw-bold);
    line-height: 1.3;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

h1 {
    font-size: var(--tj-fs-h1);
}

h2 {
    font-size: var(--tj-fs-h2);
}

h3 {
    font-size: var(--tj-fs-h3);
}

h4 {
    font-size: var(--tj-fs-h4);
}

h5 {
    font-size: var(--tj-fs-h5);
}

h6 {
    font-size: var(--tj-fs-h6);
}

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        font-size: inherit;
        color: inherit;
        font-weight: inherit;
        line-height: inherit;
        display: block;
    }

    h1:hover a,
    h2:hover a,
    h3:hover a,
    h4:hover a,
    h5:hover a,
    h6:hover a {
        font-size: inherit;
        color: inherit;
        font-weight: inherit;
    }

ul {
    margin: 0px;
    padding: 0px;
}

a,
.btn,
button,
span,
p,
input,
select,
textarea,
li,
img,
svg path,
*::after,
*::before,
h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

    a:focus,
    .button:focus {
        text-decoration: none;
        outline: none;
    }

    a:focus,
    a:hover {
        color: inherit;
        text-decoration: none;
    }

a,
button {
    color: inherit;
    outline: none;
    border: none;
    background: transparent;
}

    button:hover {
        cursor: pointer;
    }

    button:focus,
    button:focus:not(:focus-visible) {
        outline: 0;
        -webkit-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
    }

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

select,
.nice-select,
input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] ),
textarea {
    outline: none;
    background-color: var(--tj-color-common-white);
    height: auto;
    width: 100%;
    font-size: var(--tj-fs-body);
    border: 1px solid var(--tj-color-common-white);
    color: var(--tj-color-common-black);
    padding: 10px 15px;
}

input[type="color"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
    padding: 0;
    border-radius: 50%;
}

::-webkit-scrollbar {
    height: 4px;
    width: 4px;
    background: rgba(252, 88, 40, 0.1);
}

::-webkit-scrollbar-thumb {
    background: var(--tj-color-theme-primary);
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 0px 0px rgba(252, 88, 40, 0.8);
}

::-webkit-scrollbar-corner {
    background: transparent;
}

*::-moz-selection {
    background: var(--tj-color-common-black);
    color: var(--tj-color-common-white);
    text-shadow: none;
}

::-moz-selection {
    background: var(--tj-color-common-black);
    color: var(--tj-color-common-white);
    text-shadow: none;
}

::selection {
    background: var(--tj-color-common-black);
    color: var(--tj-color-common-white);
    text-shadow: none;
}

*::-webkit-input-placeholder {
    color: var(--tj-color-common-black);
    font-size: var(--tj-fs-body);
    opacity: 1;
}

*::-moz-placeholder {
    color: var(--tj-color-common-black);
    font-size: var(--tj-fs-body);
    opacity: 1;
}

*:-ms-input-placeholder {
    color: var(--tj-color-common-black);
    font-size: var(--tj-fs-body);
    opacity: 1;
}

*::-ms-input-placeholder {
    color: var(--tj-color-common-black);
    font-size: var(--tj-fs-body);
    opacity: 1;
}

*::placeholder {
    color: var(--tj-color-common-black);
    font-size: var(--tj-fs-body);
    opacity: 1;
}

/**
 	Common Classes CSS
*/
img {
    max-width: 100%;
}

.w-img img {
    width: 100%;
}

.m-img img {
    max-width: 100%;
}

.fix {
    overflow: hidden;
}

.site-main {
    position: relative;
    overflow: hidden;
}

/**
  Buttons CSS
*/
.tj-cancel-btn,
.tj-primary-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 1;
    color: var(--tj-color-common-white);
    font-family: var(--tj-ff-heading);
    font-weight: var(--tj-fw-sbold);
    background: var(--tj-color-theme-primary);
    padding: 15px 24px;
}

    .tj-cancel-btn i,
    .tj-primary-btn i {
        line-height: 1;
        color: inherit;
    }

    .tj-cancel-btn:hover,
    .tj-primary-btn:hover {
        background-color: var(--tj-color-theme-secondary);
        color: var(--tj-color-common-white);
    }

.tj-secondary-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    line-height: 1;
    color: var(--tj-color-common-white);
    font-family: var(--tj-ff-heading);
    font-weight: var(--tj-fw-sbold);
    background: var(--tj-color-theme-secondary);
    padding: 15px 24px;
}

    .tj-secondary-btn.btn-2 {
        border-radius: 2px;
    }

    .tj-secondary-btn i {
        line-height: 1;
        color: inherit;
    }

    .tj-secondary-btn:hover {
        background-color: var(--tj-color-theme-primary);
        color: var(--tj-color-common-white);
    }

.tj-secondary-btn-two {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    line-height: 1;
    color: var(--tj-color-common-white);
    font-family: var(--tj-ff-heading);
    font-weight: var(--tj-fw-sbold);
    background: var(--tj-color-theme-secondary);
    padding: 15px 24px;
}

    .tj-secondary-btn-two.btn-2 {
        border-radius: 2px;
    }

    .tj-secondary-btn-two i {
        line-height: 1;
        color: var(--tj-color-common-white);
    }

    .tj-secondary-btn-two:hover {
        background-color: var(--tj-color-common-white);
        color: var(--tj-color-theme-secondary);
    }

        .tj-secondary-btn-two:hover i {
            color: var(--tj-color-theme-secondary);
        }

.tj-light-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    line-height: 1;
    color: var(--tj-color-theme-secondary);
    font-family: var(--tj-ff-heading);
    font-weight: var(--tj-fw-sbold);
    background: var(--tj-color-light-2);
    padding: 15px 24px;
}

    .tj-light-button i {
        line-height: 1;
        color: inherit;
        color: var(--tj-color-theme-secondary);
    }

    .tj-light-button:hover {
        background-color: var(--tj-color-theme-primary);
        color: var(--tj-color-common-white);
    }

        .tj-light-button:hover i {
            color: var(--tj-color-common-white);
        }

.read-more-button .read-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--tj-color-theme-secondary);
    font-size: 15px;
    font-family: var(--tj-ff-heading);
    font-weight: var(--tj-fw-sbold);
    gap: 10px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

    .read-more-button .read-more i {
        display: inline-block;
        line-height: 1;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        color: var(--tj-color-theme-secondary);
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
        position: relative;
        top: 2px;
    }

    .read-more-button .read-more:hover {
        color: var(--tj-color-theme-primary);
    }

        .read-more-button .read-more:hover i {
            color: var(--tj-color-theme-primary);
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }

/**----------------------------------------
START: Header Topbar CSS
----------------------------------------*/
.header-topbar {
    border-bottom: 1px solid var(--tj-color-border-1);
}

.header-topbar-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .header-topbar-content {
        row-gap: 15px;
        padding: 15px 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .header-topbar-content {
        row-gap: 10px;
    }
}

.header-topbar-content .header-socials {
    max-width: 240px;
    width: 100%;
    border-left: 1px solid var(--tj-color-border-1);
    border-right: 1px solid var(--tj-color-border-1);
    padding: 15px 10px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .header-topbar-content .header-socials {
        max-width: 190px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-topbar-content .header-socials {
        max-width: 134px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .header-topbar-content .header-socials {
        max-width: 100%;
        padding: 0;
        border: none;
    }
}

.header-topbar-content .header-contact-infos {
    border-left: 1px solid var(--tj-color-border-1);
    border-right: 1px solid var(--tj-color-border-1);
    padding: 14px 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-topbar-content .header-contact-infos {
        padding: 14px 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .header-topbar-content .header-contact-infos {
        max-width: 100%;
        padding: 0;
        border: none;
    }
}

.header-socials ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .header-socials ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        line-height: 1;
        font-size: 12px;
        color: var(--tj-color-common-white);
        background: var(--tj-color-theme-secondary);
    }

        .header-socials ul li a:hover {
            color: var(--tj-color-common-white);
            background-color: var(--tj-color-theme-primary);
        }

@media (max-width: 575px) {
    .header-socials ul li a {
        width: 25px;
        height: 25px;
        font-size: 13px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-socials ul {
        gap: 8px;
    }
}

.header-contact-infos ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    line-height: 1;
}

    .header-contact-infos ul li {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px;
        font-size: 14px;
        line-height: 1;
    }

        .header-contact-infos ul li i {
            color: var(--tj-color-theme-primary);
            font-size: 20px;
            line-height: 1;
        }

        .header-contact-infos ul li a:hover {
            color: var(--tj-color-theme-primary);
        }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-contact-infos ul {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .header-contact-infos ul {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        row-gap: 5px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

/* !END: Header Topbar CSS */
/**----------------------------------------
START: Header CSS
----------------------------------------*/
.tj-header-area {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    background-color: var(--tj-color-common-white);
}

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

    .tj-header-area.sticky {
        position: fixed;
        background: var(--tj-color-common-white);
        -webkit-animation: sticky 0.9s;
        animation: sticky 0.9s;
    }

    .tj-header-area.header-1.header-sticky {
        position: absolute;
        opacity: 0;
        visibility: hidden;
    }

    .tj-header-area.header-1.sticky {
        position: fixed;
        opacity: 1;
        visibility: visible;
        -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.06);
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.06);
    }

    .tj-header-area.header-2.header-sticky {
        position: absolute;
        opacity: 0;
        visibility: hidden;
    }

    .tj-header-area.header-2.sticky {
        position: fixed;
        opacity: 1;
        visibility: visible;
    }

    .tj-header-area.header-1 .mainmenu-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .tj-header-area.header-1 .mainmenu-wrapper .mainmenu-right {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-column-gap: 45px;
            -moz-column-gap: 45px;
            column-gap: 0px;
        }

        .tj-header-area.header-1 .mainmenu-wrapper .header-button {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            max-width: 240px;
            width: 100%;
            /*background: var(--tj-color-light-1);*/
            padding: 21px 20px;
        }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-header-area.header-1 .mainmenu-wrapper .mainmenu-right {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }

    .tj-header-area.header-1 .mainmenu-wrapper .header-button {
        padding: 17px 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-header-area.header-1 .mainmenu-wrapper .header-button {
        padding: 12px 15px;
    }

        .tj-header-area.header-1 .mainmenu-wrapper .header-button .tj-primary-btn {
            padding: 15px 15px;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tj-header-area.header-1 .mainmenu-wrapper .header-button {
        padding: 10px 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-header-area.header-1 .mainmenu-wrapper {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

        .tj-header-area.header-1 .mainmenu-wrapper .mainmenu-right {
            margin-left: auto;
        }

        .tj-header-area.header-1 .mainmenu-wrapper .menu-bar button {
            margin-left: 30px;
        }
}

.tj-header-area.header-2 {
    background: var(--tj-color-theme-dark);
    position: relative;
    z-index: 9;
}

    .tj-header-area.header-2::before {
        position: absolute;
        content: "";
        z-index: -1;
        width: 7%;
        height: 100%;
        bottom: 1px;
        right: 0;
        background: var(--tj-color-light-2);
    }

    .tj-header-area.header-2 .header-topbar {
        border: none;
        padding: 17px 0px;
        background-color: var(--tj-color-common-white);
    }

        .tj-header-area.header-2 .header-topbar .header-topbar-content {
            max-width: 1665px;
            width: 100%;
            margin: auto;
        }

            .tj-header-area.header-2
            .header-topbar
            .header-topbar-content
            .header-right-info {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                gap: 60px;
                position: relative;
                z-index: 3;
            }

                .tj-header-area.header-2
                .header-topbar
                .header-topbar-content
                .header-right-info
                .header-socials {
                    border: none;
                    padding: 0;
                }

    .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 1665px;
        width: 100%;
        margin: auto;
    }

        .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .site-logo {
            max-width: 300px;
            position: relative;
            z-index: 1;
        }

            .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .site-logo::before {
                position: absolute;
                content: "";
                top: 0;
                left: -75%;
                width: 100%;
                height: 100%;
                /* background: var(--tj-color-theme-primary); */
                z-index: -1;
            }

            .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .site-logo::after {
                position: absolute;
                content: "";
                top: 0;
                right: 0;
                width: 0;
                height: 100%;
                border-bottom: 87px solid var(--tj-color-theme-dark);
                border-left: 87px solid transparent;
                z-index: 1;
            }

            .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .site-logo .logo {
                -webkit-box-pack: left;
                -ms-flex-pack: left;
                justify-content: left;
                padding: 19px 0px;
            }

        .tj-header-area.header-2
        .mainmenu-area
        .mainmenu-wrapper
        .header-search
        .search {
            color: var(--tj-color-common-white);
        }

        .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .mainmenu-content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-column-gap: 165px;
            -moz-column-gap: 165px;
            column-gap: 165px;
        }

            .tj-header-area.header-2
            .mainmenu-area
            .mainmenu-wrapper
            .mainmenu-content
            .mainmenu-right {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                gap: 45px;
            }

                .tj-header-area.header-2
                .mainmenu-area
                .mainmenu-wrapper
                .mainmenu-content
                .mainmenu-right
                .header-contact {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    gap: 15px;
                }

                    .tj-header-area.header-2
                    .mainmenu-area
                    .mainmenu-wrapper
                    .mainmenu-content
                    .mainmenu-right
                    .header-contact
                    .contact-icon {
                        display: -webkit-inline-box;
                        display: -ms-inline-flexbox;
                        display: inline-flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        width: 44px;
                        height: 44px;
                        font-size: 18px;
                        color: var(--tj-color-common-white);
                        background: var(--tj-color-theme-primary);
                        border-radius: 50%;
                        line-height: 1;
                    }

                    .tj-header-area.header-2
                    .mainmenu-area
                    .mainmenu-wrapper
                    .mainmenu-content
                    .mainmenu-right
                    .header-contact
                    .contact-text
                    .sub-title {
                        display: block;
                        font-size: 12px;
                        color: var(--tj-color-grey-6);
                        margin-bottom: 4px;
                    }

                    .tj-header-area.header-2
                    .mainmenu-area
                    .mainmenu-wrapper
                    .mainmenu-content
                    .mainmenu-right
                    .header-contact
                    .contact-text
                    a {
                        color: var(--tj-color-common-white);
                        font-weight: var(--tj-fw-bold);
                        font-family: var(--tj-ff-heading);
                    }

                        .tj-header-area.header-2
                        .mainmenu-area
                        .mainmenu-wrapper
                        .mainmenu-content
                        .mainmenu-right
                        .header-contact
                        .contact-text
                        a:hover {
                            color: var(--tj-color-theme-primary);
                        }

        .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .mainmenu > ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-column-gap: 35px;
            -moz-column-gap: 35px;
            column-gap: 35px;
        }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .mainmenu > ul {
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .mainmenu > ul {
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        column-gap: 25px;
    }
}

.tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .mainmenu > ul li {
    position: relative;
    z-index: 4;
}

    .tj-header-area.header-2
    .mainmenu-area
    .mainmenu-wrapper
    .mainmenu > ul
    li > a {
        position: relative;
        font-family: var(--tj-ff-heading);
        font-weight: var(--tj-fw-sbold);
        color: var(--tj-color-grey-2);
        display: block;
        z-index: 1;
        line-height: 1.1;
        padding: 34px 0;
    }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-header-area.header-2
    .mainmenu-area
    .mainmenu-wrapper
    .mainmenu > ul
    li > a {
        padding: 30px 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-header-area.header-2
    .mainmenu-area
    .mainmenu-wrapper
    .mainmenu > ul
    li > a {
        padding: 10px 0;
    }
}

.tj-header-area.header-2
.mainmenu-area
.mainmenu-wrapper
.mainmenu > ul
li > a::before {
    position: absolute;
    content: "";
    width: 110%;
    height: 9px;
    bottom: 34px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: transparent;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    z-index: -1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-header-area.header-2
    .mainmenu-area
    .mainmenu-wrapper
    .mainmenu > ul
    li > a::before {
        bottom: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-header-area.header-2
    .mainmenu-area
    .mainmenu-wrapper
    .mainmenu > ul
    li > a::before {
        bottom: 9px;
    }
}

.tj-header-area.header-2
.mainmenu-area
.mainmenu-wrapper
.mainmenu > ul
li.has-dropdown > a {
    padding-right: 20px;
}

    .tj-header-area.header-2
    .mainmenu-area
    .mainmenu-wrapper
    .mainmenu > ul
    li.has-dropdown > a::after {
        position: absolute;
        content: "\f107";
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        line-height: 1;
        font-family: "Font Awesome 6 Pro";
        z-index: 2;
        font-weight: var(--tj-fw-light);
        color: inherit;
        -webkit-animation: none;
        animation: none;
    }

.tj-header-area.header-2
.mainmenu-area
.mainmenu-wrapper
.mainmenu > ul
li.has-dropdown > .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 250px;
    background-color: var(--tj-color-common-white);
    border-bottom: 2px solid var(--tj-color-theme-primary);
    -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.12);
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.12);
    padding: 4px 0 12px;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

    .tj-header-area.header-2
    .mainmenu-area
    .mainmenu-wrapper
    .mainmenu > ul
    li.has-dropdown > .sub-menu > li {
        display: block;
        width: 100%;
    }

        .tj-header-area.header-2
        .mainmenu-area
        .mainmenu-wrapper
        .mainmenu > ul
        li.has-dropdown > .sub-menu > li > a {
            padding: 15px 26px;
            position: relative;
            z-index: 1;
            color: var(--tj-color-theme-secondary);
        }

            .tj-header-area.header-2
            .mainmenu-area
            .mainmenu-wrapper
            .mainmenu > ul
            li.has-dropdown > .sub-menu > li > a::before {
                content: "";
                position: absolute;
                width: auto;
                height: 100%;
                top: 0;
                bottom: 0;
                right: -5px;
                left: -5px;
                background-color: var(--tj-color-theme-primary);
                -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
                z-index: -1;
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
                -webkit-clip-path: polygon(0 0, 100% 1%, 100% 100%, 0% 100%);
                clip-path: polygon(0 0, 100% 1%, 100% 100%, 0% 100%);
                opacity: 0;
                visibility: hidden;
            }

        .tj-header-area.header-2
        .mainmenu-area
        .mainmenu-wrapper
        .mainmenu > ul
        li.has-dropdown > .sub-menu > li.has-dropdown > a::after {
            content: "\f105";
            right: 15px;
        }

        .tj-header-area.header-2
        .mainmenu-area
        .mainmenu-wrapper
        .mainmenu > ul
        li.has-dropdown > .sub-menu > li.has-dropdown > .sub-menu {
            top: 0;
            left: 100%;
            opacity: 0;
            visibility: hidden;
        }

        .tj-header-area.header-2
        .mainmenu-area
        .mainmenu-wrapper
        .mainmenu > ul
        li.has-dropdown > .sub-menu > li:hover > a {
            color: var(--tj-color-common-white);
        }

            .tj-header-area.header-2
            .mainmenu-area
            .mainmenu-wrapper
            .mainmenu > ul
            li.has-dropdown > .sub-menu > li:hover > a::before {
                opacity: 1;
                visibility: visible;
                right: -16px;
                left: -16px;
            }

            .tj-header-area.header-2
            .mainmenu-area
            .mainmenu-wrapper
            .mainmenu > ul
            li.has-dropdown > .sub-menu > li:hover > a::after {
                color: var(--tj-color-common-white);
            }

.tj-header-area.header-2
.mainmenu-area
.mainmenu-wrapper
.mainmenu > ul
li.current-menu-item > a,
.tj-header-area.header-2
.mainmenu-area
.mainmenu-wrapper
.mainmenu > ul
li:hover > a {
    color: var(--tj-color-common-white);
}

    .tj-header-area.header-2
    .mainmenu-area
    .mainmenu-wrapper
    .mainmenu > ul
    li.current-menu-item > a::after,
    .tj-header-area.header-2
    .mainmenu-area
    .mainmenu-wrapper
    .mainmenu > ul
    li:hover > a::after {
        color: var(--tj-color-common-white);
        -webkit-animation: none;
        animation: none;
    }

.tj-header-area.header-2
.mainmenu-area
.mainmenu-wrapper
.mainmenu > ul
li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
}

    .tj-header-area.header-2
    .mainmenu-area
    .mainmenu-wrapper
    .mainmenu > ul
    li:hover > .sub-menu > li:hover > .sub-menu {
        opacity: 1;
        visibility: visible;
    }

.tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .header-button {
    background: var(--tj-color-light-2);
    padding: 21px 0px 21px 32px;
    position: relative;
    z-index: 2;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .mainmenu-content {
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }

        .tj-header-area.header-2
        .mainmenu-area
        .mainmenu-wrapper
        .mainmenu-content
        .mainmenu-right {
            gap: 20px;
        }

    .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .mainmenu > ul {
        gap: 25px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .site-logo::after {
        border-bottom: 81px solid var(--tj-color-theme-dark);
    }

    .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .header-button {
        padding: 18px 0px 18px 32px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-header-area.header-2::before {
        bottom: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .site-logo {
        max-width: 250px;
    }

        .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .site-logo::after {
            border-bottom: 82px solid var(--tj-color-theme-dark);
        }

        .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .site-logo .logo {
            padding: 16px 0px;
        }

    .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .mainmenu > ul {
        gap: 15px;
    }

    .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .header-button {
        padding: 18px 0px 18px 32px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .tj-header-area.header-2::before {
        display: none;
    }

    .tj-header-area.header-2 .header-topbar {
        padding: 5px 0px;
    }

        .tj-header-area.header-2 .header-topbar .header-topbar-content {
            row-gap: 10px;
            padding: 5px 0;
        }

            .tj-header-area.header-2
            .header-topbar
            .header-topbar-content
            .header-right-info {
                gap: 30px;
            }

    .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

        .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .mainmenu-content {
            -webkit-column-gap: 40px;
            -moz-column-gap: 40px;
            column-gap: 40px;
            margin-left: auto;
        }

        .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .site-logo {
            max-width: 225px;
        }

            .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .site-logo::after {
                border-bottom: 75px solid var(--tj-color-theme-dark);
                border-left: 75px solid transparent;
            }

            .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .site-logo .logo {
                padding: 16px 0px;
            }

                .tj-header-area.header-2
                .mainmenu-area
                .mainmenu-wrapper
                .site-logo
                .logo
                img {
                    max-width: 140px;
                }

        .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .header-button {
            padding: 15px 20px;
        }

        .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .menu-bar button {
            margin-left: 35px;
        }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-header-area.header-2::before {
        display: none;
    }

    .tj-header-area.header-2 .header-topbar {
        padding: 5px 0px;
    }

        .tj-header-area.header-2 .header-topbar .header-topbar-content {
            row-gap: 10px;
            padding: 5px 0;
            text-align: center;
        }

            .tj-header-area.header-2
            .header-topbar
            .header-topbar-content
            .header-right-info {
                gap: 25px;
            }

    .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        position: relative;
        z-index: 1;
    }

        .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .mainmenu-content {
            -webkit-column-gap: 30px;
            -moz-column-gap: 30px;
            column-gap: 30px;
            margin-left: auto;
        }

        .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .site-logo {
            max-width: 215px;
        }

            .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .site-logo::after {
                border-bottom: 62px solid var(--tj-color-theme-dark);
                border-left: 62px solid transparent;
            }

            .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .site-logo .logo {
                padding: 10px 0px;
            }

                .tj-header-area.header-2
                .mainmenu-area
                .mainmenu-wrapper
                .site-logo
                .logo
                img {
                    max-width: 140px;
                }

        .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .header-button {
            padding: 18px 20px;
        }

        .tj-header-area.header-2 .mainmenu-area .mainmenu-wrapper .menu-bar button {
            margin-left: 35px;
        }
}

.tj-header-area.header-3 {
    background: var(--tj-color-theme-dark);
    -webkit-box-shadow: 4px 4px 35px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 4px 4px 35px 0px rgba(0, 0, 0, 0.15);
}

    .tj-header-area.header-3 .header-topbar {
        border-bottom: none;
        background: var(--tj-color-light-1);
        padding: 15px 0;
    }

    .tj-header-area.header-3 .main-logo {
        max-width: 195px;
        width: 100%;
    }

        .tj-header-area.header-3 .main-logo .logo {
            display: inline-block;
        }

            .tj-header-area.header-3 .main-logo .logo img {
                width: 100%;
            }

    .tj-header-area.header-3 .mainmenu-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .tj-header-area.header-3 .mainmenu-wrapper .mainmenu > ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-column-gap: 40px;
            -moz-column-gap: 40px;
            column-gap: 40px;
        }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-header-area.header-3 .mainmenu-wrapper .mainmenu > ul {
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-header-area.header-3 .mainmenu-wrapper .mainmenu > ul {
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        column-gap: 25px;
    }
}

.tj-header-area.header-3 .mainmenu-wrapper .mainmenu > ul li {
    position: relative;
    z-index: 4;
}

    .tj-header-area.header-3 .mainmenu-wrapper .mainmenu > ul li > a {
        position: relative;
        font-family: var(--tj-ff-heading);
        font-weight: var(--tj-fw-sbold);
        color: var(--tj-color-light-10);
        display: block;
        z-index: 1;
        line-height: 1.1;
        padding: 40px 0;
    }

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-header-area.header-3 .mainmenu-wrapper .mainmenu > ul li > a {
        padding: 30px 0;
    }
}

.tj-header-area.header-3 .mainmenu-wrapper .mainmenu > ul li > a::before {
    position: absolute;
    content: "";
    width: 110%;
    height: 9px;
    bottom: 34px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: transparent;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    z-index: -1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-header-area.header-3 .mainmenu-wrapper .mainmenu > ul li > a::before {
        bottom: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-header-area.header-3 .mainmenu-wrapper .mainmenu > ul li > a::before {
        bottom: 9px;
    }
}

.tj-header-area.header-3 .mainmenu-wrapper .mainmenu > ul li.has-dropdown > a {
    padding-right: 20px;
}

    .tj-header-area.header-3
    .mainmenu-wrapper
    .mainmenu > ul
    li.has-dropdown > a::after {
        position: absolute;
        content: "\f107";
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        line-height: 1;
        font-family: "Font Awesome 6 Pro";
        z-index: 2;
        font-weight: var(--tj-fw-light);
        color: inherit;
        -webkit-animation: none;
        animation: none;
    }

.tj-header-area.header-3
.mainmenu-wrapper
.mainmenu > ul
li.has-dropdown > .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 250px;
    background-color: var(--tj-color-common-white);
    border-bottom: 2px solid var(--tj-color-theme-primary);
    -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.12);
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.12);
    padding: 4px 0 12px;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

    .tj-header-area.header-3
    .mainmenu-wrapper
    .mainmenu > ul
    li.has-dropdown > .sub-menu > li {
        display: block;
        width: 100%;
    }

        .tj-header-area.header-3
        .mainmenu-wrapper
        .mainmenu > ul
        li.has-dropdown > .sub-menu > li > a {
            padding: 15px 26px;
            position: relative;
            z-index: 1;
            color: var(--tj-color-theme-secondary);
        }

            .tj-header-area.header-3
            .mainmenu-wrapper
            .mainmenu > ul
            li.has-dropdown > .sub-menu > li > a::before {
                content: "";
                position: absolute;
                width: auto;
                height: 100%;
                top: 0;
                bottom: 0;
                right: -5px;
                left: -5px;
                background-color: var(--tj-color-theme-primary);
                -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
                z-index: -1;
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
                -webkit-clip-path: polygon(0 0, 100% 1%, 100% 100%, 0% 100%);
                clip-path: polygon(0 0, 100% 1%, 100% 100%, 0% 100%);
                opacity: 0;
                visibility: hidden;
            }

        .tj-header-area.header-3
        .mainmenu-wrapper
        .mainmenu > ul
        li.has-dropdown > .sub-menu > li.has-dropdown > a::after {
            content: "\f105";
            right: 15px;
        }

        .tj-header-area.header-3
        .mainmenu-wrapper
        .mainmenu > ul
        li.has-dropdown > .sub-menu > li.has-dropdown > .sub-menu {
            top: 0;
            left: 100%;
            opacity: 0;
            visibility: hidden;
        }

        .tj-header-area.header-3
        .mainmenu-wrapper
        .mainmenu > ul
        li.has-dropdown > .sub-menu > li:hover > a {
            color: var(--tj-color-common-white);
        }

            .tj-header-area.header-3
            .mainmenu-wrapper
            .mainmenu > ul
            li.has-dropdown > .sub-menu > li:hover > a::before {
                opacity: 1;
                visibility: visible;
                right: -16px;
                left: -16px;
            }

            .tj-header-area.header-3
            .mainmenu-wrapper
            .mainmenu > ul
            li.has-dropdown > .sub-menu > li:hover > a::after {
                color: var(--tj-color-common-white);
            }

.tj-header-area.header-3
.mainmenu-wrapper
.mainmenu > ul
li.current-menu-item > a,
.tj-header-area.header-3 .mainmenu-wrapper .mainmenu > ul li:hover > a {
    color: var(--tj-color-common-white);
}

    .tj-header-area.header-3
    .mainmenu-wrapper
    .mainmenu > ul
    li.current-menu-item > a::after,
    .tj-header-area.header-3 .mainmenu-wrapper .mainmenu > ul li:hover > a::after {
        color: var(--tj-color-common-white);
        -webkit-animation: none;
        animation: none;
    }

.tj-header-area.header-3 .mainmenu-wrapper .mainmenu > ul li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
}

    .tj-header-area.header-3
    .mainmenu-wrapper
    .mainmenu > ul
    li:hover > .sub-menu > li:hover > .sub-menu {
        opacity: 1;
        visibility: visible;
    }

.tj-header-area.header-3 .mainmenu-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
}

.tj-header-area.header-3 .header-search .search {
    color: var(--tj-color-common-white);
    border: 1.5px solid var(--tj-color-common-white);
}

.tj-header-area.header-3 .tj-select .nice-select::before {
    top: 0;
    color: var(--tj-color-common-white);
}

.tj-header-area.header-3 .tj-select .nice-select span {
    font-size: 16px;
    color: var(--tj-color-common-white);
    font-weight: var(--tj-fw-bold);
    font-family: var(--tj-ff-heading);
}

.tj-header-area.header-3 .tj-select .nice-select .option.selected {
    font-weight: var(--tj-fw-medium);
    color: var(--tj-color-theme-secondary);
}

.tj-header-area.header-3 .tj-select .nice-select .list {
    margin-top: 49px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .tj-header-area.header-3 .tj-select .nice-select .list {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-header-area.header-3 .header-topbar-content {
        padding: 0;
    }

    .tj-header-area.header-3 .main-logo {
        max-width: 150px;
        margin-bottom: 15px;
    }

    .tj-header-area.header-3 .mainmenu-wrapper {
        padding: 14px 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 768px) and (max-width: 991px) and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) and (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) and (max-width: 575px), only screen and (max-width: 575px) and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 575px) and (min-width: 576px) and (max-width: 767px), (max-width: 575px) and (max-width: 575px) {
    .tj-header-area.header-3 .mainmenu-wrapper {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-header-area.header-3 .mainmenu-wrapper .menu-bar {
        margin-left: auto;
    }

    .tj-header-area.header-3 .mainmenu-wrapper .mainmenu-right {
        gap: 20px;
    }

    .tj-header-area.header-3 .main-contact-infos {
        row-gap: 15px;
    }
}

.site-logo {
    max-width: 240px;
    width: 100%;
}

    .site-logo .logo {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        /* background: var(--tj-color-theme-primary); */
        padding: 19px 10px;
    }

        .site-logo .logo img {
            max-width: 350px;
            width: 100%;
        }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .site-logo {
        max-width: 190px;
    }

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

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .site-logo {
        max-width: 134px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .site-logo {
        max-width: 140px;
    }

        .site-logo .logo {
            padding: 17px 20px;
        }
}

.mainmenu > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 35px;
    -moz-column-gap: 35px;
    column-gap: 35px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .mainmenu > ul {
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mainmenu > ul {
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        column-gap: 25px;
    }
}

.mainmenu > ul li {
    position: relative;
    z-index: 4;
}

    .mainmenu > ul li > a {
        position: relative;
        font-family: var(--tj-ff-heading);
        font-weight: var(--tj-fw-sbold);
        color: var(--tj-color-theme-secondary);
        display: block;
        z-index: 1;
        line-height: 1.1;
        padding: 34px 0;
    }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .mainmenu > ul li > a {
        padding: 30px 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mainmenu > ul li > a {
        padding: 10px 0;
    }
}

.mainmenu > ul li > a::before {
    position: absolute;
    content: "";
    width: 110%;
    height: 9px;
    bottom: 34px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: transparent;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    z-index: -1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .mainmenu > ul li > a::before {
        bottom: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .mainmenu > ul li > a::before {
        bottom: 9px;
    }
}

.mainmenu > ul li.has-dropdown > a {
    padding-right: 20px;
}

    .mainmenu > ul li.has-dropdown > a::after {
        position: absolute;
        content: "\f107";
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        line-height: 1;
        font-family: "Font Awesome 6 Pro";
        z-index: 2;
        font-weight: var(--tj-fw-light);
        color: inherit;
        -webkit-animation: none;
        animation: none;
    }

.mainmenu > ul li.has-dropdown > .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 250px;
    background-color: var(--tj-color-common-white);
    border-bottom: 2px solid var(--tj-color-theme-primary);
    -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.12);
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.12);
    padding: 4px 0 12px;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

    .mainmenu > ul li.has-dropdown > .sub-menu > li {
        display: block;
        width: 100%;
    }

        .mainmenu > ul li.has-dropdown > .sub-menu > li > a {
            padding: 15px 26px;
            position: relative;
            z-index: 1;
        }

            .mainmenu > ul li.has-dropdown > .sub-menu > li > a::before {
                content: "";
                position: absolute;
                width: auto;
                height: 100%;
                top: 0;
                bottom: 0;
                right: -5px;
                left: -5px;
                background-color: var(--tj-color-theme-primary);
                -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16);
                z-index: -1;
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
                -webkit-clip-path: polygon(0 0, 100% 1%, 100% 100%, 0% 100%);
                clip-path: polygon(0 0, 100% 1%, 100% 100%, 0% 100%);
                opacity: 0;
                visibility: hidden;
            }

        .mainmenu > ul li.has-dropdown > .sub-menu > li.has-dropdown > a::after {
            content: "\f105";
            right: 15px;
        }

        .mainmenu > ul li.has-dropdown > .sub-menu > li.has-dropdown > .sub-menu {
            top: 0;
            left: 100%;
            opacity: 0;
            visibility: hidden;
        }

        .mainmenu > ul li.has-dropdown > .sub-menu > li:hover > a {
            color: var(--tj-color-common-white);
        }

            .mainmenu > ul li.has-dropdown > .sub-menu > li:hover > a::before {
                opacity: 1;
                visibility: visible;
                right: -16px;
                left: -16px;
            }

            .mainmenu > ul li.has-dropdown > .sub-menu > li:hover > a::after {
                color: var(--tj-color-common-white);
            }

.mainmenu > ul li.current-menu-item > a,
.mainmenu > ul li:hover > a {
    color: var(--tj-color-theme-primary);
}

    .mainmenu > ul li.current-menu-item > a::before,
    .mainmenu > ul li:hover > a::before {
        background: linear-gradient( -323deg, var(--tj-color-theme-primary) -68.63%, rgba(252, 88, 40, 0) 105.92% );
    }

    .mainmenu > ul li.current-menu-item > a::after,
    .mainmenu > ul li:hover > a::after {
        color: var(--tj-color-theme-primary);
        -webkit-animation: none;
        animation: none;
    }

.mainmenu > ul li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
}

    .mainmenu > ul li:hover > .sub-menu > li:hover > .sub-menu {
        opacity: 1;
        visibility: visible;
    }

.header-search .search {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 44px;
    height: 44px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--tj-color-theme-secondary);
    border: 1px solid var(--tj-color-theme-primary);
    border-radius: 50%;
    font-weight: var(--tj-fw-bold);
}

.header-desc p {
    color: var(--tj-color-theme-secondary);
    font-size: 15px;
    font-weight: var(--tj-fw-sbold);
    font-family: var(--tj-ff-heading);
}

    .header-desc p:last-child {
        margin-bottom: 0;
    }

.tj-select .nice-select {
    border: none;
    background-color: transparent;
    height: 0;
    line-height: 0;
    position: relative;
    padding: 0 5px;
    z-index: 2;
}

    .tj-select .nice-select::before {
        position: absolute;
        content: "\f110";
        top: 1px;
        right: 0;
        font-family: flaticon_indupress;
        font-size: 14px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .tj-select .nice-select::after {
        display: none;
    }

    .tj-select .nice-select .list {
        margin-top: 29px;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .tj-select .nice-select span {
        font-size: 15px;
        color: var(--tj-color-theme-secondary);
        font-weight: var(--tj-fw-sbold);
        padding-right: 18px;
    }

    .tj-select .nice-select .option {
        padding: 0 15px;
    }

        .tj-select .nice-select .option.selected {
            font-weight: var(--tj-fw-medium);
            color: var(--tj-color-theme-secondary);
        }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .tj-select .nice-select .list {
        margin-top: 20px;
    }
}

@media (max-width: 575px) {
    .tj-select .nice-select .list {
        margin-top: 21px;
    }
}

.main-contact-infos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 36px;
    -moz-column-gap: 36px;
    column-gap: 36px;
}

    .main-contact-infos .contact-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

        .main-contact-infos .contact-item .contact-icon {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 44px;
            height: 44px;
            line-height: 1;
            font-size: 18px;
            color: var(--tj-color-common-white);
            background: var(--tj-color-theme-secondary);
            border-radius: 50%;
            -webkit-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
        }

        .main-contact-infos .contact-item .contact-text span {
            display: block;
            font-size: 12px;
        }

        .main-contact-infos .contact-item .contact-text .contact-link {
            color: var(--tj-color-theme-secondary);
            font-family: var(--tj-ff-heading);
            font-size: 15px;
            font-weight: var(--tj-fw-bold);
        }

            .main-contact-infos .contact-item .contact-text .contact-link:hover {
                color: var(--tj-color-theme-primary);
            }

        .main-contact-infos .contact-item:hover .contact-icon {
            background-color: var(--tj-color-theme-primary);
        }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .main-contact-infos {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .main-contact-infos {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .main-contact-infos .contact-item .contact-icon {
            width: 35px;
            height: 35px;
        }
}

@-webkit-keyframes sticky {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes sticky {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    100% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}
/* !END: Header CSS */
/**----------------------------------------
START: Theme Search CSS
----------------------------------------*/
.search_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--tj-color-theme-secondary);
    z-index: 100;
    padding-top: 70px;
    padding-bottom: 100px;
    opacity: 0;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-transform: translateY(calc(-100% - 80px));
    -ms-transform: translateY(calc(-100% - 80px));
    transform: translateY(calc(-100% - 80px));
    -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    z-index: 9999;
}

    .search_popup.search-opened {
        opacity: 1;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

        .search_popup.search-opened .search_form .search_input {
            -webkit-transform: translateY(0px);
            -ms-transform: translateY(0px);
            transform: translateY(0px);
            opacity: 1;
            -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
        }

            .search_popup.search-opened .search_form .search_input::after {
                width: 100%;
                -webkit-transition-delay: 0.5s;
                transition-delay: 0.5s;
            }

@media (max-width: 575px) {
    .search_popup {
        padding-top: 50px;
        padding-bottom: 70px;
    }
}

.search_wrapper .search_top {
    margin-bottom: 80px;
}

    .search_wrapper .search_top .search_logo {
        max-width: 160px;
        width: 100%;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .search_wrapper .search_top .search_logo {
        max-width: 120px;
    }
}

.search_wrapper .search_top .search_logo a {
    display: block;
}

.search_wrapper .search_top .search_close .search_close_btn {
    font-size: 25px;
    color: var(--tj-color-common-white);
}

    .search_wrapper .search_top .search_close .search_close_btn svg {
        width: 30px;
        height: 30px;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .search_wrapper .search_top .search_close .search_close_btn svg {
        width: 25px;
        height: 25px;
    }
}

.search_wrapper .search_top .search_close .search_close_btn:hover {
    color: var(--tj-color-theme-primary);
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .search_wrapper .search_top {
        margin-bottom: 25px;
    }
}

.search_wrapper .search_form .search_input {
    position: relative;
    height: 80px;
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    opacity: 0;
}

    .search_wrapper .search_form .search_input::after {
        position: absolute;
        content: "";
        left: 0;
        bottom: 0;
        width: 0%;
        height: 1px;
        background-color: rgba(255, 255, 255, 0.3);
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .search_wrapper .search_form .search_input input {
        width: 100%;
        height: 100% !important;
        background-color: transparent !important;
        border: 0 !important;
        outline: 0;
        font-size: 20px;
        color: var(--tj-color-common-white) !important;
        border-bottom: 1px solid transparent !important;
        padding: 0 !important;
        padding-right: 30px !important;
    }

        .search_wrapper .search_form .search_input input::-webkit-input-placeholder {
            font-size: 24px;
        }

        .search_wrapper .search_form .search_input input::-moz-placeholder {
            font-size: 24px;
        }

        .search_wrapper .search_form .search_input input:-ms-input-placeholder {
            font-size: 24px;
        }

        .search_wrapper .search_form .search_input input::-ms-input-placeholder {
            font-size: 24px;
        }

        .search_wrapper .search_form .search_input input::placeholder {
            font-size: 24px;
        }

        .search_wrapper .search_form .search_input input ~ .search-focus-border {
            position: absolute;
            bottom: 0;
            left: auto;
            right: 0;
            width: 0;
            height: 1px;
            background-color: var(--tj-color-common-white);
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
        }

        .search_wrapper .search_form .search_input input:focus ~ .search-focus-border {
            width: 100%;
            left: 0;
            right: auto;
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
        }

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .search_wrapper .search_form .search_input input {
        font-size: 20px;
    }

        .search_wrapper .search_form .search_input input::-webkit-input-placeholder {
            font-size: 20px;
        }

        .search_wrapper .search_form .search_input input::-moz-placeholder {
            font-size: 20px;
        }

        .search_wrapper .search_form .search_input input:-ms-input-placeholder {
            font-size: 20px;
        }

        .search_wrapper .search_form .search_input input::-ms-input-placeholder {
            font-size: 20px;
        }

        .search_wrapper .search_form .search_input input::placeholder {
            font-size: 20px;
        }
}

@media (max-width: 575px) {
    .search_wrapper .search_form .search_input input {
        font-size: 18px;
    }

        .search_wrapper .search_form .search_input input::-webkit-input-placeholder {
            font-size: 18px;
        }

        .search_wrapper .search_form .search_input input::-moz-placeholder {
            font-size: 18px;
        }

        .search_wrapper .search_form .search_input input:-ms-input-placeholder {
            font-size: 18px;
        }

        .search_wrapper .search_form .search_input input::-ms-input-placeholder {
            font-size: 18px;
        }

        .search_wrapper .search_form .search_input input::placeholder {
            font-size: 18px;
        }
}

.search_wrapper .search_form .search_input button {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
    color: var(--tj-color-common-white);
}

.search-popup-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--tj-color-theme-primary);
    z-index: 99;
    opacity: 0.7;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
    -webkit-transform: translateY(calc(-100% - 80px));
    -ms-transform: translateY(calc(-100% - 80px));
    transform: translateY(calc(-100% - 80px));
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

    .search-popup-overlay.search-popup-overlay-open {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

/* !END: Theme Search CSS */
/* !START: hamburger CSS */
.hamburger-area {
    position: fixed;
    right: -490px;
    top: 0;
    width: 450px;
    height: 100%;
    -webkit-box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    z-index: 9999;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
}

    .hamburger-area::-webkit-scrollbar {
        display: none;
    }

    .hamburger-area.opened {
        right: 0px;
    }

@media (max-width: 575px) {
    .hamburger-area {
        width: 320px;
    }
}

.hamburger_bg {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--tj-color-theme-secondary);
    z-index: -1;
    -webkit-backdrop-filter: blur(37px);
    backdrop-filter: blur(37px);
}

.hamburger_wrapper {
    position: relative;
    padding: 45px 45px 90px 45px;
    overflow: auto;
    height: 100%;
}

@media (max-width: 575px) {
    .hamburger_wrapper {
        padding: 20px;
    }
}

.hamburger_top {
    margin-bottom: 40px;
}

.hamburger_logo {
    max-width: 185px;
}

    .hamburger_logo a {
        display: block;
    }

@media (max-width: 575px) {
    .hamburger_logo {
        max-width: 150px;
    }
}

.hamburger_close_btn {
    display: inline-block;
    font-size: 35px;
    line-height: 1;
    color: var(--tj-color-common-white);
}

@media (max-width: 575px) {
    .hamburger_close_btn {
        font-size: 30px;
    }
}

.hamburger_close_btn:hover {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    color: var(--tj-color-theme-primary);
}

.hamburger_search {
    position: relative;
    margin-bottom: 40px;
}

    .hamburger_search input {
        width: 100%;
        height: 40px;
        line-height: 40px;
        padding: 0 25px;
        background: transparent;
        border: none;
        outline: none;
        border-bottom: 1px solid var(--tj-color-border-1);
        font-size: 18px;
        color: var(--tj-color-common-white);
    }

        .hamburger_search input::-ms-input-placeholder {
            color: rgba(255, 255, 255, 0.6);
        }

        .hamburger_search input::-webkit-input-placeholder {
            color: rgba(255, 255, 255, 0.6);
        }

        .hamburger_search input::-moz-placeholder {
            color: rgba(255, 255, 255, 0.6);
        }

        .hamburger_search input:-ms-input-placeholder {
            color: rgba(255, 255, 255, 0.6);
        }

        .hamburger_search input::placeholder {
            color: rgba(255, 255, 255, 0.6);
        }

    .hamburger_search button {
        position: absolute;
        top: 50%;
        inset-inline-start: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 18px;
        color: var(--tj-color-common-white);
    }

.hamburger_menu {
    overflow: hidden;
}

    .hamburger_menu .mean-container .mean-bar {
        background: transparent;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .hamburger_menu .mean-container .mean-bar * {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

    .hamburger_menu .mean-nav {
        background: transparent;
        margin-top: 0;
        overflow: hidden;
    }

        .hamburger_menu .mean-nav > ul {
            display: block !important;
        }

            .hamburger_menu .mean-nav > ul > li:first-child > a {
                border-top: none;
            }

        .hamburger_menu .mean-nav ul li {
            position: relative;
        }

            .hamburger_menu .mean-nav ul li a {
                color: var(--tj-color-common-white);
                width: 100%;
                padding: 18px 0;
                border-top: none;
                border-bottom: 1px solid var(--tj-color-border-1);
                font-family: var(--tj-ff-heading);
                font-weight: var(--tj-fw-bold);
                font-size: 15px;
                line-height: 1;
                letter-spacing: 1px;
            }

                .hamburger_menu .mean-nav ul li a:hover {
                    color: var(--tj-color-theme-primary);
                }

                .hamburger_menu .mean-nav ul li a.mean-expand {
                    padding: 0;
                    width: 30px;
                    height: 30px;
                    text-align: center;
                    line-height: 30px;
                    position: absolute;
                    right: 0;
                    top: 10px;
                    -webkit-transition: all 0.3s ease-in-out 0s;
                    transition: all 0.3s ease-in-out 0s;
                }

                    .hamburger_menu .mean-nav ul li a.mean-expand:hover {
                        color: var(--tj-color-theme-primary);
                    }

                    .hamburger_menu .mean-nav ul li a.mean-expand.mean-clicked {
                        color: var(--tj-color-theme-primary);
                    }

                        .hamburger_menu .mean-nav ul li a.mean-expand.mean-clicked i {
                            -webkit-transform: rotate(90deg);
                            -ms-transform: rotate(90deg);
                            transform: rotate(90deg);
                        }

            .hamburger_menu .mean-nav ul li .sub-menu li {
                padding-left: 25px;
                position: relative;
            }

                .hamburger_menu .mean-nav ul li .sub-menu li a {
                    width: 100%;
                    padding: 18px 0;
                    text-transform: capitalize;
                }

                    .hamburger_menu .mean-nav ul li .sub-menu li a.mean-expand {
                        padding: 0;
                        width: 30px;
                    }

            .hamburger_menu .mean-nav ul li.dropdown-opened > a {
                color: var(--tj-color-theme-primary);
            }

.menu-bar button {
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease;
}

    .menu-bar button span {
        height: 3px;
        width: 35px;
        display: block;
        background: var(--tj-color-theme-primary);
        cursor: pointer;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
        margin-left: auto;
    }

        .menu-bar button span:nth-child(2) {
            width: 40px;
            -webkit-transition-delay: 200ms;
            transition-delay: 200ms;
        }

        .menu-bar button span:nth-child(3) {
            width: 30px;
        }

        .menu-bar button span:nth-child(4) {
            position: absolute;
            top: -8px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            display: block;
            width: 3px;
            height: 0;
            -webkit-transition: height 400ms;
            transition: height 400ms;
        }

.menu-bar.menu-bar-toggeled button {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}

    .menu-bar.menu-bar-toggeled button span:nth-child(1) {
        width: 0;
    }

    .menu-bar.menu-bar-toggeled button span:nth-child(3) {
        width: 0;
    }

    .menu-bar.menu-bar-toggeled button span:nth-child(4) {
        height: 40px;
        -webkit-transition: height 200ms ease;
        transition: height 200ms ease;
        -webkit-transition-delay: 200ms;
        transition-delay: 200ms;
    }

.body-overlay {
    background-color: var(--tj-color-theme-primary);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

    .body-overlay.opened {
        opacity: 0.8;
        visibility: visible;
    }

/* !END: hamburger CSS */
/* !START: Back top CSS */
.progress-wrap {
    position: fixed;
    right: 50px;
    bottom: 50px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 0 0 2px rgba(184, 151, 136, 0.4);
    box-shadow: inset 0 0 0 2px rgba(184, 151, 136, 0.4);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

@media (max-width: 575px) {
    .progress-wrap {
        right: 20px;
        bottom: 20px;
    }
}

.p {
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.progress-wrap::after {
    position: absolute;
    content: "\f176";
    font-family: "Font Awesome 5 Pro";
    text-align: center;
    line-height: 46px;
    font-size: 20px;
    color: var(--tj-color-theme-primary);
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

.progress-wrap svg path {
    fill: none;
}

.progress-wrap svg.progress-circle path {
    stroke: var(--tj-color-theme-primary);
    stroke-width: 4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}

/* !END: Back top CSS */
/**----------------------------------------
START: Theme Preloder CSS
----------------------------------------*/
.preloader {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: default;
    position: fixed;
    z-index: 9999999;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #262626;
}

    .preloader .tj-cancel-btn {
        position: absolute;
        top: 15px;
        right: 15px;
    }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .preloader .tj-cancel-btn {
        padding: 10px 15px 10px 15px;
    }
}

.preloader .animation-preloader {
    z-index: 1000;
}

    .preloader .animation-preloader .spinner {
        position: absolute;
        top: 40%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100px;
        height: 100px;
        border: 3px solid var(--tj-color-common-white);
        border-radius: 50%;
        text-align: center;
        line-height: 94px;
    }

        .preloader .animation-preloader .spinner::before {
            position: absolute;
            content: "";
            display: block;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 100px;
            height: 100px;
            border-top: 3px solid var(--tj-color-theme-primary);
            border-radius: 50%;
            animation: loaderspin 1.8s infinite ease-in-out;
            -webkit-animation: loaderspin 1.8s infinite ease-in-out;
        }

    .preloader .animation-preloader .txt-loading {
        font-size: 80px;
        line-height: 112px;
        text-align: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-weight: 700;
        font-family: sans-serif;
    }


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .preloader .animation-preloader .txt-loading {
        font-size: 60px;
        line-height: 95px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .preloader .animation-preloader .txt-loading {
        font-size: 50px;
        line-height: 85px;
        margin-top: 120px;
    }
}

@media (max-width: 575px) {
    .preloader .animation-preloader .txt-loading {
        font-size: 36px;
        line-height: 65px;
        margin-top: 100px;
    }
}

.preloader .animation-preloader .txt-loading .letters-loading {
    color: var(--tj-color-common-white);
    position: relative;
}

    .preloader .animation-preloader .txt-loading .letters-loading::before {
        -webkit-animation: letters-loading 4s infinite;
        animation: letters-loading 4s infinite;
        color: var(--tj-color-theme-primary);
        content: attr(data-text-preloader);
        opacity: 0;
        position: absolute;
        top: -11px;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }

    .preloader
    .animation-preloader
    .txt-loading
    .letters-loading:nth-child(2)::before {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .preloader
    .animation-preloader
    .txt-loading
    .letters-loading:nth-child(3)::before {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    .preloader
    .animation-preloader
    .txt-loading
    .letters-loading:nth-child(4)::before {
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
    }

    .preloader
    .animation-preloader
    .txt-loading
    .letters-loading:nth-child(5)::before {
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
    }

    .preloader
    .animation-preloader
    .txt-loading
    .letters-loading:nth-child(6)::before {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

    .preloader
    .animation-preloader
    .txt-loading
    .letters-loading:nth-child(7)::before {
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s;
    }

    .preloader
    .animation-preloader
    .txt-loading
    .letters-loading:nth-child(8)::before {
        -webkit-animation-delay: 1.4s;
        animation-delay: 1.4s;
    }

    .preloader
    .animation-preloader
    .txt-loading
    .letters-loading:nth-child(9)::before {
        -webkit-animation-delay: 1.6s;
        animation-delay: 1.6s;
    }

@-webkit-keyframes letters-loading {
    0%, 75%, 100% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }

    25%, 50% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

@keyframes letters-loading {
    0%, 75%, 100% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }

    25%, 50% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

@keyframes loaderspin {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@-webkit-keyframes loaderspin {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@-webkit-keyframes loaderpulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes loaderpulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
/* !END: Theme Preloder CSS */
/**----------------------------------------
START: Heading CSS
----------------------------------------*/
.tj-heading-area {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}

    .tj-heading-area .sub-title {
        display: inline-block;
        color: var(--tj-color-theme-primary);
        font-size: 25px;
        letter-spacing: 4.5px;
        font-family: var(--tj-ff-heading);
        font-weight: var(--tj-fw-sbold);
        position: relative;
        z-index: 1;
        margin-bottom: 14px;
    }

        .tj-heading-area .sub-title .section-sub-title-shape {
            display: inline-block;
            width: 110%;
            height: 22px;
            -webkit-mask-image: url(../images/shapes/sec-sub-title-shape.svg);
            mask-image: url(../images/shapes/sec-sub-title-shape.svg);
            -webkit-mask-position: center;
            mask-position: center;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: cover;
            mask-size: cover;
            background: var(--tj-color-theme-primary);
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: -10px;
            z-index: -1;
        }

    .tj-heading-area .sec-title {
        margin-bottom: 0;
    }

        .tj-heading-area .sec-title span {
            font-size: 40px;
            font-weight: var(--tj-fw-light);
            font-style: italic;
        }

    .tj-heading-area .sec-sub-title {
        font-size: 40px;
        font-weight: var(--tj-fw-light);
        font-style: italic;
        position: relative;
        z-index: 2;
        padding-left: 70px;
    }

        .tj-heading-area .sec-sub-title::before {
            position: absolute;
            content: "";
            width: 57px;
            height: 2px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0;
            background: var(--tj-color-theme-primary);
        }

@media (max-width: 575px) {
    .tj-heading-area .sec-sub-title::before {
        top: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-heading-area .sec-title {
        font-size: 45px;
    }

        .tj-heading-area .sec-title span {
            font-size: 35px;
        }

    .tj-heading-area .sec-sub-title {
        font-size: 30px;
    }

        .tj-heading-area .sec-sub-title::before {
            width: 50px;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tj-heading-area .sec-title {
        font-size: 40px;
    }

        .tj-heading-area .sec-title span {
            font-size: 30px;
        }

    .tj-heading-area .sec-sub-title {
        font-size: 30px;
    }

        .tj-heading-area .sec-sub-title::before {
            width: 50px;
        }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-heading-area .sec-title {
        font-size: 35px;
    }

        .tj-heading-area .sec-title span {
            font-size: 30px;
        }

    .tj-heading-area .sec-sub-title {
        font-size: 25px;
    }

        .tj-heading-area .sec-sub-title::before {
            width: 50px;
        }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-heading-area .sec-title {
        font-size: 30px;
    }

        .tj-heading-area .sec-title span {
            font-size: 25px;
        }

    .tj-heading-area .sub-title {
        font-size: 20px;
        letter-spacing: 2px;
        margin-bottom: 8px;
    }

    .tj-heading-area .section-sub-title-shape {
        width: 105%;
        height: 18px;
        bottom: -8px;
    }
}

.tj-heading-two .title {
    font-size: 38px;
}

    .tj-heading-two .title span {
        color: var(--tj-color-theme-primary);
        font-weight: var(--tj-fw-regular);
        font-size: 38px;
        padding-left: 0;
    }

        .tj-heading-two .title span::before {
            display: none;
        }

.tj-heading-two span {
    color: var(--tj-color-theme-primary);
    font-family: var(--tj-ff-heading);
    font-size: 22px;
    font-weight: var(--tj-fw-sbold);
    position: relative;
    z-index: 1;
    padding-left: 35px;
}

    .tj-heading-two span::before {
        position: absolute;
        content: "";
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        width: 25px;
        height: 2px;
        background: var(--tj-color-theme-primary);
    }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-heading-two .title {
        font-size: 28px;
    }

        .tj-heading-two .title span {
            font-size: 28px;
        }
}

.tj-heading-three .sub-title {
    display: block;
    color: var(--tj-color-grey-13);
    font-family: var(--tj-ff-heading);
    font-size: 25px;
    font-weight: var(--tj-fw-sbold);
    letter-spacing: 4.5px;
    margin-bottom: 25px;
}

.tj-heading-three .title {
    margin-bottom: 0;
}

.tj-heading-three .sec-sub-title {
    color: var(--tj-color-theme-primary);
    font-weight: var(--tj-fw-light);
    margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-heading-three .sub-title {
        margin-bottom: 15px;
    }

    .tj-heading-three .sec-sub-title,
    .tj-heading-three .title {
        font-size: 45px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tj-heading-three .sub-title {
        margin-bottom: 15px;
    }

    .tj-heading-three .sec-sub-title,
    .tj-heading-three .title {
        font-size: 40px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-heading-three .sub-title {
        margin-bottom: 10px;
        font-size: 20px;
    }

    .tj-heading-three .sec-sub-title,
    .tj-heading-three .title {
        font-size: 30px;
    }
}

/* !END: Heading CSS */
/**----------------------------------------
START: Hero CSS
----------------------------------------*/
.tj-hero-section {
    position: relative;
    z-index: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 20px;
    min-height: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .tj-hero-section::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0.7;
        background: linear-gradient( 84deg, var(--tj-color-grey-4) 0%, #010101 102.17% );
        mix-blend-mode: hard-light;
        z-index: -1;
    }

@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-hero-section {
        min-height: 700px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-hero-section {
        min-height: 600px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-hero-section {
        min-height: 550px;
        padding-top: 30px;
    }
}

.hero-content {
    max-width: 890px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

    .hero-content .sub-title {
        display: inline-block;
        color: var(--tj-color-common-white);
        font-size: 25px;
        font-weight: var(--tj-fw-sbold);
        letter-spacing: 4.5px;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
        margin-bottom: 5px;
        position: relative;
        z-index: 1;
    }

        .hero-content .sub-title .subtitle_shape {
            display: inline-block;
            height: 29px;
            width: 110%;
            background: linear-gradient( 138deg, var(--tj-color-theme-primary) 23.63%, rgba(252, 88, 40, 0) 100.14% );
            -webkit-mask-image: url(../images/shapes/hero-sub-title-shape.svg);
            mask-image: url(../images/shapes/hero-sub-title-shape.svg);
            -webkit-mask-size: cover;
            mask-size: cover;
            -webkit-mask-position: center;
            mask-position: center;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: -15px;
            z-index: -1;
        }

    .hero-content .sec-title {
        color: var(--tj-color-common-white);
        text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
        font-weight: var(--tj-fw-ebold);
        margin-bottom: 6px;
    }

    .hero-content .type-text {
        color: var(--tj-color-common-white);
        text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
        font-size: 60px;
        font-weight: var(--tj-fw-light);
        margin-bottom: 30px;
    }

        .hero-content .type-text span {
            padding-left: 45px;
            position: relative;
            z-index: 1;
        }

            .hero-content .type-text span::before {
                position: absolute;
                content: "";
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                left: 15px;
                width: 2px;
                height: 70px;
                background: var(--tj-color-theme-primary);
                z-index: 1;
            }

    .hero-content .desc p {
        color: var(--tj-color-common-white);
        font-size: 17px;
        font-weight: var(--tj-fw-medium);
        line-height: 1.9;
    }

        .hero-content .desc p:last-child {
            margin-bottom: 0;
        }

    .hero-content .hero-button {
        margin-top: 30px;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-content .sec-title {
        font-size: 60px;
    }

    .hero-content .type-text {
        font-size: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-content .sec-title {
        font-size: 50px;
    }

    .hero-content .type-text {
        font-size: 45px;
    }

    .hero-content .type-text {
        margin-bottom: 20px;
    }

        .hero-content .type-text span {
            padding-left: 35px;
        }

            .hero-content .type-text span::before {
                height: 45px;
                left: 10px;
            }

    .hero-content .sub-title .subtitle_shape {
        bottom: -10px;
        height: 22px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .hero-content .sec-title {
        font-size: 45px;
    }

    .hero-content .type-text {
        font-size: 35px;
    }

    .hero-content .type-text {
        margin-bottom: 20px;
    }

        .hero-content .type-text span {
            padding-left: 30px;
        }

            .hero-content .type-text span::before {
                height: 40px;
                left: 10px;
            }

    .hero-content .sub-title {
        font-size: 20px;
    }

        .hero-content .sub-title .subtitle_shape {
            bottom: -6px;
            height: 20px;
        }
}

@media (max-width: 575px) {
    .hero-content .sec-title {
        font-size: 34px;
    }

    .hero-content .type-text {
        font-size: 25px;
    }

    .hero-content .type-text {
        margin-bottom: 20px;
    }

        .hero-content .type-text span {
            padding-left: 20px;
        }

            .hero-content .type-text span::before {
                height: 25px;
                left: 6px;
                top: 55%;
            }

    .hero-content .sub-title {
        font-size: 20px;
        letter-spacing: 2px;
    }

        .hero-content .sub-title .subtitle_shape {
            bottom: -6px;
            height: 20px;
        }

    .hero-content .desc p {
        font-size: 16px;
        line-height: 1.8;
    }
}

/* !END: Hero CSS */
/**----------------------------------------
START: About CSS
----------------------------------------*/
.tj-about-section {
    padding-top: 120px;
    padding-bottom: 120px;
    position: relative;
    z-index: 1;
}

    .tj-about-section .tj-heading-area .sec-title {
        max-width: 570px;
        width: 100%;
    }

    .tj-about-section .sec-left-shape {
        position: absolute;
        left: 0;
        bottom: 0;
        max-width: 500px;
        width: 100%;
        z-index: -1;
    }

    .tj-about-section .sec-right-shape {
        position: absolute;
        right: 0;
        bottom: 0;
        max-width: 300px;
        width: 100%;
        z-index: -1;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-about-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
    .tj-about-section .sec-left-shape {
        max-width: 250px;
    }

    .tj-about-section .sec-right-shape {
        max-width: 220px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-about-section .sec-left-shape {
        max-width: 135px;
    }

    .tj-about-section .sec-right-shape {
        max-width: 160px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-about-section .tj-heading-area .sec-title {
        max-width: 100%;
        margin-bottom: 20px;
    }
}

.tj-about-section-two {
    padding-top: 120px;
    padding-bottom: 270px;
}

    .tj-about-section-two .tj-heading-area .sec-title {
        margin-bottom: 10px;
    }

    .tj-about-section-two .tj-heading-area .sec-sub-title {
        margin-bottom: 20px;
    }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-about-section-two {
        padding-bottom: 220px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-about-section-two {
        padding-bottom: 120px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-about-section-two {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.tj-about-section-three {
    padding-top: 125px;
    padding-bottom: 130px;
    background: var(--tj-color-light-1);
    position: relative;
    z-index: 2;
}

    .tj-about-section-three .about-shapes {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
        background: lightgray -95.413px -344.897px/225.337% 173.425% no-repeat;
        mix-blend-mode: screen;
    }

    .tj-about-section-three .tj-heading-three {
        margin-bottom: 30px;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-about-section-three .about-shapes {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-about-section-three {
        padding-top: 80px;
        padding-bottom: 100px;
    }

        .tj-about-section-three .tj-heading-three {
            margin-bottom: 20px;
        }
}

.about-content .sec-title {
    margin-bottom: 30px;
}

.about-content .desc {
    max-width: 700px;
    width: 100%;
    margin-bottom: 30px;
}

    .about-content .desc p:last-child {
        margin-bottom: 0;
        line-height: 1.9;
    }

.about-content.style-2 {
    max-width: 648px;
    width: 100%;
    padding-top: 100px;
}

    .about-content.style-2 .desc {
        margin-bottom: 0;
    }

    .about-content.style-2 .about-button {
        margin-top: 50px;
    }

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .about-content.style-2 {
        padding-top: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .about-content.style-2 .about-button {
        margin-top: 35px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .about-content .desc {
        margin-bottom: 20px;
    }
}

.about-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 80px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .about-wrapper .video-area .popup-videos-button {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 80px;
        height: 80px;
        border-radius: 50%;
        background: var(--tj-color-theme-primary);
    }

        .about-wrapper .video-area .popup-videos-button::before {
            position: absolute;
            content: "";
            display: inline-block;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 60px;
            height: 60px;
            border: 1px solid rgba(255, 255, 255, 0.2);
            border-radius: 50%;
        }

        .about-wrapper .video-area .popup-videos-button::after {
            position: absolute;
            content: "";
            display: inline-block;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 40px;
            height: 40px;
            border: 1px solid rgba(255, 255, 255, 0.5);
            border-radius: 50%;
        }

        .about-wrapper .video-area .popup-videos-button i {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            color: var(--tj-color-common-white);
            font-size: 20px;
        }

.about-feature-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    /* flex-wrap: wrap;*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    margin-bottom: 40px;
}

    .about-feature-item .feature-item::before {
        position: absolute;
        content: "";
        width: 2px;
        height: 77px;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: var(--tj-color-light-3);
    }

    .about-feature-item .feature-item:last-child::before {
        display: none;
    }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .about-feature-item {
        gap: 35px;
    }

        .about-feature-item .feature-item::before {
            display: none;
        }

        .about-feature-item .feature-item .feature-text .feature-title {
            font-size: 20px;
        }
}

@media (max-width: 575px) {
    .about-feature-item {
        gap: 25px;
    }
}

.about-feature-item-two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 55px;
}

    .about-feature-item-two .about-image {
        border: 7px solid var(--tj-color-theme-primary);
        border-radius: 50%;
        max-width: 120px;
        width: 100%;
    }

        .about-feature-item-two .about-image img {
            width: 100%;
            border-radius: 50%;
        }

    .about-feature-item-two .about-text {
        max-width: 465px;
        width: 100%;
    }

        .about-feature-item-two .about-text .title {
            margin-bottom: 5px;
        }

        .about-feature-item-two .about-text span {
            color: var(--tj-color-theme-primary);
            font-family: var(--tj-ff-heading);
            font-size: 18px;
            font-weight: var(--tj-fw-light);
            display: block;
            margin-bottom: 5px;
        }

        .about-feature-item-two .about-text .desc p {
            color: var(--tj-color-theme-secondary);
            line-height: 1.9;
        }

            .about-feature-item-two .about-text .desc p:last-child {
                margin-bottom: 0;
            }

@media (max-width: 575px) {
    .about-feature-item-two {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.feature-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    position: relative;
    z-index: 1;
}

    .feature-item .feature-icon {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 60px;
        height: 60px;
        color: var(--tj-color-theme-primary);
        line-height: 1;
        font-size: 30px;
        background: var(--tj-color-light-3);
        border-radius: 50%;
    }

    .feature-item .feature-text .feature-title {
        display: block;
        font-size: 22px;
        color: var(--tj-color-theme-primary);
        font-weight: var(--tj-fw-light);
        font-family: var(--tj-ff-heading);
        margin-bottom: 5px;
    }

    .feature-item .feature-text .title {
        margin-bottom: 2px;
    }

    .feature-item .feature-text p {
        font-size: 12px;
        font-weight: var(--tj-fw-light);
    }

        .feature-item .feature-text p:last-child {
            margin-bottom: 0;
        }

.feature-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
}

@media (max-width: 575px) {
    .feature-contact {
        gap: 25px;
    }
}

.contact-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}

    .contact-content .contact-icon {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        font-size: 20px;
        color: var(--tj-color-theme-primary);
        background: var(--tj-color-grey-1);
        border: 1px solid var(--tj-color-theme-primary);
        line-height: 1;
        border-radius: 50%;
    }

    .contact-content .contact-text span {
        display: block;
        color: var(--tj-color-theme-primary);
        font-weight: var(--tj-fw-light);
        margin-bottom: 2px;
    }

    .contact-content .contact-text .link {
        font-size: 15px;
        font-weight: var(--tj-fw-bold);
        color: var(--tj-color-theme-secondary);
    }

        .contact-content .contact-text .link:hover {
            color: var(--tj-color-theme-primary);
        }

.about-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    min-height: 655px;
    position: relative;
    z-index: 1;
}

    .about-images .left-image {
        max-width: 310px;
        width: 100%;
        /*padding-bottom: 25px;*/
        -webkit-mask-image: url(../images/shapes/about-image-shape.svg);
        mask-image: url(../images/shapes/about-image-shape.svg);
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: cover;
        mask-size: cover;
        position: relative;
        z-index: 1;
    }

    .about-images .right-image {
        position: absolute;
        right: -100%;
        bottom: 0;
        max-width: 395px;
        width: 100%;
    }

    .about-images .about-circle {
        position: absolute;
        top: 4%;
        left: 10%;
        z-index: 2;
        background: var(--tj-color-common-white);
        border-radius: 50%;
    }

        .about-images .about-circle .rotate-image {
            -webkit-animation: rotateImg 10s infinite linear;
            animation: rotateImg 10s infinite linear;
        }

            .about-images .about-circle .rotate-image .shape-1 {
                font-weight: var(--tj-fw-sbold);
            }

        .about-images .about-circle .circle-image {
            position: absolute;
            top: 49%;
            left: 54%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            max-width: 40px;
            width: 100%;
        }

    .about-images .about-shape {
        position: absolute;
        width: 100%;
        top: -18%;
        left: -20%;
        max-width: 520px;
        z-index: 1;
    }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about-images {
        min-height: 580px;
    }

        .about-images .left-image {
            max-width: 250px;
        }

        .about-images .right-image {
            max-width: 350px;
        }

        .about-images .about-circle {
            top: 6%;
            left: 6%;
        }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .about-images {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 50px;
    }

        .about-images .right-image {
            position: initial;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .about-images {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-images .about-shape {
        left: 0;
    }

    .about-images .about-circle {
        left: 15%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-images .about-shape {
        left: -10%;
        top: -12%;
        max-width: 420px;
    }

    .about-images .about-circle {
        left: 6%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .about-images {
        min-height: 410px;
        margin-bottom: 35px;
    }

        .about-images .left-image {
            max-width: 210px;
        }

        .about-images .about-circle {
            left: 0;
        }

        .about-images .about-shape {
            max-width: 375px;
        }
}

@media (max-width: 575px) {
    .about-images {
        min-height: 270px;
        margin-bottom: 35px;
    }

        .about-images .left-image {
            max-width: 140px;
        }

        .about-images .about-circle {
            left: 0;
            top: -4%;
        }

        .about-images .about-shape {
            max-width: 280px;
            top: -28%;
        }

        .about-images .about-circle svg {
            width: 110px;
            height: 110px;
        }
}

.about-images-two {
    text-align: end;
    position: relative;
    z-index: 1;
}

    .about-images-two .right-image {
        max-width: 424px;
        width: 100%;
        margin-left: auto;
    }

    .about-images-two .left-image {
        position: absolute;
        top: 28%;
        left: 0;
        max-width: 424px;
        width: 100%;
        z-index: 2;
    }

        .about-images-two .left-image::before {
            position: absolute;
            content: "";
            top: -45px;
            right: -40px;
            width: 395px;
            height: 330px;
            background: rgba(252, 88, 40, 0.4);
        }

        .about-images-two .left-image img {
            position: relative;
            z-index: 2;
        }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about-images-two .right-image {
        max-width: 350px;
    }

    .about-images-two .left-image {
        max-width: 350px;
    }

        .about-images-two .left-image::before {
            max-width: 330px;
        }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .about-images-two {
        margin-bottom: 190px;
    }
}

@media (max-width: 575px) {
    .about-images-two {
        margin-bottom: 130px;
    }

        .about-images-two .right-image {
            max-width: 250px;
        }

        .about-images-two .left-image {
            max-width: 250px;
        }

            .about-images-two .left-image::before {
                max-width: 235px;
            }
}

.about-images-three {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
}

    .about-images-three .image_1 {
        max-width: 323px;
        width: 100%;
    }

    .about-images-three .image_2 {
        max-width: 140px;
        width: 100%;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .about-images-three {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 35px;
    }
}

.about-circle {
    background: var(--tj-color-common-white);
    border-radius: 50%;
}

    .about-circle .rotate-image {
        -webkit-animation: rotateImg 10s infinite linear;
        animation: rotateImg 10s infinite linear;
    }

        .about-circle .rotate-image .shape-1 {
            font-weight: var(--tj-fw-sbold);
        }

    .about-circle .circle-image {
        position: absolute;
        top: 48%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        max-width: 40px;
        width: 100%;
    }

@-webkit-keyframes rotateImg {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes rotateImg {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* !END: About CSS */
/**----------------------------------------
START: Service CSS
----------------------------------------*/
.tj-service-section {
    padding-top: 120px;
    padding-bottom: 120px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*position: relative;*/
    background-color: #ebebeb;
    z-index: 2;
}

    .tj-service-section::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: -webkit-gradient( linear, left top, right top, color-stop(50%, var(--tj-color-common-white)), color-stop(217.16%, rgba(255, 255, 255, 0)) );
        background: linear-gradient( 90deg, var(--tj-color-common-white) 50%, rgba(255, 255, 255, 0) 217.16% );
        z-index: -1;
    }

    .tj-service-section .tj-heading-area {
        max-width: 435px;
        width: 100%;
        text-align: center;
        margin-bottom: 60px;
    }

    .tj-service-section .service-section-shape {
        position: absolute;
        top: -6%;
        left: 0;
        max-width: 510px;
        width: 100%;
    }

    .tj-service-section.style-2 {
        padding-top: 120px;
        padding-bottom: 90px;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-service-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .tj-service-section.style-2 {
            padding-top: 80px;
            padding-bottom: 50px;
        }

        .tj-service-section .tj-heading-area {
            margin-bottom: 40px;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tj-service-section .service-section-shape {
        max-width: 375px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-service-section .service-section-shape {
        display: none;
    }
}

.tj-service-section-two {
    padding-top: 120px;
    padding-bottom: 70px;
    background: var(--tj-color-grey-1);
}

    .tj-service-section-two .service-top-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 60px;
    }

        .tj-service-section-two .service-top-content .tj-heading-area {
            max-width: 602px;
            width: 100%;
            margin-left: 0;
        }

            .tj-service-section-two .service-top-content .tj-heading-area .sec-title {
                margin-bottom: 10px;
            }

            .tj-service-section-two .service-top-content .tj-heading-area .sec-sub-title {
                margin-bottom: 0;
            }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-service-section-two {
        padding-top: 80px;
        padding-bottom: 40px;
    }

        .tj-service-section-two .service-top-content {
            margin-bottom: 50px;
            -webkit-box-pack: left;
            -ms-flex-pack: left;
            justify-content: left;
        }

            .tj-service-section-two .service-top-content .tj-heading-area {
                margin-bottom: 20px;
            }
}

.tj-service-section-three {
    padding-top: 120px;
    padding-bottom: 120px;
    position: relative;
    z-index: 2;
}

    .tj-service-section-three .tj-heading-three {
        margin-bottom: 60px;
    }

    .tj-service-section-three .service-right-shape {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        max-width: 160px;
        width: 100%;
        z-index: -1;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-service-section-three {
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .tj-service-section-three .tj-heading-three {
            margin-bottom: 35px;
        }
}

.tj-service-slider .swiper-pagination {
    position: initial;
}

    .tj-service-slider .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background: var(--tj-color-light-4);
        opacity: 1;
        margin: 0 8px;
        display: inline-block;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

    .tj-service-slider .swiper-pagination .swiper-pagination-bullet-active {
        width: 12px;
        height: 12px;
        background: var(--tj-color-theme-primary);
        position: relative;
        z-index: 1;
        display: inline-block;
    }

        .tj-service-slider .swiper-pagination .swiper-pagination-bullet-active::before {
            position: absolute;
            content: "";
            width: 22px;
            height: 22px;
            border: 1px solid var(--tj-color-theme-primary);
            border-radius: 50%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

.tj-service-slider2 .swiper-pagination {
    position: initial;
}

    .tj-service-slider2 .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        background: var(--tj-color-light-4);
        opacity: 1;
        margin: 0 8px;
        display: inline-block;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

    .tj-service-slider2 .swiper-pagination .swiper-pagination-bullet-active {
        width: 10px;
        height: 10px;
        background: var(--tj-color-theme-primary);
        position: relative;
        z-index: 1;
        display: inline-block;
    }

        .tj-service-slider2
        .swiper-pagination
        .swiper-pagination-bullet-active::before {
            position: absolute;
            content: "";
            width: 22px;
            height: 22px;
            border: 1px solid var(--tj-color-theme-primary);
            border-radius: 50%;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

.service-item {
    background: var(--tj-color-grey-1);
    padding: 20px 25px 25px;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    margin-bottom: 30px;
    min-height: 410px;
}

    .service-item .service-icon {
        font-size: 40px;
        margin-bottom: 10px;
        color: var(--tj-color-theme-secondary);
        line-height: 1;
    }

    .service-item .sub-title {
        font-size: 22px;
        color: var(--tj-color-theme-secondary);
        font-family: var(--tj-ff-heading);
        font-weight: var(--tj-fw-light);
        display: block;
        margin-bottom: 5px;
    }

    .service-item .title {
        margin-bottom: 30px;
        position: relative;
        z-index: 1;
    }

        .service-item .title::before {
            position: absolute;
            content: "";
            width: 199px;
            height: 1.5px;
            left: 0;
            bottom: -15px;
            background: var(--tj-color-theme-secondary);
        }

        .service-item .title:hover a {
            color: var(--tj-color-theme-primary);
        }

    .service-item .desc p {
        line-height: 1.9;
    }

        .service-item .desc p:last-child {
            margin-bottom: 0;
        }

    .service-item .service-hover-shape {
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

    .service-item:hover {
        background-color: var(--tj-color-light-1);
    }

        .service-item:hover .service-hover-shape {
            opacity: 1;
            visibility: visible;
        }

        .service-item:hover .title::before {
            background: var(--tj-color-theme-primary);
        }

        .service-item:hover .service-icon,
        .service-item:hover .sub-title {
            color: var(--tj-color-theme-primary);
        }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .service-item {
        margin-bottom: 35px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .service-item {
        padding: 25px 20px;
    }

        .service-item .title {
            font-size: 25px;
        }
}

@media (max-width: 575px) {
    .service-item {
        background-color: var(--tj-color-light-1);
    }

        .service-item .service-hover-shape {
            opacity: 1;
            visibility: visible;
        }
}

.service-item-two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 50px;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

    .service-item-two .service-icon {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 88px;
        height: 88px;
        line-height: 1;
        font-size: 40px;
        color: var(--tj-color-theme-secondary);
        background: var(--tj-color-light-3);
        border-radius: 22px;
        -webkit-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
    }

        .service-item-two .service-icon i {
            color: var(--tj-color-theme-secondary);
            -webkit-transition: all 0.1s ease-in-out 0s;
            transition: all 0.1s ease-in-out 0s;
        }

    .service-item-two .service-content {
        max-width: 510px;
        width: 100%;
    }

        .service-item-two .service-content .title {
            margin-bottom: 10px;
        }

            .service-item-two .service-content .title:hover {
                color: var(--tj-color-theme-primary);
            }

        .service-item-two .service-content .desc {
            margin-bottom: 30px;
        }

            .service-item-two .service-content .desc p {
                line-height: 1.9;
            }

                .service-item-two .service-content .desc p:last-child {
                    margin-bottom: 0;
                }

    .service-item-two:hover .service-icon {
        background-color: var(--tj-color-theme-primary);
        color: var(--tj-color-common-white);
    }

        .service-item-two:hover .service-icon i {
            color: var(--tj-color-common-white);
        }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .service-item-two {
        margin-bottom: 40px;
        gap: 15px;
    }

        .service-item-two .service-content .title {
            font-size: 25px;
        }

        .service-item-two .service-content .desc {
            margin-bottom: 10px;
        }
}

.hero-bottom-services {
    padding-bottom: 30px;
    position: relative;
    z-index: 4;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .hero-bottom-services {
        padding-top: 60px;
    }
}

.tj-service-item-three {
    background: var(--tj-color-common-white);
    padding: 20px 20px 30px 20px;
    -webkit-box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 1;
    margin-top: -50px;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

    .tj-service-item-three .service-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px;
    }

        .tj-service-item-three .service-content .service-icon {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 80px;
            height: 80px;
            line-height: 1;
            font-size: 40px;
            color: var(--tj-color-theme-primary);
            background: var(--tj-color-light-1);
        }

        .tj-service-item-three .service-content .service-text {
            margin-top: 10px;
        }

            .tj-service-item-three .service-content .service-text .title {
                margin-bottom: 25px;
                position: relative;
                z-index: 1;
                -webkit-transition: all 0.4s ease-in-out 0s;
                transition: all 0.4s ease-in-out 0s;
            }

                .tj-service-item-three .service-content .service-text .title::before {
                    position: absolute;
                    content: "";
                    bottom: -8px;
                    left: 0;
                    width: 90px;
                    height: 2px;
                    background: var(--tj-color-theme-primary);
                }

                .tj-service-item-three .service-content .service-text .title a:hover {
                    color: var(--tj-color-theme-primary);
                }

            .tj-service-item-three .service-content .service-text .desc {
                max-width: 284px;
            }

                .tj-service-item-three .service-content .service-text .desc p {
                    margin-bottom: 0;
                    color: var(--tj-color-theme-secondary);
                    line-height: 1.9;
                }

    .tj-service-item-three .service-ovely {
        font-size: 100px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 30px;
        line-height: 1;
        color: rgba(252, 88, 40, 0.04);
    }

    .tj-service-item-three:hover {
        background-color: var(--tj-color-theme-secondary);
        margin-top: -70px;
    }

        .tj-service-item-three:hover .service-icon {
            color: var(--tj-color-grey-13);
        }

        .tj-service-item-three:hover .service-text .title::before {
            background: var(--tj-color-border-5);
        }

        .tj-service-item-three:hover .service-text .title a {
            color: var(--tj-color-common-white);
        }

        .tj-service-item-three:hover .service-text .desc p {
            color: var(--tj-color-common-white);
        }

        .tj-service-item-three:hover .service-ovely {
            color: rgba(255, 255, 255, 0.05);
        }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-service-item-three {
        margin-top: 0;
    }

        .tj-service-item-three:hover {
            margin-top: 0;
        }
}

.service-item-four {
    margin-bottom: 60px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

    .service-item-four .service-images img {
        width: 100%;
    }

    .service-item-four .service-content {
        border-left: 1px solid var(--tj-color-border-4);
        border-right: 1px solid var(--tj-color-border-4);
        border-bottom: 1px solid var(--tj-color-border-4);
        padding: 20px;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

        .service-item-four .service-content .title {
            margin-bottom: 20px;
            position: relative;
            z-index: 1;
        }

            .service-item-four .service-content .title::before {
                position: absolute;
                content: "";
                width: 275px;
                height: 1px;
                left: 0;
                bottom: -6px;
                background: var(--tj-color-theme-secondary);
            }

            .service-item-four .service-content .title a:hover {
                color: var(--tj-color-theme-primary);
            }

        .service-item-four .service-content .desc p {
            line-height: 1.9;
            margin-bottom: 0;
        }

        .service-item-four .service-content .service-button {
            margin-top: 25px;
        }

    .service-item-four:hover .service-content {
        background-color: var(--tj-color-common-white);
        -webkit-box-shadow: 10px 10px 60px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 10px 10px 60px 0px rgba(0, 0, 0, 0.05);
        border-color: var(--tj-color-common-white);
    }

        .service-item-four:hover .service-content .title::before {
            background-color: var(--tj-color-theme-primary);
        }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .service-item-four .service-content .title::before {
        width: 225px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .service-item-four {
        margin-bottom: 35px;
    }
}

/* !END: Service CSS */
/**----------------------------------------
START: Video CSS
----------------------------------------*/
.tj-video-section {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 2;
}

    .tj-video-section::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient( 175deg, var(--tj-color-grey-4) 0.03%, var(--tj-color-grey-5) 104.24% );
        mix-blend-mode: hard-light;
        z-index: -1;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-video-section {
        padding-bottom: 80px;
    }
}

.tj-video-section-two {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 200px;
    padding-bottom: 200px;
    position: relative;
    z-index: 2;
}

    .tj-video-section-two::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.83;
        background: linear-gradient( 254deg, var(--tj-color-grey-4) -41.69%, rgba(1, 1, 1, 0.9) 82.84% );
        mix-blend-mode: hard-light;
        z-index: -1;
    }

    .tj-video-section-two .video-content-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 30px;
    }

        .tj-video-section-two .video-content-area .popup-videos-button {
            position: relative;
            width: 195px;
            height: 195px;
            -webkit-transform: translate(0);
            -ms-transform: translate(0);
            transform: translate(0);
            top: 0;
            left: 0;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.1);
            -webkit-backdrop-filter: blur(12.3487710953px);
            backdrop-filter: blur(12.3487710953px);
            display: inline-block;
        }

            .tj-video-section-two .video-content-area .popup-videos-button::before {
                position: absolute;
                content: "";
                display: inline-block;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 138px;
                height: 138px;
                border-radius: 50%;
                border: 1px solid rgba(255, 255, 255, 0.2);
            }

            .tj-video-section-two .video-content-area .popup-videos-button::after {
                position: absolute;
                content: "";
                display: inline-block;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 102px;
                height: 102px;
                border-radius: 50%;
                border: 1px solid rgba(255, 255, 255, 0.5);
            }

            .tj-video-section-two .video-content-area .popup-videos-button i {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                color: var(--tj-color-common-white);
                font-size: 35px;
            }

        .tj-video-section-two .video-content-area .video-text .title {
            font-size: 82px;
            background: -webkit-gradient( linear, left top, left bottom, color-stop(29.41%, var(--tj-color-common-white)), to(rgba(255, 255, 255, 0)) );
            background: linear-gradient( 180deg, var(--tj-color-common-white) 29.41%, rgba(255, 255, 255, 0) 100% );
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-video-section-two {
        padding-top: 120px;
        padding-bottom: 120px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-video-section-two {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-video-section-two .video-content-area .video-box .popup-videos-button {
        width: 160px;
        height: 160px;
    }

        .tj-video-section-two
        .video-content-area
        .video-box
        .popup-videos-button::before {
            width: 120px;
            height: 120px;
        }

        .tj-video-section-two
        .video-content-area
        .video-box
        .popup-videos-button::after {
            width: 80px;
            height: 80px;
        }

    .tj-video-section-two .video-content-area .video-text .title {
        font-size: 72px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .tj-video-section-two .video-content-area {
        gap: 20px;
    }

        .tj-video-section-two .video-content-area .video-box .popup-videos-button {
            width: 140px;
            height: 140px;
        }

            .tj-video-section-two
            .video-content-area
            .video-box
            .popup-videos-button::before {
                width: 100px;
                height: 100px;
            }

            .tj-video-section-two
            .video-content-area
            .video-box
            .popup-videos-button::after {
                width: 70px;
                height: 70px;
            }

        .tj-video-section-two .video-content-area .video-text .title {
            font-size: 50px;
        }
}

@media (max-width: 575px) {
    .tj-video-section-two .video-content-area {
        gap: 15px;
    }

        .tj-video-section-two .video-content-area .video-box .popup-videos-button {
            width: 120px;
            height: 120px;
        }

            .tj-video-section-two
            .video-content-area
            .video-box
            .popup-videos-button::before {
                width: 85px;
                height: 85px;
            }

            .tj-video-section-two
            .video-content-area
            .video-box
            .popup-videos-button::after {
                width: 55px;
                height: 55px;
            }

        .tj-video-section-two .video-content-area .video-box i {
            font-size: 25px;
        }

        .tj-video-section-two .video-content-area .video-text .title {
            font-size: 35px;
        }
}

.tj-video-area {
    padding-top: 120px;
    padding-bottom: 120px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-video-area {
        padding-top: 115px;
        padding-bottom: 80px;
    }
}

.video-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

    .video-area .title {
        margin-bottom: 0;
        font-size: 100px;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke: 1px rgb(255 255 255);
        font-weight: var(--tj-fw-ebold);
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .video-area .popup-videos-button {
        width: 160px;
        height: 160px;
    }

        .video-area .popup-videos-button::before {
            width: 120px;
            height: 120px;
        }

        .video-area .popup-videos-button::after {
            width: 80px;
            height: 80px;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .video-area .popup-videos-button {
        width: 140px;
        height: 140px;
    }

        .video-area .popup-videos-button::before {
            width: 100px;
            height: 100px;
        }

        .video-area .popup-videos-button::after {
            width: 70px;
            height: 70px;
        }

    .video-area .title {
        font-size: 75px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .video-area .title {
        font-size: 55px;
    }
}

@media (max-width: 575px) {
    .video-area .popup-videos-button {
        width: 120px;
        height: 120px;
    }

        .video-area .popup-videos-button::before {
            width: 85px;
            height: 85px;
        }

        .video-area .popup-videos-button::after {
            width: 55px;
            height: 55px;
        }

        .video-area .popup-videos-button i {
            font-size: 25px;
        }

    .video-area .title {
        font-size: 40px;
    }
}

.popup-videos-button {
    position: absolute;
    top: 50%;
    /*    left: 50%;
*/ -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}

    .popup-videos-button::before {
        position: absolute;
        content: "";
        display: inline-block;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 138px;
        height: 138px;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 50%;
    }

    .popup-videos-button::after {
        position: absolute;
        content: "";
        display: inline-block;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 102px;
        height: 102px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        border-radius: 50%;
    }

    .popup-videos-button i {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: var(--tj-color-common-white);
        font-size: 35px;
    }

.tj-counter-area {
    border-top: 2px solid rgba(255, 255, 255, 0.1);
}

.fun-fact-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.counter-item {
    border-right: 2px solid rgba(255, 255, 255, 0.2);
    padding: 60px 55px;
    text-align: center;
}

    .counter-item:last-child {
        border: none;
    }

    .counter-item .tj-count {
        color: var(--tj-color-common-white);
        font-size: 50px;
        font-family: var(--tj-ff-heading);
        font-weight: var(--tj-fw-light);
        margin-bottom: 5px;
    }

    .counter-item .sub-title {
        color: var(--tj-color-common-white);
        font-size: 22px;
        font-family: var(--tj-ff-heading);
        font-weight: var(--tj-fw-ebold);
    }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .counter-item {
        padding: 35px 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .counter-item {
        padding: 35px 20px;
        border: none;
    }

        .counter-item .tj-count {
            font-size: 35px;
        }

        .counter-item .sub-title {
            font-size: 20px;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .counter-item {
        padding: 15px 20px;
        border: none;
    }
}

@media (max-width: 575px) {
    .counter-item {
        padding: 10px 20px;
        border: none;
    }

        .counter-item .tj-count {
            font-size: 35px;
        }

        .counter-item .sub-title {
            font-size: 18px;
        }
}

/* !END: Video CSS */
/**----------------------------------------
START: Step CSS
----------------------------------------*/
.tj-steps-section {
    padding-top: 120px;
    padding-bottom: 120px;
    position: relative;
    z-index: 2;
}

    .tj-steps-section .tj-heading-area {
        margin-bottom: 60px;
    }

        .tj-steps-section .tj-heading-area .sec-title {
            line-height: 1;
        }

    .tj-steps-section .steps-sec-left-shape {
        position: absolute;
        left: 0;
        bottom: 0;
        opacity: 30%;
        max-width: 790px;
        width: 100%;
        z-index: -1;
    }

    .tj-steps-section .steps-sec-right-shape {
        position: absolute;
        right: -35px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 610px;
        width: 100%;
        z-index: -1;
    }

    .tj-steps-section .tabs-main-content {
        margin-bottom: 60px;
    }

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-steps-section .steps-sec-left-shape {
        max-width: 350px;
    }

    .tj-steps-section .steps-sec-right-shape {
        max-width: 450px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-steps-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .tj-steps-section .tj-heading-area {
            margin-bottom: 35px;
        }

        .tj-steps-section .steps-sec-left-shape {
            max-width: 350px;
        }

        .tj-steps-section .steps-sec-right-shape {
            max-width: 350px;
            top: 30%;
        }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-steps-section .steps-sec-left-shape {
        max-width: 250px;
    }

    .tj-steps-section .steps-sec-right-shape {
        display: none;
    }

    .tj-steps-section .tabs-main-content {
        margin-bottom: 35px;
    }
}

.step-content {
    max-width: 611px;
    width: 100%;
}

    .step-content .step-text .title {
        margin-bottom: 15px;
    }

        .step-content .step-text .title span {
            font-weight: var(--tj-fw-light);
        }

    .step-content .step-text .sub-title {
        display: inline-block;
        color: var(--tj-color-theme-primary);
        font-size: 18px;
        font-weight: var(--tj-fw-sbold);
        font-family: var(--tj-ff-heading);
        position: relative;
        z-index: 1;
        margin-bottom: 20px;
        padding-left: 60px;
    }

        .step-content .step-text .sub-title::before {
            display: inline-block;
            position: absolute;
            content: "";
            width: 40px;
            height: 2px;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            background: var(--tj-color-theme-primary);
        }

    .step-content .step-text .desc p {
        line-height: 1.9;
    }

        .step-content .step-text .desc p:last-child {
            margin-bottom: 0;
        }

    .step-content .steps-button {
        margin-top: 40px;
    }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .step-content .step-text .title {
        font-size: 25px;
    }
}

.steps-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    gap: 24px;
}

    .steps-images .left-image {
        max-width: 326px;
        width: 100%;
    }

    .steps-images .right-image {
        max-width: 256px;
        width: 100%;
        padding-bottom: 20px;
        -webkit-mask-image: url(../images/shapes/steps-image-shape.svg);
        mask-image: url(../images/shapes/steps-image-shape.svg);
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: cover;
        mask-size: cover;
        position: relative;
        z-index: 1;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .steps-images {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .steps-images {
        margin-bottom: 35px;
    }
}

.tabs-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
    overflow-y: auto;
}

    .tabs-area .step {
        opacity: 50%;
        max-width: 200px;
        width: 100%;
    }

        .tabs-area .step .number {
            font-size: 10px;
            font-weight: var(--tj-fw-medium);
            display: block;
            margin-bottom: 15px;
            color: var(--tj-color-theme-secondary);
        }

        .tabs-area .step .line {
            display: block;
            max-width: 200px;
            width: 100%;
            height: 2px;
            background: var(--tj-color-theme-primary);
            margin-bottom: 15px;
            position: relative;
            z-index: 1;
        }

            .tabs-area .step .line::before {
                display: inline-block;
                position: absolute;
                content: "";
                width: 15px;
                height: 15px;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                background: var(--tj-color-theme-primary);
                border-radius: 50%;
                z-index: 2;
            }

        .tabs-area .step .title {
            font-size: 14px;
            font-weight: var(--tj-fw-medium);
            font-family: var(--tj-ff-body);
            color: var(--tj-color-theme-secondary);
            opacity: 0;
            visibility: hidden;
        }

        .tabs-area .step.active {
            opacity: 1;
        }

            .tabs-area .step.active .title {
                opacity: 1;
                visibility: visible;
            }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
    .tabs-area {
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tabs-area {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }

        .tabs-area .step .line {
            width: 115px;
        }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tabs-area {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
}

/* !END: Step CSS */
/**----------------------------------------
START: Analysis CSS
----------------------------------------*/
.tj-analysis-section {
    padding-top: 120px;
    padding-bottom: 120px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 2;
}

    .tj-analysis-section::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient( 175deg, var(--tj-color-grey-4) 0.03%, var(--tj-color-grey-5) 104.24% );
        mix-blend-mode: hard-light;
        z-index: -1;
    }

    .tj-analysis-section::after {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        width: 56%;
        height: 100%;
        background: linear-gradient( 175deg, var(--tj-color-grey-4) 0.03%, var(--tj-color-grey-5) 104.24% );
        mix-blend-mode: hard-light;
        z-index: -1;
    }

    .tj-analysis-section .tj-heading-area .section-sub-title-shape {
        background: linear-gradient( 124deg, var(--tj-color-common-white) -24.32%, rgba(255, 255, 255, 0.09) 81.01% );
    }

    .tj-analysis-section .tj-heading-area .sec-title {
        color: var(--tj-color-common-white);
        margin-bottom: 20px;
    }

    .tj-analysis-section .tj-heading-area .desc {
        margin-bottom: 20px;
    }

        .tj-analysis-section .tj-heading-area .desc p {
            color: var(--tj-color-grey-1);
            line-height: 1.9;
        }

            .tj-analysis-section .tj-heading-area .desc p:last-child {
                margin-bottom: 0;
            }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-analysis-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.analysis-content {
    max-width: 600px;
    width: 100%;
}

    .analysis-content .analysis-list {
        margin-bottom: 40px;
    }

        .analysis-content .analysis-list ul li {
            font-size: 18px;
            color: var(--tj-color-theme-primary);
            font-family: var(--tj-ff-heading);
            font-weight: var(--tj-fw-bold);
            position: relative;
            z-index: 1;
            padding-left: 50px;
            margin-bottom: 15px;
        }

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

            .analysis-content .analysis-list ul li::before {
                position: absolute;
                content: "";
                width: 32px;
                height: 2px;
                left: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                background: var(--tj-color-theme-primary);
            }

        .analysis-content .analysis-list .analysis-button {
            margin-top: 40px;
        }

    .analysis-content .analysis-wrapper .title {
        color: var(--tj-color-common-white);
        margin-bottom: 15px;
    }

    .analysis-content .analysis-wrapper .desc {
        margin-bottom: 40px;
    }

        .analysis-content .analysis-wrapper .desc p {
            color: var(--tj-color-grey-1);
            line-height: 1.9;
        }

            .analysis-content .analysis-wrapper .desc p:last-child {
                margin-bottom: 0;
            }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .analysis-content .analysis-list {
        margin-bottom: 30px;
    }

        .analysis-content .analysis-list .analysis-button {
            margin-top: 30px;
        }

    .analysis-content .analysis-wrapper .title {
        font-size: 25px;
    }

    .analysis-content .analysis-wrapper .desc {
        margin-bottom: 30px;
    }
}

/* !END: Analysis CSS */
/**----------------------------------------
START: Price CSS
----------------------------------------*/
.tj-price-section {
    padding-top: 120px;
    padding-bottom: 90px;
}

    .tj-price-section .tj-heading-area {
        max-width: 700px;
        text-align: center;
        margin-bottom: 60px;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-price-section {
        padding-top: 80px;
        padding-bottom: 50px;
    }

        .tj-price-section .tj-heading-area {
            margin-bottom: 40px;
        }
}

.tj-price-section-two {
    padding-top: 50px;
    padding-bottom: 70px;
}

    .tj-price-section-two .tj-heading-area {
        max-width: 700px;
        text-align: center;
        margin-bottom: 90px;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-price-section-two {
        padding-top: 80px;
        padding-bottom: 30px;
    }

        .tj-price-section-two .tj-heading-area {
            margin-bottom: 40px;
        }
}

.tj-price-section-three {
    background: var(--tj-color-light-1);
    padding-top: 120px;
    padding-bottom: 90px;
}

    .tj-price-section-three .tj-heading-three {
        margin-bottom: 100px;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-price-section-three {
        padding-top: 80px;
        padding-bottom: 50px;
    }

        .tj-price-section-three .tj-heading-three {
            margin-bottom: 35px;
        }
}

.price-item {
    background: var(--tj-color-grey-1);
    border-radius: 15px;
    margin-bottom: 30px;
}

    .price-item.active-item .price-button .tj-light-button {
        background: var(--tj-color-theme-primary);
        color: var(--tj-color-common-white);
    }

        .price-item.active-item .price-button .tj-light-button i {
            color: var(--tj-color-common-white);
        }

    .price-item .top-content {
        border-top: 1px solid var(--tj-color-light-4);
        border-left: 1px solid var(--tj-color-light-4);
        border-right: 1px solid var(--tj-color-light-4);
        border-radius: 15px 15px 0 0;
        padding: 35px 40px 20px 40px;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

        .price-item .top-content .title {
            font-weight: var(--tj-fw-sbold);
            margin-bottom: 10px;
        }

        .price-item .top-content .date {
            font-size: 14px;
            color: var(--tj-color-theme-secondary);
        }

        .price-item .top-content .price {
            display: block;
            font-size: 50px;
            color: var(--tj-color-theme-secondary);
            font-weight: var(--tj-fw-bold);
            font-family: var(--tj-ff-heading);
        }

    .price-item .check-list ul li {
        position: relative;
        z-index: 1;
        padding: 7px 15px 7px 65px;
        margin-bottom: 0;
        font-size: 16px;
        font-weight: var(--tj-fw-regular);
    }

        .price-item .check-list ul li span {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 15px;
            height: 15px;
            position: absolute;
            left: 40px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            background: var(--tj-color-light-5);
            border-radius: 50%;
            color: var(--tj-color-theme-secondary);
            font-size: 10px;
            font-weight: var(--tj-fw-bold);
        }

        .price-item .check-list ul li.style-1 {
            background: var(--tj-color-common-white);
        }

    .price-item .price-button {
        border-left: 1px solid var(--tj-color-light-4);
        border-right: 1px solid var(--tj-color-light-4);
        border-bottom: 1px solid var(--tj-color-light-4);
        padding: 40px 40px;
        border-radius: 0 0 15px 15px;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

        .price-item .price-button .tj-light-button {
            border-radius: 5px;
        }

    .price-item.active-item .price-button,
    .price-item.active-item .top-content,
    .price-item:hover .price-button,
    .price-item:hover .top-content {
        border-color: var(--tj-color-theme-primary);
    }

        .price-item.active-item .price-button .price,
        .price-item.active-item .price-button .date,
        .price-item.active-item .price-button .title,
        .price-item.active-item .top-content .price,
        .price-item.active-item .top-content .date,
        .price-item.active-item .top-content .title,
        .price-item:hover .price-button .price,
        .price-item:hover .price-button .date,
        .price-item:hover .price-button .title,
        .price-item:hover .top-content .price,
        .price-item:hover .top-content .date,
        .price-item:hover .top-content .title {
            color: var(--tj-color-theme-primary);
        }

        .price-item.active-item .price-button .date,
        .price-item.active-item .top-content .date,
        .price-item:hover .price-button .date,
        .price-item:hover .top-content .date {
            color: var(--tj-color-theme-primary);
        }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .price-item .top-content {
        padding: 25px 20px 20px;
    }

        .price-item .top-content .price {
            font-size: 40px;
        }

    .price-item .price-button {
        padding: 30px 20px;
    }
}

.price-item-two {
    background: var(--tj-color-grey-1);
    border-radius: 15px;
    padding: 40px 40px;
    text-align: center;
    margin-bottom: 50px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    min-height: 415px;
}

    .price-item-two .price-top-content {
        margin-bottom: 30px;
    }

        .price-item-two .price-top-content .title {
            font-weight: var(--tj-fw-ebold);
            margin-bottom: 12px;
        }

        .price-item-two .price-top-content .desc {
            margin-bottom: 10px;
            text-align: left;
        }

            .price-item-two .price-top-content .desc p {
                font-weight: var(--tj-fw-medium);
                line-height: 1.6;
            }

                .price-item-two .price-top-content .desc p:last-child {
                    margin-bottom: 0;
                }

        .price-item-two .price-top-content .month {
            font-size: 16px;
            color: var(--tj-color-theme-secondary);
            font-weight: var(--tj-fw-sbold);
        }

    .price-item-two .price-bottom-content .price {
        color: var(--tj-color-theme-secondary);
        font-family: var(--tj-ff-heading);
        font-weight: var(--tj-fw-bold);
        font-size: 70px;
        line-height: normal;
        margin-bottom: 5px;
        display: block;
    }

    .price-item-two .price-bottom-content p {
        font-weight: var(--tj-fw-medium);
        margin-bottom: 0;
    }

    .price-item-two .price-bottom-content .price-button {
        margin-top: 40px;
    }

    .price-item-two.active-item,
    .price-item-two:hover {
        background-color: var(--tj-color-light-3);
        margin-top: -30px;
    }

        .price-item-two.active-item .price-top-content .title,
        .price-item-two:hover .price-top-content .title {
            color: var(--tj-color-theme-primary);
        }

        .price-item-two.active-item .price-bottom-content .price,
        .price-item-two:hover .price-bottom-content .price {
            color: var(--tj-color-theme-primary);
        }

        .price-item-two.active-item
        .price-bottom-content
        .price-button
        .tj-secondary-btn,
        .price-item-two:hover .price-bottom-content .price-button .tj-secondary-btn {
            background-color: var(--tj-color-theme-primary);
        }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .price-item-two {
        padding: 25px 15px;
    }

        .price-item-two .price-bottom-content .price {
            font-size: 50px;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .price-item-two.active-item {
        margin-top: 0;
    }
}

@media (max-width: 575px) {
    .price-item-two .price-top-content {
        margin-bottom: 20px;
    }

        .price-item-two .price-top-content .title {
            font-size: 25px;
        }

    .price-item-two .price-bottom-content .price {
        font-size: 40px;
    }
}

.price-item-three {
    background: var(--tj-color-light-2);
    padding: 40px;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    margin-bottom: 30px;
}

    .price-item-three.price-active {
        margin-top: -50px;
    }

    .price-item-three .price-top-content .title {
        font-weight: var(--tj-fw-sbold);
        margin-bottom: 5px;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

    .price-item-three .price-percent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        margin-bottom: 20px;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

        .price-item-three .price-percent .number {
            color: var(--tj-color-theme-secondary);
            font-weight: var(--tj-ff-heading);
            font-size: 50px;
            font-weight: var(--tj-fw-bold);
        }

            .price-item-three .price-percent .number span {
                color: var(--tj-color-theme-secondary);
                font-weight: var(--tj-ff-heading);
                font-weight: var(--tj-fw-bold);
                font-size: 22px;
            }

                .price-item-three .price-percent .number span i {
                    color: var(--tj-color-theme-secondary);
                    -webkit-animation: none;
                    animation: none;
                }

        .price-item-three .price-percent .month {
            color: var(--tj-color-theme-secondary);
            font-size: 14px;
        }

    .price-item-three .price-list ul li {
        color: var(--tj-color-text-body-2);
        margin-bottom: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
    }

        .price-item-three .price-list ul li:last-child {
            margin-bottom: 0;
        }

        .price-item-three .price-list ul li span {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 15px;
            height: 15px;
            font-size: 10px;
            line-height: 1;
            background: var(--tj-color-text-body-2);
            color: var(--tj-color-common-white);
            border-radius: 50%;
        }

    .price-item-three .price-button {
        margin-top: 40px;
    }

    .price-item-three .price-item-shapes {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 265px;
        width: 100%;
        z-index: -1;
    }

        .price-item-three .price-item-shapes img {
            width: 100%;
        }

    .price-item-three.price-active,
    .price-item-three:hover {
        background: var(--tj-color-theme-primary);
        margin-top: -50px;
    }

        .price-item-three.price-active .price-top-content .title,
        .price-item-three:hover .price-top-content .title {
            color: var(--tj-color-common-white);
        }

        .price-item-three.price-active .price-percent .number,
        .price-item-three:hover .price-percent .number {
            color: var(--tj-color-common-white);
        }

            .price-item-three.price-active .price-percent .number span,
            .price-item-three:hover .price-percent .number span {
                color: var(--tj-color-common-white);
            }

                .price-item-three.price-active .price-percent .number span i,
                .price-item-three:hover .price-percent .number span i {
                    color: var(--tj-color-common-white);
                }

        .price-item-three.price-active .price-percent .month,
        .price-item-three:hover .price-percent .month {
            color: var(--tj-color-common-white);
        }

        .price-item-three.price-active .price-list ul li,
        .price-item-three:hover .price-list ul li {
            color: var(--tj-color-common-white);
        }

            .price-item-three.price-active .price-list ul li span,
            .price-item-three:hover .price-list ul li span {
                background: var(--tj-color-common-white);
                color: var(--tj-color-theme-secondary);
            }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .price-item-three {
        padding: 25px 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .price-item-three.price-active,
    .price-item-three:hover {
        margin-top: 0;
    }
}

/* !END: Price CSS */
/**----------------------------------------
START: Portfolio CSS
----------------------------------------*/
.tj-portfolio-section {
    padding-top: 120px;
    padding-bottom: 120px;
    position: relative;
    z-index: 2;
}

    .tj-portfolio-section .tj-heading-area {
        max-width: 540px;
        margin-left: 0;
        margin-bottom: 5px;
    }

        .tj-portfolio-section .tj-heading-area .sec-title {
            color: var(--tj-color-common-white);
        }

    .tj-portfolio-section .portfolio-sec-top-shape {
        position: absolute;
        top: 0;
        left: 0;
        max-width: 610px;
        width: 100%;
        z-index: -1;
    }

    .tj-portfolio-section .portfolio-sec-bottom-shape {
        position: absolute;
        bottom: 0;
        right: 0;
        max-width: 610px;
        width: 100%;
        z-index: -1;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-portfolio-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .tj-portfolio-section .portfolio-sec-bottom-shape,
        .tj-portfolio-section .portfolio-sec-top-shape {
            max-width: 410px;
        }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-portfolio-section .tj-heading-area {
        margin-bottom: 35px;
    }
}

.tj-portfolio-slider {
    padding-top: 65px;
}

    .tj-portfolio-slider .portfolio-navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 55px;
        line-height: 1;
        color: rgba(255, 255, 255, 0.3);
        gap: 30px;
        font-weight: var(--tj-fw-regular);
        position: absolute;
        top: -15px;
        right: 0;
        z-index: 2;
    }

        .tj-portfolio-slider .portfolio-navigation .testimonial-next,
        .tj-portfolio-slider .portfolio-navigation .testimonial-prev {
            display: inline-block;
        }

            .tj-portfolio-slider .portfolio-navigation .testimonial-next i,
            .tj-portfolio-slider .portfolio-navigation .testimonial-prev i {
                line-height: 1;
            }

            .tj-portfolio-slider .portfolio-navigation .testimonial-next:hover,
            .tj-portfolio-slider .portfolio-navigation .testimonial-prev:hover {
                color: var(--tj-color-common-white);
            }

        .tj-portfolio-slider .portfolio-navigation .testimonial-prev {
            -webkit-transform: scaleX(-1);
            -ms-transform: scaleX(-1);
            transform: scaleX(-1);
        }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-portfolio-slider .portfolio-navigation {
        font-size: 40px;
        top: 0;
    }
}

.portfolio-item {
    position: relative;
    z-index: 2;
    width: 100%;
    max-height: 535px;
    min-height: 535px;
    overflow: hidden;
}

    .portfolio-item .portfolio-image {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 80%;
        -webkit-transition: height 0.8s;
        transition: height 0.8s;
    }

        .portfolio-item .portfolio-image::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: -webkit-gradient( linear, left bottom, left top, from(rgba(218, 85, 46, 0.9)), to(rgba(255, 255, 255, 0)) );
            background: linear-gradient( 0deg, rgba(218, 85, 46, 0.9) 0%, rgba(255, 255, 255, 0) 100% );
            z-index: 1;
            opacity: 0;
            -webkit-transition: opacity 0.8s;
            transition: opacity 0.8s;
        }

    .portfolio-item .portfolio-content {
        position: absolute;
        left: 30px;
        bottom: 30px;
        z-index: 3;
    }

        .portfolio-item .portfolio-content .title a {
            color: var(--tj-color-common-white);
            margin-bottom: 5px;
        }

        .portfolio-item .portfolio-content .sub-title {
            font-size: 15px;
            color: var(--tj-color-common-white);
            font-weight: var(--tj-fw-sbold);
            font-family: var(--tj-ff-heading);
        }

    .portfolio-item:hover .portfolio-image {
        height: 100%;
    }

        .portfolio-item:hover .portfolio-image::before {
            opacity: 1;
        }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .portfolio-item {
        max-height: 450px;
        min-height: 450px;
    }

        .portfolio-item .portfolio-image {
            height: 85%;
        }
}

@media (max-width: 575px) {
    .portfolio-item .portfolio-image {
        height: 100%;
    }

        .portfolio-item .portfolio-image::before {
            opacity: 1;
        }
}

/* !END: Portfolio CSS */
/**----------------------------------------
START: Testimonial CSS
----------------------------------------*/
.tj-testimonial-section {
    padding-top: 120px;
    padding-bottom: 120px;
    position: relative;
    z-index: 2;
}

    .tj-testimonial-section .tj-heading-area {
        margin-bottom: -100px;
        z-index: 2;
    }

    .tj-testimonial-section .testimonial-sec-top-shape {
        position: absolute;
        top: 90px;
        right: 0;
        max-width: 330px;
        width: 100%;
        z-index: -1;
    }

    .tj-testimonial-section .testimonial-sec-bottom-shape {
        position: absolute;
        bottom: 85px;
        left: 0;
        max-width: 395px;
        width: 100%;
        z-index: -1;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-testimonial-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .tj-testimonial-section .testimonial-sec-bottom-shape {
            display: none;
        }

        .tj-testimonial-section .testimonial-sec-top-shape {
            max-width: 185px;
        }

        .tj-testimonial-section .tj-heading-area {
            margin-bottom: 15px;
        }
}

@media (max-width: 575px) {
    .tj-testimonial-section .testimonial-sec-top-shape {
        display: none;
    }
}

.tj-testimonial-section-two {
    padding-top: 120px;
    padding-bottom: 120px;
    background: var(--tj-color-grey-9);
    position: relative;
    z-index: 2;
}

    .tj-testimonial-section-two .sec-top-shape {
        position: absolute;
        top: 15%;
        left: 0;
        z-index: -1;
        max-width: 900px;
        width: 100%;
    }

    .tj-testimonial-section-two .sec-bottom-shape {
        position: absolute;
        bottom: 10%;
        right: 0;
        z-index: -1;
    }

    .tj-testimonial-section-two .tj-heading-area {
        margin-bottom: 60px;
    }

        .tj-testimonial-section-two .tj-heading-area .sub-title {
            position: relative;
            z-index: 2;
            padding-left: 65px;
        }

            .tj-testimonial-section-two .tj-heading-area .sub-title::before {
                position: absolute;
                content: "";
                width: 57px;
                height: 2px;
                top: 50%;
                left: 0;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                background: var(--tj-color-common-white);
            }

        .tj-testimonial-section-two .tj-heading-area .sec-title {
            color: var(--tj-color-common-white);
        }

    .tj-testimonial-section-two .testimonial-navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 40px;
        line-height: 1;
        color: var(--tj-color-common-white);
        gap: 25px;
        font-weight: var(--tj-fw-regular);
        z-index: 2;
        position: absolute;
        bottom: 0px;
        left: 20px;
        opacity: 1;
    }

        .tj-testimonial-section-two .testimonial-navigation .testimonial-next,
        .tj-testimonial-section-two .testimonial-navigation .testimonial-prev {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            line-height: 1;
            border-radius: 50%;
            background: rgba(217, 217, 217, 0.2);
            font-size: 18px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

            .tj-testimonial-section-two .testimonial-navigation .testimonial-next i,
            .tj-testimonial-section-two .testimonial-navigation .testimonial-prev i {
                line-height: 1;
            }

            .tj-testimonial-section-two
            .testimonial-navigation
            .testimonial-next.swiper-button-disabled,
            .tj-testimonial-section-two
            .testimonial-navigation
            .testimonial-prev.swiper-button-disabled {
                color: rgba(255, 255, 255, 0.3);
            }

        .tj-testimonial-section-two .testimonial-navigation .testimonial-prev {
            -webkit-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
        }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-testimonial-section-two .tj-heading-area {
        text-align: center;
        margin-bottom: 35px;
    }

    .tj-testimonial-section-two .testimonial-navigation {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-testimonial-section-two {
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .tj-testimonial-section-two .tj-heading-area {
            text-align: center;
            margin-bottom: 35px;
        }
}

.tj-testimonial-section-three {
    padding-top: 120px;
    padding-bottom: 110px;
    position: relative;
    z-index: 2;
}

    .tj-testimonial-section-three .testimonial-right-shape {
        position: absolute;
        top: 90px;
        right: 0;
        max-width: 210px;
        width: 100%;
        z-index: -1;
    }

        .tj-testimonial-section-three .testimonial-right-shape img {
            width: 100%;
        }

    .tj-testimonial-section-three .testimonial-navigations .testimonial-prev {
        color: var(--tj-color-theme-primary);
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-testimonial-section-three {
        padding-top: 80px;
        padding-bottom: 70px;
    }
}

.testimonial-wrapper {
    position: relative;
    z-index: 1;
    padding: 0 0 60px 0;
}

    .testimonial-wrapper::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 68%;
        bottom: 0;
        left: 0;
        background: var(--tj-color-theme-primary);
        z-index: -1;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-wrapper {
        padding: 0 0 25px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .testimonial-wrapper {
        padding: 25px 25px;
    }
}

.testimonial-wrapper.style-2 {
    position: relative;
    z-index: 1;
    padding: 0;
    max-width: 1100px;
    margin: 0 auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
}

    .testimonial-wrapper.style-2::before {
        display: none;
    }

    .testimonial-wrapper.style-2 .testimonial-auother {
        padding: 30px;
        border-radius: 6px;
        border: 1px solid rgba(217, 217, 217, 0.05);
        max-width: 260px;
        width: 100%;
    }

        .testimonial-wrapper.style-2 .testimonial-auother .thumb-image {
            margin-bottom: 10px;
        }

            .testimonial-wrapper.style-2 .testimonial-auother .thumb-image img {
                width: 100%;
                border-radius: 5px;
            }

    .testimonial-wrapper.style-2 .testimonial-name {
        display: initial;
    }

        .testimonial-wrapper.style-2 .testimonial-name .title {
            margin-bottom: 5px;
        }

            .testimonial-wrapper.style-2 .testimonial-name .title span {
                font-weight: var(--tj-fw-light);
                font-style: italic;
            }

        .testimonial-wrapper.style-2 .testimonial-name .sub-title {
            color: var(--tj-color-theme-primary);
            font-size: 18px;
            font-weight: var(--tj-fw-sbold);
            font-family: var(--tj-ff-heading);
            font-style: italic;
            display: block;
            margin-bottom: 25px;
        }

            .testimonial-wrapper.style-2 .testimonial-name .sub-title::before {
                height: 2px;
                bottom: -5px;
            }

    .testimonial-wrapper.style-2 .testimonial-content-slider {
        max-width: 735px;
        width: 100%;
        padding: 20px 20px 40px 20px;
        border: 1px solid rgba(217, 217, 217, 0.05);
        border-radius: 6px;
    }

        .testimonial-wrapper.style-2 .testimonial-content-slider p {
            line-height: 1.9;
            font-family: var(--tj-ff-heading);
            font-style: normal;
            margin-bottom: 30px;
        }

            .testimonial-wrapper.style-2 .testimonial-content-slider p:last-child {
                margin-bottom: 0;
            }

    .testimonial-wrapper.style-2 .testimonial-socials ul li a {
        background: var(--tj-color-common-white);
    }

        .testimonial-wrapper.style-2 .testimonial-socials ul li a i {
            color: var(--tj-color-grey-5);
        }

        .testimonial-wrapper.style-2 .testimonial-socials ul li a:hover {
            background-color: var(--tj-color-theme-primary);
        }

            .testimonial-wrapper.style-2 .testimonial-socials ul li a:hover i {
                color: var(--tj-color-common-white);
            }

    .testimonial-wrapper.style-2 .testimonial-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 330px;
    }

        .testimonial-wrapper.style-2 .testimonial-info .testimonial-rating {
            background: var(--tj-color-common-white);
            display: inline-block;
            padding: 10px 20px;
            border-radius: 5px;
            -webkit-box-shadow: 30px 15px 30px 0px rgba(0, 0, 0, 0.05);
            box-shadow: 30px 15px 30px 0px rgba(0, 0, 0, 0.05);
            max-width: 128px;
            width: 100%;
        }

        .testimonial-wrapper.style-2 .testimonial-info .testimonial-quote {
            max-width: 80px;
            width: 100%;
        }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .testimonial-wrapper.style-2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .testimonial-wrapper.style-2 .testimonial-content-slider {
            margin: 0 auto;
            margin-bottom: 75px;
        }

        .testimonial-wrapper.style-2 .testimonial-auother-slider {
            max-width: 260px;
            margin-bottom: 35px;
        }

        .testimonial-wrapper.style-2 .testimonial-auother {
            padding: 20px;
            max-width: 100%;
        }

        .testimonial-wrapper.style-2 .testimonial-name .title {
            font-size: 25px;
        }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .testimonial-wrapper.style-2 .testimonial-info {
        gap: 200px;
    }
}

@media (max-width: 575px) {
    .testimonial-wrapper.style-2 .testimonial-info {
        gap: 100px;
    }
}

.testimonial-navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 40px;
    line-height: 1;
    color: var(--tj-color-common-white);
    gap: 30px;
    font-weight: var(--tj-fw-regular);
    z-index: 2;
    position: absolute;
    bottom: -18px;
    left: 0;
    opacity: 1;
}

    .testimonial-navigation .testimonial-next,
    .testimonial-navigation .testimonial-prev {
        display: inline-block;
    }

        .testimonial-navigation .testimonial-next i,
        .testimonial-navigation .testimonial-prev i {
            line-height: 1;
        }

        .testimonial-navigation .testimonial-next.swiper-button-disabled,
        .testimonial-navigation .testimonial-prev.swiper-button-disabled {
            color: rgba(255, 255, 255, 0.3);
        }

    .testimonial-navigation .testimonial-prev {
        -webkit-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        transform: scaleX(-1);
    }

@media (max-width: 575px) {
    .testimonial-navigation {
        left: 30%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        bottom: -30px;
    }
}

.testimonial-auother {
    position: relative;
    z-index: 2;
    padding: 25px;
    overflow: hidden;
}

    .testimonial-auother .thumb-image {
        max-width: 310px;
        width: 100%;
        margin-bottom: 25px;
        position: relative;
        z-index: 2;
    }

        .testimonial-auother .thumb-image .quote-icon {
            position: absolute;
            top: -25px;
            right: -40px;
        }

    .testimonial-auother .testimonial-name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 25px;
        margin-bottom: 18px;
    }

        .testimonial-auother .testimonial-name .title {
            color: var(--tj-color-common-white);
            margin-bottom: 0;
        }

        .testimonial-auother .testimonial-name .sub-title {
            color: var(--tj-color-common-white);
            font-size: 18px;
            font-weight: var(--tj-fw-light);
            font-style: italic;
            position: relative;
            z-index: 1;
        }

            .testimonial-auother .testimonial-name .sub-title::before {
                position: absolute;
                content: "";
                width: 43px;
                height: 1px;
                bottom: 0;
                left: -13px;
                background: var(--tj-color-common-white);
            }

    .testimonial-auother .testimonial-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 30px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 310px;
        width: 100%;
    }

        .testimonial-auother .testimonial-info .testimonial-rating {
            background-color: var(--tj-color-common-white);
            padding: 9px 20px;
            border-radius: 5px;
            -webkit-box-shadow: 30px 15px 30px 0px rgba(0, 0, 0, 0.05);
            box-shadow: 30px 15px 30px 0px rgba(0, 0, 0, 0.05);
            max-width: 125px;
            width: 100%;
        }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .testimonial-auother .testimonial-info {
        gap: 15px;
    }

        .testimonial-auother .testimonial-info .testimonial-rating {
            max-width: 110px;
            padding: 9px 12px;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .testimonial-auother {
        padding: 25px 0 0 0;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-auother .thumb-image .quote-icon {
        right: -20px;
    }
}

@media (max-width: 575px) {
    .testimonial-auother .thumb-image .quote-icon {
        right: 0;
    }
}

.testimonial-socials ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}

    .testimonial-socials ul li a {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        font-size: 14px;
        line-height: 1;
        color: var(--tj-color-theme-primary);
        background: var(--tj-color-common-white);
        border-radius: 50%;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .testimonial-socials ul {
        gap: 6px;
    }
}

.star-ratings {
    unicode-bidi: bidi-override;
    color: var(--tj-color-light-6);
    font-size: 16px;
    letter-spacing: 5px;
    line-height: 1;
    position: relative;
    margin: 0;
    padding: 0;
    -webkit-text-stroke: 1px var(--tj-color-light-6);
}

    .star-ratings .fill-ratings {
        color: var(--tj-color-light-6);
        padding: 0;
        position: absolute;
        z-index: 1;
        display: block;
        top: 0;
        left: 0;
        overflow: hidden;
    }

        .star-ratings .fill-ratings span {
            display: inline-block;
        }

    .star-ratings .empty-ratings {
        padding: 0;
        display: block;
        z-index: 0;
        color: var(--tj-color-common-white);
    }

.testimonial-content-slider {
    max-width: 675px;
    width: 100%;
    padding: 35px 35px 35px 0;
}

    .testimonial-content-slider p {
        font-size: 18px;
        font-style: italic;
        color: var(--tj-color-common-white);
        font-weight: var(--tj-fw-light);
        line-height: 1.9;
    }

        .testimonial-content-slider p:last-child {
            margin-bottom: 0;
        }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .testimonial-content-slider {
        padding: 35px 0;
    }

        .testimonial-content-slider p {
            font-size: 16px;
        }
}

.testimonial-container {
    margin-left: calc((100% - 1320px) / 2);
    width: auto;
    min-width: auto;
    max-width: inherit;
    padding-right: 0;
    margin-right: -45px;
}

    .testimonial-container .tj-testimonial-slider {
        padding-left: 25px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .testimonial-container {
        margin-left: calc((100% - 1140px) / 2);
        margin-right: -275px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .testimonial-container {
        margin-left: calc((100% - 960px) / 2);
        margin-right: -275px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .testimonial-container {
        margin-left: calc((100% - 745px) / 2);
        margin-right: -275px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .testimonial-container {
        margin-left: 0;
        margin-right: 15px;
    }
}

.testimonial-top-content-area {
    margin-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .testimonial-top-content-area .testimonial-navigations {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
    }

        .testimonial-top-content-area .testimonial-navigations .testimonial-next,
        .testimonial-top-content-area .testimonial-navigations .testimonial-prev {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            line-height: 1;
            color: var(--tj-color-common-white);
            background: var(--tj-color-theme-secondary);
            border-radius: 50%;
            -webkit-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
        }

            .testimonial-top-content-area .testimonial-navigations .testimonial-next:hover,
            .testimonial-top-content-area .testimonial-navigations .testimonial-prev:hover {
                color: var(--tj-color-common-white);
                background-color: var(--tj-color-theme-primary);
            }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .testimonial-top-content-area {
        margin-bottom: 25px;
    }
}

@media (max-width: 575px) {
    .testimonial-top-content-area .tj-heading-three {
        margin-bottom: 20px;
    }
}

.testimonial-auother-infos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 30px;
}

@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
    .testimonial-auother-infos {
        gap: 10px;
    }
}

@media (max-width: 575px) {
    .testimonial-auother-infos {
        gap: 10px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.testimonial-item {
    border-radius: 0px 40px 0px 0px;
    border: 1px solid var(--tj-color-light-5);
    background: var(--tj-color-common-white);
    padding: 30px 40px 0px 30px;
}

    .testimonial-item .title {
        position: relative;
        z-index: 2;
        margin-bottom: 20px;
    }

        .testimonial-item .title::before {
            position: absolute;
            content: "";
            left: 0;
            bottom: -5px;
            width: 190px;
            height: 1px;
            background: var(--tj-color-grey-3);
        }

        .testimonial-item .title span {
            color: var(--tj-color-theme-primary);
            font-weight: var(--tj-fw-light);
        }

    .testimonial-item .desc {
        max-width: 440px;
        width: 100%;
        margin-bottom: 25px;
    }

        .testimonial-item .desc p {
            line-height: 1.9;
        }

            .testimonial-item .desc p:last-child {
                margin-bottom: 0;
            }

    .testimonial-item .testimonial-auothers {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: var(--tj-color-theme-primary);
        max-width: 300px;
        width: 100%;
        border-radius: 0px 90px 90px 0px;
        padding: 12px 12px 12px 0px;
        position: relative;
        z-index: 2;
    }

        .testimonial-item .testimonial-auothers::before {
            position: absolute;
            content: "";
            width: 80px;
            height: 100%;
            left: -55px;
            bottom: 0;
            background: var(--tj-color-theme-primary);
            z-index: -1;
        }

        .testimonial-item .testimonial-auothers::after {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            left: -55px;
            top: -40px;
            border-bottom: 40px solid var(--tj-color-light-11);
            border-left: 25px solid transparent;
            z-index: -1;
        }

        .testimonial-item .testimonial-auothers .testimonial-text .auother-name {
            color: var(--tj-color-common-white);
            margin-bottom: 0;
        }

            .testimonial-item .testimonial-auothers .testimonial-text .auother-name span {
                font-weight: var(--tj-fw-light);
            }

        .testimonial-item .testimonial-auothers .testimonial-text p {
            color: var(--tj-color-common-white);
            margin-bottom: 0;
        }

        .testimonial-item .testimonial-auothers .testimonial-images {
            max-width: 80px;
            width: 100%;
            border: 2px solid var(--tj-color-common-white);
            border-radius: 50%;
        }

            .testimonial-item .testimonial-auothers .testimonial-images img {
                width: 100%;
                border-radius: 50%;
            }

    .testimonial-item .testimonial-rating {
        padding: 10px 20px;
        border-radius: 5px;
        background: var(--tj-color-common-white);
        -webkit-box-shadow: 30px 15px 30px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 30px 15px 30px 0px rgba(0, 0, 0, 0.05);
    }

@media (max-width: 575px) {
    .testimonial-item {
        padding: 25px 15px;
    }

        .testimonial-item .testimonial-auothers {
            margin-bottom: 10px;
        }

            .testimonial-item .testimonial-auothers::after {
                left: -40px;
            }
}

/* !END: Testimonial CSS */
/**----------------------------------------
START: Theme FAQ CSS
----------------------------------------*/
.tj-faq-section {
    padding-bottom: 120px;
}

    .tj-faq-section.style-2 {
        padding-top: 120px;
        padding-bottom: 0;
    }

    .tj-faq-section .tj-heading-area {
        margin-bottom: 60px;
        text-align: center;
    }

    .tj-faq-section .tj-faq {
        max-width: 715px;
        width: 100%;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-faq-section {
        padding-bottom: 80px;
    }

        .tj-faq-section.style-2 {
            padding-top: 80px;
            padding-bottom: 0;
        }

        .tj-faq-section .tj-heading-area {
            margin-bottom: 10px;
        }

        .tj-faq-section .tj-faq {
            margin-bottom: 50px;
        }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-faq-section .contact-form-box {
        padding: 25px 15px;
    }
}

.tj-faq-section-two {
    padding-top: 120px;
    padding-bottom: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-faq-section-two {
        padding-top: 80px;
        padding-bottom: 60px;
    }
}

.faq-content .tj-heading-three {
    margin-bottom: 20px;
}

.faq-content .desc {
    max-width: 560px;
    width: 100%;
}

    .faq-content .desc p {
        color: var(--tj-color-theme-secondary);
        line-height: 1.9;
    }

        .faq-content .desc p:last-child {
            margin-bottom: 0;
        }

.faq-content .faq-button {
    margin-top: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .faq-content {
        margin-bottom: 20px;
    }
}

.faq-item {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    z-index: 9;
    background: transparent;
    border-bottom: 1px solid rgba(202, 202, 202, 0.6);
    padding: 30px 30px 20px;
    max-width: 760px;
    width: 100%;
}

    .faq-item .faq-title {
        font-size: 22px;
        font-family: var(--tj-ff-heading);
        font-weight: var(--tj-fw-sbold);
        padding: 0px 55px 10px 0px;
        background-color: transparent;
        position: relative;
        color: var(--tj-color-theme-primary);
        width: 100%;
        text-align: left;
    }

        .faq-item .faq-title.collapsed {
            color: var(--tj-color-theme-secondary);
        }

        .faq-item .faq-title:before {
            position: absolute;
            top: 10px;
            right: 10px;
            content: "\f10e";
            font-family: flaticon_indupress;
            font-size: 22px;
            color: var(--tj-color-text-body);
            -webkit-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
            line-height: 1;
        }

        .faq-item .faq-title:not(.collapsed) {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .faq-item .faq-title:not(.collapsed):before {
                content: "\f10e";
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                transform: rotate(0deg);
                color: var(--tj-color-theme-primary);
            }

        .faq-item .faq-title:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .faq-item .faq-title:after {
            display: none;
        }

    .faq-item .faq-text {
        padding: 5px 0px 10px 25px;
        max-width: 730px;
        width: 100%;
    }

        .faq-item .faq-text p {
            color: var(--tj-color-text-body);
            line-height: 1.9;
        }

            .faq-item .faq-text p:last-child {
                margin-bottom: 0;
            }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .faq-item {
        padding: 20px 0px 10px;
    }

        .faq-item .faq-title {
            font-size: 20px;
            padding: 0px 40px 10px 0px;
        }

            .faq-item .faq-title:before {
                font-size: 20px;
            }

        .faq-item .faq-text {
            padding: 5px 0px 10px 0px;
        }
}

.faq-item-two {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    z-index: 9;
    background: transparent;
    max-width: 760px;
    width: 100%;
    margin-bottom: 25px;
}

    .faq-item-two .faq-title {
        font-size: 22px;
        font-family: var(--tj-ff-heading);
        font-weight: var(--tj-fw-sbold);
        padding: 18px 40px 18px 20px;
        position: relative;
        color: var(--tj-color-theme-primary);
        width: 100%;
        text-align: left;
        background: transparent;
    }

        .faq-item-two .faq-title.collapsed {
            color: var(--tj-color-theme-secondary);
            background: var(--tj-color-light-1);
        }

        .faq-item-two .faq-title:before {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
            right: 20px;
            content: "\f10e";
            font-family: flaticon_indupress;
            font-size: 22px;
            color: var(--tj-color-text-body);
            -webkit-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
            line-height: 1;
        }

        .faq-item-two .faq-title:not(.collapsed) {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .faq-item-two .faq-title:not(.collapsed):before {
                content: "\f10e";
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                transform: rotate(0deg);
                color: var(--tj-color-theme-primary);
                top: 40%;
            }

        .faq-item-two .faq-title:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .faq-item-two .faq-title:after {
            display: none;
        }

    .faq-item-two .faq-text {
        padding: 5px 0px 10px 25px;
        max-width: 600px;
        width: 100%;
    }

        .faq-item-two .faq-text p {
            color: var(--tj-color-text-body);
            line-height: 1.9;
        }

            .faq-item-two .faq-text p:last-child {
                margin-bottom: 0;
            }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .faq-item-two {
        padding: 10px 0px 10px;
        margin-bottom: 5px;
    }

        .faq-item-two .faq-title {
            font-size: 20px;
        }

            .faq-item-two .faq-title:before {
                font-size: 20px;
            }

            .faq-item-two .faq-title:not(.collapsed) {
                top: 20%;
            }

        .faq-item-two .faq-text {
            padding: 5px 0px 10px 0px;
        }
}

/* !END: Theme FAQ CSS */
/**----------------------------------------
START: Form CSS
----------------------------------------*/
.contact-form-box {
    border: 1px solid var(--tj-color-theme-primary);
    background: var(--tj-color-grey-1);
    max-width: 480px;
    width: 100%;
    margin-left: auto;
    padding: 30px;
}

    .contact-form-box .contact-content {
        display: block;
    }

        .contact-form-box .contact-content .sub-title {
            display: block;
            color: var(--tj-color-theme-primary);
            font-size: 18px;
            font-weight: var(--tj-fw-sbold);
            font-family: var(--tj-ff-heading);
            margin-bottom: 5px;
        }

        .contact-form-box .contact-content .title {
            margin-bottom: 30px;
        }

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

        .contact-form-box .form-input textarea,
        .contact-form-box
        .form-input
        input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] ),
        .contact-form-box .form-input input[type="tel"],
        .contact-form-box .form-input input[type="email"],
        .contact-form-box .form-input input[type="text"] {
            border: 1px solid rgba(202, 202, 202, 0.4);
            padding: 18px 30px;
            background-color: var(--tj-color-grey-1);
            border-radius: 10px;
            font-size: 14px;
            font-weight: var(--tj-fw-medium);
        }

            .contact-form-box .form-input textarea::-ms-input-placeholder,
            .contact-form-box
            .form-input
            input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] )::-ms-input-placeholder,
            .contact-form-box .form-input input[type="tel"]::-ms-input-placeholder,
            .contact-form-box .form-input input[type="email"]::-ms-input-placeholder,
            .contact-form-box .form-input input[type="text"]::-ms-input-placeholder {
                color: var(--tj-color-grey-6);
            }

            .contact-form-box .form-input textarea::-webkit-input-placeholder,
            .contact-form-box
            .form-input
            input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] )::-webkit-input-placeholder,
            .contact-form-box .form-input input[type="tel"]::-webkit-input-placeholder,
            .contact-form-box .form-input input[type="email"]::-webkit-input-placeholder,
            .contact-form-box .form-input input[type="text"]::-webkit-input-placeholder {
                color: var(--tj-color-grey-6);
            }

            .contact-form-box .form-input textarea::-moz-placeholder,
            .contact-form-box
            .form-input
            input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] )::-moz-placeholder,
            .contact-form-box .form-input input[type="tel"]::-moz-placeholder,
            .contact-form-box .form-input input[type="email"]::-moz-placeholder,
            .contact-form-box .form-input input[type="text"]::-moz-placeholder {
                color: var(--tj-color-grey-6);
            }

            .contact-form-box .form-input textarea:-ms-input-placeholder,
            .contact-form-box
            .form-input
            input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] ):-ms-input-placeholder,
            .contact-form-box .form-input input[type="tel"]:-ms-input-placeholder,
            .contact-form-box .form-input input[type="email"]:-ms-input-placeholder,
            .contact-form-box .form-input input[type="text"]:-ms-input-placeholder {
                color: var(--tj-color-grey-6);
            }

            .contact-form-box .form-input textarea::-ms-input-placeholder,
            .contact-form-box
            .form-input
            input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] )::-ms-input-placeholder,
            .contact-form-box .form-input input[type="tel"]::-ms-input-placeholder,
            .contact-form-box .form-input input[type="email"]::-ms-input-placeholder,
            .contact-form-box .form-input input[type="text"]::-ms-input-placeholder {
                color: var(--tj-color-grey-6);
            }

            .contact-form-box .form-input textarea::placeholder,
            .contact-form-box
            .form-input
            input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] )::placeholder,
            .contact-form-box .form-input input[type="tel"]::placeholder,
            .contact-form-box .form-input input[type="email"]::placeholder,
            .contact-form-box .form-input input[type="text"]::placeholder {
                color: var(--tj-color-grey-6);
            }

        .contact-form-box .form-input textarea {
            min-height: 120px;
            resize: none;
        }

    .contact-form-box .submit-button .tj-primary-btn {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 10px;
        padding: 23px 25px;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .contact-form-box {
        max-width: 100%;
    }

        .contact-form-box .contact-content .title {
            margin-bottom: 20px;
        }
}

.contact-form-style-2 {
    max-width: 510px;
    width: 100%;
}

    .contact-form-style-2 .form-input {
        position: relative;
        z-index: 1;
        margin-bottom: 10px;
    }

        .contact-form-style-2
        .form-input
        input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] ),
        .contact-form-style-2 .form-input input[type="email"] {
            border: 1px solid var(--tj-color-light-5);
            padding: 20px 25px;
            background-color: transparent;
            border-radius: 8px;
            font-size: 14px;
            font-weight: var(--tj-fw-medium);
        }

            .contact-form-style-2
            .form-input
            input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] )::-ms-input-placeholder,
            .contact-form-style-2 .form-input input[type="email"]::-ms-input-placeholder {
                color: var(--tj-color-grey-6);
            }

            .contact-form-style-2
            .form-input
            input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] )::-webkit-input-placeholder,
            .contact-form-style-2
            .form-input
            input[type="email"]::-webkit-input-placeholder {
                color: var(--tj-color-grey-6);
            }

            .contact-form-style-2
            .form-input
            input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] )::-moz-placeholder,
            .contact-form-style-2 .form-input input[type="email"]::-moz-placeholder {
                color: var(--tj-color-grey-6);
            }

            .contact-form-style-2
            .form-input
            input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] ):-ms-input-placeholder,
            .contact-form-style-2 .form-input input[type="email"]:-ms-input-placeholder {
                color: var(--tj-color-grey-6);
            }

            .contact-form-style-2
            .form-input
            input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] )::-ms-input-placeholder,
            .contact-form-style-2 .form-input input[type="email"]::-ms-input-placeholder {
                color: var(--tj-color-grey-6);
            }

            .contact-form-style-2
            .form-input
            input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] )::placeholder,
            .contact-form-style-2 .form-input input[type="email"]::placeholder {
                color: var(--tj-color-grey-6);
            }

        .contact-form-style-2 .form-input .tj-primary-btn {
            font-size: 18px;
            padding: 23px 27px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0;
        }

    .contact-form-style-2 .tj-primary-btn {
        font-size: 18px;
        padding: 16px 15px;
    }

    .contact-form-style-2 .input-checkbox {
        position: relative;
        z-index: 2;
        padding-left: 25px;
    }

        .contact-form-style-2 .input-checkbox input[type="checkbox"] {
            position: relative;
            top: 3px;
            border-radius: 2px;
            cursor: pointer;
            vertical-align: text-top;
            height: 15px;
            width: 15px;
            -webkit-appearance: none;
            border: none;
            background: var(--tj-color-grey-7);
            position: absolute;
            top: 5px;
            left: 26px;
        }

            .contact-form-style-2 .input-checkbox input[type="checkbox"]::before {
                content: "\f00c";
                position: absolute;
                top: 55%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                opacity: 0;
                visibility: hidden;
                font-size: 12px;
                color: var(--tj-color-common-white);
                font-family: "Font Awesome 6 Pro";
                z-index: 2;
            }

            .contact-form-style-2 .input-checkbox input[type="checkbox"]:checked {
                background-color: var(--tj-color-theme-primary);
                opacity: 1;
            }

                .contact-form-style-2 .input-checkbox input[type="checkbox"]:checked::before {
                    opacity: 1;
                    visibility: visible;
                }

        .contact-form-style-2 .input-checkbox label {
            padding-left: 28px;
        }

@media (max-width: 575px) {
    .contact-form-style-2 .input-checkbox {
        padding-left: 0;
    }

        .contact-form-style-2 .input-checkbox input[type="checkbox"] {
            left: 0;
        }
}

.contact-form-box-style-three {
    border-radius: 10px;
    background: var(--tj-color-common-white);
    max-width: 536px;
    width: 100%;
    margin-left: auto;
    padding: 30px;
    -webkit-box-shadow: 0 0 15px rgba(58, 58, 58, 0.05);
    box-shadow: 0 0 15px rgba(58, 58, 58, 0.05);
    margin-top: -235px;
}

    .contact-form-box-style-three .contact-content {
        display: block;
    }

        .contact-form-box-style-three .contact-content .title {
            margin-bottom: 40px;
            font-size: 40px;
        }

    .contact-form-box-style-three .form-input {
        margin-bottom: 25px;
        position: relative;
    }

        .contact-form-box-style-three
        .form-input
        input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] ),
        .contact-form-box-style-three .form-input textarea,
        .contact-form-box-style-three .form-input input[type="tel"],
        .contact-form-box-style-three .form-input input[type="email"],
        .contact-form-box-style-three .form-input input[type="text"] {
            border-bottom: 1px solid var(--tj-color-grey-7);
            padding: 15px 15px;
            background-color: var(--tj-color-common-white);
            font-size: 15px;
            font-weight: var(--tj-fw-sbold);
            font-family: var(--tj-ff-heading);
        }

            .contact-form-box-style-three
            .form-input
            input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] )::-ms-input-placeholder,
            .contact-form-box-style-three .form-input textarea::-ms-input-placeholder,
            .contact-form-box-style-three
            .form-input
            input[type="tel"]::-ms-input-placeholder,
            .contact-form-box-style-three
            .form-input
            input[type="email"]::-ms-input-placeholder,
            .contact-form-box-style-three
            .form-input
            input[type="text"]::-ms-input-placeholder {
                color: var(--tj-color-grey-6);
            }

            .contact-form-box-style-three
            .form-input
            input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] )::-webkit-input-placeholder,
            .contact-form-box-style-three .form-input textarea::-webkit-input-placeholder,
            .contact-form-box-style-three
            .form-input
            input[type="tel"]::-webkit-input-placeholder,
            .contact-form-box-style-three
            .form-input
            input[type="email"]::-webkit-input-placeholder,
            .contact-form-box-style-three
            .form-input
            input[type="text"]::-webkit-input-placeholder {
                color: var(--tj-color-grey-6);
            }

            .contact-form-box-style-three
            .form-input
            input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] )::-moz-placeholder,
            .contact-form-box-style-three .form-input textarea::-moz-placeholder,
            .contact-form-box-style-three .form-input input[type="tel"]::-moz-placeholder,
            .contact-form-box-style-three .form-input input[type="email"]::-moz-placeholder,
            .contact-form-box-style-three .form-input input[type="text"]::-moz-placeholder {
                color: var(--tj-color-grey-6);
            }

            .contact-form-box-style-three
            .form-input
            input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] ):-ms-input-placeholder,
            .contact-form-box-style-three .form-input textarea:-ms-input-placeholder,
            .contact-form-box-style-three
            .form-input
            input[type="tel"]:-ms-input-placeholder,
            .contact-form-box-style-three
            .form-input
            input[type="email"]:-ms-input-placeholder,
            .contact-form-box-style-three
            .form-input
            input[type="text"]:-ms-input-placeholder {
                color: var(--tj-color-grey-6);
            }

            .contact-form-box-style-three
            .form-input
            input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] )::-ms-input-placeholder,
            .contact-form-box-style-three .form-input textarea::-ms-input-placeholder,
            .contact-form-box-style-three
            .form-input
            input[type="tel"]::-ms-input-placeholder,
            .contact-form-box-style-three
            .form-input
            input[type="email"]::-ms-input-placeholder,
            .contact-form-box-style-three
            .form-input
            input[type="text"]::-ms-input-placeholder {
                color: var(--tj-color-grey-6);
            }

            .contact-form-box-style-three
            .form-input
            input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] )::placeholder,
            .contact-form-box-style-three .form-input textarea::placeholder,
            .contact-form-box-style-three .form-input input[type="tel"]::placeholder,
            .contact-form-box-style-three .form-input input[type="email"]::placeholder,
            .contact-form-box-style-three .form-input input[type="text"]::placeholder {
                color: var(--tj-color-grey-6);
            }

        .contact-form-box-style-three .form-input textarea {
            border: 1px solid var(--tj-color-grey-7);
            min-height: 140px;
            resize: none;
            border-radius: 10px;
        }

        .contact-form-box-style-three .form-input span {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 15px;
            line-height: 1;
            color: var(--tj-color-theme-primary);
        }

    .contact-form-box-style-three .select-form {
        margin-bottom: 40px;
        border-bottom: 1px solid var(--tj-color-grey-7);
    }

        .contact-form-box-style-three .select-form .nice-select {
            float: unset;
            line-height: inherit;
            padding: 30px 35px;
            display: block;
            width: 100%;
        }

            .contact-form-box-style-three .select-form .nice-select::before {
                position: absolute;
                content: "\f10e";
                top: 20px;
                right: 15px;
                font-family: flaticon_indupress;
                font-size: 18px;
                color: var(--tj-color-theme-primary);
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            .contact-form-box-style-three .select-form .nice-select span {
                color: var(--tj-color-grey-6);
                display: block;
                padding-left: 15px;
                width: 100%;
                right: 0;
            }

            .contact-form-box-style-three .select-form .nice-select .option {
                color: var(--tj-color-grey-6);
                margin-bottom: 10px;
                padding-left: 35px;
            }

                .contact-form-box-style-three .select-form .nice-select .option.selected {
                    color: var(--tj-color-grey-6);
                }

            .contact-form-box-style-three .select-form .nice-select .list {
                width: 100%;
                left: 0;
                border: 1px solid var(--tj-color-grey-7);
                border-radius: 5px;
                margin-top: 0;
            }

    .contact-form-box-style-three .submit-button {
        margin-top: 25px;
    }

        .contact-form-box-style-three .submit-button .tj-primary-btn {
            width: 100%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            /*            border-radius: 10px;
*/ padding: 25px 25px;
            background: #e78105;
            background: #e78105;
        }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .contact-form-box-style-three {
        max-width: 100%;
    }

        .contact-form-box-style-three
        .form-input
        input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] ),
        .contact-form-box-style-three .form-input textarea,
        .contact-form-box-style-three .form-input input[type="tel"],
        .contact-form-box-style-three .form-input input[type="email"],
        .contact-form-box-style-three .form-input input[type="text"] {
            padding: 15px 0 15px;
        }

        .contact-form-box-style-three
        .form-input
        input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] ),
        .contact-form-box-style-three .form-input textarea {
            padding: 15px 15px 15px;
        }

        .contact-form-box-style-three .form-input span {
            right: 0;
        }

        .contact-form-box-style-three .select-form .nice-select::before {
            right: 0;
        }

        .contact-form-box-style-three .select-form .nice-select span {
            padding-left: 15px;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .contact-form-box-style-three {
        margin-top: 50px;
    }

        .contact-form-box-style-three .contact-content .title {
            margin-bottom: 20px;
        }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .contact-form-box-style-three {
        padding: 25px 15px;
    }

        .contact-form-box-style-three .contact-content .title {
            margin-bottom: 20px;
            font-size: 30px;
        }
}

/* !END: Form CSS */
/**----------------------------------------
START: Blog CSS
----------------------------------------*/
.tj-blog-section {
    padding-top: 120px;
    padding-bottom: 35px;
    background-color: var(--tj-color-grey-1);
    position: relative;
    z-index: 2;
}

    .tj-blog-section .blog-sec-shape {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-blog-section {
        padding-top: 80px;
        padding-bottom: 5px;
    }
}

.tj-blog-section-two {
    background-color: var(--tj-color-light-1);
    padding-top: 120px;
    padding-bottom: 90px;
}

    .tj-blog-section-two .tj-heading-three {
        margin-bottom: 60px;
    }

        .tj-blog-section-two .tj-heading-three .title {
            margin-bottom: 0;
        }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-blog-section-two {
        padding-top: 80px;
        padding-bottom: 50px;
    }

        .tj-blog-section-two .tj-heading-three {
            margin-bottom: 35px;
        }
}

.blog-top-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 100px;
}

    .blog-top-content .tj-heading-area {
        max-width: 370px;
        margin-left: 0;
    }

    .blog-top-content .blog-desc {
        max-width: 495px;
        width: 100%;
    }

        .blog-top-content .blog-desc p {
            line-height: 1.9;
        }

            .blog-top-content .blog-desc p:last-child {
                margin-bottom: 0;
            }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .blog-top-content {
        margin-bottom: 75px;
    }

        .blog-top-content.style-2 {
            margin-bottom: 40px;
        }

        .blog-top-content .tj-heading-area {
            margin-bottom: 25px;
        }
}

.blog-item {
    margin-bottom: 85px;
    position: relative;
    z-index: 2;
}

    .blog-item.style-2 .blog-image {
        position: relative;
        z-index: 2;
    }

        .blog-item.style-2 .blog-image img {
            width: 100%;
        }

        .blog-item.style-2 .blog-image .blog-date {
            border-radius: 4px;
            bottom: -40px;
            right: 20px;
            top: auto;
            left: auto;
        }

    .blog-item.style-2 .blog-content .title a {
        display: inline;
        background-image: -webkit-gradient( linear, left top, left bottom, from(currentColor), color-stop(98%, currentColor) );
        background-image: linear-gradient( to bottom, currentColor 0%, currentColor 98% );
        background-size: 0 1px;
        background-repeat: no-repeat;
        background-position: left 100%;
        -webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
        transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
    }

    .blog-item.style-2:hover .blog-content .title a {
        background-size: 100% 1px;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .blog-item.style-2 {
        margin-bottom: 50px;
    }

        .blog-item.style-2 .blog-image .blog-date {
            right: 12px;
        }
}

.blog-item .blog-image {
    margin-bottom: 20px;
}

    .blog-item .blog-image img {
        width: 100%;
        border-radius: 10px;
    }

.blog-item .blog-content {
    padding-left: 20px;
}

    .blog-item .blog-content .title {
        margin-bottom: 0;
    }

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

    .blog-item .blog-content .blog-button {
        margin-top: 30px;
    }

.blog-item .blog-date {
    display: inline-block;
    background: var(--tj-color-theme-secondary);
    position: absolute;
    top: -45px;
    left: 20px;
    text-align: center;
    padding: 10px 15px;
    max-width: 70px;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

    .blog-item .blog-date .date {
        display: block;
        font-size: 35px;
        color: var(--tj-color-common-white);
        font-family: var(--tj-ff-heading);
        font-weight: var(--tj-fw-bold);
        line-height: 1;
        margin-bottom: 5px;
    }

    .blog-item .blog-date .month {
        font-size: 18px;
        color: var(--tj-color-common-white);
        font-family: var(--tj-ff-heading);
        font-weight: var(--tj-fw-bold);
        line-height: 1;
    }

.blog-item:hover .blog-date {
    background-color: var(--tj-color-theme-primary);
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .blog-item .blog-content {
        padding-left: 0;
    }

        .blog-item .blog-content .blog-button {
            margin-top: 20px;
        }

    .blog-item .blog-date {
        max-width: 60px;
    }

        .blog-item .blog-date .date {
            font-size: 25px;
        }

        .blog-item .blog-date .month {
            font-size: 16px;
        }
}

@media (max-width: 575px) {
    .blog-item .blog-date {
        background: var(--tj-color-theme-primary);
    }
}

.blog-item-two {
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

    .blog-item-two .blog-images a {
        display: inline-block;
        width: 100%;
    }

        .blog-item-two .blog-images a img {
            width: 100%;
        }

    .blog-item-two .blog-content {
        padding: 15px;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

        .blog-item-two .blog-content .blog-meta {
            margin-bottom: 15px;
        }

            .blog-item-two .blog-content .blog-meta ul span img {
                border-radius: 50%;
            }

        .blog-item-two .blog-content .blog-title {
            margin-bottom: 0;
            position: relative;
            z-index: 1;
        }

            .blog-item-two .blog-content .blog-title::before {
                position: absolute;
                content: "";
                bottom: -10px;
                left: 0;
                height: 1px;
                width: 88px;
                background: var(--tj-color-grey-3);
            }

            .blog-item-two .blog-content .blog-title a {
                line-height: 1.6;
            }

                .blog-item-two .blog-content .blog-title a:hover {
                    color: var(--tj-color-theme-primary);
                }

        .blog-item-two .blog-content .blog-button {
            margin-top: 40px;
        }

    .blog-item-two:hover .blog-content {
        background: var(--tj-color-common-white);
        -webkit-box-shadow: 10px 10px 60px 0px rgba(0, 0, 0, 0.05);
        box-shadow: 10px 10px 60px 0px rgba(0, 0, 0, 0.05);
    }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .blog-item-two .blog-content .blog-meta ul {
        gap: 15px;
    }
}

.blog-meta ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px;
}

    .blog-meta ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
    }

        .blog-meta ul li span {
            line-height: 1;
        }

            .blog-meta ul li span img {
                max-width: 30px;
                width: 100%;
            }

        .blog-meta ul li a:hover {
            color: var(--tj-color-theme-primary);
        }

.post-meta {
    margin-bottom: 20px;
}

    .post-meta ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
        row-gap: 5px;
    }

        .post-meta ul li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-size: 15px;
            font-weight: var(--tj-fw-sbold);
            font-family: var(--tj-ff-heading);
            color: var(--tj-color-grey-3);
            -webkit-column-gap: 15px;
            -moz-column-gap: 15px;
            column-gap: 15px;
        }

            .post-meta ul li span {
                font-size: 17px;
                line-height: 1;
            }

            .post-meta ul li a:hover {
                color: var(--tj-color-theme-primary);
            }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .post-meta ul {
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        column-gap: 25px;
    }
}

.post-standard-item {
    margin-bottom: 60px;
    background: var(--tj-color-grey-1);
    padding: 30px;
}

    .post-standard-item .title {
        margin-bottom: 10px;
    }

    .post-standard-item p {
        margin-bottom: 15px;
        line-height: 1.9;
    }

        .post-standard-item p:last-child {
            margin-bottom: 0;
        }

    .post-standard-item .blog-button {
        margin-top: 30px;
    }

    .post-standard-item .post-thumb-image {
        position: relative;
        z-index: 1;
        margin-bottom: 24px;
    }

        .post-standard-item .post-thumb-image .popup-videos-button {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background: rgba(84, 84, 84, 0.5);
            color: var(--tj-color-common-white);
        }

            .post-standard-item .post-thumb-image .popup-videos-button::before {
                position: absolute;
                content: "";
                display: inline-block;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 84px;
                height: 84px;
                border: 1px solid rgba(255, 255, 255, 0.6);
                border-radius: 50%;
            }

            .post-standard-item .post-thumb-image .popup-videos-button::after {
                position: absolute;
                content: "";
                display: inline-block;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 68px;
                height: 68px;
                border: 1px solid rgba(255, 255, 255, 0.8);
                border-radius: 50%;
            }

            .post-standard-item .post-thumb-image .popup-videos-button i {
                font-size: 25px;
            }

    .post-standard-item .wrapper-navigation .swiper-button-next,
    .post-standard-item .wrapper-navigation .swiper-button-prev {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        color: var(--tj-color-common-white);
        font-size: 16px;
        z-index: 1;
        -webkit-transition: 0.2s;
        transition: 0.2s;
        font-weight: var(--tj-fw-medium);
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
        background: var(--tj-color-theme-primary);
        width: 60px;
        height: 60px;
        line-height: 60px;
        border-radius: 50%;
        left: 30px;
    }

        .post-standard-item .wrapper-navigation .swiper-button-next::before,
        .post-standard-item .wrapper-navigation .swiper-button-prev::before {
            position: absolute;
            content: "\f105";
            font-family: "Font Awesome 6 Pro";
            text-align: center;
            display: inline-block;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            line-height: 28px;
            border: 2px solid var(--tj-color-common-white);
        }

        .post-standard-item .wrapper-navigation .swiper-button-next:hover,
        .post-standard-item .wrapper-navigation .swiper-button-prev:hover {
            color: var(--tj-color-common-white);
        }

    .post-standard-item .wrapper-navigation .swiper-button-next {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        right: 30px;
        left: auto;
    }

        .post-standard-item .wrapper-navigation .swiper-button-next::before {
            content: "\f105";
        }

        .post-standard-item .wrapper-navigation .swiper-button-prev:after,
        .post-standard-item .wrapper-navigation .swiper-button-next:after {
            display: none;
        }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .post-standard-item .wrapper-navigation .swiper-button-next,
    .post-standard-item .wrapper-navigation .swiper-button-prev {
        width: 45px;
        height: 45px;
        line-height: 45px;
        left: 15px;
    }

        .post-standard-item .wrapper-navigation .swiper-button-next::before,
        .post-standard-item .wrapper-navigation .swiper-button-prev::before {
            width: 25px;
            height: 25px;
            line-height: 22px;
        }

    .post-standard-item .wrapper-navigation .swiper-button-next {
        right: 15px;
        left: auto;
    }
}

.post-standard-item .post-meta {
    margin-bottom: 15px;
}

    .post-standard-item .post-meta ul {
        gap: 30px;
    }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .post-standard-item {
        padding: 25px 15px;
        margin-bottom: 35px;
    }

        .post-standard-item .title {
            font-size: 25px;
        }

        .post-standard-item .blog-thumb-image .popup-videos-button {
            width: 80px;
            height: 80px;
        }

            .post-standard-item .blog-thumb-image .popup-videos-button::before {
                width: 60px;
                height: 60px;
            }

            .post-standard-item .blog-thumb-image .popup-videos-button::after {
                width: 45px;
                height: 45px;
            }

            .post-standard-item .blog-thumb-image .popup-videos-button i {
                font-size: 22px;
            }
}

@media (max-width: 575px) {
    .post-standard-item .post-meta ul {
        gap: 12px;
    }

        .post-standard-item .post-meta ul li {
            font-size: 13px;
            -webkit-column-gap: 10px;
            -moz-column-gap: 10px;
            column-gap: 10px;
        }

            .post-standard-item .post-meta ul li span {
                font-size: 15px;
            }
}

.post-details-item {
    margin-bottom: 60px;
    background: var(--tj-color-grey-1);
    padding: 30px;
}

    .post-details-item .post-thumb-image {
        margin-bottom: 24px;
    }

    .post-details-item .details-title {
        margin-bottom: 10px;
    }

    .post-details-item p {
        margin-bottom: 15px;
        line-height: 1.9;
    }

        .post-details-item p:last-child {
            margin-bottom: 0;
        }

    .post-details-item .wrapper-images {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 24px;
        margin-bottom: 20px;
        margin-top: 30px;
    }

        .post-details-item .wrapper-images img {
            max-width: 312px;
            width: 100%;
        }

    .post-details-item .check-list .details-title {
        margin-bottom: 20px;
    }

    .post-details-item .check-list ul li {
        color: var(--tj-color-text-body);
        font-family: var(--tj-ff-heading);
        font-weight: var(--tj-fw-bold);
        font-size: 18px;
        padding-left: 30px;
        margin-bottom: 20px;
    }

        .post-details-item .check-list ul li:last-child {
            margin-bottom: 0;
        }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .post-details-item {
        padding: 25px 15px;
        margin-bottom: 35px;
    }

        .post-details-item .details-title {
            font-size: 25px;
        }
}

@media (max-width: 575px) {
    .post-details-item .post-meta ul {
        gap: 12px;
    }

        .post-details-item .post-meta ul li {
            font-size: 13px;
            -webkit-column-gap: 10px;
            -moz-column-gap: 10px;
            column-gap: 10px;
        }

            .post-details-item .post-meta ul li span {
                font-size: 15px;
            }
}

/* !END: Blog CSS */
/**----------------------------------------
START: Brand CSS
----------------------------------------*/
.tj-brand-section {
    padding-top: 120px;
    padding-bottom: 120px;
    background: var(--tj-color-grey-1);
}

    .tj-brand-section .tj-heading-area {
        text-align: center;
        margin-bottom: 60px;
    }

    .tj-brand-section .tj-brand-slider .swiper-wrapper {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-brand-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .tj-brand-section .tj-heading-area {
            margin-bottom: 40px;
        }
}

.brand-item a {
    display: inline-block;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.brand-item:hover a {
    opacity: 1;
}

@media (max-width: 575px) {
    .brand-item {
        max-width: 100px;
    }
}

/* !END: Brand CSS */
/**----------------------------------------
START: Newsletter CSS
----------------------------------------*/
.tj-newsletter-section {
    padding-top: 120px;
    padding-bottom: 120px;
}

    .tj-newsletter-section .tj-heading-area {
        max-width: 540px;
        margin-left: 0;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-newsletter-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.newsletter-content-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .newsletter-content-area .tj-heading-area {
        position: relative;
        z-index: 2;
    }

        .newsletter-content-area .tj-heading-area .left-icon {
            position: absolute;
            left: -30%;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            max-width: 95px;
            width: 100%;
        }

    .newsletter-content-area .contact-form-style-2 {
        position: relative;
        z-index: 2;
    }

        .newsletter-content-area .contact-form-style-2 .right-icon {
            position: absolute;
            bottom: -10px;
            right: -20%;
            max-width: 80px;
            width: 100%;
        }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .newsletter-content-area .contact-form-style-2 .right-icon {
        bottom: -50px;
        right: 10%;
        max-width: 50px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .newsletter-content-area {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .newsletter-content-area .tj-heading-area {
            margin-bottom: 35px;
            margin-right: auto;
            margin-left: auto;
            text-align: center;
        }

        .newsletter-content-area .contact-form-style-2 {
            max-width: 460px;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .newsletter-content-area {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .newsletter-content-area .tj-heading-area {
            margin-bottom: 35px;
            margin-right: auto;
            margin-left: auto;
            text-align: center;
        }

            .newsletter-content-area .tj-heading-area .left-icon {
                display: none;
            }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .newsletter-content-area .contact-form-style-2 .form-input .tj-primary-btn {
        padding: 16px 25px;
    }

    .newsletter-content-area
    .contact-form-style-2
    .form-input
    input[type="email"] {
        padding: 13px 25px !important;
    }
}

@media (max-width: 575px) {
    .newsletter-content-area .contact-form-style-2 .input-checkbox {
        margin-bottom: 20px;
    }
}

/* !END: Newsletter CSS */
/**----------------------------------------
START: Theme Slider CSS
----------------------------------------*/
.tj-slider-section {
    position: relative;
    z-index: 2;
}

    .tj-slider-section .swiper-pagination {
        top: 45%;
        right: 16%;
        left: auto;
        width: auto;
    }

        .tj-slider-section .swiper-pagination .swiper-pagination-bullet {
            display: block;
            cursor: pointer;
            background: transparent;
            position: relative;
            color: var(--tj-color-common-white);
            opacity: 1;
            font-size: 17px;
            font-weight: var(--tj-fw-medium);
            margin: 0 0 10px 0;
            font-family: var(--tj-ff-body);
            -webkit-transition: 0.1s;
            transition: 0.1s;
            height: 25px;
            padding-left: 15px;
            width: 10px;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
        }

            .tj-slider-section .swiper-pagination .swiper-pagination-bullet::before {
                position: absolute;
                content: "";
                top: 12px;
                left: auto;
                right: -28px;
                width: 16px;
                height: 2px;
                background: var(--tj-color-common-white);
                margin-left: 20px;
            }

            .tj-slider-section .swiper-pagination .swiper-pagination-bullet::after {
                position: absolute;
                content: "0";
                top: 0;
                right: 10px;
                left: auto;
                -webkit-transition: 0.1s;
                transition: 0.1s;
            }

            .tj-slider-section .swiper-pagination .swiper-pagination-bullet:last-child {
                margin-bottom: 0;
            }

        .tj-slider-section .swiper-pagination .swiper-pagination-bullet-active {
            color: var(--tj-color-theme-primary);
        }

            .tj-slider-section .swiper-pagination .swiper-pagination-bullet-active::before {
                position: absolute;
                content: "";
                top: 12px;
                left: auto;
                right: -58px;
                width: 47px;
                height: 2px;
                background: var(--tj-color-theme-primary);
                margin-left: 20px;
            }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-slider-section .swiper-pagination {
        right: 10%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-slider-section .swiper-pagination {
        right: 3%;
    }

        .tj-slider-section .swiper-pagination .swiper-pagination-bullet::before {
            display: none;
        }

        .tj-slider-section
        .swiper-pagination
        .swiper-pagination-bullet-active::before {
            display: none;
        }
}

.tj-slider-section-two {
    position: relative;
    z-index: 2;
}

    .tj-slider-section-two .swiper-pagination {
        top: 45%;
        right: 12%;
        left: auto;
        width: auto;
    }

        .tj-slider-section-two .swiper-pagination .swiper-pagination-bullet {
            display: block;
            cursor: pointer;
            position: relative;
            opacity: 1;
            margin: 0 0 10px 0;
            height: 15px;
            width: 15px;
            background: rgba(255, 255, 255, 0.7);
        }

            .tj-slider-section-two .swiper-pagination .swiper-pagination-bullet:last-child {
                margin-bottom: 0;
            }

        .tj-slider-section-two .swiper-pagination .swiper-pagination-bullet-active {
            background: var(--tj-color-theme-primary);
        }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-slider-section-two .swiper-pagination {
        right: 10%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-slider-section-two .swiper-pagination {
        right: 3%;
    }
}

.tj-slider-item {
    min-height: 800px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 9;
}

    .tj-slider-item::after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        opacity: 0.7;
        background: linear-gradient( 254deg, var(--tj-color-grey-4) -41.69%, rgba(1, 1, 1, 0.9) 82.84% );
        mix-blend-mode: hard-light;
    }

    .tj-slider-item .slider-bg-image {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 2;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: opacity 2000ms ease-in, -webkit-transform 7000ms ease;
        transition: opacity 2000ms ease-in, -webkit-transform 7000ms ease;
        -webkit-transition: opacity 2000ms ease-in, -webkit-transform 9000ms ease;
        transition: opacity 2000ms ease-in, -webkit-transform 9000ms ease;
        transition: transform 9000ms ease, opacity 2000ms ease-in;
        transition: transform 9000ms ease, opacity 2000ms ease-in, -webkit-transform 9000ms ease;
    }

    .tj-slider-item .slider-sec-left-shape {
        background-position: center left;
        background-repeat: no-repeat;
        background-size: contain;
        max-width: 895px;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 3;
    }

    .tj-slider-item .slider-sec-right-shape {
        background-position: center bottom;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 100%;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 3;
    }

    .tj-slider-item .slider-content {
        padding-top: 150px;
        padding-bottom: 20px;
        max-width: 1075px;
        position: relative;
        z-index: 9;
    }

        .tj-slider-item .slider-content .sub-title {
            display: block;
            font-size: 25px;
            letter-spacing: 4.5px;
            color: var(--tj-color-common-white);
            font-weight: var(--tj-fw-sbold);
            font-family: var(--tj-ff-heading);
            margin-bottom: 10px;
            opacity: 0;
            visibility: hidden;
            -webkit-transition-delay: 1000ms;
            transition-delay: 1000ms;
            -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
            transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
            transition: transform 2000ms ease, opacity 2000ms ease;
            transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
        }

        .tj-slider-item .slider-content .slider-title {
            color: var(--tj-color-common-white);
            margin-bottom: 10px;
            font-weight: var(--tj-fw-ebold);
            text-shadow: 6px 6px 12px rgba(0, 0, 0, 0.35);
            margin-bottom: 0;
            opacity: 0;
            visibility: hidden;
            -webkit-transition-delay: 1000ms;
            transition-delay: 1000ms;
            -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
            transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
            transition: transform 2000ms ease, opacity 2000ms ease;
            transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
        }

        .tj-slider-item .slider-content .slider-sub-title {
            color: var(--tj-color-common-white);
            text-shadow: 6px 6px 12px rgba(0, 0, 0, 0.35);
            font-size: 60px;
            font-weight: var(--tj-fw-light);
            font-family: var(--tj-ff-heading);
            margin-bottom: 20px;
            opacity: 0;
            visibility: hidden;
            -webkit-transition-delay: 1000ms;
            transition-delay: 1000ms;
            -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
            transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
            transition: transform 2000ms ease, opacity 2000ms ease;
            transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
        }

        .tj-slider-item .slider-content .desc {
            max-width: 785px;
            width: 100%;
            opacity: 0;
            visibility: hidden;
            -webkit-transition-delay: 1000ms;
            transition-delay: 1000ms;
            -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
            transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
            transition: transform 2000ms ease, opacity 2000ms ease;
            transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
        }

            .tj-slider-item .slider-content .desc p {
                color: var(--tj-color-common-white);
                font-size: 18px;
                font-weight: var(--tj-fw-medium);
                line-height: 1.9;
            }

                .tj-slider-item .slider-content .desc p:last-child {
                    margin-bottom: 0;
                }

        .tj-slider-item .slider-content .slider-button {
            margin-top: 30px;
            margin-bottom: 85px;
            opacity: 0;
            visibility: hidden;
            -webkit-transition-delay: 700ms;
            transition-delay: 700ms;
            -webkit-transition: opacity 1500ms ease, -webkit-transform 1500ms ease;
            transition: opacity 1500ms ease, -webkit-transform 1500ms ease;
            transition: transform 1500ms ease, opacity 1500ms ease;
            transition: transform 1500ms ease, opacity 1500ms ease, -webkit-transform 1500ms ease;
        }

    .tj-slider-item .slider-sub-title {
        -webkit-transform: translateX(125px);
        -ms-transform: translateX(125px);
        transform: translateX(125px);
    }

    .tj-slider-item .sub-title,
    .tj-slider-item .slider-title {
        -webkit-transform: translateY(-125px);
        -ms-transform: translateY(-125px);
        transform: translateY(-125px);
    }

    .tj-slider-item .slider-button,
    .tj-slider-item .desc {
        -webkit-transform: translateY(125px);
        -ms-transform: translateY(125px);
        transform: translateY(125px);
    }

    .tj-slider-item.swiper-slide-active .slider-bg-image {
        -webkit-transform: scale(1.35);
        -ms-transform: scale(1.35);
        transform: scale(1.35);
    }

    .tj-slider-item.swiper-slide-active .sub-title,
    .tj-slider-item.swiper-slide-active .slider-sub-title,
    .tj-slider-item.swiper-slide-active .desc,
    .tj-slider-item.swiper-slide-active .slider-title,
    .tj-slider-item.swiper-slide-active .slider-button {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0) translateX(0);
        -ms-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }

@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tj-slider-item {
        min-height: 700px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-slider-item {
        min-height: 600px;
    }

        .tj-slider-item .slider-content {
            padding-top: 110px;
        }

            .tj-slider-item .slider-content .slider-title {
                font-size: 60px;
            }

            .tj-slider-item .slider-content .slider-sub-title {
                font-size: 50px;
            }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-slider-item {
        min-height: 550px;
    }

        .tj-slider-item .slider-sec-left-shape {
            max-width: 580px;
        }

        .tj-slider-item .slider-content {
            padding-top: 80px;
        }

            .tj-slider-item .slider-content .slider-title {
                font-size: 50px;
            }

            .tj-slider-item .slider-content .slider-sub-title {
                font-size: 45px;
            }

            .tj-slider-item .slider-content .slider-button {
                margin-bottom: 60px;
            }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-slider-item .slider-content .sub-title {
        font-size: 20px;
    }

    .tj-slider-item .slider-content .slider-title {
        font-size: 45px;
    }

    .tj-slider-item .slider-content .slider-sub-title {
        font-size: 35px;
    }

    .tj-slider-item .slider-content .desc p {
        font-size: 17px;
    }
}

@media (max-width: 575px) {
    .tj-slider-item .slider-content {
        max-width: 310px;
    }

        .tj-slider-item .slider-content .sub-title {
            letter-spacing: 2px;
        }

        .tj-slider-item .slider-content .slider-title {
            font-size: 34px;
            margin-bottom: 10px;
        }

        .tj-slider-item .slider-content .slider-sub-title {
            font-size: 25px;
        }
}

.tj-slider-item-two {
    position: relative;
    z-index: 9;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 80px;
    min-height: 750px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .tj-slider-item-two::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0.9;
        background: -webkit-gradient( linear, left top, right top, color-stop(24.61%, rgba(255, 255, 255, 0.8)), color-stop(113.57%, rgba(255, 255, 255, 0)) );
        background: linear-gradient( 90deg, rgba(255, 255, 255, 0.8) 24.61%, rgba(255, 255, 255, 0) 113.57% );
        mix-blend-mode: luminosity;
        z-index: 3;
    }

    .tj-slider-item-two .slider-bg-image {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 2;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        -webkit-transition: opacity 2000ms ease-in, -webkit-transform 7000ms ease;
        transition: opacity 2000ms ease-in, -webkit-transform 7000ms ease;
        -webkit-transition: opacity 2000ms ease-in, -webkit-transform 9000ms ease;
        transition: opacity 2000ms ease-in, -webkit-transform 9000ms ease;
        transition: transform 9000ms ease, opacity 2000ms ease-in;
        transition: transform 9000ms ease, opacity 2000ms ease-in, -webkit-transform 9000ms ease;
    }

    .tj-slider-item-two::after {
        position: absolute;
        content: "";
        width: 344px;
        height: 344px;
        top: 12%;
        left: 10%;
        border-radius: 344px;
        background: linear-gradient( 150deg, var(--tj-color-theme-primary) 14.6%, rgba(252, 88, 40, 0) 59.53% );
        opacity: 0.1;
        z-index: 3;
    }

    .tj-slider-item-two .slider-content-two {
        position: relative;
        z-index: 4;
    }

        .tj-slider-item-two .slider-content-two .sub-title {
            display: inline-block;
            color: var(--tj-color-text-body-2);
            font-size: 25px;
            font-weight: var(--tj-fw-sbold);
            letter-spacing: 4.5px;
            margin-bottom: 25px;
            position: relative;
            z-index: 1;
            opacity: 0;
            visibility: hidden;
            -webkit-transition-delay: 1000ms;
            transition-delay: 1000ms;
            -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
            transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
            transition: transform 2000ms ease, opacity 2000ms ease;
            transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
        }

        .tj-slider-item-two .slider-content-two .sec-title {
            color: var(--tj-color-text-body-2);
            font-weight: var(--tj-fw-ebold);
            margin-bottom: 6px;
            font-weight: var(--tj-fw-ebold);
            margin-bottom: 0;
            opacity: 0;
            visibility: hidden;
            -webkit-transition-delay: 1000ms;
            transition-delay: 1000ms;
            -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
            transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
            transition: transform 2000ms ease, opacity 2000ms ease;
            transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
        }

        .tj-slider-item-two .slider-content-two .sec-sub-title {
            color: var(--tj-color-theme-primary);
            font-weight: var(--tj-fw-bold);
            margin-bottom: 20px;
            opacity: 0;
            visibility: hidden;
            -webkit-transition-delay: 1000ms;
            transition-delay: 1000ms;
            -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
            transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
            transition: transform 2000ms ease, opacity 2000ms ease;
            transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
        }

        .tj-slider-item-two .slider-content-two .desc {
            max-width: 650px;
            width: 100%;
            opacity: 0;
            visibility: hidden;
            -webkit-transition-delay: 1000ms;
            transition-delay: 1000ms;
            -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
            transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
            transition: transform 2000ms ease, opacity 2000ms ease;
            transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
        }

            .tj-slider-item-two .slider-content-two .desc p {
                color: var(--tj-color-theme-secondary);
                font-size: 16px;
                font-weight: var(--tj-fw-medium);
                line-height: 1.9;
            }

                .tj-slider-item-two .slider-content-two .desc p:last-child {
                    margin-bottom: 0;
                }

        .tj-slider-item-two .slider-content-two .slider-button {
            margin-top: 35px;
            opacity: 0;
            visibility: hidden;
            -webkit-transition-delay: 700ms;
            transition-delay: 700ms;
            -webkit-transition: opacity 1500ms ease, -webkit-transform 1500ms ease;
            transition: opacity 1500ms ease, -webkit-transform 1500ms ease;
            transition: transform 1500ms ease, opacity 1500ms ease;
            transition: transform 1500ms ease, opacity 1500ms ease, -webkit-transform 1500ms ease;
        }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-slider-item-two .slider-content-two .sec-title {
        font-size: 60px;
    }

    .tj-slider-item-two .slider-content-two .sub-title .subtitle_shape {
        bottom: -10px;
        height: 22px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tj-slider-item-two .slider-content-two .sec-title {
        font-size: 50px;
    }

    .tj-slider-item-two .slider-content-two .sub-title .subtitle_shape {
        bottom: -10px;
        height: 22px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tj-slider-item-two .slider-content-two .sec-title {
        font-size: 45px;
    }

    .tj-slider-item-two .slider-content-two .sub-title {
        font-size: 20px;
    }

        .tj-slider-item-two .slider-content-two .sub-title .subtitle_shape {
            bottom: -6px;
            height: 20px;
        }
}

@media (max-width: 575px) {
    .tj-slider-item-two .slider-content-two .sec-title {
        font-size: 34px;
    }

    .tj-slider-item-two .slider-content-two .sub-title {
        font-size: 20px;
        letter-spacing: 2px;
    }

        .tj-slider-item-two .slider-content-two .sub-title .subtitle_shape {
            bottom: -6px;
            height: 20px;
        }

    .tj-slider-item-two .slider-content-two .desc p {
        font-size: 16px;
        line-height: 1.8;
    }
}

.tj-slider-item-two .sec-sub-title {
    -webkit-transform: translateX(125px);
    -ms-transform: translateX(125px);
    transform: translateX(125px);
}

.tj-slider-item-two .sub-title,
.tj-slider-item-two .sec-title {
    -webkit-transform: translateY(-125px);
    -ms-transform: translateY(-125px);
    transform: translateY(-125px);
}

.tj-slider-item-two .slider-button,
.tj-slider-item-two .desc {
    -webkit-transform: translateY(125px);
    -ms-transform: translateY(125px);
    transform: translateY(125px);
}

.tj-slider-item-two.swiper-slide-active .slider-bg-image {
    -webkit-transform: scale(1.35);
    -ms-transform: scale(1.35);
    transform: scale(1.35);
}

.tj-slider-item-two.swiper-slide-active .sub-title,
.tj-slider-item-two.swiper-slide-active .desc,
.tj-slider-item-two.swiper-slide-active .sec-sub-title,
.tj-slider-item-two.swiper-slide-active .sec-title,
.tj-slider-item-two.swiper-slide-active .slider-button {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0);
    -ms-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj-slider-item-two {
        padding-top: 80px;
        min-height: 600px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-slider-item-two {
        min-height: 550px;
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width: 575px) {
    .tj-slider-item-two .slider-content-two {
        max-width: 310px;
    }
}

/* !END: Theme Slider CSS */
/**----------------------------------------
START: Counter CSS
----------------------------------------*/
.fun-fact-two {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: var(--tj-color-grey-13);
    padding: 60px 75px 50px;
    position: relative;
    z-index: 2;
    gap: 20px;
}

    .fun-fact-two .faq-bottom-shape {
        position: absolute;
        bottom: 0;
        left: 0;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .fun-fact-two {
        padding: 40px 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .fun-fact-two {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .fun-fact-two {
        grid-template-columns: repeat(1, 1fr);
    }
}

.tj-counter-section {
    margin-top: -110px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-counter-section {
        margin-top: 0;
        padding-top: 80px;
    }
}

.counter-item-two {
    text-align: center;
    position: relative;
    z-index: 2;
}

    .counter-item-two .tj-count {
        color: var(--tj-color-common-white);
        font-size: 50px;
        font-family: var(--tj-ff-heading);
        font-weight: var(--tj-fw-bold);
    }

    .counter-item-two .sub-title {
        color: var(--tj-color-common-white);
        font-size: 22px;
        font-family: var(--tj-ff-heading);
        font-weight: var(--tj-fw-light);
    }

    .counter-item-two .overly-icon {
        position: absolute;
        top: -35px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        font-size: 80px;
        z-index: -1;
        color: rgba(255, 255, 255, 0.1);
    }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .counter-item-two .tj-count {
        font-size: 40px;
    }

    .counter-item-two .sub-title {
        font-size: 20px;
    }
}

/* !END: Counter CSS */
/**----------------------------------------
START: Project CSS
----------------------------------------*/
.tj-project-section {
    padding-top: 120px;
    padding-bottom: 120px;
    position: relative;
    z-index: 2;
}

    .tj-project-section.style-2 {
        padding-top: 120px;
        padding-bottom: 95px;
    }

    .tj-project-section .project-sec-left-shape {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1;
        max-width: 900px;
        width: 100%;
    }

    .tj-project-section .project-sec-right-shape {
        position: absolute;
        right: 0;
        top: 10%;
        z-index: -1;
    }

    .tj-project-section .project-top-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 60px;
    }

        .tj-project-section .project-top-content .tj-heading-area {
            /*max-width: 335px;*/
            width: 100%;
            margin-left: 0;
        }

            .tj-project-section .project-top-content .tj-heading-area .sec-sub-title {
                margin-bottom: 0;
            }

        .tj-project-section .project-top-content .desc {
            /*            max-width: 495px;
*/ width: 100%;
        }

            .tj-project-section .project-top-content .desc p {
                line-height: 1.9;
            }

                .tj-project-section .project-top-content .desc p:last-child {
                    margin-bottom: 0;
                }

    .tj-project-section .tj-project-button {
        text-align: center;
        margin-top: 30px;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-project-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .tj-project-section.style-2 {
            padding-top: 80px;
            padding-bottom: 55px;
        }

        .tj-project-section .project-top-content {
            -webkit-box-pack: left;
            -ms-flex-pack: left;
            justify-content: left;
            margin-bottom: 35px;
        }

            .tj-project-section .project-top-content .tj-heading-area {
                margin-bottom: 25px;
            }

        .tj-project-section .project-button {
            margin-top: 10px;
        }
}

.tj-project-section-two {
    padding-top: 120px;
    padding-bottom: 210px;
    background: var(--tj-color-light-1);
}

    .tj-project-section-two .tj-heading-three {
        margin-bottom: 60px;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-project-section-two {
        padding-top: 80px;
        padding-bottom: 50px;
    }

        .tj-project-section-two .tj-heading-three {
            margin-bottom: 40px;
        }
}

.project-item {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 280px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 25px;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

    .project-item::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient( linear, left bottom, left top, color-stop(-10.5%, var(--tj-color-grey-8)), color-stop(84.16%, rgba(58, 58, 58, 0)) );
        background: linear-gradient( 0deg, var(--tj-color-grey-8) -10.5%, rgba(58, 58, 58, 0) 84.16% );
        border-radius: 10px;
        z-index: -1;
    }

    .project-item::after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 10px;
        background: -webkit-gradient( linear, left top, left bottom, from(rgba(252, 88, 40, 0.5)), color-stop(115.48%, rgba(252, 88, 40, 0)) );
        background: linear-gradient( 0deg, var(--tj-color-grey-8) -10.5%, rgba(58, 58, 58, 0) 84.16% );
        border-radius: 10px;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        -webkit-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
    }

    .project-item .project-button {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
    }

        .project-item .project-button .tj-check-btn {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 162px;
            height: 162px;
            font-size: 15px;
            font-weight: var(--tj-fw-sbold);
            font-family: var(--tj-ff-heading);
            color: var(--tj-color-common-white);
            background: var(--tj-color-theme-primary);
            border-radius: 50%;
            text-align: center;
        }

    .project-item .prject-title {
        position: absolute;
        bottom: 25px;
        left: 30px;
        -webkit-transition: all 0.4s ease-in-out 0s;
        transition: all 0.4s ease-in-out 0s;
    }

        .project-item .prject-title .title {
            margin-bottom: 0;
        }

            .project-item .prject-title .title a {
                color: var(--tj-color-common-white);
            }

    .project-item:hover::after {
        opacity: 1;
        visibility: visible;
    }

    .project-item:hover .project-button {
        opacity: 1;
        visibility: visible;
    }

    .project-item:hover .prject-title {
        opacity: 0;
        visibility: hidden;
    }

.project-item-two {
    position: relative;
    z-index: 2;
    margin-bottom: 24px;
}

    .project-item-two::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: -webkit-gradient( linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), color-stop(82.59%, rgba(130, 130, 130, 0)) );
        background: linear-gradient( 0deg, rgba(0, 0, 0, 0.8) 0%, rgba(130, 130, 130, 0) 82.59% );
        z-index: 1;
    }

    .project-item-two::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: -webkit-gradient( linear, left bottom, left top, from(rgba(252, 88, 40, 0.75)), color-stop(50%, rgba(255, 255, 255, 0)) );
        background: linear-gradient( 0deg, rgba(252, 88, 40, 0.75) 0%, rgba(255, 255, 255, 0) 50% );
        z-index: 1;
        opacity: 0;
        visibility: hidden;
    }

    .project-item-two .project-images img {
        width: 100%;
    }

    .project-item-two .project-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        padding: 30px;
    }

        .project-item-two .project-content .project-text .project-title {
            margin-bottom: 2px;
        }

            .project-item-two .project-content .project-text .project-title a {
                color: var(--tj-color-common-white);
            }

                .project-item-two .project-content .project-text .project-title a span {
                    font-weight: var(--tj-fw-light);
                    font-size: 22px;
                    color: var(--tj-color-common-white);
                }

        .project-item-two .project-content .project-text span {
            font-size: 14px;
            color: var(--tj-color-common-white);
        }

        .project-item-two .project-content .project-text:hover .project-title a {
            color: var(--tj-color-common-white);
        }

            .project-item-two .project-content .project-text:hover .project-title a span {
                color: var(--tj-color-common-white);
            }

        .project-item-two .project-content .project-icon a {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            line-height: 1;
            font-size: 20px;
            color: var(--tj-color-common-white);
            background: rgba(84, 84, 84, 0.7);
        }

    .project-item-two:hover::after {
        opacity: 1;
        visibility: visible;
    }

/* !END: Project CSS */
/**----------------------------------------
START: Team CSS
----------------------------------------*/
.tj-team-section {
    padding-top: 120px;
    padding-bottom: 120px;
    background: var(--tj-color-grey-1);
}

    .tj-team-section.style-2 {
        padding-top: 120px;
        padding-bottom: 90px;
    }

    .tj-team-section .tj-heading-area {
        margin-bottom: 60px;
    }

        .tj-team-section .tj-heading-area .sec-sub-title {
            margin-bottom: 0;
        }

    .tj-team-section .team-navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 40px;
        line-height: 1;
        color: var(--tj-color-common-white);
        gap: 25px;
        font-weight: var(--tj-fw-regular);
        z-index: 2;
        position: absolute;
        bottom: 0px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 1;
    }

        .tj-team-section .team-navigation .team-next,
        .tj-team-section .team-navigation .team-prev {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            line-height: 1;
            border-radius: 50%;
            background: transparent;
            color: var(--tj-color-theme-primary);
            font-size: 18px;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            border: 1px solid var(--tj-color-theme-primary);
            -webkit-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
        }

            .tj-team-section .team-navigation .team-next i,
            .tj-team-section .team-navigation .team-prev i {
                line-height: 1;
                color: var(--tj-color-theme-primary);
            }

            .tj-team-section .team-navigation .team-next.swiper-button-disabled,
            .tj-team-section .team-navigation .team-prev.swiper-button-disabled {
                color: var(--tj-color-common-white);
            }

            .tj-team-section .team-navigation .team-next:hover,
            .tj-team-section .team-navigation .team-prev:hover {
                background-color: var(--tj-color-theme-primary);
                border-color: var(--tj-color-theme-primary);
                color: var(--tj-color-common-white);
            }

                .tj-team-section .team-navigation .team-next:hover i,
                .tj-team-section .team-navigation .team-prev:hover i {
                    color: var(--tj-color-common-white);
                }

        .tj-team-section .team-navigation .team-prev {
            -webkit-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
        }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-team-section {
        padding-top: 80px;
        padding-bottom: 50px;
    }

        .tj-team-section.style-2 {
            padding-top: 80px;
            padding-bottom: 50px;
        }

        .tj-team-section .tj-heading-area {
            margin-bottom: 40px;
        }
}

.tj-team-section-two {
    padding-top: 120px;
    padding-bottom: 120px;
    position: relative;
    z-index: 2;
}

    .tj-team-section-two .team-left-shapes {
        position: absolute;
        left: 0;
        top: 95px;
        max-width: 185px;
        width: 100%;
        z-index: -1;
    }

        .tj-team-section-two .team-left-shapes img {
            width: 100%;
        }

    .tj-team-section-two .team-right-shapes {
        position: absolute;
        right: 0;
        bottom: 18%;
        max-width: 195px;
        width: 100%;
        z-index: -1;
    }

        .tj-team-section-two .team-right-shapes img {
            width: 100%;
        }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-team-section-two {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

@media (max-width: 575px) {
    .tj-team-section-two .tj-heading-three {
        margin-bottom: 15px;
    }
}

.team-top-content-area {
    margin-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .team-top-content-area .team-navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 25px;
    }

        .team-top-content-area .team-navigation .team-next,
        .team-top-content-area .team-navigation .team-prev {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            line-height: 1;
            color: var(--tj-color-common-white);
            background: var(--tj-color-theme-secondary);
            border-radius: 50%;
            -webkit-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
        }

            .team-top-content-area .team-navigation .team-next:hover,
            .team-top-content-area .team-navigation .team-prev:hover {
                color: var(--tj-color-common-white);
                background-color: var(--tj-color-theme-primary);
            }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .team-top-content-area {
        margin-bottom: 40px;
    }
}

.tj-team-slider {
    padding-bottom: 70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-team-slider {
        padding-bottom: 45px;
    }
}

.team-item {
    border-radius: 6px;
    border: 1px solid var(--tj-color-light-4);
    padding: 30px 30px 15px;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
    min-height: 380px;
    max-height: 380px;
    width: 100%;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

    .team-item .team-images {
        background-size: cover;
        height: 215px;
        width: 100%;
        background-position: center top;
        margin-bottom: 18px;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
        border-radius: 5px;
    }

    .team-item .team-content .team-text {
        padding-top: 15px;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
    }

        .team-item .team-content .team-text .title {
            margin-bottom: 5px;
        }
            /* .team-item .team-content .team-text .title a {
  font-style: italic;
} */
            .team-item .team-content .team-text .title a:hover {
                color: var(--tj-color-theme-primary);
            }

            .team-item .team-content .team-text .title span {
                font-weight: var(--tj-fw-light);
            }

        .team-item .team-content .team-text p {
            display: block;
            color: var(--tj-color-theme-secondary);
            font-size: 18px;
            /* font-style: italic; */
            font-weight: var(--tj-fw-sbold);
            font-family: var(--tj-ff-heading);
            position: relative;
            z-index: 1;
            /* padding-left: 18px; */
            margin-bottom: 25px;
        }

            .team-item .team-content .team-text p::before {
                position: absolute;
                content: "";
                width: 45px;
                height: 2px;
                left: 0;
                bottom: -5px;
                background: var(--tj-color-theme-secondary);
            }

    .team-item .team-content .team-socials {
        position: absolute;
        bottom: 0;
        left: 30px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
    }

        .team-item .team-content .team-socials ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 18px;
        }

            .team-item .team-content .team-socials ul li a {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 24px;
                height: 24px;
                line-height: 1;
                font-size: 13px;
                color: var(--tj-color-common-white);
                background: var(--tj-color-theme-secondary);
                border-radius: 50%;
            }

                .team-item .team-content .team-socials ul li a i {
                    line-height: 1;
                }

                .team-item .team-content .team-socials ul li a:hover {
                    background-color: var(--tj-color-theme-primary);
                    color: var(--tj-color-common-white);
                }

    .team-item:hover {
        background-color: var(--tj-color-light-5);
        border-color: var(--tj-color-light-5);
    }

        .team-item:hover .team-content .team-text {
            -webkit-transform: translateY(-50px);
            -ms-transform: translateY(-50px);
            transform: translateY(-50px);
            background-color: var(--tj-color-light-5);
        }

            .team-item:hover .team-content .team-text .title span {
                color: var(--tj-color-theme-secondary);
            }

            .team-item:hover .team-content .team-text p {
                color: var(--tj-color-theme-primary);
            }

        .team-item:hover .team-content .team-socials {
            opacity: 1;
            visibility: visible;
            bottom: 30px;
        }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .team-item {
        padding: 23px 15px 10px;
    }

        .team-item .team-content .team-text .title {
            font-size: 25px;
        }

        .team-item .team-content .team-text p::before {
            width: 35px;
        }

        .team-item .team-content .team-socials {
            left: 15px;
        }
}

@media (max-width: 575px) {
    .team-item {
        background-color: var(--tj-color-light-5);
        border-color: var(--tj-color-light-5);
    }

        .team-item .team-content .team-text {
            -webkit-transform: translateY(-50px);
            -ms-transform: translateY(-50px);
            transform: translateY(-50px);
            background-color: var(--tj-color-light-5);
        }

            .team-item .team-content .team-text .title span {
                color: var(--tj-color-theme-secondary);
            }

            .team-item .team-content .team-text p {
                color: var(--tj-color-theme-primary);
            }

        .team-item .team-content .team-socials {
            opacity: 1;
            visibility: visible;
            bottom: 30px;
        }

            .team-item .team-content .team-socials ul li a {
                width: 30px;
                height: 30px;
            }
}

.tj-team-slider2 {
    padding-left: 25px;
}

.team-item-two {
    position: relative;
    z-index: 1;
}

    .team-item-two .team-image img {
        width: 100%;
    }

    .team-item-two .team-content {
        position: absolute;
        bottom: 30px;
        left: 0;
        max-width: 330px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: var(--tj-color-theme-primary-6);
        padding: 22px 25px;
        z-index: 2;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

        .team-item-two .team-content::before {
            position: absolute;
            content: "";
            height: 100%;
            width: 45px;
            top: 0;
            left: -25px;
            background: var(--tj-color-theme-primary-6);
            z-index: -1;
            -webkit-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
        }

        .team-item-two .team-content::after {
            position: absolute;
            content: "";
            border-bottom: 35px solid var(--tj-color-theme-primary-7);
            border-left: 25px solid transparent;
            top: -35px;
            left: -25px;
            z-index: -1;
        }

        .team-item-two .team-content .team-auother {
            -webkit-transition: all 0.3s ease-in-out 0s;
            transition: all 0.3s ease-in-out 0s;
        }

            .team-item-two .team-content .team-auother .title {
                margin-bottom: 5px;
            }

                .team-item-two .team-content .team-auother .title a {
                    color: var(--tj-color-theme-secondary);
                }

                    .team-item-two .team-content .team-auother .title a span {
                        font-weight: var(--tj-fw-light);
                        color: var(--tj-color-theme-secondary);
                    }

            .team-item-two .team-content .team-auother span {
                color: var(--tj-color-body-2);
            }

    .team-item-two .team-share .team-social {
        position: absolute;
        right: 25px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline-block;
        margin: 0;
        z-index: 2;
    }

        .team-item-two .team-share .team-social li {
            position: relative;
            list-style-type: none;
            display: inline-block;
        }

            .team-item-two .team-share .team-social li i {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 40px;
                height: 40px;
                background: var(--tj-color-theme-secondary);
                color: var(--tj-color-common-white);
                font-size: 18px;
                position: relative;
                overflow: hidden;
            }

            .team-item-two .team-share .team-social li .team-social-icon {
                position: absolute;
                left: 0;
                bottom: 0;
                opacity: 0;
                visibility: hidden;
                -webkit-transition: all ease 0.8s;
                transition: all ease 0.8s;
                z-index: 4;
                background: var(--tj-color-common-white);
                padding: 15px 10px;
                max-width: 40px;
                width: 100%;
                gap: 15px;
            }

                .team-item-two .team-share .team-social li .team-social-icon li a {
                    width: 20px;
                    height: 20px;
                    background: var(--tj-color-theme-primary);
                }

                    .team-item-two .team-share .team-social li .team-social-icon li a i {
                        display: -webkit-inline-box;
                        display: -ms-inline-flexbox;
                        display: inline-flex;
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        -webkit-box-pack: center;
                        -ms-flex-pack: center;
                        justify-content: center;
                        width: 15px;
                        height: 15px;
                        color: var(--tj-color-common-white);
                        font-size: 12px;
                        background: transparent;
                    }

            .team-item-two .team-share .team-social li:hover .team-social-icon {
                opacity: 1;
                visibility: visible;
                bottom: 0;
                z-index: 5;
                -webkit-transform: scaleY(1);
                -ms-transform: scaleY(1);
                transform: scaleY(1);
            }

    .team-item-two:hover .team-content {
        background-color: var(--tj-color-theme-primary);
    }

        .team-item-two:hover .team-content::before {
            background-color: var(--tj-color-theme-primary);
        }

        .team-item-two:hover .team-content .team-auother .title a {
            color: var(--tj-color-common-white);
        }

            .team-item-two:hover .team-content .team-auother .title a span {
                color: var(--tj-color-common-white);
            }

        .team-item-two:hover .team-content .team-auother span {
            color: var(--tj-color-common-white);
        }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .team-item-two .team-content {
        max-width: 300px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .team-item-two .team-content {
        max-width: 250px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .team-item-two .team-content {
        max-width: 300px;
    }
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

    .mfp-fade.mfp-bg.mfp-ready {
        opacity: 0.8;
    }

    .mfp-fade.mfp-bg.mfp-removing {
        opacity: 0;
    }

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

.mfp-arrow-right,
.mfp-arrow-left {
    opacity: 1;
}

    .mfp-arrow-right::before,
    .mfp-arrow-left::before {
        display: none;
    }

    .mfp-arrow-right::after,
    .mfp-arrow-left::after {
        content: "\f061";
        font-family: "Font Awesome 6 Pro";
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 20px;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent;
        color: var(--tj-color-common-white);
        font-size: 30px;
        font-weight: var(--tj-fw-elight);
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .mfp-arrow-right::after {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        right: 60px;
        left: auto;
    }

.mfp-close {
    width: 45px;
    height: 45px;
    line-height: 45px;
    right: 0;
    top: 0;
    opacity: 1;
    font-size: 30px;
    font-weight: var(--tj-fw-elight);
    font-family: "Font Awesome 6 Pro";
}

/* !END: Team CSS */
/**----------------------------------------
START: Contact CSS
----------------------------------------*/
.tj-contact-section {
    padding-top: 120px;
    position: relative;
    z-index: 2;
}

    .tj-contact-section .contact-sec-shape {
        position: absolute;
        top: -16%;
        right: 0;
        z-index: -1;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-contact-section {
        padding-top: 80px;
    }
}

.tj-contact-section-heading {
    padding-bottom: 60px;
}

    .tj-contact-section-heading .tj-heading-area {
        max-width: 470px;
        width: 100%;
        margin-left: 0;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-contact-section-heading {
        padding-bottom: 40px;
    }
}

.tj-contact-section-content {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
    padding-bottom: 90px;
}

    .tj-contact-section-content::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0.9;
        background: linear-gradient( 254deg, var(--tj-color-grey-4) -41.69%, rgba(1, 1, 1, 0.9) 82.84% );
        mix-blend-mode: hard-light;
        z-index: -1;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-contact-section-content {
        padding-bottom: 80px;
    }
}

.contact-left-content {
    padding-top: 40px;
}

    .contact-left-content .desc {
        margin-bottom: 60px;
    }

        .contact-left-content .desc p {
            color: var(--tj-color-common-white);
            line-height: 1.9;
            position: relative;
            z-index: 1;
        }

            .contact-left-content .desc p::before {
                position: absolute;
                content: "";
                bottom: -20px;
                left: 0;
                width: 310px;
                height: 1px;
                background: var(--tj-color-border-5);
            }

            .contact-left-content .desc p:last-child {
                margin-bottom: 0;
            }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .contact-left-content {
        padding-top: 80px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .contact-left-content .desc p::before {
        width: 220px;
    }
}

.contact-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 25px;
}

    .contact-info:last-child {
        margin-bottom: 0;
    }

    .contact-info .contact-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        line-height: 1;
        font-size: 22px;
        color: var(--tj-color-common-white);
        background: rgba(250, 250, 252, 0.2);
        border-radius: 50px;
    }

        .contact-info .contact-icon i {
            position: relative;
            top: 2px;
        }

    .contact-info .contact-text .title {
        color: var(--tj-color-common-white);
        margin-bottom: 5px;
    }

    .contact-info .contact-text span {
        color: var(--tj-color-common-white);
        font-size: 14px;
    }

    .contact-info .contact-text a {
        color: var(--tj-color-common-white);
    }

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

/* !END: Contact CSS */
/**----------------------------------------
START: Choose CSS
----------------------------------------*/
.tj-choose-section {
    padding-top: 120px;
    padding-bottom: 120px;
    background: var(--tj-color-light-1);
    position: relative;
    z-index: 2;
}

    .tj-choose-section .choose-left-shapes {
        position: absolute;
        left: 0;
        bottom: 0;
        max-width: 860px;
        width: 100%;
        z-index: -1;
    }

        .tj-choose-section .choose-left-shapes img {
            width: 100%;
        }

    .tj-choose-section .tj-heading-three {
        margin-bottom: 30px;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-choose-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .tj-choose-section .tj-heading-three {
            margin-bottom: 20px;
        }
}

.choose-content {
    max-width: 700px;
    width: 100%;
}

    .choose-content .desc {
        margin-bottom: 30px;
    }

        .choose-content .desc p {
            color: var(--tj-color-theme-secondary);
            line-height: 1.9;
            margin-bottom: 0;
        }

    .choose-content .progress-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 60px;
    }

        .choose-content .progress-wrapper .progress-item span {
            display: block;
            color: var(--tj-color-grey-13);
            font-size: 18px;
            font-family: var(--tj-ff-heading);
            font-weight: var(--tj-fw-bold);
            margin-bottom: 15px;
        }

    .choose-content .choose-button {
        margin-top: 40px;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .choose-content {
        max-width: 100%;
        margin-bottom: 50px;
    }
}

@media (max-width: 575px) {
    .choose-content .progress-wrapper {
        gap: 25px;
    }
}

.choose-images {
    text-align: right;
    position: relative;
    z-index: 1;
}

    .choose-images::before {
        position: absolute;
        content: "";
        top: 20px;
        right: -20px;
        width: 65%;
        height: 100%;
        background: -webkit-gradient( linear, left top, left bottom, from(var(--tj-color-theme-primary)), color-stop(112.93%, rgba(255, 255, 255, 0)) );
        background: linear-gradient( 180deg, var(--tj-color-theme-primary) 0%, rgba(255, 255, 255, 0) 112.93% );
        z-index: -1;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .choose-images {
        text-align: start;
    }

        .choose-images::before {
            left: 100px;
        }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .choose-images {
        text-align: start;
    }

        .choose-images::before {
            width: 100%;
            right: -15px;
            top: 15px;
        }
}

/* !END: Choose CSS */
/**----------------------------------------
START: Theme Breadcrumb CSS
----------------------------------------*/
.breadcrumb-wrapper {
    padding-top: 140px;
    padding-bottom: 140px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 2;
    min-height: 450px;
    height: 100%;
    overflow: hidden;
}

    .breadcrumb-wrapper::before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.9;
        background: linear-gradient( 84deg, var(--tj-color-grey-4) 0%, #010101 102.17% );
        mix-blend-mode: hard-light;
        z-index: -1;
    }

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .breadcrumb-wrapper {
        padding-top: 110px;
        padding-bottom: 110px;
        min-height: 400px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .breadcrumb-wrapper {
        padding-top: 55px;
        padding-bottom: 55px;
        min-height: 250px;
    }
}

.breadcrumb-content-area {
    position: relative;
    z-index: 9;
    padding: 35px 0;
}

    .breadcrumb-content-area .breadcrumb-heading .breadcrumb-title {
        color: var(--tj-color-common-white);
        font-size: 50px;
        margin-bottom: 10px;
        font-weight: var(--tj-fw-ebold);
    }

    .breadcrumb-content-area .breadcrumb-link span {
        color: var(--tj-color-common-white);
        font-size: 15px;
        font-family: var(--tj-ff-heading);
        font-weight: var(--tj-fw-sbold);
    }

    .breadcrumb-content-area .breadcrumb-link i {
        color: var(--tj-color-common-white);
        padding-left: 10px;
        padding-right: 10px;
        font-size: 20px;
        position: relative;
        top: 3px;
    }

    .breadcrumb-content-area .breadcrumb-link a span {
        color: var(--tj-color-common-white);
        -webkit-transition: 0.4s;
        transition: 0.4s;
        position: relative;
        font-family: var(--tj-ff-heading);
        font-size: 15px;
        font-weight: var(--tj-fw-sbold);
    }

        .breadcrumb-content-area .breadcrumb-link a span::before {
            position: absolute;
            content: "";
            width: 0;
            height: 1px;
            bottom: 0;
            left: 0;
            background: var(--tj-color-common-white);
        }

        .breadcrumb-content-area .breadcrumb-link a span:hover::before {
            width: 100%;
        }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-content-area .breadcrumb-heading .breadcrumb-title {
        font-size: 35px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .breadcrumb-content-area .breadcrumb-heading .breadcrumb-title {
        font-size: 32px;
    }
}

@-webkit-keyframes raindrop {
    0% {
        top: -10%;
        opacity: 0;
        height: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        top: 100%;
        height: 35%;
    }
}

@keyframes raindrop {
    0% {
        top: -10%;
        opacity: 0;
        height: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        top: 100%;
        height: 35%;
    }
}

@-webkit-keyframes raindrop-reverse {
    0% {
        bottom: -10%;
        opacity: 0;
        height: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        bottom: 100%;
        height: 35%;
    }
}

@keyframes raindrop-reverse {
    0% {
        bottom: -10%;
        opacity: 0;
        height: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        bottom: 100%;
        height: 35%;
    }
}

.vertical-lines-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    margin: 0;
    pointer-events: none;
    z-index: 1;
}

    .vertical-lines-wrapper .vertical-effect {
        position: relative;
        width: 14.28%;
        height: 100%;
        float: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-right: 2px solid rgba(252, 88, 40, 0.1);
    }

        .vertical-lines-wrapper .vertical-effect::before {
            content: "";
            position: absolute;
            display: block;
            width: 2px;
        }

        .vertical-lines-wrapper .vertical-effect:nth-child(5)::before,
        .vertical-lines-wrapper .vertical-effect:nth-child(3)::before,
        .vertical-lines-wrapper .vertical-effect:nth-child(1)::before {
            left: 100%;
            top: 0;
            -webkit-animation: raindrop 6s ease-out infinite;
            animation: raindrop 6s ease-out infinite;
            background: -webkit-gradient( linear, left bottom, left top, from(rgba(241, 160, 39, 0.8)), to(rgba(225, 225, 225, 0)) );
            background: linear-gradient( 0deg, rgba(241, 160, 39, 0.8), rgba(225, 225, 225, 0) );
        }

        .vertical-lines-wrapper .vertical-effect:nth-child(6)::before,
        .vertical-lines-wrapper .vertical-effect:nth-child(4)::before,
        .vertical-lines-wrapper .vertical-effect:nth-child(2)::before {
            left: 100%;
            bottom: 0;
            -webkit-animation: raindrop-reverse 6s ease-out infinite;
            animation: raindrop-reverse 6s ease-out infinite;
            background: -webkit-gradient( linear, left bottom, left top, from(rgba(241, 160, 39, 0.8)), to(rgba(225, 225, 225, 0)) );
            background: linear-gradient( 0deg, rgba(241, 160, 39, 0.8), rgba(225, 225, 225, 0) );
        }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .vertical-lines-wrapper .vertical-effect {
        width: 17%;
    }

        .vertical-lines-wrapper .vertical-effect:nth-child(7),
        .vertical-lines-wrapper .vertical-effect:nth-child(6) {
            display: none;
        }

            .vertical-lines-wrapper .vertical-effect:nth-child(7)::before,
            .vertical-lines-wrapper .vertical-effect:nth-child(6)::before {
                display: none;
            }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .vertical-lines-wrapper .vertical-effect {
        width: 21%;
    }

        .vertical-lines-wrapper .vertical-effect:nth-child(7),
        .vertical-lines-wrapper .vertical-effect:nth-child(6),
        .vertical-lines-wrapper .vertical-effect:nth-child(5) {
            display: none;
        }

            .vertical-lines-wrapper .vertical-effect:nth-child(7)::before,
            .vertical-lines-wrapper .vertical-effect:nth-child(6)::before,
            .vertical-lines-wrapper .vertical-effect:nth-child(5)::before {
                display: none;
            }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .vertical-lines-wrapper .vertical-effect {
        width: 26%;
    }

        .vertical-lines-wrapper .vertical-effect:nth-child(7),
        .vertical-lines-wrapper .vertical-effect:nth-child(6),
        .vertical-lines-wrapper .vertical-effect:nth-child(5),
        .vertical-lines-wrapper .vertical-effect:nth-child(4) {
            display: none;
        }

            .vertical-lines-wrapper .vertical-effect:nth-child(7)::before,
            .vertical-lines-wrapper .vertical-effect:nth-child(6)::before,
            .vertical-lines-wrapper .vertical-effect:nth-child(5)::before,
            .vertical-lines-wrapper .vertical-effect:nth-child(4)::before {
                display: none;
            }
}

/* !END: Breadcrumb CSS */
/**----------------------------------------
START: Theme Service CSS
----------------------------------------*/
.tj-service-details {
    padding-top: 120px;
    padding-bottom: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-service-details {
        padding-top: 80px;
        padding-bottom: 55px;
    }
}

.tj-service-details .faq-item {
    max-width: 100%;
}

.service-wrapper {
    background: var(--tj-color-grey-1);
    padding: 30px;
    margin-bottom: 60px;
}

    .service-wrapper .details-image {
        margin-bottom: 30px;
    }

        .service-wrapper .details-image img {
            width: 100%;
        }

    .service-wrapper .title {
        margin-bottom: 10px;
    }

    .service-wrapper p {
        margin-bottom: 15px;
        line-height: 1.9;
    }

        .service-wrapper p:last-child {
            margin-bottom: 0;
        }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .service-wrapper {
        margin-bottom: 35px;
        padding: 20px 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .service-wrapper .title {
        font-size: 25px;
    }
}

.service-item-three {
    background: var(--tj-color-grey-1);
    padding: 20px 25px;
    margin-bottom: 60px;
}

    .service-item-three .service-icon {
        font-size: 40px;
        color: var(--tj-color-theme-secondary);
        line-height: 1;
        margin-bottom: 10px;
    }

    .service-item-three span {
        display: inline-block;
        color: var(--tj-color-theme-secondary);
        font-family: var(--tj-ff-heading);
        font-weight: var(--tj-fw-light);
        font-size: 22px;
        margin-bottom: 5px;
    }

    .service-item-three .title {
        position: relative;
        z-index: 2;
        margin-bottom: 35px;
    }

        .service-item-three .title::before {
            position: absolute;
            content: "";
            height: 1px;
            width: 200px;
            left: 0;
            bottom: -15px;
            background: var(--tj-color-theme-secondary);
        }

        .service-item-three .title a:hover {
            color: var(--tj-color-theme-primary);
        }

    .service-item-three .desc p {
        line-height: 1.9;
    }

        .service-item-three .desc p:last-child {
            margin-bottom: 0;
        }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .service-item-three {
        margin-bottom: 30px;
        padding: 20px 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .service-item-three .title {
        font-size: 25px;
    }
}

.service-video-wrapper {
    background: var(--tj-color-grey-1);
    padding: 30px;
    margin-bottom: 30px;
}

    .service-video-wrapper .title {
        margin-bottom: 10px;
    }

    .service-video-wrapper p {
        margin-bottom: 30px;
    }

    .service-video-wrapper .video-areas {
        position: relative;
        z-index: 2;
    }

        .service-video-wrapper .video-areas img {
            width: 100%;
        }

        .service-video-wrapper .video-areas .videos-icon .popup-videos-button {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            color: var(--tj-color-common-white);
            background: rgba(255, 255, 255, 0.3);
            -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
            position: relative;
            z-index: 2;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

            .service-video-wrapper .video-areas .videos-icon .popup-videos-button::before {
                position: absolute;
                content: "";
                display: inline-block;
                width: 48px;
                height: 48px;
                border: 1px solid rgba(255, 255, 255, 0.2);
                border-radius: 50%;
            }

            .service-video-wrapper .video-areas .videos-icon .popup-videos-button::after {
                position: absolute;
                content: "";
                display: inline-block;
                width: 35px;
                height: 35px;
                border: 1px solid rgba(255, 255, 255, 0.5);
                border-radius: 50%;
            }

            .service-video-wrapper .video-areas .videos-icon .popup-videos-button i {
                font-size: 16px;
            }

    .service-video-wrapper .service-video-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 30px;
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .service-video-wrapper {
        padding: 20px 15px;
    }

        .service-video-wrapper .service-video-content {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

        .service-video-wrapper .video-areas {
            width: 100%;
        }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .service-video-wrapper .title {
        font-size: 25px;
    }
}

.check-list ul li {
    color: var(--tj-color-theme-secondary);
    font-family: var(--tj-ff-heading);
    font-weight: var(--tj-fw-bold);
    font-size: 18px;
    position: relative;
    z-index: 2;
    padding-left: 35px;
    margin-bottom: 22px;
}

    .check-list ul li:last-child {
        margin-bottom: 0;
    }

    .check-list ul li span {
        width: 18px;
        height: 18px;
        line-height: 18px;
        text-align: center;
        border-radius: 50%;
        font-size: 12px;
        display: inline-block;
        color: var(--tj-color-common-white);
        background: var(--tj-color-theme-primary);
        position: absolute;
        top: 6px;
        left: 0;
    }

.tj-service-widget {
    background: var(--tj-color-grey-1);
    margin-bottom: 24px;
    padding: 30px;
    position: relative;
    z-index: 3;
}

    .tj-service-widget .side-title {
        font-size: 30px;
        color: var(--tj-color-theme-primary);
        position: relative;
        margin-bottom: 30px;
        font-weight: var(--tj-fw-ebold);
    }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-service-widget {
        padding: 25px 15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-service-widget .side-title {
        font-size: 25px;
    }
}

.service-catagory ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .service-catagory ul li {
        font-size: 18px;
        font-weight: var(--tj-fw-sbold);
        font-family: var(--tj-ff-heading);
        border-bottom: 1px solid var(--tj-color-border-6);
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

        .service-catagory ul li:last-child {
            margin-bottom: 0;
        }

        .service-catagory ul li a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

            .service-catagory ul li a span {
                width: 20px;
                height: 20px;
                line-height: 20px;
                border-radius: 50%;
                display: inline-block;
                font-size: 12px;
                text-align: center;
                color: var(--tj-color-common-white);
                background: var(--tj-color-text-body);
                font-weight: var(--tj-fw-bold);
            }

                .service-catagory ul li a span i {
                    font-weight: var(--tj-fw-bold);
                }

            .service-catagory ul li a:hover {
                color: var(--tj-color-theme-primary);
            }

                .service-catagory ul li a:hover span {
                    background-color: var(--tj-color-theme-primary);
                    color: var(--tj-color-common-white);
                }

.service-contact .contact-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    font-size: 35px;
    color: var(--tj-color-theme-primary);
    border: 1px solid var(--tj-color-theme-primary);
    border-radius: 50%;
    line-height: 1;
    margin-bottom: 20px;
}

    .service-contact .contact-icon i {
        position: relative;
        top: 2px;
    }

.service-contact .contact-link {
    font-size: 35px;
    color: var(--tj-color-theme-primary);
    font-weight: var(--tj-fw-bold);
    font-family: var(--tj-ff-heading);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: block;
    margin-bottom: 15px;
}

.service-contact ul li {
    font-family: var(--tj-ff-heading);
    font-weight: var(--tj-fw-medium);
    font-size: 18px;
    line-height: 1.9;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
    .service-contact .contact-link {
        font-size: 30px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .service-contact .contact-link {
        font-size: 25px;
    }
}

/* !END: Theme Service CSS */
/**----------------------------------------
START: Theme Project CSS
----------------------------------------*/
.tj-project-details {
    padding-top: 120px;
    padding-bottom: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-project-details {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.project-wrapper {
    background: var(--tj-color-grey-1);
    margin-bottom: 30px;
    padding: 30px;
}

    .project-wrapper .project-image {
        margin-bottom: 60px;
    }

    .project-wrapper .project-text {
        margin-bottom: 30px;
    }

        .project-wrapper .project-text:last-child {
            margin-bottom: 0;
        }

        .project-wrapper .project-text .title {
            margin-bottom: 10px;
            line-height: 1.5;
        }

        .project-wrapper .project-text .desc {
            line-height: 1.9;
        }

            .project-wrapper .project-text .desc:last-child {
                margin-bottom: 0;
            }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .project-wrapper .project-image {
        margin-bottom: 35px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .project-wrapper {
        padding: 20px 15px;
    }

        .project-wrapper .project-text .title {
            font-size: 25px;
        }
}

.project-category {
    margin-bottom: 30px;
}

    .project-category ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 90px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .project-category ul li {
            font-size: 18px;
            font-weight: var(--tj-fw-bold);
            border-left: 2px solid var(--tj-color-theme-primary);
            padding-left: 15px;
            color: var(--tj-color-grey-10);
            font-family: var(--tj-ff-heading);
        }

            .project-category ul li span {
                display: block;
                font-size: 14px;
                font-weight: var(--tj-fw-medium);
                margin-bottom: 10px;
                color: var(--tj-color-grey-10);
            }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .project-category ul {
        gap: 50px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .project-category ul {
        gap: 30px;
    }
}

.project-feature-item {
    background: var(--tj-color-theme-primary);
    padding: 40px;
    max-width: 580px;
    width: 100%;
    margin-bottom: 60px;
    margin-left: 30px;
}

    .project-feature-item .desc {
        color: var(--tj-color-common-white);
        margin-bottom: 20px;
        line-height: 2.1;
    }

    .project-feature-item .project-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px;
    }

        .project-feature-item .project-text .project-auother {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 15px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

            .project-feature-item .project-text .project-auother .auother-image {
                border: 1px solid var(--tj-color-common-white);
                border-radius: 50%;
                padding: 8px;
                max-width: 80px;
                width: 100%;
            }

                .project-feature-item .project-text .project-auother .auother-image img {
                    width: 100%;
                }

            .project-feature-item .project-text .project-auother .auother-text .title {
                color: var(--tj-color-common-white);
                margin-bottom: 5px;
            }

                .project-feature-item .project-text .project-auother .auother-text .title span {
                    font-weight: var(--tj-fw-light);
                }

            .project-feature-item .project-text .project-auother .auother-text .sub-title {
                color: var(--tj-color-light-7);
                font-size: 18px;
                position: relative;
                z-index: 1;
                padding-left: 40px;
            }

                .project-feature-item
                .project-text
                .project-auother
                .auother-text
                .sub-title::before {
                    position: absolute;
                    content: "";
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%);
                    left: 0;
                    width: 27px;
                    height: 2px;
                    background: var(--tj-color-common-white);
                }

        .project-feature-item .project-text .project-quote {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            border: 1.5px solid var(--tj-color-common-white);
            width: 80px;
            height: 80px;
            line-height: 1;
            background: var(--tj-color-theme-primary-3);
            border-radius: 50%;
            -webkit-box-shadow: 0px 0px 25px 0px rgba(50, 60, 69, 0.3);
            box-shadow: 0px 0px 25px 0px rgba(50, 60, 69, 0.3);
        }

    .project-feature-item .star-ratings {
        unicode-bidi: bidi-override;
        color: var(--tj-color-light-6);
        font-size: 20px;
        letter-spacing: 5px;
        line-height: 1;
        position: relative;
        margin: 0;
        padding: 0;
        -webkit-text-stroke: 1px var(--tj-color-light-8);
    }

        .project-feature-item .star-ratings .fill-ratings {
            color: var(--tj-color-light-8);
            padding: 0;
            position: absolute;
            z-index: 1;
            display: block;
            top: 0;
            left: 0;
            overflow: hidden;
        }

            .project-feature-item .star-ratings .fill-ratings span {
                display: inline-block;
            }

        .project-feature-item .star-ratings .empty-ratings {
            padding: 0;
            display: block;
            z-index: 0;
            color: var(--tj-color-common-white);
        }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .project-feature-item {
        margin-bottom: 30px;
        margin-left: 0;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .project-feature-item {
        padding: 20px 15px;
    }
}

@media (max-width: 575px) {
    .project-feature-item .project-auother {
        margin-bottom: 20px;
    }

    .project-feature-item .project-text .project-quote {
        width: 60px;
        height: 60px;
    }
}

.project-wrapper-slider {
    margin-bottom: 60px;
    background: var(--tj-color-grey-1);
    padding: 30px;
}

    .project-wrapper-slider .tj-project-wrapper-slider {
        margin-bottom: 60px;
    }

        .project-wrapper-slider .tj-project-wrapper-slider .slider-image {
            width: 100%;
        }

            .project-wrapper-slider .tj-project-wrapper-slider .slider-image img {
                width: 100%;
            }

        .project-wrapper-slider
        .tj-project-wrapper-slider
        .wrapper-navigation
        .swiper-button-next,
        .project-wrapper-slider
        .tj-project-wrapper-slider
        .wrapper-navigation
        .swiper-button-prev {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            color: var(--tj-color-common-white);
            font-size: 16px;
            z-index: 1;
            -webkit-transition: 0.2s;
            transition: 0.2s;
            font-weight: var(--tj-fw-medium);
            -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
            background: var(--tj-color-theme-primary);
            width: 60px;
            height: 60px;
            line-height: 60px;
            border-radius: 50%;
            left: 30px;
        }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .project-wrapper-slider
    .tj-project-wrapper-slider
    .wrapper-navigation
    .swiper-button-next,
    .project-wrapper-slider
    .tj-project-wrapper-slider
    .wrapper-navigation
    .swiper-button-prev {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }
}

.project-wrapper-slider
.tj-project-wrapper-slider
.wrapper-navigation
.swiper-button-next::before,
.project-wrapper-slider
.tj-project-wrapper-slider
.wrapper-navigation
.swiper-button-prev::before {
    position: absolute;
    content: "\f105";
    font-family: "Font Awesome 6 Pro";
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 26px;
    border: 2px solid var(--tj-color-common-white);
}

.project-wrapper-slider
.tj-project-wrapper-slider
.wrapper-navigation
.swiper-button-next:hover,
.project-wrapper-slider
.tj-project-wrapper-slider
.wrapper-navigation
.swiper-button-prev:hover {
    color: var(--tj-color-common-white);
}

.project-wrapper-slider
.tj-project-wrapper-slider
.wrapper-navigation
.swiper-button-next {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    right: 30px;
    left: auto;
}

    .project-wrapper-slider
    .tj-project-wrapper-slider
    .wrapper-navigation
    .swiper-button-next::before {
        content: "\f105";
    }

    .project-wrapper-slider
    .tj-project-wrapper-slider
    .wrapper-navigation
    .swiper-button-prev:after,
    .project-wrapper-slider
    .tj-project-wrapper-slider
    .wrapper-navigation
    .swiper-button-next:after {
        display: none;
    }

.project-wrapper-slider .title {
    margin-bottom: 15px;
}

.project-wrapper-slider p {
    margin-bottom: 30px;
    line-height: 1.9;
}

.project-wrapper-slider .project-slider-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 65px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .project-wrapper-slider .project-slider-content .project-text {
        max-width: 395px;
        width: 100%;
    }

        .project-wrapper-slider .project-slider-content .project-text .title {
            margin-bottom: 10px;
            font-weight: var(--tj-fw-ebold);
        }

        .project-wrapper-slider .project-slider-content .project-text p {
            margin-bottom: 0;
            line-height: 2.1;
        }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .project-wrapper-slider {
        margin-bottom: 30px;
    }

        .project-wrapper-slider .tj-project-wrapper-slider {
            margin-bottom: 30px;
        }

        .project-wrapper-slider .project-slider-content {
            gap: 25px;
        }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .project-wrapper-slider {
        padding: 20px 15px;
    }

        .project-wrapper-slider .title {
            font-size: 25px;
        }
}

.project-details-share {
    border-top: 2px solid rgba(50, 60, 69, 0.1);
    border-bottom: 2px solid rgba(50, 60, 69, 0.1);
    padding: 40px 0;
}

    .project-details-share ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 25px;
    }

        .project-details-share ul li span {
            font-size: 30px;
            color: var(--tj-color-theme-secondary);
            font-weight: var(--tj-fw-bold);
            font-family: var(--tj-ff-heading);
            margin-right: 15px;
        }

        .project-details-share ul li a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 35px;
            height: 35px;
            line-height: 1;
            border-radius: 50%;
            background: var(--tj-color-theme-secondary);
            color: var(--tj-color-common-white);
            -webkit-transition: 0.4s;
            transition: 0.4s;
        }

            .project-details-share ul li a:hover {
                background: var(--tj-color-theme-primary);
                color: var(--tj-color-common-white);
            }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .project-details-share {
        padding: 25px 0;
    }

        .project-details-share ul {
            gap: 15px;
        }

            .project-details-share ul li span {
                font-size: 25px;
            }
}

@media (max-width: 575px) {
    .project-details-share ul {
        gap: 10px;
    }

        .project-details-share ul li span {
            font-size: 20px;
            margin-right: 5px;
        }

        .project-details-share ul li a {
            width: 30px;
            height: 30px;
            font-size: 15px;
        }
}

/* !END: Theme Project CSS */
/**----------------------------------------
START: Theme Blog CSS
----------------------------------------*/
.tj-blog-grid-section {
    padding-top: 120px;
    padding-bottom: 90px;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-blog-grid-section {
        padding-top: 80px;
        padding-bottom: 50px;
    }
}

.tj-blog-details {
    padding-top: 120px;
    padding-bottom: 120px;
    position: relative;
    overflow: hidden;
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-blog-details {
        padding-top: 80px;
        padding-bottom: 60px;
    }
}

.post-standard-wrapper {
    position: relative;
    z-index: 3;
}

    .post-standard-wrapper .tj-blog-wrapper-slider {
        margin-bottom: 24px;
    }

    .post-standard-wrapper .blog-thumb-image {
        margin-bottom: 24px;
    }

        .post-standard-wrapper .blog-thumb-image img {
            width: 100%;
        }

    .post-standard-wrapper .details-title {
        margin-bottom: 15px;
    }

        .post-standard-wrapper .details-title .title {
            font-size: 30px;
            margin-bottom: 0;
        }

    .post-standard-wrapper .blog-video-area {
        margin-bottom: 50px;
    }

        .post-standard-wrapper .blog-video-area .video-title {
            margin-bottom: 26px;
        }

            .post-standard-wrapper .blog-video-area .video-title p {
                margin-bottom: 0;
            }

        .post-standard-wrapper .blog-video-area .video-box {
            margin-bottom: 15px;
        }

        .post-standard-wrapper .blog-video-area .video-image {
            position: relative;
        }

            .post-standard-wrapper .blog-video-area .video-image img {
                border-radius: 20px;
                width: 100%;
            }

            .post-standard-wrapper .blog-video-area .video-image a {
                display: inline-block;
            }

            .post-standard-wrapper .blog-video-area .video-image .video-play {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 70px;
                height: 70px;
                line-height: 80px;
                border-radius: 50%;
                display: inline-block;
                text-align: center;
                background: -webkit-gradient( linear, left top, right top, from(var(--tj-color-theme-secondary)), to(var(--tj-color-theme-primary)) );
                background: linear-gradient( 90deg, var(--tj-color-theme-secondary) 0%, var(--tj-color-theme-primary) 100% );
            }

                .post-standard-wrapper .blog-video-area .video-image .video-play i {
                    color: var(--tj-color-common-white);
                    font-size: 30px;
                }

        .post-standard-wrapper .blog-video-area .check-list {
            margin-top: 15px;
        }

            .post-standard-wrapper .blog-video-area .check-list ul {
                margin: 0;
                padding: 0;
                list-style: none;
            }

                .post-standard-wrapper .blog-video-area .check-list ul li {
                    color: var(--tj-color-light-3);
                    font-weight: var(--tj-fw-sbold);
                    font-family: var(--tj-ff-body);
                    margin-bottom: 10px;
                }

                    .post-standard-wrapper .blog-video-area .check-list ul li:last-child {
                        margin-bottom: 0;
                    }

                    .post-standard-wrapper .blog-video-area .check-list ul li i {
                        width: 18px;
                        height: 18px;
                        line-height: 18px;
                        font-size: 12px;
                        display: inline-block;
                        text-align: center;
                        border-radius: 50%;
                        font-weight: var(--tj-fw-sbold);
                        color: var(--tj-color-common-white);
                        background: var(--tj-color-light-3);
                        margin-right: 5px;
                    }

        .post-standard-wrapper .blog-video-area p {
            margin-bottom: 0;
        }

.tj-tags-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 2px solid var(--tj-color-border-4);
    border-bottom: 2px solid var(--tj-color-border-4);
    padding-top: 22px;
    padding-bottom: 22px;
    margin-bottom: 60px;
}

    .tj-tags-post .tagcloud span {
        color: var(--tj-color-grey-11);
        font-family: var(--tj-ff-heading);
        font-weight: var(--tj-fw-bold);
        font-size: 22px;
        margin-right: 12px;
    }

    .tj-tags-post .post-share ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 23px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .tj-tags-post .post-share ul li span {
            font-size: 22px;
            font-weight: var(--tj-fw-bold);
            color: var(--tj-color-theme-secondary);
            font-family: var(--tj-ff-heading);
            margin-right: 5px;
        }

        .tj-tags-post .post-share ul li a {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            line-height: 1;
            border-radius: 50%;
            background: var(--tj-color-theme-secondary);
            color: var(--tj-color-common-white);
        }

            .tj-tags-post .post-share ul li a:hover {
                background: var(--tj-color-theme-primary);
                color: var(--tj-color-common-white);
            }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-tags-post .tagcloud {
        margin-bottom: 20px;
        gap: 10px;
    }

        .tj-tags-post .tagcloud span {
            margin-right: 0;
        }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-tags-post {
        margin-bottom: 40px;
    }
}

.tj-comments-wrap {
    margin-bottom: 60px;
}

    .tj-comments-wrap .comments-title .title {
        margin-bottom: 40px;
    }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-comments-wrap {
        margin-bottom: 50px;
    }

        .tj-comments-wrap .comments-title .title {
            font-size: 25px;
            margin-bottom: 30px;
        }
}

.tj-latest-comments ul .tj-comment {
    margin-bottom: 35px;
}

    .tj-latest-comments ul .tj-comment .comment-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 15px;
    }

        .tj-latest-comments ul .tj-comment .comment-content .comments-header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .tj-latest-comments
            ul
            .tj-comment
            .comment-content
            .comments-header
            .comment-avatar {
                max-width: 60px;
                width: 100%;
                margin-right: 15px;
            }

            .tj-latest-comments
            ul
            .tj-comment
            .comment-content
            .comments-header
            .avatar-name
            .title {
                margin-bottom: 5px;
            }

                .tj-latest-comments
                ul
                .tj-comment
                .comment-content
                .comments-header
                .avatar-name
                .title
                a {
                    font-size: 16px;
                    color: var(--tj-color-theme-primary);
                    font-weight: var(--tj-fw-bold);
                }

            .tj-latest-comments
            ul
            .tj-comment
            .comment-content
            .comments-header
            .avatar-name
            span {
                font-size: 14px;
                font-weight: var(--tj-fw-medium);
            }

        .tj-latest-comments ul .tj-comment .comment-content .comment-reply a {
            background: var(--tj-color-theme-primary);
            font-size: 14px;
            color: var(--tj-color-common-white);
            padding: 6px 20px;
        }

            .tj-latest-comments ul .tj-comment .comment-content .comment-reply a:hover {
                background-color: var(--tj-color-theme-secondary);
                color: var(--tj-color-common-white);
            }

    .tj-latest-comments ul .tj-comment .desc {
        padding-left: 75px;
    }

        .tj-latest-comments ul .tj-comment .desc p {
            margin-bottom: 0;
            line-height: 1.9;
        }

.tj-latest-comments ul .children {
    padding-left: 75px;
}

@media (max-width: 575px) {
    .tj-latest-comments ul .tj-comment .desc {
        padding-left: 0;
    }

    .tj-latest-comments ul .children {
        padding-left: 20px;
    }
}

.tj-comment-respond {
    padding: 40px;
    border: 2px solid rgba(255, 111, 69, 0.35);
    background: rgba(255, 242, 238, 0.35);
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-comment-respond {
        padding: 20px;
    }
}

.tj-comment-respond .comment-header {
    margin-bottom: 20px;
}

    .tj-comment-respond .comment-header .title {
        color: var(--tj-color-theme-primary);
        margin-bottom: 10px;
    }

    .tj-comment-respond .comment-header p {
        margin-bottom: 0;
    }

.tj-comment-respond .form-input {
    margin-bottom: 20px;
}

    .tj-comment-respond
    .form-input
    input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] ),
    .tj-comment-respond .form-input textarea,
    .tj-comment-respond .form-input input[type="email"],
    .tj-comment-respond .form-input input[type="text"] {
        border: 1px solid rgba(235, 156, 133, 0.6);
        padding: 17px 20px;
        font-size: 14px;
        background: rgba(255, 255, 255, 0.6);
    }

        .tj-comment-respond
        .form-input
        input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] )::-webkit-input-placeholder,
        .tj-comment-respond .form-input textarea::-webkit-input-placeholder,
        .tj-comment-respond .form-input input[type="email"]::-webkit-input-placeholder,
        .tj-comment-respond .form-input input[type="text"]::-webkit-input-placeholder {
            color: rgba(113, 113, 113, 0.6);
        }

        .tj-comment-respond
        .form-input
        input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] )::-moz-placeholder,
        .tj-comment-respond .form-input textarea::-moz-placeholder,
        .tj-comment-respond .form-input input[type="email"]::-moz-placeholder,
        .tj-comment-respond .form-input input[type="text"]::-moz-placeholder {
            color: rgba(113, 113, 113, 0.6);
        }

        .tj-comment-respond
        .form-input
        input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] ):-ms-input-placeholder,
        .tj-comment-respond .form-input textarea:-ms-input-placeholder,
        .tj-comment-respond .form-input input[type="email"]:-ms-input-placeholder,
        .tj-comment-respond .form-input input[type="text"]:-ms-input-placeholder {
            color: rgba(113, 113, 113, 0.6);
        }

        .tj-comment-respond
        .form-input
        input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] )::-ms-input-placeholder,
        .tj-comment-respond .form-input textarea::-ms-input-placeholder,
        .tj-comment-respond .form-input input[type="email"]::-ms-input-placeholder,
        .tj-comment-respond .form-input input[type="text"]::-ms-input-placeholder {
            color: rgba(113, 113, 113, 0.6);
        }

        .tj-comment-respond
        .form-input
        input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] )::placeholder,
        .tj-comment-respond .form-input textarea::placeholder,
        .tj-comment-respond .form-input input[type="email"]::placeholder,
        .tj-comment-respond .form-input input[type="text"]::placeholder {
            color: rgba(113, 113, 113, 0.6);
        }

        .tj-comment-respond
        .form-input
        input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]):not( [type="search"] )::-ms-input-placeholder,
        .tj-comment-respond .form-input textarea::-ms-input-placeholder,
        .tj-comment-respond .form-input input[type="email"]::-ms-input-placeholder,
        .tj-comment-respond .form-input input[type="text"]::-ms-input-placeholder {
            color: rgba(113, 113, 113, 0.6);
        }

    .tj-comment-respond .form-input textarea {
        min-height: 126px;
        resize: none;
    }

.tj-comment-respond .blog-details-button .tj-primary-btn {
    width: 100%;
    font-size: 18px;
    font-weight: var(--tj-fw-bold);
    font-family: var(--tj-ff-heading);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 19px 15px;
}

.tj-sidebar__widget {
    background: var(--tj-color-light-9);
    margin-bottom: 24px;
    padding: 30px;
    position: relative;
    z-index: 3;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-sidebar__widget {
        padding: 20px 20px 25px;
    }
}

.tj-sidebar__widget .widget-title {
    color: var(--tj-color-theme-primary);
    position: relative;
    margin-bottom: 45px;
}

    .tj-sidebar__widget .widget-title::before {
        position: absolute;
        content: "";
        bottom: -15px;
        left: 0;
        width: 90px;
        height: 3px;
        background: var(--tj-color-heading-primary);
    }

@media (max-width: 575px) {
    .tj-sidebar__widget .widget-title::before {
        width: 50px;
    }
}

.tj-sidebar__widget.widget_search .search-box form {
    position: relative;
    width: 100%;
}

    .tj-sidebar__widget.widget_search .search-box form input[type="text"] {
        width: 100%;
        padding: 14px 20px;
        font-size: 18px;
        font-weight: var(--tj-fw-sbold);
        font-family: var(--tj-ff-heading);
    }

        .tj-sidebar__widget.widget_search
        .search-box
        form
        input[type="text"]::-webkit-input-placeholder {
            color: var(--tj-color-text-body);
        }

        .tj-sidebar__widget.widget_search
        .search-box
        form
        input[type="text"]::-moz-placeholder {
            color: var(--tj-color-text-body);
        }

        .tj-sidebar__widget.widget_search
        .search-box
        form
        input[type="text"]:-ms-input-placeholder {
            color: var(--tj-color-text-body);
        }

        .tj-sidebar__widget.widget_search
        .search-box
        form
        input[type="text"]::-ms-input-placeholder {
            color: var(--tj-color-text-body);
        }

        .tj-sidebar__widget.widget_search
        .search-box
        form
        input[type="text"]::placeholder {
            color: var(--tj-color-text-body);
        }

        .tj-sidebar__widget.widget_search
        .search-box
        form
        input[type="text"]::-ms-input-placeholder {
            color: var(--tj-color-text-body);
        }

    .tj-sidebar__widget.widget_search .search-box form :focus {
        outline: none;
        border: none;
        -webkit-box-shadow: 0 0 0;
        box-shadow: 0 0 0;
    }

    .tj-sidebar__widget.widget_search .search-box form button {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 20px;
    }

        .tj-sidebar__widget.widget_search .search-box form button i {
            font-size: 18px;
            -webkit-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s;
            color: var(--tj-color-text-body);
            font-weight: var(--tj-fw-medium);
        }

            .tj-sidebar__widget.widget_search .search-box form button i:hover {
                color: var(--tj-color-theme-primary);
            }

.tj-sidebar__widget.widget_categories ul li {
    margin-bottom: 20px;
}

    .tj-sidebar__widget.widget_categories ul li:last-child {
        margin-bottom: 0;
    }

    .tj-sidebar__widget.widget_categories ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: var(--tj-color-theme-secondary);
        font-family: var(--tj-ff-heading);
        font-size: 18px;
        font-weight: var(--tj-fw-bold);
    }

        .tj-sidebar__widget.widget_categories ul li a span {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 20px;
            height: 20px;
            line-height: 1;
            border-radius: 50%;
            font-size: 12px;
            color: var(--tj-color-common-white);
            background: var(--tj-color-theme-secondary);
        }

            .tj-sidebar__widget.widget_categories ul li a span i {
                font-weight: var(--tj-fw-bold);
            }

        .tj-sidebar__widget.widget_categories ul li a:hover {
            color: var(--tj-color-theme-primary);
        }

            .tj-sidebar__widget.widget_categories ul li a:hover span {
                background-color: var(--tj-color-theme-primary);
                color: var(--tj-color-common-white);
            }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-sidebar__widget .widget-title {
        font-size: 25px;
    }

        .tj-sidebar__widget .widget-title::before {
            height: 2px;
            bottom: -10px;
        }
}

.tj_recent_posts ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

    .tj_recent_posts ul li:last-child {
        margin-bottom: 0;
    }

.tj_recent_posts .post-thumb {
    max-width: 90px;
    width: 100%;
}

    .tj_recent_posts .post-thumb a {
        display: inline-block;
        width: 100%;
    }

.tj_recent_posts .post-content .post-title {
    margin-bottom: 0;
}

    .tj_recent_posts .post-content .post-title a {
        font-size: 15px;
        font-weight: var(--tj-fw-bold);
        line-height: 1.7;
    }

        .tj_recent_posts .post-content .post-title a:hover {
            color: var(--tj-color-theme-primary);
        }

.tj_recent_posts .post-meta {
    margin-bottom: 12px;
}

    .tj_recent_posts .post-meta ul {
        gap: 30px;
    }

        .tj_recent_posts .post-meta ul li {
            font-size: 12px;
            font-weight: var(--tj-fw-medium);
            gap: 15px;
            margin-bottom: 0;
        }

            .tj_recent_posts .post-meta ul li:last-child {
                margin-bottom: 0;
            }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tj_recent_posts ul li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .tj_recent_posts .post-meta ul {
        gap: 20px;
    }
}

@media (max-width: 575px) {
    .tj_recent_posts ul li {
        gap: 15px;
    }

    .tj_recent_posts .post-meta ul {
        gap: 20px;
    }

    .tj_recent_posts .post-content .post-title a {
        line-height: 1.4;
    }
}

.tagcloud {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
}

    .tagcloud a {
        background: transparent;
        font-size: 14px;
        color: var(--tj-color-theme-secondary);
        padding: 4px 10px;
        background: var(--tj-color-common-white);
        font-weight: var(--tj-fw-sbold);
        border: 1px solid var(--tj-color-theme-primary-4);
    }

        .tagcloud a:hover {
            color: var(--tj-color-common-white);
            background-color: var(--tj-color-theme-primary);
            border-color: transparent;
        }

blockquote {
    background: var(--tj-color-theme-primary-6);
    position: relative;
    padding: 30px 30px 25px;
    margin-bottom: 30px;
    margin-top: 30px;
    z-index: 3;
}

    blockquote::before {
        content: "\f10d";
        font-family: "Font Awesome 6 Pro";
        background-size: contain;
        display: inline-block;
        font-size: 35px;
        color: var(--tj-color-common-white);
        width: 68px;
        height: 68px;
        line-height: 68px;
        border-radius: 2px;
        background: var(--tj-color-theme-primary);
        text-align: center;
        margin-bottom: 20px;
    }

    blockquote p {
        color: var(--tj-color-theme-secondary);
        font-family: var(--tj-ff-heading);
        font-weight: var(--tj-fw-bold);
        font-size: 18px;
        line-height: 1.6 !important;
    }

    blockquote cite {
        color: var(--tj-color-theme-secondary);
        font-family: var(--tj-ff-body);
        font-weight: var(--tj-fw-bold);
        position: relative;
        padding-left: 65px;
    }

        blockquote cite::before {
            position: absolute;
            content: "";
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0;
            width: 50px;
            height: 2px;
            background: var(--tj-color-theme-secondary);
        }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    blockquote {
        padding: 25px 15px;
    }
}

.blog-pagination ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
}

    .blog-pagination ul li .page-numbers {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 45px;
        height: 45px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 18px;
        background: var(--tj-color-theme-primary-4);
        font-weight: var(--tj-fw-sbold);
        color: var(--tj-color-theme-primary);
        font-family: var(--tj-ff-heading);
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

        .blog-pagination ul li .page-numbers i {
            line-height: 1;
            font-size: 18px;
        }

        .blog-pagination ul li .page-numbers:hover,
        .blog-pagination ul li .page-numbers.current {
            background-color: var(--tj-color-theme-primary);
            border-color: transparent;
            color: var(--tj-color-common-white);
        }

            .blog-pagination ul li .page-numbers:hover i,
            .blog-pagination ul li .page-numbers.current i {
                color: var(--tj-color-common-white);
            }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .blog-pagination ul {
        gap: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-main-sidebar {
        margin-top: 50px;
    }
}

/* !END: Theme Blog CSS */
/**----------------------------------------
START: Team CSS
----------------------------------------*/
.tj-team-details {
    padding-top: 120px;
    padding-bottom: 120px;
}

    .tj-team-details .team-details-content-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: var(--tj-color-grey-1);
        margin-bottom: 60px;
        -webkit-column-gap: 70px;
        -moz-column-gap: 70px;
        column-gap: 70px;
        padding: 40px;
    }

        .tj-team-details .team-details-content-area .team-thumb-image {
            max-width: 565px;
            width: 100%;
        }

            .tj-team-details .team-details-content-area .team-thumb-image img {
                width: 100%;
            }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-team-details .team-details-content-area {
        -webkit-column-gap: 35px;
        -moz-column-gap: 35px;
        column-gap: 35px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-team-details {
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .tj-team-details .team-details-content-area {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding: 25px 15px;
        }

            .tj-team-details .team-details-content-area .team-thumb-image {
                max-width: 100%;
                margin-bottom: 35px;
            }
}

.team-details-inner {
    max-width: 552px;
    width: 100%;
}

    .team-details-inner .tj-heading-two {
        margin-bottom: 20px;
    }

        .team-details-inner .tj-heading-two .title {
            margin-bottom: 5px;
        }

    .team-details-inner .desc {
        margin-bottom: 25px;
    }

        .team-details-inner .desc p {
            line-height: 1.9;
        }

            .team-details-inner .desc p:last-child {
                margin-bottom: 0;
            }

.team-details-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .team-details-info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.team-details-item .check-list {
    margin-bottom: 30px;
}

    .team-details-item .check-list ul li {
        color: var(--tj-color-text-body);
        margin-bottom: 15px;
    }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .team-details-item {
        margin-bottom: 10px;
    }

        .team-details-item .check-list {
            margin-bottom: 20px;
        }
}

.team-contact-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    margin-bottom: 30px;
}

    .team-contact-area .contact-info-two {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px;
    }

        .team-contact-area .contact-info-two .contact-icon {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            line-height: 1;
            font-size: 18px;
            color: var(--tj-color-theme-primary);
            border: 1px solid var(--tj-color-theme-secondary);
            border-radius: 50%;
        }

        .team-contact-area .contact-info-two span {
            color: var(--tj-color-theme-primary);
            font-size: 14px;
            font-weight: var(--tj-fw-sbold);
            display: block;
            margin-bottom: 5px;
        }

        .team-contact-area .contact-info-two .link {
            color: var(--tj-color-theme-secondary);
            font-family: var(--tj-ff-heading);
            font-weight: var(--tj-fw-bold);
            font-size: 18px;
        }

            .team-contact-area .contact-info-two .link:hover {
                color: var(--tj-color-theme-primary);
            }

@media (max-width: 575px) {
    .team-contact-area {
        gap: 25px;
    }
}

.team-share {
    margin-bottom: 30px;
}

    .team-share ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 23px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .team-share ul li a {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 32px;
            height: 32px;
            line-height: 1;
            border-radius: 50%;
            background: var(--tj-color-theme-secondary);
            color: var(--tj-color-common-white);
        }

            .team-share ul li a:hover {
                background: var(--tj-color-theme-primary);
                color: var(--tj-color-common-white);
            }

.tj-progress-bar {
    width: 520px;
}

    .tj-progress-bar .progress-title {
        margin-bottom: 20px;
    }

        .tj-progress-bar .progress-title .title {
            color: var(--tj-color-theme-primary);
            font-weight: var(--tj-fw-ebold);
            font-size: 25px;
        }

    .tj-progress-bar label {
        font-size: 18px;
        font-weight: var(--tj-fw-bold);
        font-family: var(--tj-ff-heading);
        color: var(--tj-color-theme-secondary);
        display: block;
        margin-bottom: 12px;
    }

    .tj-progress-bar .skills {
        background-color: var(--tj-color-grey-12);
        height: 10px;
        position: relative;
        border-radius: 15px;
        margin-bottom: 20px;
    }

        .tj-progress-bar .skills span {
            position: absolute;
            top: -40px;
            right: 0;
            font-size: 22px;
            font-weight: var(--tj-fw-bold);
            font-family: var(--tj-ff-heading);
            color: var(--tj-color-theme-secondary);
        }

        .tj-progress-bar .skills .skillbar {
            background-color: var(--tj-color-theme-secondary);
            width: 0px;
            height: 10px;
            border-radius: 15px;
        }

@media (max-width: 575px) {
    .tj-progress-bar {
        width: 435px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-progress-bar {
        width: 285px;
    }
}

.team-thumb-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .team-thumb-content .team-text {
        max-width: 560px;
        width: 100%;
    }

        .team-thumb-content .team-text .title {
            font-size: 38px;
            margin-bottom: 10px;
        }

        .team-thumb-content .team-text .desc p {
            line-height: 1.9;
        }

            .team-thumb-content .team-text .desc p:last-child {
                margin-bottom: 0;
            }

    .team-thumb-content .team-thumb-images {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 30px;
    }

        .team-thumb-content .team-thumb-images a {
            max-width: 185px;
            width: 100%;
            opacity: 0.2;
        }

            .team-thumb-content .team-thumb-images a:hover {
                opacity: 1;
            }

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .team-thumb-content .team-thumb-images a {
        max-width: 160px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .team-thumb-content .team-thumb-images {
        gap: 20px;
    }

        .team-thumb-content .team-thumb-images a {
            max-width: 110px;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .team-thumb-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .team-thumb-content .team-text {
            margin-bottom: 30px;
        }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .team-thumb-content .team-text .title {
        font-size: 28px;
    }
}

@media (max-width: 575px) {
    .team-thumb-content .team-thumb-images {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

/* !END: Team CSS */
/**----------------------------------------
START: Theme Footer CSS
----------------------------------------*/
.tj-footer-area {
    background: var(--tj-color-theme-secondary);
    position: relative;
    overflow: hidden;
    z-index: 2;
}

    .tj-footer-area .sec-left-shape {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        max-width: 330px;
        width: 100%;
    }

    .tj-footer-area .sec-right-shape {
        position: absolute;
        bottom: 37px;
        right: 0;
        z-index: 1;
        max-width: 310px;
        width: 100%;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tj-footer-area .sec-left-shape {
        max-width: 260px;
    }

    .tj-footer-area .sec-right-shape {
        max-width: 210px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-footer-area .sec-left-shape {
        max-width: 180px;
    }

    .tj-footer-area .sec-right-shape {
        display: none;
    }
}

.tj-footer-area.footer-2 {
    background-color: var(--tj-color-common-white);
    position: relative;
    z-index: 2;
}

    .tj-footer-area.footer-2 .footer-top-area {
        padding-top: 150px;
    }

    .tj-footer-area.footer-2 .footer-two-sec-shape {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .tj-footer-area.footer-2 .footer-widget .footer-title {
        margin-bottom: 35px;
    }

        .tj-footer-area.footer-2 .footer-widget .footer-title .title {
            color: var(--tj-color-heading-primary);
            margin-bottom: 0;
        }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-footer-area.footer-2 .footer-widget .footer-title {
        margin-bottom: 30px;
    }
}

.tj-footer-area.footer-2 .desc {
    margin-bottom: 20px;
}

    .tj-footer-area.footer-2 .desc p {
        color: var(--tj-color-text-body);
    }

.tj-footer-area.footer-2 .footer-share .info-title {
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
}

    .tj-footer-area.footer-2 .footer-share .info-title::before {
        position: absolute;
        content: "";
        width: 165px;
        height: 1px;
        left: 0;
        bottom: -8px;
        background: var(--tj-color-theme-primary);
    }

.tj-footer-area.footer-2 .footer-share ul li a {
    color: var(--tj-color-common-white);
    background: var(--tj-color-theme-secondary);
}

    .tj-footer-area.footer-2 .footer-share ul li a i {
        color: var(--tj-color-common-white);
    }

    .tj-footer-area.footer-2 .footer-share ul li a:hover {
        color: var(--tj-color-common-white);
    }

        .tj-footer-area.footer-2 .footer-share ul li a:hover i {
            color: var(--tj-color-common-white);
        }

.tj-footer-area.footer-2 .widget_nav_menu .footer-menu ul li a {
    color: var(--tj-color-text-body);
}

    .tj-footer-area.footer-2 .widget_nav_menu .footer-menu ul li a:hover {
        color: var(--tj-color-theme-primary);
    }

.tj-footer-area.footer-2 .footer-contact ul li {
    color: var(--tj-color-text-body);
    margin-bottom: 15px;
}

    .tj-footer-area.footer-2 .footer-contact ul li a {
        color: var(--tj-color-text-body);
    }

        .tj-footer-area.footer-2 .footer-contact ul li a:hover {
            color: var(--tj-color-theme-primary);
        }

.tj-footer-area.footer-2 .copyright-content-ara .copyright-text p {
    color: var(--tj-color-text-body);
    font-family: var(--tj-ff-heading);
    font-weight: var(--tj-fw-medium);
}

    .tj-footer-area.footer-2 .copyright-content-ara .copyright-text p a:hover {
        color: var(--tj-color-theme-primary);
    }

.tj-footer-area.footer-2 .copyright-content-ara .bottom-menu ul li a {
    color: var(--tj-color-text-body);
    font-family: var(--tj-ff-heading);
    font-weight: var(--tj-fw-medium);
}

    .tj-footer-area.footer-2 .copyright-content-ara .bottom-menu ul li a:hover {
        color: var(--tj-color-theme-primary);
    }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .tj-footer-area.footer-2 .footer-top-area {
        padding-top: 80px;
    }
}

.tj-footer-area.footer-3 {
    position: relative;
    z-index: 2;
}

    .tj-footer-area.footer-3 .sec-bottom-shape {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1;
    }

    .tj-footer-area.footer-3 .sec-middle-shape {
        position: absolute;
        top: 30px;
        left: 30px;
        max-width: 225px;
        width: 100%;
        z-index: -1;
    }

.footer-top-area {
    padding-top: 120px;
    position: relative;
    z-index: 2;
}

    .footer-top-area .shape-left {
        position: absolute;
        top: 0;
        left: -12px;
        z-index: 1;
        max-width: 350px;
        width: 100%;
    }

    .footer-top-area .shape-right {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        max-width: 350px;
        width: 100%;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .footer-top-area {
        padding-top: 80px;
    }

        .footer-top-area .shape-right,
        .footer-top-area .shape-left {
            max-width: 260px;
        }
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .footer-top-area {
        padding-top: 60px;
    }

        .footer-top-area .shape-left {
            display: none;
        }

        .footer-top-area .shape-right {
            max-width: 250px;
        }
}

.footer-widget {
    margin-bottom: 45px;
    position: relative;
    z-index: 3;
}

    .footer-widget .footer-title {
        margin-bottom: 40px;
    }

        .footer-widget .footer-title .title {
            color: var(--tj-color-common-white);
            margin-bottom: 0;
        }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .footer-widget .footer-title {
        margin-bottom: 30px;
    }
}

.footer-widget.footer1-col-2 {
    padding-left: 20px;
}

.footer-widget.footer1-col-3 {
    padding-left: 20px;
}

.footer-widget.footer1-col-4 {
    padding-left: 30px;
}

.footer-widget.footer2-col-3 {
    padding-left: 10px;
}

.footer-widget.footer2-col-4 {
    border-radius: 6px;
    background: var(--tj-color-light-3);
    padding: 30px 20px 30px 30px;
    margin-top: -30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .footer-widget.footer1-col-4,
    .footer-widget.footer1-col-3,
    .footer-widget.footer1-col-2 {
        padding-left: 0;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .footer-widget.footer2-col-3 {
        padding-left: 0;
    }

    .footer-widget.footer2-col-4 {
        padding: 25px 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .footer-widget.footer2-col-4 {
        padding: 25px 15px;
        margin-top: 0;
    }
}

.footer-info {
    max-width: 336px;
    width: 100%;
}

    .footer-info .footer-logo {
        /*        max-width: 160px;
*/ width: 100%;
        margin-bottom: 30px;
    }

        .footer-info .footer-logo .logo {
            display: block;
            width: 100%;
        }

    .footer-info .desc {
        margin-bottom: 24px;
    }

        .footer-info .desc p {
            color: var(--tj-color-common-white);
            line-height: 1.9;
        }

            .footer-info .desc p:last-child {
                margin-bottom: 0;
            }

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .footer-info .desc {
        margin-bottom: 20px;
    }
}

.footer-info .footer-share ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}

    .footer-info .footer-share ul li a {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        color: var(--tj-color-common-black);
        background: var(--tj-color-common-white);
        font-size: 14px;
        line-height: 1;
    }

        .footer-info .footer-share ul li a i {
            color: var(--tj-color-common-black);
        }

        .footer-info .footer-share ul li a:hover {
            background-color: var(--tj-color-theme-primary);
            color: var(--tj-color-common-white);
        }

            .footer-info .footer-share ul li a:hover i {
                color: var(--tj-color-common-white);
            }

.widget_nav_menu .footer-menu ul li {
    margin-bottom: 20px;
}

    .widget_nav_menu .footer-menu ul li:last-child {
        margin-bottom: 0;
    }

    .widget_nav_menu .footer-menu ul li a {
        color: var(--tj-color-common-white);
        font-weight: var(--tj-fw-regular);
    }

        .widget_nav_menu .footer-menu ul li a:hover {
            color: var(--tj-color-theme-primary);
        }

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .widget_nav_menu .footer-menu ul li {
        margin-bottom: 20px;
    }
}

.footer-contact ul li {
    display: block;
    color: var(--tj-color-common-white);
    font-weight: var(--tj-fw-regular);
    position: relative;
    z-index: 1;
    padding-left: 47px;
    margin-bottom: 20px;
    min-height: 32px;
}

    .footer-contact ul li:last-child {
        margin-bottom: 0;
    }

    .footer-contact ul li .contact-icon {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        font-size: 15px;
        position: absolute;
        top: -2px;
        left: 0;
        color: var(--tj-color-theme-primary);
        border: 0.5px solid var(--tj-color-border-2);
        border-radius: 50%;
        z-index: 2;
    }

    .footer-contact ul li a {
        color: var(--tj-color-common-white);
        font-weight: var(--tj-fw-regular);
    }

        .footer-contact ul li a:hover {
            color: var(--tj-color-theme-primary);
        }

.widget_recent_post .post-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    margin-bottom: 20px;
}

    .widget_recent_post .post-content:last-child {
        margin-bottom: 0;
    }

    .widget_recent_post .post-content .post-image {
        max-width: 65px;
        width: 100%;
    }

        .widget_recent_post .post-content .post-image img {
            width: 100%;
            border-radius: 4px;
        }

    .widget_recent_post .post-content .post-text .post-date {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 14px;
        font-weight: var(--tj-fw-medium);
        color: var(--tj-color-grey-3);
        gap: 10px;
        margin-bottom: 10px;
    }

        .widget_recent_post .post-content .post-text .post-date i {
            position: relative;
            top: 2px;
            line-height: 1;
        }

    .widget_recent_post .post-content .post-text .title {
        margin-bottom: 0;
    }

        .widget_recent_post .post-content .post-text .title a:hover {
            color: var(--tj-color-theme-primary);
        }

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .widget_recent_post .post-image {
        margin-bottom: 10px;
    }
}

.tj-copyright-area {
    position: relative;
    z-index: 2;
}

.copyright-content-ara {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 15px;
    padding: 20px 0;
}

    .copyright-content-ara .copyright-text p {
        margin-bottom: 0;
        color: var(--tj-color-common-white);
    }

        .copyright-content-ara .copyright-text p a {
            font-weight: var(--tj-fw-sbold);
        }

            .copyright-content-ara .copyright-text p a:hover {
                color: var(--tj-color-theme-primary);
            }

    .copyright-content-ara .bottom-menu ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 30px;
    }

        .copyright-content-ara .bottom-menu ul li a {
            color: var(--tj-color-common-white);
            -webkit-transition: 0.4s;
            transition: 0.4s;
        }

            .copyright-content-ara .bottom-menu ul li a:hover {
                color: var(--tj-color-theme-primary);
            }

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
    .copyright-content-ara {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 575px) {
    .copyright-content-ara .copyright-text {
        text-align: center;
    }
}

.tj-about-section .container {
    display: flex;
    flex-wrap: wrap;
}

.tj-about-section .row {
    display: flex;
    flex-wrap: wrap;
}

.tj-about-section .col-xl-7 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.tj-about-section .col-xl-5 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

@media (max-width: 991px) {
    .tj-about-section .col-xl-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .tj-about-section .col-xl-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
/* !END: Theme Footer CSS */ /*# sourceMappingURL=main.css.map */
p {
    text-align: justify;
}
/*--------------------------------- Calculate -----------------------------------------*/
.calculate {
    font-family: var(--body_font)
}

@media(max-width:972px) {
    .calculate .col-lg-4 {
        width: 100% !important;
    }
}


.calculate .nav-link:hover {
    background-color: #E9E9E9 !important;
    color: #5d4d3a !important;
}

.calculate .container {
    box-shadow: 0px 15px 15px -10px rgba(0,0,0,0.05);
}

.calculate .nav-link {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 15px 20px;
    border-radius: 10px;
    width: 100%;
    background-color: #E47B02 !important;
    text-align: start;
    border-radius: 0px !important;
    color: white !important;
}

.calculate .nav-link {
    font-size: 17px;
}


.calculate .nav-item .nav-link.active {
    border: 2px solid rgb(238, 238, 238);
    background: transparent !important;
    color: #444444 !important;
}

.calculate input {
    margin-top: 5px;
    margin-bottom: 20px;
    border: 2px solid #e2e5e8 !important;
}

    .calculate input:active {
        border: 2px solid #e2e5e8 !important;
    }

    .calculate input:focus {
        border: 2px solid #e2e5e8 !important;
    }

.calculate label {
    font-size: 13px;
    font-weight: 600;
}

.calculate input {
    height: 50px;
    width: 90%;
    padding-left: 20px;
}

@media(min-width:972px) {
}

@media(max-width:972px) {
    .calculate {
        padding: 2% 7%;
    }
}

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