/*======================================================================================*/
/*=================[    |!|!|!|!| CSS ADDED BY PUROHIT A |!|!|!|!|    ]=================*/
/*======================================================================================*/
/* =========================== */
/* !! USE TO WEB SITE COLOR !! -
01. ##F66400                  -
02. ##032603                  -
*/
/* =========================== */
/* =========================== */
/* !! SITE PAGE USE !!       -
01. HOME                     -
*/
/* =========================== */
/* =========================== */
/* !! SITE OF CONTENT'S !!
01. Google Font               -
02. Generated Font            -
04. Site Global               -
03. Site Typography           -
05. Minify Transition         -
06. Cuttom Button             -
07. Form Input                -
08. Form Input Placeholder    -
09. Header ('Navbar')         -
10. Footer                    -
11. All Page's Modal Common   -
13. All Page's Common Content -
14. Hero Banner Wrapper       -
*/
/* =========================== */
/*==============================================*/
/*          !!! GOOGLE FONT IMPORT !!!          */
/*==============================================*/
/* --------------------------
!!  SITE  ( "  font-family: "arboria",sans-serif; || font-family: "loos-compressed", sans-serif; || font-family: "montserrat", sans-serif; " ) FONT-WEIGHT !!
+--------------+--------------+
| FONT-WEIGHT  | Value        |
+--------------+--------------+
| thin         | 100          |
| ex-light     | 200          |
| light        | 300          |
| regular      | 400          |
| medium       | 500          |
| semi-bold    | 600          |
| bold         | 700          |
| ex-bold      | 800          |
| black        | 900          |
+--------------+--------------+
--------------------------- */
/* ============================================== */
/*              !! GENERATED FONT !!              */
/* ============================================== */
/* ============================================= */
/* !!!!        SITE GLOBAL STYLE CSS        !!!! */
/* ============================================= */
:root {
    --bs-primary: #F66400;
    --bs-secondary: #032603;
    --bs-light: #E7E5DB;
    --bs-dark: #282828;
    --bs-primary-rgb: 246, 100, 0;
    --bs-secondary-rgb: 3, 38, 3;
    --bs-light-rgb: 231, 229, 219;
    --bs-dark-rgb: 40, 40, 40;
    --bs-link-color-rgb: 246, 100, 0;
    --bs-font-sans-serif: 'arboria', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 18px;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 26px;
    --bs-body-color: var(--bs-dark);
    --bs-body-bg: var(--bs-white);
    --bs-base-transition: all 0.3s ease-in-out;
    --bs-link-hover-color-rgb: 3, 38, 3;
}
.container {
    --bs-gutter-x: 20px;
}
.row {
    --bs-gutter-x: 20px;
}
.container-fluid {
    padding-left: 21px;
    padding-right: 21px;
}
@media (min-width:410px) {
    .container-fluid {
        padding-left: 42px;
        padding-right: 42px;
    }
}
@media (min-width:1200px) {
    .container-fluid {
        padding-left: 75px;
        padding-right: 75px;
    }
}
@media (min-width:1660px) {
    .container {
        max-width: 1628px;
    }
    .container-fluid {
        padding-left: 150px;
        padding-right: 150px;
    }
}
/* !! scrollbar !! */
/* ::-webkit-scrollbar-track {
    background-color: transparent;
}
::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: transparent;
}
::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: transparent;
} */
/* !!! Allow percentage-based heights in the application !!! */
html, body {
    height: 100%;
    padding: 0;
    margin: 0;
}
/* !!! Typographic tweaks! ( Add accessible line-height & Improve text rendering ) !!! */
body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
    overflow-x: hidden;
}
/* !!! Improve media defaults !!! */
img, picture, video, canvas, svg {
    max-width: 100%;
}
/* !!! Remove built-in form typography styles !!! */
input, button, textarea, select {
    font: inherit;
}
/* !!! Avoid text overflows !!! */
p, h1, h2, h3, h4, h5, h6, label, a, li {
    overflow-wrap: break-word;
    word-break: break-word;
}
/* !!! Set core root defaults !!! */
html:focus-within {
    scroll-behavior: smooth;
}
/* !!! A elements that don't have a class get default styles !!! */
a:not([class]) {
    text-decoration-skip-ink: auto;
}
a, .btn, button {
    cursor: pointer;
}
:focus, :active, .active {
    outline: 0 none;
}
a, a:hover, a:focus, a:active, button, button:hover, button:focus, input, input:hover, input:focus, select, select:hover, select:focus, textarea, textarea:hover, textarea:focus, .btn, .btn:hover, .btn:focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
    text-decoration: none;
    -webkit-text-decoration-skip: objects;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.form-control:focus, [type="text"]:focus, [type="email"]:focus, [type="checkbox"]:focus, [type="password"]:focus, [type="file"]:focus, [type="radio"]:focus, [type="submit"]:focus, [type="date"]:focus, [type="time"]:focus, [type="tel"]:focus, [type="search"]:focus, [type="button"]:focus, [type="number"]:focus, [type="reset"]:focus, textarea:focus, select:focus {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
button::-moz-focus-inner, [type="submit"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="button"]::-moz-focus-inner {
    border: none;
    padding: 0;
}
select, select:hover, select:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none;
}
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="search"i]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    display: none;
}
/* ============================================= */
/* !!!!         SITE TYPOGRAPHY CSS         !!!! */
/* ============================================= */
p, li {
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--bs-dark);
    margin: 0;
}
p:empty {
    display: none;
}
p {
    margin: 0 0 16px 0;
}
ul, ol {
    font-weight: 400;
    margin: 0 0 16px 0;
    padding: 0 0 0 20px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5,.h6 {
    font-family: "loos-compressed", sans-serif;
    font-weight: 400;
    color: var(--bs-dark);
    margin: 0 0 16px 0;
    text-transform: uppercase;
}
h1, .h1 {font-size: 70px;line-height: 70px;}
h2, .h2 {font-size: 50px;line-height: 50px;}
h3, .h3 {font-size: 40px;line-height: 40px;}
h4, .h4 {font-size: 30px;line-height: 30px;}
h5, .h5 {font-size: 24px;line-height: 24px;}
h6, .h6 {font-size: 20px;line-height: 20px;}
.fs-1 {
    font-size: 26px;
    line-height: 36px;
}
@media (min-width: 1660px) {
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5,.h6 {
        margin: 0 0 37px 0;
    }
}
@media (max-width: 991.98px) {
    p, li, .link  {
            font-size: 16px;
    }
}
/* ============================================= */
/* !!!!       All MINIFY CSS                !!!! */
/* ============================================= */
.bg_cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.bg_contain {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
/* ============================================= */
/* !!!!        COMMON BUTTON STYLE          !!!! */
/* ============================================= */
.btn {
    --bs-btn-padding-x: 24px;
    --bs-btn-padding-y: 12px;
    --bs-btn-font-family:  "arboria", serif;
    --bs-btn-font-size: 18px;
    --bs-btn-font-weight: 700;
    --bs-btn-line-height: 26px;
    --bs-btn-border-width: 1px;
    --bs-btn-border-radius: 12px;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-box-shadow: none;
    -webkit-box-shadow: var(--bs-btn-box-shadow);
    box-shadow: var(--bs-btn-box-shadow);
    transition: var(--bs-base-transition);
}
.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-secondary {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: var(--bs-dark);
    --bs-btn-hover-bg: var(--bs-light);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-active-color: var(--bs-black);
    --bs-btn-active-bg: var(--bs-light);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-disabled-bg: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
}
.btn-outline-secondary {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: var(--bs-light);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: var(--bs-dark);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-active-color: var(--bs-black);
    --bs-btn-active-bg: var(--bs-light);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-disabled-bg: var(--bs-light);
    --bs-btn-disabled-border-color: var(--bs-secondary);
}
.link {
    font-family: "arboria",sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: var(--bs-base-transition);
}
.link svg {
    margin-bottom: -3px;
}
.link-primary:hover, .link-primary:focus {
    color: var(--bs-dark)!important;
}
.link-secondary:hover, .link-secondary:focus {
    color: var(--bs-primary)!important;
}
.link-dark:hover, .link-dark:focus {
    color: var(--bs-primary)!important;
}
/* !!! 404 Page !!! */
.opss_head h1 {
    font-weight: 700;
    margin: 0;
}
.opps_orange_triangle {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
@media (min-width: 768px) {
    .opss_head h1 {
        font-size: 200px;
        line-height: 180px;
    }
}
/* ============================================= */
/* !!!!         COMMON FORM STYLE           !!!! */
/* ============================================= */
.form_group {
    margin: 0 0 24px;
}
label {
    display: block;
    font-family: "arboria", serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--bs-black);
    margin: 0 0 8px;
}
.form-control {
    font-family: "arboria", serif;
    background-color: var(--bs-gray-100);
    padding: 11px 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--bs-black);
    border: 1px solid var(--bs-gray-100);
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}
.form-control:focus {
    background-color: var(--bs-white);
    border-color: var(--bs-secondary);
    box-shadow: 0px 4px 20px 0px rgba(147, 147, 147, 0.25);
}
textarea.form-control {
    height: 180px;
}
/* !!! Wordpress Form Common style css !!! */
.wpcf7-form {
    position: relative;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
}
.wpcf7-form .wpcf7-spinner {
    position: absolute;
    margin: 0;
    bottom: -30px;
    left: 0;
}
.forn-group p {
    margin-bottom: 0;
}
.wpcf7-not-valid-tip, .wpcf7 form .wpcf7-response-output {
    font-size: 14px;
    line-height: normal;
}
/* ============================================= */
/* !!!!       FORM INPUT PLACEHOLDER        !!!! */
/* ============================================= */
.form-control::-webkit-input-placeholder {color: var(--bs-gray);-webkit-transition: var(--bs-base-transition);transition: var(--bs-base-transition);}
.form-control::-moz-placeholder {color: var(--bs-gray);-webkit-transition: var(--bs-base-transition);transition: var(--bs-base-transition);}
.form-control:-ms-input-placeholder {color: var(--bs-gray);-webkit-transition: var(--bs-base-transition);transition: var(--bs-base-transition);}
.form-control::-ms-input-placeholder {color: var(--bs-gray);-webkit-transition: var(--bs-base-transition);transition: var(--bs-base-transition);}
.form-control:-moz-placeholder {color: var(--bs-gray);-webkit-transition: var(--bs-base-transition);transition: var(--bs-base-transition);}
/* !! field focus !! */
.form-control:focus::-webkit-input-placeholder {color: transparent;}
.form-control:focus::-moz-placeholder {color: transparent;}
.form-control:focus:-ms-input-placeholder {color: transparent;}
.form-control:focus::-ms-input-placeholder {color: transparent;}
.form-control:focus:-moz-placeholder {color: transparent;}
/* ============================================= */
/* !!!!              HEADER                 !!!! */
/* ============================================= */
.main_wrapper {
    padding: 80px 0 0;
}
.navbar {
    --bs-navbar-padding-x: 54px;
    --bs-navbar-padding-y: 38px;
    --bs-navbar-color: var(--bs-black);
    --bs-navbar-hover-color: var(--bs-black);
    --bs-navbar-disabled-color: var(--bs-white);
    --bs-navbar-active-color: var(--bs-black    );
    --bs-navbar-brand-padding-y: 0;
    --bs-navbar-brand-margin-end: 0;
    --bs-navbar-nav-link-padding-x: 0;
    --bs-navbar-toggler-font-size: 17px;
    --bs-navbar-toggler-padding-y: 0;
    --bs-navbar-toggler-padding-x: 0;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='20' viewBox='0 0 34 20'%3E%3Cg id='Group_435' data-name='Group 435' transform='translate(-349 -98)'%3E%3Cline id='Line_12' data-name='Line 12' x2='33' transform='translate(349.5 98.5)' fill='none' stroke='%23707070' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='Line_13' data-name='Line 13' x2='33' transform='translate(349.5 108)' fill='none' stroke='%23707070' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='Line_14' data-name='Line 14' x2='33' transform='translate(349.5 117.5)' fill='none' stroke='%23707070' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
    --bs-navbar-toggler-expanded-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='20' viewBox='0 0 34 20'%3E%3Cg id='Group_435' data-name='Group 435' transform='translate(-349 -98)'%3E%3Cline id='Line_12' data-name='Line 12' x2='33' transform='translate(349.5 98.5)' fill='none' stroke='%23707070' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='Line_13' data-name='Line 13' x2='33' transform='translate(349.5 108)' fill='none' stroke='%23707070' stroke-linecap='round' stroke-width='1'/%3E%3Cline id='Line_14' data-name='Line 14' x2='33' transform='translate(349.5 117.5)' fill='none' stroke='%23707070' stroke-linecap='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
    --bs-navbar-toggler-border-color: transparent;
    --bs-navbar-toggler-border-radius: 0;
    --bs-navbar-toggler-focus-width: 0;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: fixed;
    top: 0;
    left: auto;
    right: 0;
    width: 100%;
    z-index: 1024;
    background-color: var(--bs-secondary);
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}

.navbar-toggler {
    border: 0;
    outline: 0;
    box-shadow: none;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-image: var(--bs-navbar-toggler-expanded-icon-bg);
}
/* .navbar-nav {
    --bs-nav-link-padding-y: 0;
    gap: 48px;
} */
.navbar-collapse {
    flex-grow: 0;
}
.navbar-nav > .nav-item {
    position: relative;
}
.navbar-nav .nav-item .nav-link {
    position: relative;
    font-family: "arboria", serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 24px;
    color: var(--bs-white);
    transition: all 0.3s ease;
}
.navbar-nav .nav-item .nav-link:hover {
    color: var(--bs-primary);
}
.navbar-nav .nav-item.menu-item-has-children {
    display: flex;
    align-items: center;
}
.navbar-nav .nav-item.menu-item-has-children .nav_toggle {
    transform: rotate(0deg);
    transition: var(--bs-base-transition);
}
.navbar-nav .nav-item.menu-item-has-children.menu-open .nav_toggle {
    transform: rotate(180deg);
}
/* !!! Header Sub Menu  !!! */
.sub_menu_inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
    list-style: none;
    padding: 0;
}
.sub_menu_inner .nav-item {
    width: 100%;
}
.navbar-nav .nav-item .sub_nav_link:hover {
    background-color: var(--bs-gray-100);
}
.navbar_wrapper .navbar-nav .current_page_item > a,
.navbar_wrapper .navbar-nav .nav-link.active,
.navbar_wrapper .navbar-nav .current-menu-item > a {
    color: var(--bs-primary);
    font-weight: 700;
}
.navbar_wrapper  .current_page_item > .nav_toggle, .navbar_wrapper .current-menu-item > .nav_toggle {
    color: var(--bs-primary);
}
@media (min-width: 768px) {
    .main_wrapper {
        padding: 104px 0 0;
    }
    .navbar-nav .nav-item.menu-item-has-children:hover .nav_toggle {
        transform: rotate(180deg);
    }
    a.navbar-brand {
        max-width: 200px;
        width: 100%;
    }
    /* !!!! SUB MENU !!!! */
    .sub-menu {
        position: absolute;
        top: 100%;
        right: 0;
        padding: 38px 0px 0;
        opacity: 0;
        visibility: hidden;
        transition: var(--bs-base-transition);
    }
    .navbar-nav .nav-item.menu-item-has-children:hover .sub-menu {
        opacity: 1;
        visibility: visible;
    }
    .sub_menu_inner {
        max-width: 220px;
        width: 220px;
        padding: 24px 0px;
        align-items: flex-start;
        border-radius: 0px 0px 10px 10px;
        background: var(--bs-light);
        box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
        gap: 0;
    }
    .navbar-nav .nav-item .sub_nav_link {
        padding: 8px 14px;
        width: 100%;
    }
    .navbar-nav {
        --bs-nav-link-padding-y: 0;
        gap: 20px;
        align-items: center;
    }
}
@media (min-width: 1200px) {
    .main_wrapper {
        padding: 117px 0 0;
    }
    a.navbar-brand {
        max-width: 326px;
    }
    .navbar-nav {
        --bs-nav-link-padding-y: 0;
        gap: 48px;
    }
    /* !!!! SUB MENU !!!! */
    .sub-menu {
        padding: 45px 0px 0;
    }
}
@media (max-width: 767.98px) {
    body.navbar_open {
        overflow: hidden;
    }
    .navbar {
        -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
    }
    .navbar-toggler {
        position: relative;
        z-index: 99999;
        margin: 0 19px 0 0;
    }
    button.navbar-toggler.open {
        pointer-events: none;
    }
    .navbar-collapse {
        /* background: var(--bs-white); */
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;
        padding: 0;
        overflow-y: hidden;
        overflow-x: hidden;
        height: 100%;
        min-height: calc(100vh - 113px);
        max-width: 310px;
        width: 100%;
        margin: 0 0 0 auto;
        /* backdrop-filter: blur(4px); */
        animation: 1s slide-left;
        background-image: url('https://wallcraft.sfstaging.com.au/wp-content/uploads/2025/04/menu-shape.svg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left bottom;
    }
    @keyframes slide-left {
        from {
            margin-right: -310px;
        }
        to {
            margin-right: 0;
        }
    }
    /* .navbar-collapse.closed {
        animation: 1s slide-right;
    } */

    .slide-out {
    animation: slideOut 0.5s forwards;
    }
    .navbar-collapse {
        min-height: calc(100vh - 79px);
    }
    /* Ensure default (open) state */
    .navbar-collapse.show {
        transform: translateX(0);
    }

    /* Slide out when closing */
    .navbar-collapse.slide-out {
        transform: translateX(100%);
    }
    .navbar-collapse {
        transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
        transform: translateX(0);
        /* opacity: 1; */
    }

    /* When closing, slide out & fade */
    .navbar-collapse.closing {
        transform: translateX(100%);
        opacity: 0;
    }


    .navbar-nav > .nav-item {
        justify-content: space-between;
        /* border-bottom: 1px solid rgba(4, 8, 15, 0.24); */
    }
    .navbar-nav > .nav-item.menu-open {
        border-color: transparent;
    }
    .navbar-nav .nav-item.menu-item-has-children {
        flex-wrap: wrap;
    }
    .navbar-nav > .nav-item > .nav-link {
        padding: 0;
        color: var(--bs-black);
    }
    .navbar-nav > .nav-item.menu-open > .nav-link {
        font-weight: 700;
    }
    .navbar-nav .nav-item.menu-item-has-children .nav_toggle {
        padding: 0 16px;
    }
    .navbar-collapse .btn {
        margin: 24px 16px;
    }
    .navbar {
        --bs-navbar-padding-x: 27px;
        --bs-navbar-padding-y: 18.6px;
    }
    .navbar-nav.responsive-menu {
        padding: 54px 41px 10px;
        /* background: var(--bs-white);
        height: 75%; */
        overflow-x: hidden;
        overflow-y: auto;
    }
    .navbar-nav > .nav-item:not(:last-child) {
        margin:  0 0 38px;
    }
    ul.sub_menu_inner {
        margin: 38px 0 0;
    }
    /* !!! Sub Menu !!!*/
    .sub-menu {
        display: none;
        width: 100%;
        padding: 0 16px 16px;
    }
    .close_menu_block {
        cursor: pointer;
        padding: 27.5px 29.5px 0 0;
        background: var(--bs-white);
        display: flex;
        justify-content: end;
        align-items: center;

    }
    .close_menu_block .close_menu {
        padding: 10px;
    }
}

/* ============================================ */
/* !!!!           PROMOTION BAR            !!!! */
/* ============================================ */
.promotion_bar {
    background-color: var(--bs-gray-100);
    padding: 12px 0;
}
.promotion_card {
    gap: 24px;
}
.promotion_divider {
    width: 1px;
    height: 55px;
    background: var(--bs-blue);
}
.promotion_close_btn {
    width: 32px;
    height: 32px;
}
/* ============================================= */
/* !!!!              FOOTER                 !!!! */
/* ============================================= */
.footer__a {
    background-color: transparent;
    color: var(--bs-white);
    padding: 44px 0;
    z-index: 9;
}
.foot_orange_triangle {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.copyright_block ul {
    margin: 0;
}
.copyright_block p, .copyright_block ul li, .copyright_block a {
    font-family: "montserrat", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: var(--bs-white);
    margin: 0;
    padding: 0;
    transition: var(--bs-base-transition);
}
.copyright_block ul li {
    position: relative;
    display: inline-flex;
}
.copyright_block ul li:not(:last-child)::after {
    content: '|';
    margin: 0 9px;
}
.copyright_block a:hover {
    color: var(--bs-secondary);
}
.foot_logo {
    display: block;
    margin: 0 0 22px;
}
.contact_info p, .contact_info a {
    font-size: 14px;
    line-height: 18px;
    color: var(--bs-white);
    margin: 0;
    transition: var(--bs-base-transition);
}
.contact_info a:hover {
    color: var(--bs-primary);
}
.contact_info p {
    font-weight: 500;
}
.contact_info .foot_address {
    margin: 0 0 18px;
    max-width: 160px;
    width: 100%;
}
.social_media {
    margin: 47px 0 0;
    gap: 28px;
}
.social_media li a {
    color: var(--bs-white);
    transition: var(--bs-base-transition);
}
.social_media li a:hover {
    color: var(--bs-primary);
}
.footer__a .current_page_item a {
    color: var(--bs-secondary) !important;
}
/* !!! partner_with_wallcraft !!! */
.partner_with_wallcraft {
    padding: 141px 0;
    z-index: 1;
}
.partner_with_wallcraft::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: var(--bs-dark);
    opacity: 0.78;
    z-index: -1;
}
.partner_with_wallcraft_content {
    max-width: 520px;
}
.partner_with_wallcraft h2 {
    margin: 0 0 12px;
    color: var(--bs-white);
}
.partner_with_wallcraft p {
    color: var(--bs-white);
}
.partner_with_wallcraft .link {
    margin: 61px 0 0;
}
.partner_with_wallcraft .link:hover {
    color: var(--bs-white)!important;
}
@media (min-width: 1600px) {
    .partner_with_wallcraft h2 {
        font-size: 70px;
        line-height: 70px;
    }
}
@media (max-width: 991.98px) {
    .partner_with_wallcraft h2 {
        font-size: 45px;
        line-height: 45px;
    }
    .partner_with_wallcraft {
        padding: 40.5px 62px 107px 37px;
    }
    .partner_with_wallcraft h2 {
        font-size: 45px;
        line-height: 45px;
        margin: 0 0 39px;
    }
    .partner_with_wallcraft .link {
        margin: 82px 0 0;
    }
    .partner_with_wallcraft  .container-fluid {
        padding: 0;
    }
    .foot_orange_triangle {
        width: 65%;
    }
}
@media (max-width: 767px) {
    .footer_content {
        flex-direction: column-reverse;
        justify-content: center !important;
        align-items: center !important;
    }
    .footer__a {
        padding: 68px 0 0;
    }
    .site_details {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .foot_logo {
        display: block;
        margin: 0 0 68px;
    }
    .social_media {
        margin: 66px 0 128px;
        gap: 28px;
    }
    .copyright_block {
        text-align: left;
        align-items: start;
        margin: 0 auto 40px 0;
    }
    .foot_orange_triangle {
        width: 100%;
    }
}
@media (max-width: 320px) {
    .foot_orange_triangle {
        height: 100%;
        min-height: 150px;
        max-height: 150px;
        object-fit: cover;
    }
}
/* ======================================= */
/* !!!!   SWIPER SLIDER WRAPPER CSS   !!!! */
/* ======================================= */
.swiper_navi {
    gap: 8px;
}
.swiper_navi [class*="swiper-button-"] {
    position: relative;
    left: auto;
    right: auto;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 0;
    background-color: transparent;
    box-shadow: none;
    margin: 0;
    top: auto;
    color: var(--bs-dark);
}
.swiper_navi [class*="swiper-button-"]:not(.swiper-button-lock) {
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper_navi [class*="swiper-button-"]::after {
    display: none;
}

.swiper-pagination-bullet {
    background: var(--bs-light);
    opacity: 1;
}
.swiper-pagination-bullet-active {
    background: var(--bs-secondary);
}
/* ======================================= */
/* !!!!    HERO BANNER WRAPPER CSS    !!!! */
/* ======================================= */
.video_block video, .image_block img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    object-position: center center;
    background-repeat: no-repeat;
}
.hero_banner {
    min-height: 853px;
}
.page-template-home-new .hero_banner {
    min-height: inherit;
    height: calc(100vh - 80px);
}
.hero_banner_content {
    width: 100%;
    /* height: 100%; */
    background: rgba(40, 40, 40, 0.15);
    opacity: 0; /* Initially hidden */
    transition: opacity 0.5s ease-in-out;
}

.hero_banner_content img {
    max-width: 222px;
    width: 100%;
    opacity: 0.75;
}
@media (min-width: 768px) {
    .page-template-home-new .hero_banner {
        height: calc(100vh - 104px);
    }
}
@media (min-width: 1200px) {
    .hero_banner_content img {
        max-width: 375px;
    }
    .page-template-home-new .hero_banner_content img {
        max-width: 300px;
    }
    .page-template-home-new .hero_banner {
        height: calc(100vh - 117px);
    }
}
@media (min-width:1660px) {
    .hero_banner {
        min-height: 900px;
    }
    .page-template-home-new .hero_banner {
        min-height: inherit;
    }
}
/* ======================================= */
/* !!!!   Full Odd Even WRAPPER CSS   !!!! */
/* ======================================= */
.full_odd_even_img {
    position: relative;
    margin-left: -150px;
    height: 100%;
    margin-bottom: -48px;
}
/* .full_odd_even_content {
    padding: 275px 0 300px 160px;
} */
.full_odd_even_content_inner {
    max-width: 571px;
}
.full_odd_even_content_inner h2 {
    font-size: 50px;
    line-height: 50px;
}
.full_odd_even_content_inner p {
    margin-bottom: 26px;
}
.full_odd_even_content_inner .link {
    margin: 11px 0 0;
}
.odd_even_green_triangle {
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 100%;
}
@media (min-width: 992px) {
    .full_odd_even_content {
        padding: 275px 100px;
    }
}
@media (min-width: 1600px) {
    .full_odd_even_content {
        padding: 252px 0 320px 160px;
    }
    .full_odd_even_content_inner h2 {
        font-size: 70px;
        line-height: 70px;
    }
}
@media (max-width: 991.98px) {
    .full_odd_even_img {
        margin-left: -150px;
        margin-right: -60px;
        max-height: 510px;
        margin-bottom: 0;
    }
    .full_odd_even_wrapper  .container-fluid > .row {
        display: flex;
        flex-direction: column-reverse;
    }
    .full_odd_even_content {
        padding: 56px 16px 69px;
    }
    .our_projects_wrapper::before {
        display: none;
    }
    .our_projects_content {
        padding: 74px 16px 48px;
    }
    .full_odd_even_content_inner h2 {
        font-size: 45px;
        line-height: 45px;
    }
}
/* ======================================= */
/* !!!!   our_services_wrapper CSS   !!!! */
/* ======================================= */
.our_services_wrapper{
    z-index: 1;
}
.our_services_wrapper::before {
    content: '';
    width: 30%;
    background: var(--bs-secondary);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.our_services_content {
    padding: 200px 80px 200px 0;
    /* max-width: 637px; */
}
.our_services_content_inner *:not(.link, svg, path) {
    color: var(--bs-white);
}
.our_projects_content_inner h2,
.our_services_content_inner h2 {
    font-size: 50px;
    line-height: 50px;
}
.our_services_content_inner .link:hover {
    color: var(--bs-white)!important;
}
.our_services_list {
    column-count: 2;
    margin: 60px 0 40px;
}
.our_services_list li {
    font-weight: 700;
    line-height: 40px;
}
.our_services_list li a {
    color:  var(--bs-white);
}
.our_services_list li a:hover {
    color:  var(--bs-primary);
}
.fix_our_services_img {
    position: absolute;
    right: 0;
    bottom: 0;
    object-fit: cover;
    object-position: center;
    -webkit-mask-image: url(../images/our-services-triangle.svg);
    mask-image: url(../images/our-services-triangle.svg);
    mask-repeat: no-repeat;
    mask-size: cover;
    z-index: 0;
    width: 70%;
}
.service_content p {
    margin: 0;
    line-height: 24px;
}
@media (min-width:992px) {
    .our_services_wrapper::before {
        top: -10px;
    }
    .our_services_content_inner h2 {
        margin: 0 0 38px;
    }
    .our_services_list li a {
        font-size: 16px;
    }
}
@media (min-width: 1400px) {
    .our_services_content {
        padding: 223px 181px 274px 0;
    }
}
@media (min-width: 1600px) {
    .our_projects_content_inner h2,
    .our_services_content_inner h2 {
        font-size: 70px;
        line-height: 70px;
    }
    .our_services_list li a {
        font-size: 18px;
    }
}
@media (max-width: 991.98px) {
    .fix_our_services_img {
        position: relative;
        width: 100%;
        margin: 28px 0 0 0;
    }
    .our_services_content {
        padding: 71px 40px 0;
    }
    .our_services_content_inner {
        margin: 0 0 28px;
    }
    .our_projects_content_inner h2,
    .our_services_content_inner h2 {
        font-size: 45px;
        line-height: 45px;
    }
    .our_services_wrapper{
        background: var(--bs-secondary);
    }
}
@media (max-width: 767px) {
    .our_services_content {
        padding: 70px 19px 0;
    }
    .our_services_list {
        margin: 26px 0 80px;
    }
}
/* ======================================= */
/* !!!!   our_services_wrapper CSS    !!!! */
/* ======================================= */
.our_projects_wrapper {
    z-index: 11;
    overflow: hidden;
}
/* .fill_bg::before {
    content: '';
    background: var(--bs-secondary);
    position: absolute;
    top: 0;
    left: -150px;
    bottom: 0;
    right: 0;
    z-index: -1;
    min-height: 101vh;
    height: 100%;
} */
/* .our_projects_content {
    padding: 134px 0 0 160px;
} */
.our_projects_slider {
    position: relative;
    padding: 60px 75px 0;
    margin-left: -65px;
    margin-right: -65px;
}
.our_project_card_txt {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(40, 40, 40, 0.9);
    display: flex;
    align-items: end;
    justify-content: flex-start;
    padding: 0 27px 45px;
    opacity: 0;
    visibility: hidden;
    transition: var(--bs-base-transition);
}
.our_project_card:hover .our_project_card_txt {
    opacity: 1;
    visibility: visible;
}
.our_projects_slider  [class*="swiper-button-"] {
    position: absolute;
    z-index: 9;
    top: 60%;
    transform: translate(0, -50%);
}
.our_projects_slider  .our_projects_button_prev  {
    left: 10px;
    right: auto;
    color: var(--bs-white);
}
.our_projects_slider  .our_projects_button_next  {
    right: 10px;
    left: auto;
}
.our_projects_content_inner .link {
    margin: 20px 0 0;
}
@media (min-width: 992px) {
    /* .our_projects_wrapper::before {
        right: 58.82%;
    } */
    .our_projects_content {
        padding: 134px 0 0 100px;
    }
    .our_projects_content_inner p {
        max-width: 446px;
    }
    .fill_bg::before {
        content: '';
        background: var(--bs-secondary);
        position: absolute;
        top: 0;
        left: -150px;
        bottom: 0;
        right: 0;
        z-index: -1;
        min-height: 300vh;
        height: 100%;
    }
}
@media (min-width: 1200px) {
    /* .our_projects_wrapper::before {
        right: 58.22%;
    } */
    .our_projects_slider  .our_projects_button_prev  {
        left: 0;
    }
    .our_projects_slider  .our_projects_button_next  {
        right: 0;
    }
}
/* @media (min-width: 1400px) {
    .our_projects_wrapper::before {
        right: 58.3%;
    }
} */
@media (min-width: 1600px) {
    .our_projects_content {
        padding: 134px 0 0 160px;
    }
}
/* @media (min-width: 1800px) {
    .our_projects_wrapper::before {
        right: 57.6%;
    }
}
@media (min-width: 2420px) {
    .our_projects_wrapper::before {
        right: 57.8%;
    }
} */
@media (max-width: 991.98px) {
    .our_projects_slider {
        position: relative;
        padding: 0 75px 24px;
        margin-left: -65px;
        margin-right: -65px;
    }
    .our_projects_button_prev, .our_projects_button_next,
    .our_projects_button_next svg, .our_projects_button_prev svg {
        display: none;
    }
    .our_projects_wrapper .swiper_navi .our_projects_button_pagination {
        bottom: 30px;
    }

    .our_projects_button_pagination  span.swiper-pagination-bullet {
        height: 4px;
        width: 24px;
        border-radius: 30px;
        opacity: 45%;
        background: #fff;
    }
    .our_projects_button_pagination  span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 79%;
    }
}
/* ======================================= */
/* !!!!          Projects CSS         !!!! */
/* ======================================= */
.project_banner {
    padding: 134px 0 85px;
}
.project_banner h1 {
    margin: 0 0 19px;
    line-height: 78px;
    color: var(--bs-secondary);
}
.project_banner h1 strong{
    font-weight: 500;
}
.project_banner_content {
    max-width: 592px;
}
.project_banner_content p {
    font-size: 18px;
}
.project_banner_content .link {
    margin: 25px 0 0;
}
.projects_post_wrapper {
    padding: 0 0 192px;
}
.projects_post_listing {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 22px;
}
.main_project_card {
    flex-grow: 1;
    width: 100%;
}

/* First and second card in every row */
.main_project_card:nth-child(4n+1),
.main_project_card:nth-child(4n+4) {
    max-width: 59%;
}

.main_project_card:nth-child(4n+2),
.main_project_card:nth-child(4n+3) {
   max-width: 38%;
}

.main_project_card_txt {
    position: absolute;
    right: 0;
    top: 91px;
    bottom: 0;
    left: 0;
    background: rgba(40, 40, 40, 0.8);
    padding: 38px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.main_project_card h3 {
    margin: 0;
}
.main_project_card .main_project_card_txt {
    object-fit: cover;
    object-position: center;
    mask-repeat: no-repeat;
    mask-size: cover;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: var(--bs-base-transition);
}
.main_project_card:hover .main_project_card_txt {
    opacity: 1;
    visibility: visible;
}
/* .project_large_card .main_project_card_txt{
    -webkit-mask-image: url(../images/main_project_card_large_triangle.svg);
    mask-image: url(../images/main_project_card_large_triangle.svg);
}
.project_small_card .main_project_card_txt{
    -webkit-mask-image: url(../images/main_project_card_small_triangle.svg);
    mask-image: url(../images/main_project_card_small_triangle.svg);
} */
@media (min-width: 768px) {
    .project_large_card .main_project_card_txt{
        -webkit-mask-image: url(../images/main_project_card_large_triangle.svg) !important;
        mask-image: url(../images/main_project_card_large_triangle.svg) !important;
    }
    .project_small_card .main_project_card_txt{
        -webkit-mask-image: url(../images/main_project_card_small_triangle.svg) !important;
        mask-image: url(../images/main_project_card_small_triangle.svg) !important;
    }
    .main_project_card h3 {
        font-size: 40px;
        line-height: 40px;
    }
}
@media (min-width: 992px) {
    .main_project_card_txt {
        top: 50%;
    }
    .main_project_card h3 {
        font-size: 50px;
        line-height: 50px;
    }
}
@media (min-width: 1800px) {
    .main_project_card:nth-child(4n+1),
    .main_project_card:nth-child(4n+4) {
        max-width: 62%;
    }
    .main_project_card:nth-child(4n+2),
    .main_project_card:nth-child(4n+3) {
        max-width: 36%;
    }
    .main_project_card_txt {
        top: 91px;
    }
}
@media (min-width: 2000px) {
    .main_project_card_txt {
        padding: 38px 70px;
    }
}
@media (max-width: 991.98px) {
    /* First and second card in every row */
    .main_project_card:nth-child(4n+1), .main_project_card:nth-child(4n+4) {
        max-width: 58%;
    }
}
@media (max-width: 767px) {
    /* First and second card in every row */
    .main_project_card:nth-child(4n+1), .main_project_card:nth-child(4n+4),
    .main_project_card:nth-child(4n+2), .main_project_card:nth-child(4n+3)  {
        max-width: 100%;
    }
    .project_banner h1 {
        font-size: 45px;
        line-height: 45px;
        margin: 0 0 36px;
    }
    .project_banner_content p {
        font-size: 16px;
        line-height: 22px;
    }
    .project_banner_content .link {
        margin: 17px 0 0;
    }
    .project_banner {
        padding: 55px 0 155px;
    }
    .projects_post_listing {
        gap: 20px;
    }
    .projects_post_wrapper {
        padding: 0 0 15px;
    }
    .projects_post_wrapper .container-fluid {
        padding-left: 16px;
        padding-right: 16px;
    }
    .main_project_card:nth-child(odd) .main_project_card_txt {
        padding: 95px 0 13px 36px;
        top: auto;
        bottom: 0;
    }
    .main_project_card:nth-child(even) .main_project_card_txt {
        padding: 140px 50px 30px 0;
        top: auto;
        text-align: right;
        bottom: 0;
    }
    .main_project_card h3 {
        font-size: 30px;
        line-height: 45px;
    }
    .main_project_card .main_project_card_txt {
        opacity: 1;
        visibility: visible;
    }
}
@media (max-width: 575px) {
    .main_project_card:nth-child(odd) .main_project_card_txt {
        padding: 48px 0 13px 36px;
    }
    .main_project_card:nth-child(even) .main_project_card_txt {
        padding: 43px 50px 30px 0;
    }
}
/* ======================================= */
/* !!!!      Single Projects CSS      !!!! */
/* ======================================= */
.single_project_banner_content,
.single_project_content_block_inner {
    max-width: 977px;
    margin: 0 auto;
}
.single_project_banner {
    padding: 97px 0 31px;
}
.single_project_banner h1 {
    margin: 0 0 40px;
}
.post_feature_img {
    margin: 46px 0 0;
}
.single_project_content_block {
    padding: 0 0 147px;
    z-index: 1;
}
.single_project_content_block::after {
    content: '';
    background-color: var(--bs-light);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 500px;
    z-index: -1;
}
.two_img_block .row {
    --bs-gutter-x: 30px;
}
.text_block {
    padding: 58px 0;
}
.text_block h4 {
    font-family: 'Arboria', sans-serif;
    font-weight: 700;
    font-size: 34px;
    line-height: 41px;
    margin: 0 0 24px;
    text-transform: math-auto;
}
.links_block {
    margin: 33px 0 0;
}
.full_img_block {
    gap: 23px;
}
.text_block + .text_block {
    padding: 0 0 58px;
}
@media (max-width: 767px) {
    .single_project_banner h1 {
        line-height: 45px;
        font-size: 45px;
        margin: 0 0 36px;
    }
    .single_project_banner {
        padding: 55px 0 25px;
    }
    .text_block {
        padding: 61px 0 40px;
    }
    .full_img_block {
        gap: 25px;
    }
    .links_block {
        margin: 41px 0 0;
    }
    .links_block {
        margin: 41px 0 0;
        flex-direction: column-reverse;
        gap: 11px;
    }
    .links_block .link {
        color: var(--bs-primary) !important;
    }
    .links_block .link:hover {
        color: var(--bs-secondary) !important;
    }
}
/* ======================================= */
/* !!!!        About Page CSS         !!!! */
/* ======================================= */
/* !!! about_img_with_content_wrapper !!! */
.about_img_with_content_wrapper {
    padding: 176px 0 296px;
    z-index: 1;
}
.about_img_with_content_triangle {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.about_img_with_content_txt {
    max-width: 632px;
}
.about_img_with_content_wrapper h2 {
    margin: 0 0 90px;
}
.about_img_with_content_txt .link {
    margin: 43px 0 0;
}
/* !!! About Banner !!! */
.about_banner_content {
    padding: 253px 0 358px;
}
.about_banner_inner h1 {
    margin: 0 0 33px;
}
/* .about_image {
    margin-right: -150px;
    position: relative;
    height: 100%;
    bottom: 0;
    top: auto;
    display: flex;
    justify-content: center;
    align-items: end;
} */
.about_image img {
    position: relative;
    right: 0;
    bottom: -1px;
    object-fit: cover;
    object-position: center;
    -webkit-mask-image: url(../images/about_mask_img_new.svg);
    mask-image: url(../images/about_mask_img_new.svg);
    mask-repeat: no-repeat;
    mask-size: cover;
    z-index: 0;
    width: 100%;
    /* height: 100%; */
    top: auto;
}
.about_details_wrapper {
    padding: 150px 0;
}
.about_details_txt p {
    color: var(--bs-white);
}
.about_img_with_content_wrapper h2 {
    margin: 0 0 68px;
}
.about_banner_content_txt {
    max-width: 545px;
    width: 100%;
}
@media (min-width: 992px) {
    .about_banner_wrapper  {
        padding: 80px 0 0;
    }
    .about_banner_content {
        padding: 0 0 80px;
    }
    .about_img_with_content_triangle {
        bottom: -47px;
    }
    .about_image {
        margin-right: -150px;
        position: relative;
        height: 100%;
        bottom: 0;
        top: auto;
        display: flex;
        justify-content: center;
        align-items: end;
    }
    .about_img_with_content_wrapper .row {
        --bs-gutter-x: 40px;
    }
}
@media (min-width: 1200px) {
    .about_details_wrapper {
        padding: 440px 0;
    }
    .about_banner_wrapper  {
        padding: 60px 0 0;
    }
    .about_banner_content {
        padding: 90px 0 50px;
    }
    .about_img_with_content_triangle {
        bottom: 0;
    }
    .about_img_with_content_wrapper h2 {
        margin: 0 0 90px;
    }
}
@media (min-width: 1600px) {
    .about_banner_wrapper  {
        padding: 97px 0 0;
    }
    .about_banner_content {
        padding: 133px 0 50px;
    }
    .about_details_wrapper .row .col-lg-6:nth-child(2),
    .about_img_with_content_wrapper .row .col-lg-6:nth-child(2) {
        display: flex;
        justify-content: end;
    }
    .about_details_txt {
        max-width: 634px;
        width: 100%;
    }
    .about_details_txt p {
        font-size: 26px;
        line-height: 36px;
    }
    .about_img_with_content_wrapper .row {
        --bs-gutter-x: 20px;
    }
}
@media (min-width: 1800px) {
    .about_image {
        margin-left: -150px;
        max-height: 864px;
        min-height: 864px;
    }
    .about_image img {
        height: 100%;
    }
}
@media (min-width: 2000px) {
    .about_img_with_content_wrapper .row .col-lg-6:nth-child(2) {
        justify-content: start;
    }
}
@media (max-width: 1800px) {
    .about_details_wrapper h2.h1,
    .about_banner_inner h1,
    .about_img_with_content_wrapper h2  {
        font-size: 50px;
        line-height: 50px;
    }
}
@media (max-width: 991.98px) {
    .about_details_wrapper h2.h1,
    .about_banner_inner h1,
    .about_img_with_content_wrapper h2 {
        font-size: 45px;
        line-height: 45px;
    }
    .about_banner_content {
        padding: 70px 42px 31px;
    }
    /* .about_image {
        height: 100%;
        margin-left: -150px;
        max-height: 580px;
    } */
    .about_img_with_content_wrapper {
        padding: 63px 0 76px;
    }
    .about_img_with_content_wrapper h2 {
        margin: 0 0 50px;
    }
    .about_img_with_content_txt .link {
        margin: 49px 0 0;
    }
    .about_img_with_content_img {
        margin: 50px 0 0;
    }
    .about_img_with_content_wrapper  .about_img_with_content_txt h2 span {
        font-weight: normal !important;
    }
    .about_banner_wrapper .container-fluid {
        padding: 0;
    }
}
@media (max-width: 575px) {
    .about_img_with_content_wrapper h2 {
        font-size: 43px;
        line-height: 43px;
    }
}
@media (max-width:409px) {
    .about_banner_content {
        padding: 70px 21px 31px;
    }
}

/* ========================================= */
/* !!!!        Service Page CSS         !!!! */
/* ========================================= */
/* !!! Service Banner !!! */
.service_banner {
    padding: 115px 0 123px;
    overflow: hidden;
}
.service_inner_content h1,
.service_inner_content p,
.service_inner_content ul li {
    color: var(--bs-white);
}
.service_inner_content {
    max-width: 481px;
    width: 100%;
}
.service_inner_content h1 {
    margin: 0 0 25px;
}
.service_inner_content ul {
    display: flex;
    align-items: center;
    margin: 0 0 34.5px;
    flex-wrap: wrap;
    row-gap: 18px;
    gap: 25px;
    /* justify-content: center; */
}
/* .service_inner_content ul li:not(:last-child) {
   margin: 0 25px 0 0;
} */
.service_inner_content ul li a {
    font-size: 20px;
    font-weight: 500;
    color: var(--bs-white);
    position: relative;
}
.service_inner_content ul li a:hover {
    color: var(--bs-primary);
}
.service_inner_content .banner_content {
    margin: 45.5px 0 0 0;
}
.service_inner_content hr {
    color: #E7E5DB;
    width: 114px;
}
.service_inner_content .banner_content p:not(:last-child) {
    margin: 0 0 26px;
}
.service_inner_content  .triangle_image {
    position: absolute;
    bottom: -1px;
    right: -2px;
    display: flex;
}
.service_inner_content .triangle_image img {
    object-fit: cover;
    object-position: right;
}
.service_inner_content ul li:not(:nth-child(4n)):not(:last-child) a:after {
    content: '';
    position: absolute;
    background-color: #fff;
    width: 2px;
    height: 19px;
    right: -12px;
    z-index: 11;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
@media (min-width: 768px) {
    .service_inner_content  .triangle_image img {
        width: 75%;
        margin: 0 0 0 auto;
    }
}
@media (min-width: 1600px) {
    .service_inner_content  .triangle_image img {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .service_inner_content h1 {
        font-size: 45px;
        line-height: 45px;
        margin: 0 0 41px;
    }
    .service_inner_content ul li a {
        font-size: 18px;
    }
    .service_inner_content ul {
        column-gap: 23px;
        row-gap: 18px;
    }
    .service_inner_content ul {
        margin: 0 0 49px;
    }
    .service_inner_content .banner_content {
        margin: 52px 0 0 0;
    }
    .service_inner_content .banner_content p {
        line-height: 22px;
    }
    .service_banner {
        padding: 51px 0 204px;
    }
    .service_inner_content .triangle_image img {
        width: 100%;
        margin: 0;
        height: 131px;
    }
    .service_inner_content .triangle_image {
        width: 100%;
    }
    .service_inner_content .triangle_image {
        right: 0px;
    }
}
@media (max-width: 424px) {
    .service_inner_content ul li a {
        font-size: 16px;
    }
}
@media (max-width: 374px) {
    .service_inner_content ul li a {
        font-size: 14px;
    }
    .service_inner_content ul {
        column-gap: 20px;
        row-gap: 15px;
    }
}
/* !!! ODD EVEN SERVICE PAGE !!! */
.service_odd_even_wrapper .odd_even_block .row.flex-row-reverse .odd_even_info {
    max-width: 487px;
    width: 100%;
    padding: 108px 0;
}
.service_odd_even_wrapper .odd_even_block .row:not(.flex-row-reverse) .odd_even_info {
    max-width: 591px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    margin: 0 0 0 auto;
    padding: 108px 104px 108px 0;
}

.odd_even_info h2 {
    line-height: 78px;
    margin: 0 0 72px;
}
.odd_even_info .odd_even_content p:not(:last-child) {
    margin: 0 0 26px;
}
.odd_even_info .odd_even_content {
    margin: 0 0 60px;
}
.swiper.images_swiper {
    overflow: visible;
}
.service_odd_even_wrapper .odd_even_block .row:not(.flex-row-reverse) .image_holder,
.service_odd_even_wrapper .odd_even_block .row:not(.flex-row-reverse) .odd_even_img {
    margin-left: -150px;
}
.service_odd_even_wrapper .odd_even_block .row.flex-row-reverse .odd_even_img,
.service_odd_even_wrapper .odd_even_block .row.flex-row-reverse .image_holder {
    margin-right: -150px;
}
/* swiper button */
.images_swiper [class*="swiper-button-"] {
    width: 20px;
    height: 58px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    top: 40%;
    margin: 0
}
.images_swiper [class*="swiper-button-"]::after {
    display: none
}
.images_swiper .swiper-button-prev {
    background-image: url('https://wallcraft.sfstaging.com.au/wp-content/uploads/2025/03/image_prev.svg');
    left: -42px
}
.images_swiper .swiper-button-next {
    background-image: url('https://wallcraft.sfstaging.com.au/wp-content/uploads/2025/03/image_next.svg');
    right: 120px;
}

.odd_even_img , .odd_even_img  img,
.service_odd_even_wrapper .images_swiper,
.images_swiper .swiper-wrapper, .images_swiper .swiper-slide, .images_swiper .image_holder,
.images_swiper .image_holder img {
    height: 100% !important;
}
.service_odd_even_wrapper .odd_even_block:nth-child(even) {
    background-color: #E7E5DB;
}
.odd_even_block {
    position: relative;
    z-index: 11;
}
.service_odd_even_wrapper .odd_even_block .odd_even_img img {
    width: 100%;
}
@media (min-width: 992px) {
    .service_odd_even_wrapper .odd_even_block .row:not(.flex-row-reverse) .images_swiper,
    .service_odd_even_wrapper .odd_even_block .row:not(.flex-row-reverse) .odd_even_img {
        padding-right: 82px;
    }
    .service_odd_even_wrapper .odd_even_block .row.flex-row-reverse .images_swiper,
    .service_odd_even_wrapper .odd_even_block .row.flex-row-reverse .odd_even_img {
        padding-left: 82px;
    }
}
@media (min-width: 1660px) {
    .images_swiper .swiper-button-prev {
        left: -118px;
    }
}

@media (max-width: 1199px) {
    .odd_even_info h2 {
        line-height: 58px;
        font-size: 50px;
    }
    .images_swiper .swiper-button-prev {
        left: 0;
    }
}
@media (max-width: 991.98px) {
    .service_odd_even_wrapper .odd_even_block .row:not(.flex-row-reverse) .image_holder,
    .service_odd_even_wrapper .odd_even_block .row:not(.flex-row-reverse) .odd_even_img {
        margin-right: -150px;
    }
    .service_odd_even_wrapper .odd_even_block .row:not(.flex-row-reverse) .images_swiper,
    .service_odd_even_wrapper .odd_even_block .row:not(.flex-row-reverse) .odd_even_img {
        padding-right: 0;
    }
    .service_odd_even_wrapper .odd_even_block .row.flex-row-reverse .images_swiper,
    .service_odd_even_wrapper .odd_even_block .row.flex-row-reverse .odd_even_img {
        padding-left: 0;
    }
    .service_odd_even_wrapper .odd_even_block .row.flex-row-reverse .odd_even_img,
    .service_odd_even_wrapper .odd_even_block .row.flex-row-reverse .image_holder {
        margin-left: -150px;
    }
    .service_odd_even_wrapper .odd_even_block:nth-child(even)::before {
        content: '';
        width: 250px;
        height: 100%;
        position: absolute;
        top: 0;
        right: -150px;
        background-color: #e7e5db;
        z-index: -1;
    }
    .service_odd_even_wrapper .odd_even_block .row {
        flex-direction: column-reverse !important;
    }
    .service_odd_even_wrapper  .image_pagination span.swiper-pagination-bullet {
        height: 4px;
        width: 24px;
        border-radius: 30px;
        opacity: 45%;
        background: #fff;
    }
    .service_odd_even_wrapper  .image_pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 79%;
    }
    .service_odd_even_wrapper .odd_even_block .row.flex-row-reverse .odd_even_info {
        padding: 43px 0 56px;
    }
    .odd_even_info h2 {
        line-height: 45px;
        font-size: 45px;
        margin: 0 0 41px;
    }
    .odd_even_info .odd_even_content {
        margin: 0 0 40px;
    }
    .service_odd_even_wrapper .odd_even_block .row:not(.flex-row-reverse) .odd_even_info {
        padding: 43px 0 56px;
        max-width: 487px;
        margin: 0;
    }
}
/* ========================================= */
/* !!!!        Contact Page CSS         !!!! */
/* ========================================= */
/* !!! Contact Banner !!! */
.contact_banner_section {
    padding: 104px 0 0;
}
.contact_banner_section .contact_banner_inner {
    margin: 0 0 53px;
}
.contact_banner_section h1 {
    margin: 0 0 60px;
    color: var(--bs-white);
    font-size: 45px;
    line-height: 45px;
}
.contact_banner_section p {
    color: var(--bs-white);
    text-wrap: auto;
}
.contact_banner_section p:last-child {
    margin: 0;
}
.contact_banner_section .contact_inner_content {
    max-width: 481px;
    width: 100%;
}
.form-floating:not(:last-child) {
    margin: 0 0 25px;
}
.contact_banner_section .contact_form {
    max-width: 610px;
    width: 100%;
    padding: 0 0 0 30px;
}
.contact_banner_section .form-control {
    font-family: "arboria", serif;
    background-color: transparent;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #fff;
    border: 0;
    border-bottom: 1px solid var(--bs-gray-100);
    -webkit-border-radius: 0;
    border-radius: 0;
    transition: var(--bs-base-transition);
    display: block;
    outline: none;
    /* transition: border 0.2s ease-out; */
}
.contact_banner_section .form-control:focus {
    box-shadow: none;
}
.contact_banner_section .submit_btn {
    background-color: transparent;
    box-shadow: none;
    border: 0;
    font-size: 18px;
    font-weight: 600;
    font-family: "montserrat", sans-serif;
}
.contact_banner_section .submit_block svg {
    transition: var(--bs-base-transition);
}
.contact_banner_section .submit_block {
    cursor: pointer;
}
.wpcf7 form .wpcf7-response-output {
    color: var(--bs-white);
    font-size: 16px;
}
.contact_banner_section .submit_btn:focus {
    color: var(--bs-primary) !important;
}
.contact_banner_section .submit_block:hover .submit_btn,
.contact_banner_section .submit_btn:hover {
    color: #fff !important;
}
.contact_banner_section .submit_block:hover svg path {
    fill: #fff;
}
.contact_banner_section textarea {
    max-height: 145px;
    height: 100%;
    resize: none;
}
.contact_banner_section .contact_bg_img {
    display: flex;
    margin-left: auto;
    margin-right: -124px;
    margin-bottom: -1px;
}
.contact_banner_section label, .contact_banner_section input, .contact_banner_section textarea {
    font-size: 16px;
}
.contact_banner_section .form-floating label {
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 0;
    transition: 0.2s ease;
}
.contact_banner_section label {
    color: #fff;
    padding: 10.5px 0;
    z-index: 0;
    line-height: 19px;
    /* bottom: 0; */
    /* margin: auto 0 auto !important; */
    align-items: center;
    display: flex;
    font-family: "montserrat", sans-serif;
    font-weight: 500;
}
.contact_banner_section .form-floating {
    position: relative;
}
.contact_banner_section p:has(input:focus) label, .contact_banner_section p label.label-focused,
.contact_banner_section p:has(textarea:focus) label  {
    top: -14px;
    font-size: 12px;
    margin: 0;
    padding: 0;

}
.contact_banner_section p:has(.wpcf7-validates-as-required) label span {
    position: relative;
}
.contact_banner_section p:has(.wpcf7-validates-as-required) label span:after {
    content: '';
    position: absolute;
    top: -7.6px;
    right: -10px;
    width: 7.6px;
    height: 7.6px;
    background-color: var(--bs-primary);
    border-radius: 100%;
}
.page-template-contact-template .partner_with_wallcraft {
    display: none;
}
@media (min-width: 1200px) {
    .contact_banner_section h1 {
        font-size: 50px;
        line-height: 50px;
    }
}
@media (min-width: 1440px) {
    .contact_banner_section h1 {
        font-size: 70px;
        line-height: 70px;
    }
}
@media (max-width: 991.98px) {
    .contact_banner_inner .row {
        gap: 58px;
    }
    .contact_banner_section .contact_bg_img {
        width: 100%;
        display: flex;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        height: 100%;
        object-fit: cover;
    }
    .contact_banner_section h1 {
        margin: 0 0 31px;
    }
    .contact_banner_section label, .contact_banner_section input, .contact_banner_section textarea {
        font-size: 14px;
    }
    .contact_banner_section .submit_block {
        margin: 31px 0 0;
        position: relative;
        display: block;
    }
    .contact_banner_section .contact_form {
        max-width: none;
        padding: 0;
    }
}
@media (max-width: 374px) {
    .contact_banner_section h1 {
        font-size: 44px;
    }
    .contact_banner_content p {
        font-size: 15px;
    }
}
.grecaptcha-badge {
    display: none !important;
}
.default_page_layout p + h2 {
    margin-top: 50px;
}