/*======================================================================================*/
/*=================[    |!|!|!|!| CSS ADDED BY PUROHIT A |!|!|!|!|    ]=================*/
/*======================================================================================*/
/* =========================== */
/* !! USE TO WEB SITE COLOR !! -
01. #000000                  -
02. #ffffff                  -
*/
/* =========================== */
/* =========================== */
/* !! 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: 'Maax Raw'; " ) 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 !!              */
/* ============================================== */
@font-face {
    font-family: 'Maax Raw';
    src: url('../fonts/MaaxRaw-Regular.eot');
    src: url('../fonts/MaaxRaw-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MaaxRaw-Regular.woff2') format('woff2'),
        url('../fonts/MaaxRaw-Regular.woff') format('woff'),
        url('../fonts/MaaxRaw-Regular.ttf') format('truetype'),
        url('../fonts/MaaxRaw-Regular.svg#MaaxRaw-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Maax Raw';
    src: url('../fonts/MaaxRaw-Bold.eot');
    src: url('../fonts/MaaxRaw-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MaaxRaw-Bold.woff2') format('woff2'),
        url('../fonts/MaaxRaw-Bold.woff') format('woff'),
        url('../fonts/MaaxRaw-Bold.ttf') format('truetype'),
        url('../fonts/MaaxRaw-Bold.svg#MaaxRaw-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/* ============================================= */
/* !!!!        SITE GLOBAL STYLE CSS        !!!! */
/* ============================================= */
html[lang] {
    margin: 0 !important;
}
:root {
    --bs-primary: #C8FF55;
    --bs-secondary: #142826;
    --bs-light: #F0F0F0;
    --bs-dark: #17233B;
    --bs-gray: #707070;
    --bs-gray-dark: #152726;
    --bs-teal: #81a536;
    --bs-primary-rgb: 200, 255, 85;
    --bs-secondary-rgb: 20, 40, 38;
    --bs-light-rgb: 240, 240, 240;
    --bs-dark-rgb: 23, 35, 59;
    --bs-font-sans-serif: 'Maax Raw', 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-bg: var(--bs-light);
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 20px;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 28px;
    --bs-body-color: var(--bs-secondary);
    --bs-base-transition: all 0.3s ease-in-out;
}
.container {
    --bs-gutter-x: 30px;
}
.row {
    --bs-gutter-x: 30px;
}
.container-fluid {
    --bs-gutter-x: 34px;
}
@media (min-width: 576px) {
    .container-fluid {
        --bs-gutter-x: 82px;
    }
}
@media (min-width:1600px) {
    .container-fluid {
        --bs-gutter-x: 102px;
    }
}
@media (min-width:1900px) {
    .container {
        max-width: 1818px;
    }
}
/* !! scrollbar !! */
::-webkit-scrollbar-track {
    background-color: transparent;
}
::-webkit-scrollbar {
    width: 5px;
    /* height: 0; */
    background-color: var(--bs-white);
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--bs-gray);
}
/* !!! 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: 12px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--bs-secondary);
    margin: 0 0 15px;
}
p:empty {
    display: none;
}
p:last-child {
    margin-bottom: 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: 'Maax Raw';
    font-weight: 400;
    margin: 0 0 15px 0;
    color: var(--bs-secondary);
}
h1, .h1 {font-size: 24px;line-height: 28px;}
h2, .h2 {font-size: 24px;line-height: 28px;}
h3, .h3 {font-size: 18px;line-height: 24px;}
h4, .h4 {font-size: 16px;line-height: 120%;}
h5, .h5 {font-size: 12px;line-height: 18px;}
h6, .h6 {font-size: 12px;line-height: 18px;}
.display-1, .display-2 {
    font-family: 'Maax Raw';
    font-weight: 400;
}
.display-1 {
    font-size: 50px;
    line-height: 50px;
}
.display-2 {
    font-size: 42px;
    line-height: normal;
}
@media (min-width: 375px) {
    .display-1 {
        font-size: 60px;
        line-height: 60px;
    }
}
@media (min-width: 576px) {
    p, li {
        font-size: 16px;
        line-height: 24px;
    }
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5,.h6 {
        margin: 0 0 30px 0;
    }
    .display-1 {
        font-size: 80px;
        line-height: 80px;
    }
}
@media (min-width: 768px) {
    .display-1 {
        font-size: 100px;
        line-height: 100px;
    }
}
@media (min-width: 992px) {
    h1, .h1 {font-size: 28px;line-height: 30px;}
    h2, .h2 {font-size: 28px;line-height: 30px;}
}
@media (min-width: 1200px) {
    h1, .h1 {font-size: 40px;line-height: 40px;}
    h2, .h2 {font-size: 40px;line-height: 40px;}
    h3, .h3 {font-size: 26px;line-height: 28px;}
    h4, .h4 {font-size: 22px;line-height: 120%;}
    h5, .h5 {font-size: 20px;line-height: 120%;}
    h6, .h6 {font-size: 18px;line-height: 120%;}
    .display-2 {
        font-size: 75px;
    }
}
@media (min-width: 1400px) {
    p, li {
        font-size: 18px;
        line-height: 24px;
    }
}
@media (min-width: 1600px) {
    p, li {
        font-size: 20px;
        line-height: 28px;
    }
    h1, .h1 {font-size: 56px;line-height: 56px;}
    h2, .h2 {font-size: 56px;line-height: 56px;}
    h3, .h3 {font-size: 36px;line-height: 46px;}
    h4, .h4 {font-size: 32px;line-height: 36px;}
    h5, .h5 {font-size: 24px;line-height: 120%;}
    h6, .h6 {font-size: 20px;line-height: 120%;}
    .display-1 {
        font-size: 200px;
        line-height: 200px;
    }
    .display-2 {
        font-size: 150px;
    }
}
/* ============================================= */
/* !!!!       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: 20px;
    --bs-btn-padding-y: 8px;
    --bs-btn-font-family: 'Maax Raw';
    --bs-btn-font-size: 14px;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 18px;
    --bs-btn-border-width: 0;
    --bs-btn-border-radius: 0;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-box-shadow: none;
    --bs-btn-active-shadow: none;
    -webkit-box-shadow: var(--bs-btn-box-shadow);
    box-shadow: var(--bs-btn-box-shadow);
    transition: var(--bs-base-transition);
    padding-bottom: 12px;
}
.btn::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--bs-secondary);
    display: block;
}
.btn img {
    display: inline-block;
    transition: var(--bs-base-transition);
    transform: rotate(0);
}
.btn:hover img {
    transform: rotate(-45deg);
}
.btn-primary {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-teal);
    --bs-btn-active-color: var(--bs-secondary);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-primary);
}
.btn-light {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-bg: var(--bs-white);
    --bs-btn-hover-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-light);
    --bs-btn-active-color: var(--bs-secondary);
    --bs-btn-active-bg: var(--bs-white);
    --bs-btn-disabled-bg: var(--bs-white);
}
.link_here {
    display: inline-block;
    font-family: 'Maax Raw';
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: var(--bs-secondary);
}
.link_here::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: var(--bs-secondary);
    display: block;
    /* margin-top: -2px; */
}
.link_here img {
    display: inline-block;
    transition: var(--bs-base-transition);
    transform: rotate(0);
}
.link_here:hover img {
    transform: rotate(-45deg);
}
.scroll_link img, .scroll_link:hover img {
    transform: rotate(90deg);
}
.triangle_link img {
    transform: rotate(-45deg);
}
.triangle_link:hover img {
    transform: rotate(0deg);
}
.back_btn img,
.back_btn:hover img  {
    transform: rotate(180deg);
}
@media (pointer: coarse) {
    .btn-primary {
        --bs-btn-hover-color: var(--bs-secondary);
        --bs-btn-hover-bg:var(--bs-primary);
    }
    .btn-light {
        --bs-btn-hover-color: var(--bs-secondary);
        --bs-btn-hover-bg: var(--bs-white);
    }
    .btn:hover img,
    .link_here:hover img {
        transform: rotate(0);
    }
    .triangle_link:hover img {
        transform: rotate(-45deg);
    }
    .scroll_link:hover img {
        transform: rotate(90deg);
    }
    .back_btn:hover img {
        transform: rotate(180deg);
    }
}
@media  (min-width: 576px) {
    .btn {
        --bs-btn-padding-x: 25px;
        --bs-btn-padding-y: 10px;
        --bs-btn-font-size: 18px;
        --bs-btn-line-height: 24px;
        padding-bottom: 16px;
    }
    .link_here {
        font-size: 18px;
        line-height: 24px;
    }
}
@media (min-width: 1600px) {
    .btn {
        --bs-btn-padding-x: 35px;
        --bs-btn-padding-y: 12px;
        --bs-btn-font-size: 24px;
        --bs-btn-line-height: 29px;
        padding-bottom: 20px;
    }
    .btn::after {
        height: 2px;
        margin-top: 1px;
    }
    .link_here::after {
        height: 2px;
    }
    .link_here {
        font-size: 24px;
        line-height: 29px;
    }
}
@media  (max-width: 575px) {
    .link_here img,
    .btn img {
        max-width: 12px;
    }
}
/* ============================================= */
/* !!!!         COMMON FORM STYLE           !!!! */
/* ============================================= */
.form_group {
    margin: 0 0 30px;
}
label {
    display: block;
    font-family: 'Maax Raw';
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: var(--bs-secondary);
    margin: 0 0 3px;
}
.form-control {
    font-family: 'Maax Raw';
    background-color: var(--bs-light);
    padding: 10px 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: var(--bs-secondary);
    border: 0;
    border-bottom: 1px solid var(--bs-gray);
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}
.form-control:focus {
    background-color: var(--bs-light);
    border-color: var(--bs-gray);
    box-shadow: none;
    outline: none;
}
.message_group label {
    margin: 0 0 10px 0;
}
textarea.form-control {
    height: 185px;
    border: 1px solid var(--bs-gray);
    padding: 10px;
}
/* !!! Wordpress Form checkbox style css !!! */
input[type="checkbox"] {
    width: 26px;
    height: 26px;
    opacity: 0;
}
input[type="checkbox"] + .wpcf7-list-item-label {
    position: relative;
    padding: 0 0 0 15px;
    cursor: pointer;
}
input[type="checkbox"] + .wpcf7-list-item-label::before {
    content: '';
    width: 20px;
    height: 20px;
    background-color: var(--bs-white);
    position: absolute;
    left: -26px;
    top: 50%;
    transform: translate(0, -50%);
    background-repeat: no-repeat;
    background-position: center;
}
input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.344' height='12.94' viewBox='0 0 17.344 12.94'%3E%3Cpath id='Path_167' data-name='Path 167' d='M-148.637,6080l5.11,5.11,10.819-10.819' transform='translate(149.344 -6073.584)' fill='none' stroke='%23142826' stroke-width='2'/%3E%3C/svg%3E%0A");
}
/* !!! Wordpress Form Common style css !!! */
.wpcf7-form {
    position: relative;
}
.wpcf7-form .wpcf7-spinner {
    position: absolute;
    margin: 0;
    bottom: -30px;
    left: 0;
    z-index: 9;
    background-color: var(--bs-black);
}
.forn-group p {
    margin-bottom: 0;
}
.wpcf7-not-valid-tip, .wpcf7 form .wpcf7-response-output {
    font-size: 16px;
    line-height: normal;
}
@media (min-width: 576px) {
    input[type="checkbox"] + .wpcf7-list-item-label::before {
        width: 26px;
        height: 26px;
    }
    label {
        font-size: 16px;
        line-height: 24px;
    }
    .form-control {
        font-size: 16px;
        line-height: 24px;
        padding: 17px 0;
    }
    textarea.form-control {
        padding: 15px;
    }
    .message_group label {
        margin: 0 0 20px 0;
    }
}
@media (min-width: 768px) {
    .form_group {
        margin: 0 0 75px;
    }
    textarea.form-control {
        height: 262px;
    }
}
@media (min-width: 1400px) {
    label {
        font-size: 18px;
        line-height: 24px;
    }
    .form-control {
        font-size: 18px;
        line-height: 24px;
    }
}
@media (min-width: 1600px) {
    label {
        font-size: 20px;
        line-height: 28px;
    }
   .form-control {
        font-size: 20px;
    }
}
@media (max-width: 575px) {
    input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
        background-size: 14px;
    }
}
/* ============================================= */
/* !!!!       FORM INPUT PLACEHOLDER        !!!! */
/* ============================================= */
.form-control::-webkit-input-placeholder {color: rgba(20, 40, 38, 0.5);-webkit-transition: var(--bs-base-transition);transition: var(--bs-base-transition);}
.form-control::-moz-placeholder {color: rgba(20, 40, 38, 0.5);-webkit-transition: var(--bs-base-transition);transition: var(--bs-base-transition);}
.form-control:-ms-input-placeholder {color: rgba(20, 40, 38, 0.5);-webkit-transition: var(--bs-base-transition);transition: var(--bs-base-transition);}
.form-control::-ms-input-placeholder {color: rgba(20, 40, 38, 0.5);-webkit-transition: var(--bs-base-transition);transition: var(--bs-base-transition);}
.form-control:-moz-placeholder {color: rgba(20, 40, 38, 0.5);-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                 !!!! */
/* ============================================= */
/* .home .navbar_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
} */
/* .home .navbar {
    position: relative;
    transition: var(--bs-base-transition);
} */
.navbar_open {
    overflow: hidden;
    padding-right: 5px;
}
.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 15px;
    --bs-navbar-color: var(--bs-primary);
    --bs-navbar-hover-color: var(--bs-teal);
    --bs-navbar-disabled-color: var(--bs-white);
    --bs-navbar-active-color: var(--bs-teal);
    --bs-navbar-brand-padding-y: 0;
    --bs-navbar-brand-margin-end: 0;
    --bs-navbar-nav-link-padding-x: 0;
    --bs-navbar-toggler-font-size: 27px;
    --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='40' height='27' viewBox='0 0 40 27'%3E%3Cg transform='translate(11255 -6207)'%3E%3Cline x2='40' transform='translate(-11255 6208.5)' fill='none' stroke='%23142826' stroke-width='3'/%3E%3Cline x2='40' transform='translate(-11255 6220.5)' fill='none' stroke='%23142826' stroke-width='3'/%3E%3Cline x2='40' transform='translate(-11255 6232.5)' fill='none' stroke='%23142826' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
    --bs-navbar-toggler-expanded-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.041' height='26.315' viewBox='0 0 31.041 26.315'%3E%3Cg transform='translate(10945.088 -6613.342)'%3E%3Cline x2='29.134' y2='24' transform='translate(-10944.134 6614.5)' fill='none' stroke='%23c8ff55' stroke-width='3'/%3E%3Cline x1='29.134' y2='24' transform='translate(-10944.134 6614.5)' fill='none' stroke='%23c8ff55' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
    --bs-navbar-toggler-border-color: transparent;
    --bs-navbar-toggler-border-radius: 0;
    --bs-navbar-toggler-focus-width: 0.25rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 100%;
    z-index: 1024;
    background-color: var(--bs-primary);
    transition: var(--bs-base-transition);
}
.navbar-toggler {
    border: 0;
    outline: 0;
    box-shadow: none;
    width: 25px;
    height: 25px;
    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-toggler.open {
    position: fixed;
    top: 18px;
    right: 18px;
    z-index: 1;
}
.home .navbar-brand {
    opacity: 0;
}
.navbar-brand {
    flex-shrink: 0;
    max-width: 162px;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.navbar-nav {
    --bs-nav-link-padding-y: 0;
    --bs-nav-link-color: var(--bs-navbar-color);
    padding: 111px 50px;
}
.navbar-collapse {
    position: fixed;
    flex-grow: 0;
    flex-shrink: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 619px;
    width: 100%;
    height: 100% !important;
    background: var(--bs-secondary);
    overflow-y: auto;
    transform: translateX(100%);
    transition: var(--bs-base-transition);
}
.navbar-collapse.show {
    transform: translateX(0);
}
.navbar-nav > .nav-item {
    position: relative;
    gap: 4px;
}
.navbar-nav .nav-item .nav-link {
    position: relative;
    font-family: 'Maax Raw';
    font-size: 32px;
    font-weight: 400;
    line-height: 48px;
    text-transform: uppercase;
    transition: all 0.3s ease;
}
.navbar-nav .current-menu-item .nav-link {
    color: var(--bs-white);
}
/* Default desktop view */
.logo-transparent {
    display: none;
}
@media (min-width: 768px) {
    .navbar {
        --bs-navbar-padding-y: 29px;
    }
    .navbar-nav {
        padding: 171px 135px;
    }
    .navbar-brand {
        max-width: 278px;
    }
    .navbar-toggler {
        width: 40px;
        height: 24px;
    }
    .navbar-toggler.open {
        top: 51px;
        right: 51px;
    }
}
@media (min-width: 992px) {
    .main_wrapper {
        padding: 109px 0 0;
    }
    .navbar {
        position: fixed;
        padding-top: 47px;
    }
    .home .navbar.sticky_navbar .navbar-brand {
        opacity: 1;
    }
    /* .home .navbar.sticky_navbar {
        position: fixed;
    } */
    .navbar-nav .nav-item .nav-link {
        font-size: 48px;
        line-height: 59px;
    }
}
@media (max-width: 991px) {
    body:not(.home) .navbar:not(.navbar_default) .logo-default {
        display: none;
    }
    .logo-transparent {
        display: inline-block;
    }
    .home .main_wrapper {
        padding: 90px 0 0;
    }
    body:not(.home) .navbar {
        background-color: transparent;
    }
    /* body:not(.home) .navbar.sticky_navbar {
        background-color: var(--bs-primary);
    } */
    body:not(.home) .navbar.navbar_default {
        position: relative;
    }
    .navbar.navbar_transparent {
        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='27' viewBox='0 0 40 27'%3E%3Cg transform='translate(11255 -6207)'%3E%3Cline x2='40' transform='translate(-11255 6208.5)' fill='none' stroke='%23C8FF55' stroke-width='3'/%3E%3Cline x2='40' transform='translate(-11255 6220.5)' fill='none' stroke='%23C8FF55' stroke-width='3'/%3E%3Cline x2='40' transform='translate(-11255 6232.5)' fill='none' stroke='%23C8FF55' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
    }
}
@media (max-width: 767px) {
    .home .main_wrapper {
        padding: 57px 0 0;
    }
    .navbar-collapse {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    .navbar-nav {
        margin-left: auto;
        display: inline-block;
    }
}
/* ============================================= */
/* !!!!              FOOTER                 !!!! */
/* ============================================= */
.footer__a {
    position: relative;
    background-color: var(--bs-secondary);
    color: var(--bs-light);
    padding: 45px 0 20px 0;
    z-index: 9;
}
.footer__a .container-fluid {
    max-width: 1915px;
}
#backToTop {
    position: fixed;
    bottom: 51px;
    right: 51px;
    cursor: pointer;
    display: none;
    z-index: 9;
    transition: opacity 0.3s ease;
}
#backToTop.hide {
    display: none!important;
}
.footer_logo_with_text {
    max-width: 170px;
    flex-shrink: 0;
    width: 100%;
}
.footer_brand {
    padding: 7px 0 0 0;
}
.highlight_text p {
    font-size: 17px;
    line-height: 24px;
    color: var(--bs-light);
}
.subscribe_block {
    margin: 60px 0 45px;
}
.subscribe_block p {
    color: var(--bs-light);
    margin: 0 0 32px;
}
.subscribe_block .form-control {
    border: 0;
    padding: 15.5px 22px;
}
.subscribe_block .form_group {
    margin: 0;
}
.subscribe_block .form-control::-webkit-input-placeholder {color: var(--bs-secondary);}
.subscribe_block .form-control::-moz-placeholder {color: var(--bs-secondary);}
.subscribe_block .form-control:-ms-input-placeholder {color: var(--bs-secondary);}
.subscribe_block .form-control::-ms-input-placeholder {color: var(--bs-secondary);}
.subscribe_block .form-control:-moz-placeholder {color: var(--bs-secondary);}
.subscribe_block input.btn-primary {
    --bs-btn-font-size: 18px;
    --bs-btn-line-height: 28px;
    max-width: 154px;
    width: 100%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding-bottom: 12px;
}
.subscribe_block .check_field .wpcf7-list-item {
    margin: 0;
}
.subscribe_block .check_field label, .subscribe_block .check_group a {
    font-size: 10.5px;
    line-height: 16px;
    color: var(--bs-light);
}
.subscribe_block .check_group a {
    text-decoration: underline;
}
.subscribe_block .check_group .wpcf7-not-valid-tip {
    position: absolute;
}
.footer_menu ul li {
    margin: 0;
}
.footer_menu ul li:not(:last-child) {
    margin-bottom: 10px;
}
.footer_menu ul li a {
    color: var(--bs-primary);
}
.footer_menu ul li a:hover,
.footer_menu ul li.current-menu-item a {
    color: var(--bs-light);
}
.menu_with_info {
    gap: 42px;
}
.footer_contact_info {
    max-width: 251px;
}
.footer_contact_info, .footer_contact_info * {
    color: var(--bs-light);
}
.footer_contact_info a:hover {
    color: var(--bs-primary);
}
/* !! footer_bottom !! */
.footer_bottom {
    padding: 45px 0 0;
    max-width: 1200px;
    margin: 0 auto;
}
.copyright_with_links {
    gap: 10px;
}
.copyright_with_links p, .copyright_with_links li a {
    font-size: 10px;
    line-height: 16px;
    color: var(--bs-light);
}
.menu-footer-bottom-menu-container ul {
    gap: 15px;
}
nav.menu-footer-bottom-menu-container ul li {
    margin: 0;
}
.menu-footer-bottom-menu-container ul a:hover,
.menu-footer-bottom-menu-container ul .current-menu-item a {
    color: var(--bs-primary);
}
.social_media {
    gap: 10px;
    /* width: 100%; */
}
.social_media li a {
    transition: var(--bs-base-transition);
}
.social_media li a:hover {
    opacity: .8;
}
@media (min-width: 355px) {
    .subscribe_block .check_field label, .subscribe_block .check_group a {
        font-size: 12px;
    }
}
@media (min-width: 576px) {
    .footer__a {
        padding: 100px 0 50px 0;
    }
    .highlight_text_with_form {
        max-width: 736px;
        padding-right: 50px;
    }
    .highlight_text p {
        font-size: 24px;
        line-height: 28px;
    }
    .subscribe_block .form_group {
        margin: 0 0 24px;
    }
    .subscribe_block .check_field label,
    .subscribe_block .check_group a {
        font-size: 16px;
        line-height: 24px;
    }
    .subscribe_block .form_group .wpcf7-not-valid-tip {
        position: absolute;
    }
    .menu_with_info {
        gap: 50px;
        flex-shrink: 0;
    }
    .footer_menu ul li:not(:last-child) {
        margin-bottom: 13px;
    }
    .footer_bottom {
        padding: 70px 0 0;
    }
    .copyright_with_links {
        gap: 30px;
    }
    .copyright_with_links p, .copyright_with_links li a {
        font-size: 14px;
        line-height: 26px;
    }
    .menu-footer-bottom-menu-container ul {
        gap: 20px;
    }
    .social_media {
        /* max-width: 140px; */
        gap: 16px;
    }
}
@media (min-width: 768px) {
    .copyright_with_links p, .copyright_with_links li a {
        font-size: 16px;
        line-height: 28px;
    }
}
/* @media (min-width: 768px) and (max-width: 991px) {
    .social_media {
        margin-left: auto;
    }
} */
@media (min-width: 992px) {
    .footer_contact_info {
        max-width: 300px;
    }
    .subscribe_block {
        margin: 164px 0 0;
    }
    .copyright_with_links {
        padding: 70px 0 0;
    }
    /* .social_media {
        max-width: 378px;
    } */
    .menu_with_info {
        height: 100%;
    }
    .footer_contact_info {
        display: flex    ;
        flex-direction: column;
        justify-content: space-between;
    }
}
@media (min-width: 1200px) {
    .footer_contact_info {
        max-width: 378px;
    }
}
@media (min-width: 1400px) {
    .highlight_text_with_form {
        padding-right: 150px;
    }
    .highlight_text p {
        font-size: 32px;
        line-height: 36px;
    }
    .subscribe_block .check_field label,
    .subscribe_block .check_group a {
        font-size: 18px;
        line-height: 26px;
    }
    .subscribe_block input.btn-primary {
        --bs-btn-font-size: 20px;
    }
    .menu_with_info {
        gap: 75px;
    }
    .menu-footer-bottom-menu-container ul {
        gap: 30px;
    }
}
@media (min-width: 1600px) {
    .footer_logo_with_text {
        max-width: 307px;
    }
    .subscribe_block .check_field label,
    .subscribe_block .check_group a {
        font-size: 20px;
        line-height: 28px;
    }
}
@media (min-width: 1700px) {
    .footer_menu_with_contact_info {
        margin-left: auto;
        padding: 0 51px 0 0;
    }
}
@media (max-width: 1199px) {
    .highlight_text {
        gap: 38px;
    }
}
@media (max-width: 767px) {
    .copyright_with_links {
        justify-content: space-between;
        margin: 19px 0 0;
    }
    .social_media li a img {
        max-width: 23px;
    }
}
@media (max-width: 575px) {
    .subscribe_block p {
        margin: 0 0 23px;
    }
    .subscribe_block .form_group {
        flex-direction: column;
        gap: 12px;
    }
    .subscribe_block .form-control {
        font-size: 12px;
        line-height: 16px;
        padding: 9px 10px 7px 10px;
    }
    .subscribe_block input.btn-primary {
        --bs-btn-padding-y: 9px;
        max-width: 100%;
        font-size: 12px;
        letter-spacing: 0.05em;
        line-height: 16px;
        padding-bottom: 7px;
    }
    .footer_contact_info * {
        line-height: 16px;
    }
}
/* ======================================= */
/* !!!!    HERO BANNER WRAPPER CSS    !!!! */
/* ======================================= */
.hero_brand {
    width: 100%;
    margin: 2px 0 20px;
}
.hero_banner_content {
    width: 100%;
    max-width: 285px;
    padding: 0 17px 45px;
    display: flex;
    flex-direction: column;
    justify-content: end;
}
.hero_banner_content_inner {
    max-width: 432px;
}
.hero_banner_content h1,
.hero_banner h5 {
    margin: 0 0 15px;
}
.video_block video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero_banner_content_inner .link_here {
    margin: 8px 0 0;
}
.hero_banner_video {
    margin-bottom: -1px;
}
/* .hero_banner_video::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 285px;
    height: 75px;
    background: var(--bs-primary);
    z-index: 1;
} */
@media (min-width: 576px) {
    .hero_banner_content {
        max-width: 415px;
        padding: 0 41px 45px;
    }
    /* .hero_banner_video::after {
        width: 415px;
    } */
}
@media (min-width: 768px) {
    .hero_banner_content h1 {
        margin: 0 0 20px;
    }
    .hero_banner h5 {
        margin: 0 0 10px;
    }
    .hero_brand {
        margin: 2px 0 45px;
    }
}
@media (min-width: 992px) {
    .hero_banner_content {
        padding: 150px 41px;
    }
    .hero_banner_content_inner .link_here {
        margin: 35px 0 0;
    }
    /* .hero_banner_video::after {
        width: 200px;
        height: 230px;
    } */
}
@media (min-width: 1600px) {
    .hero_banner_content {
        max-width: 565px;
        padding: 150px 51px;
    }
    /* .hero_banner_video::after {
        width: 275px;
        height: 315px;
    } */
}
@media (min-width: 1921px) {
    .hero_banner_container::after {
        content: '';
        position: absolute;
        left: 40%;
        bottom: 0;
        width: 10%;
        height: 40%;
        background: var(--bs-primary);
        z-index: 1;
    }
    .hero_banner_content {
        max-width: 40%;
    }
    .hero_banner_video {
        max-width: 60%;
    }
}
@media (min-width: 1915px) and (max-width: 1920px) {
    .hero_banner_video::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 275px;
        height: 315px;
        background: var(--bs-primary);
        z-index: 1;
    }
}
@media (min-width: 992px) and (max-width: 1914px) {
    .hero_banner_container::after {
        content: '';
        position: absolute;
        left: 40%;
        bottom: 0;
        width: 10%;
        height: 40%;
        background: var(--bs-primary);
        z-index: 1;
    }
    .hero_banner_content {
        max-width: 40%;
    }
    .hero_banner_video {
        max-width: 60%;
    }
}
@media (max-width: 991px) {
    .hero_banner_video::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 415px;
        height: 75px;
        background: var(--bs-primary);
        z-index: 1;
    }
}
@media (max-width: 767px) {
    .home .video_block video {
        min-height: 396px;
    }
    body:not(.home) .video_block video {
        min-height: 448px;
    }
    .hero_banner:not(.contact_banner) .hero_banner_content {
        margin-top: -28px;
        z-index: 1;
    }
}
@media (max-width: 575px) {
    .hero_banner_video::after {
        width: 285px;
    }
}
/* ======================================= */
/* !!!!   OUR SERVICES WRAPPER CSS    !!!! */
/* ======================================= */
.our_services_content {
    max-width: 285px;
    padding: 10px 17px 45px;
}
.our_services_content .btn {
    margin-top: 15px;
}
.our_services_img {
    z-index: 1;
}
.our_services_img img {
    height: 100%;
    object-fit: cover;
}
/* .our_services_img::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 285px;
    height: 75px;
    background: var(--bs-light);
    z-index: 1;
} */
@media (min-width: 576px) {
    .our_services_content {
        max-width: 415px;
        padding: 10px 41px 45px;
    }
    /* .our_services_img::after {
        width: 415px;
    } */
    .our_services_content .btn {
        margin-top: 35px;
    }
}
@media (min-width: 992px) {
    .our_services_content {
        padding: 150px 41px;
    }
    /* .our_services_img::after {
        top: 0;
        bottom: auto;
        width: 245px;
        height: 375px;
    } */
}
@media (min-width: 1200px) {
    .our_services_content {
        max-width: 540px;
        padding: 150px 41px 150px 75px;
    }
}
@media (min-width: 1600px) {
    .our_services_content {
        max-width: 740px;
        padding: 150px 51px 150px 102px;
    }
    /* .our_services_img::after {
        width: 340px;
        height: 512px;
    } */
}
@media (min-width: 1921px) {
    .our_services_container::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        width: 10%;
        height: 50%;
        background: var(--bs-light);
        z-index: 1;
    }
    .our_services_content {
        max-width: 40%;
    }
    .our_services_img {
        max-width: 60%;
    }
}
@media (min-width: 1915px) and (max-width: 1920px) {
    .our_services_img::after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 335px;
        height: 512px;
        background: var(--bs-light);
        z-index: 1;
    }
}
@media (min-width: 992px) and (max-width: 1914px) {
    .our_services_container::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        width: 10%;
        height: 50%;
        background: var(--bs-light);
        z-index: 1;
    }
    .our_services_content {
        max-width: 40%;
    }
    .our_services_img {
        max-width: 60%;
    }
}
@media (max-width: 991px) {
    .our_services_content {
        margin-left: auto;
    }
    .our_services_img::after {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        width: 415px;
        height: 75px;
        background: var(--bs-light);
        z-index: 1;
    }
}
@media (max-width: 575px) {
    .our_services_img::after {
        width: 285px;
    }
    /* .our_services_img img {
        max-height: 255px;
    } */
}
/* ======================================= */
/* !!!!   LATEST PROJECT WRAPPER CSS  !!!! */
/* ======================================= */
.latest_project_content {
    max-width: 285px;
    width: 100%;
    padding: 0 17px 45px;
}
.latest_project_content_inner {
    max-width: 586px;
}
.latest_project_content h5 {
    margin: 0 0 15px;
}
/* .latest_project_img::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 285px;
    height: 75px;
    background: var(--bs-primary);
    z-index: 1;
} */
.latest_project_img img {
    height: 100%;
    object-fit: cover;
}
@media (min-width: 576px) {
    .latest_project_content h5 {
        margin: 0 0 10px;
    }
    .latest_project_content {
        max-width: 415px;
        padding: 0 41px 45px;
    }
    /* .latest_project_img::after {
        width: 415px;
    } */
    .latest_project_content .btn {
        margin-top: 20px;
    }
}
@media (min-width: 992px) {
    /* .latest_project_img::after {
        width: 245px;
        height: 415px;
        top: 0;
        bottom: auto;
    } */
    .latest_project_content {
        padding: 0 41px;
    }
}
@media (min-width: 1200px) {
    .latest_project_content {
        max-width: 615px;
    }
}
@media (min-width: 1600px) {
    .latest_project_content {
        max-width: 845px;
        padding: 0 51px;
    }
    /* .latest_project_img::after {
        width: 335px;
        height: 567px;
    } */
}
@media (min-width: 1921px) {
    .latest_project_container::after {
        content: '';
        position: absolute;
        left: 40%;
        top: 0;
        width: 20%;
        height: 50%;
        background: var(--bs-primary);
        z-index: 1;
    }
    .latest_project_content {
        max-width: 40%;
    }
    .latest_project_img {
        max-width: 60%;
    }
}
@media (min-width: 1915px) and (max-width: 1920px) {
    .latest_project_img::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 330px;
        height: 567px;
        background: var(--bs-primary);
        z-index: 1;
    }
}
@media (min-width: 992px) and (max-width: 1914px) {
    .latest_project_container::after {
        content: '';
        position: absolute;
        left: 40%;
        top: 0;
        width: 20%;
        height: 50%;
        background: var(--bs-primary);
        z-index: 1;
    }
    .latest_project_content {
        max-width: 40%;
    }
    .latest_project_img {
        max-width: 60%;
    }
}
@media (max-width: 991px) {
    .latest_project_img::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 415px;
        height: 75px;
        background: var(--bs-primary);
        z-index: 1;
    }
}
@media (max-width: 575px) {
    /* .latest_project_img img {
        max-height: 255px;
    } */
    .latest_project_img::after {
        width: 285px;
    }
}
/* ======================================= */
/* !!!!      SNAPSHOT WRAPPER CSS     !!!! */
/* ======================================= */
.snapshot_wrapper {
    padding: 45px 0 75px;
}
.snapshot_wrapper h5 {
    margin: 0 0 15px;
}
.snapshot_wrapper .row {
    --bs-gutter-y: 30px;
}
.snapshot_card h3 {
    margin: 0 0 10px;
    padding: 0 0 10px;
}
.snapshot_card h6 {
    margin: 0;
}
@media (min-width: 576px) {
    .snapshot_wrapper h5 {
        margin: 0 0 75px;
    }
    .snapshot_wrapper .row {
        --bs-gutter-y: 62px;
    }
    .snapshot_card h3 {
        margin: 0 0 24px;
        padding: 0 0 24px;
    }
}
@media (min-width: 768px) {
    .snapshot_wrapper {
        padding: 73px 0 126px;
    }
}
@media (max-width: 575px) {
    .snapshot_card h6 {
        font-size: 9px;
        line-height: 18px;
    }
}
/* ======================================= */
/* !!!!   OUR SERVICES WRAPPER CSS    !!!! */
/* ======================================= */
.about_content {
    width: 100%;
    max-width: 285px;
    padding: 0 17px 75px;
}
.about_content_inner {
    width: 100%;
    max-width: 586px;
}
.about_content .btn {
    margin-top: 23px;
}
.about_img {
    z-index: 1;
}
/* .about_img::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 285px;
    height: 75px;
    background: var(--bs-light);
    z-index: 1;
} */
.about_img img {
    height: 100%;
    object-fit: cover;
}
/* By default, only default_text is visible */
.hover-btn .hover_text {
    display: none;
}

/* On hover, if hover_text exists, swap it */
.hover-btn:hover .hover_text {
    display: inline;
}

.hover-btn:hover .default_text {
    display: none;
}
@media (min-width: 576px) {
    /* .about_img::after {
        width: 415px;
    } */
    .about_content {
        max-width: 415px;
        padding: 0 41px 75px;
    }
    .about_content .btn {
        margin-top: 35px;
    }
}
@media (min-width: 992px) {
    .about_content {
        padding: 75px 41px;
    }
    /* .about_img::after {
        top: 0;
        left: 0;
        right: auto;
        bottom: auto;
        width: 245px;
        height: 375px;
    } */
}
@media (min-width: 1200px) {
    .about_content {
        max-width: 575px;
        padding: 75px 80px 75px 41px;
    }
}
@media (min-width: 1600px) {
    .about_content {
        max-width: 791px;
        padding: 75px 80px 75px 51px;
    }
    /* .about_img::after {
        width: 340px;
        height: 512px;
    } */
}
@media (min-width: 1921px) {
    .about_container::after {
        content: '';
        position: absolute;
        left: 40%;
        top: 0;
        width: 20%;
        height: 50%;
        background: var(--bs-light);
        z-index: 1;
    }
    .about_content  {
        max-width: 40%;
    }
    .about_img {
        max-width: 60%;
    }
}
@media (min-width: 1915px) and (max-width: 1920px) {
    .about_img::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 340px;
        height: 512px;
        background: var(--bs-light);
        z-index: 1;
    }
}
@media (min-width: 992px) and (max-width: 1914px) {
    .about_container::after {
        content: '';
        position: absolute;
        left: 40%;
        top: 0;
        width: 20%;
        height: 50%;
        background: var(--bs-light);
        z-index: 1;
    }
    .about_content  {
        max-width: 40%;
    }
    .about_img {
        max-width: 60%;
    }
}
@media (max-width: 991px) {
    .about_content {
        margin-left: auto;
    }
    .about_img::after {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        width: 415px;
        height: 75px;
        background: var(--bs-light);
        z-index: 1;
    }
}
@media (max-width: 575px) {
    /* .about_img img {
        max-height: 255px;
    } */
    .about_img::after {
        width: 285px;
    }
}
/* ======================================= */
/* !!!!   PROJECT GRID WRAPPER CSS    !!!! */
/* ======================================= */
.projects_grid_wrapper {
    padding: 45px 0;
}
.projects_grid_wrapper h5 {
    margin: 0 0 15px;
}
.projects_grid_head {
    margin: 0 0 13px;
}
.project_grid_card_cover {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.project_grid_card_cover::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--bg-url);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    filter: grayscale(100%);
    z-index: 1;
}
.project_grid_card_cover > * {
    position: relative;
    z-index: 2;
}
.project_grid_card_cover .h6 {
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: var(--bs-base-transition);
}
.project_grid_card:hover .project_grid_card_cover .h6 {
    opacity: 1;
    visibility: visible;
}
.project_grid_card_content {
    flex: 1 1 auto;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    padding: 8px 0 0;
}
.project_grid_card_content h6 {
    margin: 0 0 5px;
}
@media (min-width: 576px) {
    .projects_grid_wrapper h5 {
        margin: 0 0 18px;
    }
    .projects_grid_wrapper {
        padding: 82px 0 67px;
    }
    .projects_grid_head {
        margin: 0 0 52px;
    }
    .project_grid_card_content {
        padding: 20px 0 0;
    }
    .project_grid_card_content h6 {
        margin: 0 0 10px;
    }
}
@media (max-width: 991px) {
    .projects_grid_content .row {
        --bs-gutter-y: 45px;
    }
}
@media (max-width: 575px) {
    .projects_grid_wrapper .heading_block h2 br {
        display: none;
    }
    .projects_grid_content + .cta_block {
        margin: 45px 0 0 0;
    }
}
/* ======================================= */
/* !!!!     START Purpose Page CSS    !!!! */
/* ======================================= */
/* !! Content Section !! */
.purpose_content_wrapper {
    padding: 45px 0 0 0;
    background-color: var(--bs-light);
}
.purpose_content_img {
    max-width: 268px;
    width: 100%;
    flex-shrink: 0;
}
.purpose_content_img img {
    height: 100%;
    object-fit: cover;
}
.purpose_content_content {
    padding: 0 17px 70px;
    display: flex;
    flex-direction: column;
    gap: 45px;
}
.purpose_content_content_inner {
    max-width: 251px;
}
/* !! Full Image With Title Section !! */
.full_image_with_title_img {
    max-width: 260px;
}
.full_image_with_title_img::before {
    content: '';
    background: var(--bs-secondary);
    width: 115px;
    height: 195px;
    position: absolute;
    left: 0;
    top: 0;
}
.full_image_with_title_content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 1304px;
    width: 100%;
    margin: 0 auto;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* !! Review Section !! */
.review_wrapper {
    padding: 45px 0 0;
}
.review_content {
    max-width: 285px;
    padding: 0 17px;
}
@media (min-width: 576px) {
    /* !! Content Section !! */
    .purpose_content_content {
        padding: 0 41px 70px;
    }
    .purpose_content_content_inner {
        max-width: 415px;
    }
    .purpose_content_img {
        max-width: 375px;
    }
    /* !! Full Image With Title Section !! */
    .full_image_with_title_img {
        max-width: 415px;
    }
    .full_image_with_title_img::before {
        width: 195px;
        height: 320px;
    }
    /* !! Review Section !! */
    .review_content {
        max-width: 415px;
        padding: 0 41px;
    }
}
@media (min-width: 768px) {
    .purpose_content_wrapper {
        background-color: var(--bs-white);
    }
    /* !! Full Image With Title Section !! */
    .full_image_with_title_img {
        max-width: 560px;
    }
    .full_image_with_title_img::before {
        width: 275px;
        height: 420px;
    }
}
@media (min-width: 992px) {
    .purpose_banner .hero_banner_content_inner .link_here {
        margin: 23px 0 0;
    }
    /* !! Content Section !! */
    .purpose_content_wrapper {
        padding: 105px 0 0 0;
    }
    .purpose_content_content_inner {
        max-width: 586px;
    }
    .purpose_content_img {
        max-width: 485px;
    }
    /* !! Review Section !! */
    .review_wrapper {
        padding: 105px 0 0;
    }
}
@media (min-width: 1200px) {
    /* !! Banner Section !! */
    .purpose_banner .hero_banner_content h1 {
        margin: 0 0 28px;
    }
    /* .purpose_banner .hero_banner_video::after {
        width: 355px;
        height: 525px;
    } */
    .purpose_banner .hero_banner_content {
        padding: 225px 41px 140px;
    }
    /* !! Content Section !! */
    .purpose_content_wrapper {
        padding: 215px 0 0 0;
    }
    .purpose_content_content {
        padding: 0 41px 70px 135px;
        gap: 130px;
        max-width: 58.69%;
    }
    .purpose_content_img {
        max-width: 41.31%;
    }
    /* !! Full Image With Title Section !! */
    .full_image_with_title_img {
        max-width: 660px;
    }
    /* !! Review Section !! */
    .review_wrapper {
        padding: 205px 0 0;
    }
    .review_content {
        max-width: 600px;
        padding: 0 140px 0 41px;
    }
}
@media (min-width: 1600px) {
    /* !! Banner Section !! */
    .purpose_banner .hero_banner_content {
        padding: 355px 51px 210px;
    }
    .purpose_banner .hero_banner_video::after {
        width: 485px;
        height: 720px;
    }
    /* !! Content Section !! */
    .purpose_content_wrapper {
        padding: 296px 0 0 0;
    }
    /* .purpose_content_img {
        max-width: 791px;
    } */
    .purpose_content_content {
        padding: 0 51px 70px 184px;
        gap: 180px;
    }
    /* !! Full Image With Title Section !! */
    .full_image_with_title_img {
        max-width: 46.47%;
    }
    .full_image_with_title_img::before {
        width: 355px;
        height: 565px;
    }
    /* !! Review Section !! */
    .review_wrapper {
        padding: 294px 0 0;
    }
    .review_content {
        max-width: 821px;
        padding: 0 184px 0 51px;
    }
}
@media (min-width: 1915px) and (max-width: 1920px) {
    .purpose_banner .hero_banner_content {
        max-width: 541px;
    }
}
@media (max-width: 991px) {
    /* !! Content Section !! */
    .purpose_content_content_inner {
        margin-left: auto;
    }
}
@media (max-width: 767px) {
    /* !! Review Section !! */
    .review_content {
        padding-bottom:45px;
    }
    .review_img {
        max-width: 415px;
        margin-left: auto;
    }
}
@media (max-width: 575px) {
    .purpose_banner h5 {
        margin: 0 0 6px;
    }
    .purpose_banner h1 {
        margin: 0 0 12px;
    }
    .purpose_banner .hero_banner_content_inner .link_here {
        margin: 1px 0 0;
    }
    /* !! Content Section !! */
    .purpose_content_img img {
        width: 100%;
        max-height: 251px;
    }
    /* !! Full Image With Title Section !! */
    .full_image_with_title_img img {
        height: 387px;
        object-fit: cover;
        object-position: right;
    }
    /* !! Review Section !! */
    .review_img {
        max-width: 269px;
    }
    .review_img img {
        height: 268px;
        object-fit: cover;
    }
}
/* ======================================= */
/* !!!!      END Purpose Page CSS     !!!! */
/* ======================================= */
/* ======================================= */
/* !!!!     START People Page CSS    !!!! */
/* ======================================= */
/* !! People Wrapper !! */
.people_head {
    padding: 52px 0 62px;
}
.people_head h5 {
    margin: 0 0 15px;
}
.people_head_title {
    max-width: 462px;
}
.people_head_text {
    max-width: 586px;
}
.people_content .row {
    --bs-gutter-y: 15px;
}
.people_card_cover {
    background-image: var(--mobile-people-url);
}
.people_card_over_content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 39px 37px 34px 38px;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transition: var(--bs-base-transition);
}
.people_card:hover .people_card_over_content {
    opacity: 1;
    visibility: visible;
}
.people_card_over_content p {
    color: var(--bs-white);
}
.people_card_content {
    flex: 1 1 auto;
    padding: 12px 13px;
}
/* !! Team Modal !! */
.team_modal {
    --bs-modal-width: 1510px;
    --bs-modal-bg: var(--bs-light);
    --bs-modal-padding: 0;
    --bs-modal-border-width: 0;
    --bs-modal-border-radius: 0;
    --bs-modal-inner-border-radius: 0;
    --bs-modal-box-shadow: none;
    margin: 0;
    padding: 0;
}
.team_modal .modal-dialog {
    width: 95%;
}
.team_modal .btn-close {
    --bs-btn-close-opacity: 1;
    --bs-btn-close-hover-opacity: 1;
    --bs-btn-close-bg: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.041' height='26.315' viewBox='0 0 31.041 26.315'%3E%3Cg id='Group_518' data-name='Group 518' transform='translate(10945.088 -6613.342)'%3E%3Cline id='Line_126' data-name='Line 126' x2='29.134' y2='24' transform='translate(-10944.134 6614.5)' fill='none' stroke='%23142826' stroke-width='3'/%3E%3Cline id='Line_127' data-name='Line 127' x1='29.134' y2='24' transform='translate(-10944.134 6614.5)' fill='none' stroke='%23142826' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E%0A");
    position: absolute;
    right: 18px;
    top: 18px;
    width: 25px;
    height: 22px;
    padding: 0;
    background-size: auto;
    z-index: 99;
}
.team_popup_head {
    width: 100%;
    background-color: var(--bs-primary);
    padding: 65px 17px 95px;
    position: relative;
}
.team_popup_head::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var(--bs-light);
    width: 285px;
    height: 75px;
}
.team_popup_head h2 {
    margin: 0 0 15px;
}
.team_popup_detail {
    width: 100%;
    padding: 45px 41px 109px;
}
.people_role img {
    max-width: 16px;
}
/* !! CTA Wrapper !! */
.cta_wrapper {
    padding: 61px 0 71px;
}
.cta_wrapper h2 {
    margin: 0 0 30px;
}
.cta_content {
    max-width: 680px;
    margin: 0 auto;
}
.cta_wrapper .btn .hover_text,
.cta_wrapper .btn:hover .default_text {
    display: none;
}
.cta_wrapper .btn:hover .hover_text {
    display: inline-block;
}
@media (min-width: 576px) {
    .team_popup_head {
        padding: 65px 41px 95px;
    }
    .team_popup_head::after {
        width: 415px;
    }
    .team_popup_head h2 {
        margin: 0 0 6px;
    }
    .people_card_content {
        padding: 23px 33px 22px 19px;
    }
}
@media (min-width: 768px) {
    .people_content .row {
        --bs-gutter-y: 45px;
    }
    .people_card_cover {
        background-image: var(--desktop-people-url);
    }
}
@media (min-width: 992px) {
    .people_content .row {
        --bs-gutter-y: 85px;
    }
    .team_modal .btn-close {
        right: 38px;
        top: 38px;
        width: 31px;
        height: 26px;
    }
    .team_popup_head {
        max-width: 747px;
        padding: 112px 41px;
    }
    .team_popup_head::after {
        left: auto;
        right: 0;
        bottom: 0;
        width: 250px;
        height: 332px;
    }
    .team_popup_detail {
        max-width: 763px;
        padding: 113px 41px 144px 60px;
    }
}
@media (min-width: 1200px) {
    .people_head {
        padding: 73px 0 162px;
    }
    .people_head h5 {
        margin: 0 0 18px;
    }
    .team_popup_head {
        padding: 112px 51px;
    }
    .team_popup_detail {
        padding: 113px 51px 144px 80px;
    }
    .cta_wrapper {
        padding: 195px 0 187px;
    }
    .cta_wrapper h2 {
        margin: 0 0 95px;
    }
}
@media (min-width: 1600px) {
    .team_popup_head {
        padding: 112px 80px 112px 78px;
    }
    .team_popup_detail {
        padding: 113px 78px 144px 153px;
    }
    .cta_content {
        max-width: 980px;
    }
}
@media (max-width: 991px) {
    .people_head h1 {
       margin: 0 0 15px;
    }
}
@media (max-width: 575px) {
    .people_head {
        max-width: 258px;
    }
    .team_popup_detail {
        max-width: 285px;
        padding: 0 17px 100px;
    }
}
/* ======================================= */
/* !!!!      END People Page CSS      !!!! */
/* ======================================= */
/* ======================================= */
/* !!!!     START Careers Page CSS    !!!! */
/* ======================================= */
/* !! Content Section !! */
.career_content_wrapper {
    padding: 45px 0 0 0;
}
.career_content_img {
    max-width: 268px;
    width: 100%;
    flex-shrink: 0;
}
.career_content_img img {
    height: 100%;
    object-fit: cover;
}
.career_content_content {
    padding: 0 17px 57px;
}
.career_content_content_inner {
    max-width: 251px;
}
.career_content_content .btn {
    margin: 15px 0 0;
}
/* !! Review Section !! */
.career_review_content {
    max-width: 285px;
    padding: 60px 17px 50px 17px;
}
.career_review_img::before {
    content: '';
    background: var(--bs-primary);
    width: 90px;
    height: 75px;
    position: absolute;
    left: 0;
    top: 0;
}
@media (min-width: 576px) {
    /* !! Content Section !! */
    .career_content_wrapper h2 {
        margin: 0 0 35px;
    }
    .career_content_content {
        padding: 0 41px 57px;
    }
    .career_content_content_inner {
        max-width: 415px;
    }
    .career_content_img {
        max-width: 375px;
    }
    /* !! Review Section !! */
    .career_review_content {
        max-width: 375px;
        padding: 105px 41px 105px 41px;
    }
}
@media (min-width: 768px) {
    .career_review_img::before {
        width: 215px;
        height: 285px;
        left: 0;
        bottom: 0;
        top: auto;
    }
}
@media (min-width: 992px) {
    /* !! Content Section !! */
    .career_content_wrapper {
        padding: 105px 0 0 0;
    }
    .career_content_content_inner {
        max-width: 586px;
    }
    .career_content_img {
        max-width: 485px;
    }
    .career_content_content .btn {
        margin: 35px 0 0;
    }
    /* !! Review Section !! */
    .career_review_content {
        max-width: 485px;
        padding: 155px 80px 155px 41px;
    }
}
@media (min-width: 1200px) {
    /* !! Banner Section !! */
    .career_banner .hero_banner_content h1 {
        margin: 0 0 20px;
    }
    .career_banner .hero_banner_video::after {
        width: 355px;
        height: 525px;
    }
    .career_banner .hero_banner_content {
        padding: 225px 41px 140px;
    }
    /* !! Content Section !! */
    .career_content_wrapper {
        padding: 215px 0 0 0;
    }
    .career_content_content {
        max-width: 58.69%;
        padding: 0 41px 57px 135px;
    }
    .career_content_img {
        max-width: 41.30%;
    }
    /* !! Review Section !! */
    .career_review_content {
        max-width: 40.96%;
        padding: 253px 122px 253px 41px;
    }
    .career_review_img {
        max-width: 59.25%;
    }
    .career_review_img::before {
        width: 275px;
        height: 375px;
    }
}
@media (min-width: 1600px) {
    /* !! Banner Section !! */
    .career_banner .hero_banner_content {
        padding: 345px 30px 132px 51px;
    }
    .career_banner .hero_banner_video::after {
        width: 490px;
        height: 720px;
    }
    /* !! Content Section !! */
    .career_content_wrapper {
        padding: 294px 0 0 0;
    }
    .career_content_content {
        padding: 0 51px 57px 184px;
    }
    /* .career_content_img {
        max-width: 791px;
    } */
    /* !! Review Section !! */
    .career_review_content {
        padding: 353px 147px 353px 51px;
    }
    .career_review_img::before {
        width: 375px;
        height: 515px;
    }
}
@media (min-width: 1915px) and (max-width: 1920px) {
    .career_banner .hero_banner_content {
        max-width: 541px;
    }
}
@media (max-width: 991px) {
    /* !! Content Section !! */
    .career_content_content_inner {
        margin-left: auto;
    }
}
@media (max-width: 575px) {
    /* !! Content Section !! */
    .career_content_img img {
        width: 100%;
        max-height: 251px;
    }
}
/* ======================================= */
/* !!!!      END Careers Page CSS     !!!! */
/* ======================================= */
/* ======================================= */
/* !!!!     START Project Page CSS     !!!! */
/* ======================================= */
.project_wrapper {
    padding: 52px 0 0;
}
.project_head h5 {
    margin: 0 0 15px;
}
.project_head_title {
    max-width: 432px;
}
.project_head_text {
    max-width: 586px;
}
.project_head_text .btn {
    margin: 40px 0 0;
}
/* .project_head_text .btn img {
    transform: rotate(90deg);
} */
.project_listing_wrapper {
    padding: 45px 0;
}
.project_card:not(:last-child) {
    margin-bottom: 15px;
}
.project_card_overlay_content {
    position: absolute;
    top: 0;
    z-index: 9;
    max-width: 100%;
    width: 100%;
    background-repeat: no-repeat;
    padding: 15px 16px 31px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: var(--bs-base-transition);
}
.project_card_overlay_content .link_here {
    align-self: self-start;
}
.project_card_overlay_content .link_here::after {
    display: none;
}
@media (min-width: 576px) {
    .project_card:not(:last-child) {
        margin-bottom: 50px;
    }
}
@media (min-width: 768px) {
    .project_card_cover img {
        min-height: 600px;
    }
    .project_card_overlay_content {
        bottom: 0;
        opacity: 0;
        visibility: hidden;
        padding: 150px 41px 50px;
        max-width: 645px;
    }
    .project_card:hover .project_card_overlay_content {
        opacity: 1;
        visibility: visible;
    }
    .project_card.project_one .project_card_overlay_content {
        background-image: url(../images/project-overlay-1.svg);
        background-size: cover;
        background-position: right center;
    }
    .project_card.project_two .project_card_overlay_content {
        background-image: url(../images/project-overlay-2.svg);
        right: 0;
        background-size: cover;
        background-position: left center;
    }
    .project_card.project_three .project_card_overlay_content {
        background-image: url(../images/project-overlay-3.svg);
        background-size: cover;
        background-position: right center;
    }
    .project_card_overlay_content_inner {
        max-width: 310px;
        width: 100%;
    }
    .project_card.project_two .project_card_overlay_content_inner {
        margin-left: auto;
    }
    .project_card.project_two .project_card_cta {
        max-width: 310px;
        margin-left: auto;
        width: 100%;
    }
}
@media (min-width: 992px) {
    .project_head h5 {
        margin: 0 0 18px;
    }
    .project_listing_wrapper {
        padding: 101px 0 150px;
    }
    .project_card_overlay_content {
        max-width: 750px;
    }
    .project_card_overlay_content_inner,
    .project_card.project_two .project_card_cta {
        max-width: 477px;
    }
}
@media (min-width: 1200px) {
    .project_wrapper {
        padding: 101px 0 0;
    }
    .project_card_cover img {
        min-height: 800px;
    }
    .project_card_overlay_content {
        padding: 260px 51px 31px;
        max-width: 910px;
    }
    .project_card.project_three .project_card_overlay_content {
        max-width: 894px;
    }
    .project_info p,
    .excerpt p {
        font-size: 24px;
        line-height: 32px;
    }
}
@media (min-width: 1400px) {
    .project_card_overlay_content {
        max-width: 1048px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .project_card.project_two .project_card_overlay_content_inner,
    .project_card.project_two .project_card_cta {
        max-width: 400px;
    }
}
@media (max-width: 767px) {
    .project_card h2 {
        margin: 0 0 15px;
        min-height: 56px;
    }
    .project_card_overlay_content {
        position: relative;
        background-color: var(--bs-primary);
    }
    .project_card.project_one .project_card_overlay_content::after {
        content: '';
        width: 85px;
        height: 65px;
        background: var(--bs-primary);
        position: absolute;
        top: 100%;
        left: 0;
    }
    .project_card.project_two .project_card_overlay_content::after {
        content: '';
        width: 85px;
        height: 65px;
        background: var(--bs-primary);
        position: absolute;
        top: 100%;
        right: 0;
    }
    .project_card.project_three .project_card_overlay_content::after {
        content: '';
        width: 160px;
        height: 115px;
        background: var(--bs-primary);
        position: absolute;
        top: 99%;
        left: 0;
        clip-path: polygon(0 0, 100% 0, 0 100%);
    }
}
@media (max-width: 575px) {
    .project_head {
        max-width: 251px;
    }
    .project_card_overlay_content_inner {
        max-width: 200px;
        min-height: 60px;
    }
    .project_card_overlay_content .link_here {
        font-size: 12px;
        line-height: 16px;
    }
    .project_card_overlay_content .link_here img {
        max-width: 12px;
    }
}
/* ======================================= */
/* !!!!      END Project Page CSS     !!!! */
/* ======================================= */
/* ======================================= */
/* !!!! START Single Project Page CSS !!!! */
/* ======================================= */
.single-project {
    background-color: var(--bs-light);
}
.project_single_banner h5 {
    margin: 0 0 15px;
}
.project_single_banner_content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.project_single_banner_content_inner {
    max-width: 251;
}
.fix_line {
    position: absolute;
    right: 17px;
    top: -2px;
    bottom: -2px;
    height: 101%;
}
/* !!! project_content_wrapper !!! */
.project_content_wrapper {
    padding: 45px 0;
}
.project_content_content_inner {
    max-width: 586px;
}
.project_content_content_inner ul {
    margin: 25px 0 0;
}
.project_content_content_inner ul li {
    margin: 0;
}
/* !!! project_images_wrapper !!! */
.project_images_wrapper {
    padding: 45px 0;
}
.project_img_blocks {
    display: flex;
    flex-direction: column;
    gap: 45px;
}
/* !!! related_projects_wrapper !!! */
.related_projects_wrapper {
    padding: 45px 0;
}
.related_projects_wrapper .back_cta {
    margin: 0 0 45px;
}
.related_projects_wrapper .project_grid_card {
    background-color: var(--bs-secondary);
}
.related_projects_wrapper .project_grid_card:hover {
    background-color: var(--bs-primary);
}
.related_projects_wrapper .project_grid_card_content {
    padding: 12px 13px;
}
.related_projects_wrapper .project_grid_card h5 {
    color: var(--bs-primary);
    font-weight: 700;
}
.related_projects_wrapper .project_grid_card p {
    color: var(--bs-primary);
    margin: 0;
}
.related_projects_wrapper .project_grid_card:hover h5,
.related_projects_wrapper .project_grid_card:hover p {
    color: var(--bs-secondary);
}
.related_projects_wrapper .project_grid_card:hover .project_grid_card_content_inner img {
    filter: invert(1);
}
@media (min-width: 576px) {
    .fix_line {
        right: 50px;
    }
    .project_single_banner_content_inner {
        max-width: 415px;
    }
    .neonico_project_image {
        min-height: 55vh;
    }
    /* !!! related_projects_wrapper !!! */
    .related_projects_wrapper .project_grid_card_content {
        padding: 20px 23px 22px 19px;
    }
    .related_projects_wrapper .project_grid_card p {
        font-size: 16px;
    }
}
@media (min-width: 768px) {
    .neonico_project_image {
        min-height: 70vh;
    }
    .fix_line {
        right: 100px;
    }
    .project_single_banner_content {
        justify-content: center;
    }
    .project_single_banner_content_inner {
        max-width: 586px;
    }
    /* !!! project_content_wrapper !!! */
    .project_content_wrapper {
        padding: 75px 0;
    }
    /* !!! project_images_wrapper !!! */
    .project_images_wrapper {
        padding: 75px 0 45px;
    }
    .project_img_blocks {
        gap: 75px;
    }
    .half_img img {
        max-width: 58%;
    }
    /* !!! related_projects_wrapper !!! */
    .related_projects_wrapper {
        padding: 75px 0;
    }
    .related_projects_wrapper .back_cta {
        margin: 0 0 75px;
    }
    .related_projects_wrapper .project_grid_card_content_inner {
       padding: 30px 0 0 0;
    }
}
@media (min-width: 992px) {
    /* !!! project_content_wrapper !!! */
    .project_content_content_inner ul {
        margin: 75px 0 0;
    }
}
@media (min-width: 1200px) {
    .neonico_project_image {
        min-height: 100vh;
    }
    .fix_line {
        right: 205px;
    }
    /* !!! related_projects_wrapper !!! */
    .related_projects_wrapper {
        padding: 100px 0;
    }
    .related_projects_wrapper .project_grid_card_content_inner {
        padding: 59px 0 0 0;
    }
}
@media (min-width: 576px) and (max-width: 1199px) {
    /* !!! related_projects_wrapper !!! */
    .related_projects_wrapper .project_grid_card h5 {
        font-size: 16px;
    }
}
@media (max-width: 991px) {
    .related-projects-list.row {
        --bs-gutter-x: 20px;
    }
}
@media (max-width: 767px) {
    .project_single_banner_content {
        padding: 104px 0 0;
    }
    /* !!! project_content_wrapper !!! */
    .project_content_content {
        max-width: 415px;
        margin: 0 0 45px auto;
    }
    /* !!! single_project_review_wrapper !!! */
    .single_project_review_wrapper .review_img {
        max-width: 100%;
        padding: 0 41px;
    }
    /* !!! related_projects_wrapper !!! */
    .related-projects-list.row {
        --bs-gutter-y: 15px;
    }
    .related_projects_wrapper .back_cta {
        text-align: center;
    }
}
@media (max-width: 575px) {
    .single-project .project_single_banner .video_block video,
    .project_single_banner .image_block .neonico_project_image  {
        min-height: 667px;
    }
    .project_content_content {
        max-width: 251px;
    }
    .project_content_img {
        margin-left: -17px;
        max-width: 268px;
    }
    /* !!! single_project_review_wrapper !!! */
    .single_project_review_wrapper .review_img {
        padding: 0 17px;
    }
    /* !!! related_projects_wrapper !!! */
    .project_grid_card_content_inner img {
        max-width: 10px;
    }
}
/* ======================================= */
/* !!!!  END Single Project Page CSS  !!!! */
/* ======================================= */
/* ======================================= */
/* !!!!    START Services Page CSS    !!!! */
/* ======================================= */
/* !! Content Section !! */
.service_content_wrapper {
    padding: 45px 0 0 0;
}
.service_content_img {
    max-width: 268px;
    width: 100%;
    flex-shrink: 0;
}
.service_content_img img {
    height: 100%;
    object-fit: cover;
}
.service_content_content {
    padding: 0 17px 57px;
}
.service_content_content_inner {
    max-width: 251px;
}
.service_content_content .btn {
    margin: 31px 0 0;
}
/* !! capabilities_wrapper !! */
.capabilities_wrapper {
    padding: 45px 0 68px;
}
.capabilities_wrapper h2 {
    margin: 0 0 45px;
}
.capabilities_card h6 {
    font-weight: 700;
    margin: 0 0 10px;
}
.capabilities_content .row {
    --bs-gutter-y: 46px;
}
/* !! our_sectors_wrapper !! */
.our_sectors_wrapper h2:last-child {
    margin: 0;
}
@media (min-width: 576px) {
    /* !! Content Section !! */
    .service_content_wrapper h2 {
        margin: 0 0 35px;
    }
    .service_content_content {
        padding: 0 41px 57px;
    }
    .service_content_content_inner {
        max-width: 415px;
    }
    .service_content_img {
        max-width: 375px;
    }
}
@media (min-width: 768px) {
    /* !! capabilities_wrapper !! */
    .capabilities_wrapper {
        padding: 113px 0 134px;
    }
    .capabilities_content .row {
        --bs-gutter-y: 106px;
    }
    .capabilities_card h6 {
        margin: 0 0 24px;
    }
}
@media (min-width: 992px) {
    /* !! Content Section !! */
    .service_content_wrapper {
        padding: 105px 0 0 0;
    }
    .service_content_content_inner {
        max-width: 586px;
    }
    .service_content_img {
        max-width: 485px;
    }
    .service_content_content .btn {
        margin: 27px 0 0;
    }
}
@media (min-width: 576px) and (max-width: 1199px) {
    .capabilities_card h6 {
        font-size: 16px;
    }
}
@media (min-width: 1200px) {
    /* !! Banner Section !! */
    .service_banner .hero_banner_content h5 {
        margin: 0 0 18px;
    }
    .service_banner .hero_banner_content h1 {
        margin: 0 0 29px;
    }
    .service_banner .hero_banner_video::after {
        width: 355px;
        height: 525px;
    }
    .service_banner .hero_banner_content {
        padding: 225px 41px 140px;
    }
    .service_banner .hero_banner_content_inner .link_here {
        margin: 14px 0 0;
    }
    /* !! Content Section !! */
    .service_content_wrapper {
        padding: 215px 0 0 0;
    }
    .service_content_content {
        max-width: 58.69%;
        padding: 0 41px 57px 135px;
    }
    .service_content_img {
        max-width: 41.31%;
    }
}
@media (min-width: 1600px) {
    /* !! Banner Section !! */
    .service_banner .hero_banner_content h1 {
        width: 580px;
        position: relative;
        z-index: 9;
    }
    .service_banner .hero_banner_content {
        padding: 345px 30px 132px 51px;
    }
    .service_banner .hero_banner_video::after {
        width: 490px;
        height: 720px;
    }
    /* !! Content Section !! */
    .service_content_wrapper {
        padding: 294px 0 0 0;
    }
    .service_content_content {
        padding: 0 51px 57px 184px;
    }
    /* .service_content_img {
        max-width: 791px;
    } */
    /* !! our_sectors_wrapper !! */
    .our_sectors_wrapper .about_content {
        padding-left: 205px;
    }
    .our_sectors_wrapper h2 {
        line-height: 66px;
    }
}
@media (min-width: 1915px) and (max-width: 1920px) {
    .service_banner .hero_banner_content {
        max-width: 541px;
    }
}
@media (max-width: 991px) {
    /* !! Content Section !! */
    .service_content_content_inner {
        margin-left: auto;
    }
    /* !! our_sectors_wrapper !! */
    .our_sectors_wrapper .about_content {
        margin-left: inherit;
        padding-top: 57px;
        padding-bottom: 45px;
    }
    .our_sectors_wrapper .about_img::after {
        width: 90px;
        left: 0;
        top: 0;
    }
}
@media (max-width: 575px) {
    /* !! Content Section !! */
    .service_content_img img {
        width: 100%;
        max-height: 251px;
    }
    .our_sectors_wrapper .about_img img {
        max-height: inherit;
    }
}
/* ======================================= */
/* !!!!     END Services Page CSS     !!!! */
/* ======================================= */
/* ======================================= */
/* !!!!   START MAIN NEWS Page CSS    !!!! */
/* ======================================= */
.news_banner_wrapper {
    padding: 52px 0 72px;
}
.news_head h5 {
    margin: 0 0 15px;
}
.news_head_title {
    max-width: 586px;
}
.news_head_text {
    max-width: 560px;
}
.news_cate_filter {
    display: inline-block;
    margin: 0 0 30px;
}
.news_cate_filter .link_here {
    border: 0;
    padding: 0;
    font-size: 14px;
    line-height: 28px;
    outline: none;
    box-shadow: none;
}
.news_cate_filter .link_here::after {
    border: 0;
    margin: 0;
    display: none;
}
.news_cate_filter .link_here img {
    width: 14px;
    transform: rotate(90deg);
}
.news_cate_filter .link_here.show img {
    transform: rotate(-90deg);
}
.news_cate_filter .dropdown-menu {
    --bs-dropdown-min-width: 278px;
    --bs-dropdown-bg: var(--bs-white);
    --bs-dropdown-padding-y: 0;
    --bs-dropdown-spacer: 0;
    --bs-dropdown-border-radius: 0;
    --bs-dropdown-border-width: 0;
    --bs-dropdown-box-shadow: none;
    --bs-dropdown-link-hover-color: var(--bs-secondary);
    --bs-dropdown-link-hover-bg: var(--bs-primary);
    --bs-dropdown-link-active-color: var(--bs-secondary);
    --bs-dropdown-link-active-bg: var(--bs-primary);
    --bs-dropdown-item-padding-x: 20px;
    --bs-dropdown-item-padding-y: 7px;
    margin: -2px 0 0 0 !important;
}
.news_cate_filter .dropdown-menu.show {
    margin: -4px 0 0 0 !important;
}
/* .news_cate_filter .dropdown-item {
    font-size: 20px;
    line-height: 28px;
} */
.news_cate_filter .dropdown-menu li {
    margin: 0;
}
.news_cate_filter .dropdown-menu li:not(:last-child) {
    border-bottom: 1px solid var(--bs-light);
}
/* !!! news_listing_wrapper !!! */
.news_listing_wrapper {
    padding: 0 0 45px;
}
.see_more_cta .btn {
    margin: 45px 0 0;
}
.news_listing_wrapper .row {
    --bs-gutter-y: 15px;
}
.news_card {
    background-color: var(--bs-secondary);
    height: 100%;
    display: flex;
    flex-direction: column;
}
.news_card:hover {
    background-color: var(--bs-primary);
}
.news_card_content {
    padding: 12px 13px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.news_card h5 {
    color: var(--bs-primary);
    font-weight: 700;
}
.news_card li {
    color: var(--bs-primary);
    margin: 0;
}
.news_card:hover h5,
.news_card:hover li {
    color: var(--bs-secondary);
}
.news_card_content_inner {
    padding: 11px 0 0 0;
}
.news_card:hover .news_card_content_inner img {
    filter: invert(1);
}
.news_card_cover {
    position: relative;
}
.news_card_cover .h6 {
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: var(--bs-base-transition);
}
.news_card:hover .news_card_cover .h6 {
    opacity: 1;
    visibility: visible;
}
.meta_post li:not(:last-child)::after {
    content: '';
    width: 6px;
    height: 6px;
    display: inline-block;
    background: var(--bs-primary);
    border-radius: 100%;
    margin: 0 10px 2px;
}
.news_card:hover .meta_post li:not(:last-child)::after {
    background: var(--bs-secondary);
}
.see_more_cta .btn img {
    transform: rotate(90deg);
}
.news_card_content_inner img {
    width: 12px;
}
@media (min-width: 576px) {
    .news_card_content {
        padding: 20px 23px 22px 19px;
    }
}
@media (min-width:768px) {
    .news_card h5 {
        min-height: 58px;
    }
    .news_card_content_inner img {
        width: 16px;
    }
    .news_listing_wrapper .row {
        --bs-gutter-y: 30px;
    }
}
@media (min-width: 992px) {
    .news_head h5 {
        margin: 0 0 18px;
    }
    .news_listing_wrapper .row {
        --bs-gutter-y: 85px;
    }
    .news_card_content_inner {
        padding: 20px 0 0 0;
    }
    .see_more_cta .btn:hover img {
        transform: rotate(-45deg);
    }
    /* .news_cate_filter .dropdown-menu {
      display: none;
      position: absolute;
    }
    .news_cate_filter:hover .dropdown-menu {
        opacity: 1;
        display: block;
    } */
}
@media (min-width: 1200px) {
    /* !!! news_listing_wrapper !!! */
    .news_listing_wrapper {
        padding: 0 0 150px;
    }
    .news_card_content_inner {
        padding: 31px 0 0 0;
    }
    .see_more_cta .btn {
        margin: 150px 0 0;
    }
}
@media (min-width: 1400px) {
    .news_card li {
        font-size: 16px;
    }
}
@media (min-width: 1600px) {
    .news_banner_wrapper {
        padding: 101px 0;
    }
}
@media (min-width: 576px) and (max-width: 1199px) {
    .news_card h5 {
        font-size: 16px;
    }
}
@media (max-width: 575px) {
    .news_head {
        max-width: 251px;
    }
    .news_card li {
        font-size: 9px;
        line-height: 16px;
    }
    .meta_post li:not(:last-child)::after {
        width: 4px;
        height: 4px;
    }
}
/* ======================================= */
/* !!!!    END MAIN NEWS Page CSS     !!!! */
/* ======================================= */
/* ======================================= */
/* !!!!  START SINGLE NEWS Page CSS   !!!! */
/* ======================================= */
.single_post_content_wrapper {
    padding: 15px 0 45px 0;
}
.single_post_content_head {
    margin: 0 0 40px;
}
.single_post_content_head .back_cta a {
    font-size: 9px;
    line-height: 14px;
    color: var(--bs-secondary);
    display: flex;
    align-items: center;
    gap: 5px;
}
.single_post_content_head .back_cta a img {
    width: 14px;
    transform: rotate(180deg);
}
.single_post_content_head .meta_field {
    gap: 30px;
}
.single_post_content_head .post_date {
    font-size: 9px;
    line-height: 14px;
    color: var(--bs-secondary);
}
.share_article_btn {
    font-size: 9px;
    line-height: 14px;
    color: var(--bs-secondary);
    gap: 10px;
}
.single_post_cate {
    margin: 0 0 15px;
}
.single_post_content_inner h1 {
    margin: 0 0 15px;
}
.single_post_content_wrapper figure.wp-block-image {
    margin: 15px 0;
}
.single_post_content_wrapper figcaption.wp-element-caption {
    font-size: 9px;
    font-weight: 400;
    line-height: 14px;
    color: var(--bs-secondary);
    margin: 5px 0 0;
}
.single_post_content_inner p, .single_post_content_inner li {
    margin: 0 0 18px;
}
.wp-block-image img {
    width: 100%;
}
/**/
.share_popup_overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
.share_popup_content {
    background: #fff;
    padding: 50px 20px 20px 20px;
    width: 300px;
    max-width: 90%;
    border-radius: 8px;
    text-align: center;
    position: relative;
}
.close_share_popup {
    position: absolute;
    top: 0;
    right: 15px;
    cursor: pointer;
    font-size: 41px;
    line-height: 41px;
    color: var(--bs-secondary);
}
.social_share_links a {
    display: block;
    margin: 10px 0;
    padding: 10px;
    background: #f4f4f4;
    border-radius: 5px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    transition: background 0.3s;
}
.social_share_links a:hover {
    background: #ddd;
}
/* !! latest_post_wrapper !! */
.latest_post_wrapper {
    padding: 45px 0;
}
.latest_post_wrapper .back_cta {
    margin: 0 0 45px;
}
@media (min-width: 576px) {
    .single_post_content_wrapper {
        padding: 45px 0;
    }
    .single_post_content_head .back_cta a {
        font-size: 14px;
        line-height: 28px;
        gap: 10px;
    }
    .single_post_content_head .post_date,
    .share_article_btn {
        font-size: 14px;
        line-height: 28px;
    }
    .single_post_cate {
        margin: 0 0 18px;
    }
    .single_post_content_inner h1 {
        margin: 0 0 42px;
    }
    .single_post_content_inner p,
    .single_post_content_inner li {
        margin: 0 0 28px;
    }
    .single_post_content_wrapper figure.wp-block-image {
        margin: 50px 0;
    }
    .single_post_content_wrapper figcaption.wp-element-caption {
        font-size: 14px;
        line-height: 28px;
        margin: 20px 0 0;
    }
}
@media (min-width: 992px) {
    .single_post_content_wrapper {
        padding: 50px 0 150px;
    }
    .latest_post_wrapper {
        padding: 100px 0;
    }
    .latest_post_wrapper .back_cta {
        margin: 0 0 75px;
    }
}
@media (max-width: 991px) {
    .related-posts-list {
        --bs-gutter-y: 30px;
    }
}
@media (max-width: 767px) {
    .related-posts-list {
        --bs-gutter-y: 15px;
    }
}
@media (max-width: 575px) {
    .single_post_content_head .back_cta a img {
        width: 10px;
    }
    .share_article_btn img {
        width: 16px;
    }
    .latest_post_wrapper .back_cta {
        text-align: center;
    }
}
/* ======================================= */
/* !!!!   END SINGLE NEWS Page CSS    !!!! */
/* ======================================= */
/* ======================================= */
/* !!!!   START CONTACT US Page CSS   !!!! */
/* ======================================= */
/* !! Banner Section !! */
.contact_banner .hero_banner_content h1 {
    margin: 0 0 15px;
}
.contact_banner .hero_banner_content_inner {
    max-width: 450px;
}
/* !! contact_form_wrapper !! */
.contact_form_wrapper {
    padding: 45px 0 72px;
}
.contcat_info p:not(:last-child) {
    margin: 0 0 18px;
}
.contcat_info a {
    color: var(--bs-secondary);
}
.contact_form_block .btn[type="submit"] {
    text-decoration: underline;
    background-image: url(https://neonico.sfstaging.com.au/wp-content/themes/neonico/assets/images/right-angle-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 20px center;
    padding-right: 40px;
}
@media (min-width: 576px) {
    .contact_form_block .btn[type="submit"] {
        background-position: right 35px center;
        padding-right: 60px;
    }
}
@media (min-width: 768px) {
    .contact_banner .hero_banner_content h1 {
        margin: 0 0 18px;
    }
    .contcat_info h2 {
        margin: 0 0 38px;
    }
    .contcat_info p:not(:last-child) {
        margin: 0 0 28px;
    }
}
@media (min-width: 992px) {
    /* !! contact_form_wrapper !! */
    .contact_form_wrapper {
        padding: 156px 0 150px;
    }
}
@media (min-width: 1200px) {
    .contact_banner .hero_banner_content {
        padding: 193px 41px 150px 41px;
    }
}
@media (min-width: 1600px) {
    .contact_banner .hero_banner_content {
        padding: 386px 0 299px 51px;
    }
    .contact_banner .hero_banner_content h1 {
        width: 540px;
        position: relative;
        z-index: 9;
    }
}
@media (min-width: 1915px) and (max-width: 1920px) {
    .contact_banner .hero_banner_content {
        max-width: 541px;
    }
    .contact_banner .hero_banner_video::after {
        width: 490px;
        height: 720px;
    }
}
@media (max-width: 767px) {
    .contact_form_block {
        margin: 45px 0 0;
    }
    .contact_banner .hero_banner_content_inner {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .contact_banner .hero_banner_content_inner .link_here {
        margin: 0;
        display: block;
    }
}
@media (max-width: 575px) {
    .contact_form_block .btn[type="submit"] {
        background-size: 14px;
    }
}
/* ======================================= */
/* !!!!    END CONTACT US Page CSS    !!!! */
/* ======================================= */