/* =========================== */
/* !! USE TO WEB SITE COLOR !! -
01. #ee212b                 -
02. #393738                 -
*/
/* =========================== */
/* =========================== */
/* !! 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 !!!          */
/*==============================================*/

/*
font-family: "DM Sans", sans-serif;
font-family: "Teko", sans-serif;
font-family: "Albert Sans", sans-serif;
font-family: "Rethink Sans", sans-serif;
font-family: "Figtree", sans-serif;
*/
/* --------------------------
+--------------+--------------+
| 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: #02BED6;
    --bs-secondary: #252525;
    --bs-light-blue: #EAF5F7;
    --bs-dark-blue: #00738D;
    --bs-orange: #FF6D06;
    --bs-light-black: #535353;
    --bs-light: #F3F4F6;
    --bs-gray: #808080;
    --bs-dark: #100F0F;
    --bs-primary-rgb: 2, 190, 214;
    --bs-secondary-rgb: 37, 37, 37;
    --bs-light-rgb: 243, 244, 246;
    --bs-dark-rgb: 16, 15, 15;
    --bs-font-sans-serif: 'Albert Sans', 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: 17px;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 23.8px;
    --bs-body-color: var(--bs-secondary);
    --bs-body-bg: var(--bs-white);
    --bs-link-color: var(--bs-primary);
    --bs-link-color-rgb: 2, 190, 214;
    --bs-link-hover-color: var(--bs-orange);
    --bs-link-hover-color-rgb: 255, 109, 6;
    --bs-base-transition: all 0.3s ease-in-out;
    /* Infinite Scroll Brand */
    --size: clamp(10rem, 1rem + 40vmin, 30rem);
    --gap: calc(var(--size) / 14);
    --duration: 26s;
    --scroll-start: 0;
    --scroll-end: calc(-100% - var(--gap));
}

.container,
.row {
    --bs-gutter-x: 60px;
}

@media (min-width: 768px) {

    .container,
    .row {
        --bs-gutter-x: 24px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1272px;
    }
}

/* !!! Allow percentage-based heights in the application !!! */
html,
body {
    height: 100%;
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
    overflow-x: hidden;
    -ms-overflow-style: none;
    /* for Internet Explorer, Edge */
    scrollbar-width: none;
    /* for Firefox */
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: none;
    scroll-behavior: auto;
}

/* !!! 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-family: 'Albert Sans';
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--bs-secondary);
    margin: 0 0 10px 0;
}

p:empty {
    display: none;
}

p:last-child,
li:last-child {
    margin-bottom: 0;
}

ul,
ol {
    font-weight: 500;
    margin: 0 0 16px 0;
    padding: 0 0 0 20px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Albert Sans';
    font-weight: 600;
    color: var(--bs-secondary);
    margin: 0 0 20px 0;
}

h1,
.h1 {
    font-size: 65px;
    line-height: 93%;
}

h2,
.h2 {
    font-size: 50px;
    line-height: 94%;
}

h3,
.h3 {
    font-size: 30px;
    line-height: 30px;
}

h4,
.h4 {
    font-size: 27px;
    line-height: 29.97px;
    letter-spacing: -0.54px;
}

h5,
.h5 {
    font-size: 24px;
    line-height: 33.6px;
}

h6,
.h6 {
    font-size: 22px;
    line-height: 30.8px;
}

.display-2 {
    font-size: 55px;
    line-height: 52px;
    letter-spacing: -1px;
}

@media (min-width: 1400px) {
    .display-2 {
        font-size: 73px;
        line-height: 67.89px;
        letter-spacing: -1.46px;
    }
}

/* Heading Mobile CSS */
@media (max-width: 991px) {

    h1,
    .h1 {
        font-size: 40px;
        line-height: 100%;
    }

    h2,
    .h2 {
        font-size: 36px;
        line-height: 36px;
        letter-spacing: -0.72px;
    }

    h3,
    .h3 {
        font-size: 26px;
        line-height: 26px;
    }

    h4,
    .h4 {
        font-size: 24px;
        line-height: 111%;
        letter-spacing: -0.48px;
    }

    h5,
    .h5 {
        font-size: 20px;
        line-height: 28.6px;
    }

    h6,
    .h6 {
        font-size: 18px;
        line-height: 26.8px;
    }
}

@media (max-width: 767px) {
    .display-2 {
        font-size: 45px;
        line-height: 42px;
        letter-spacing: -1px;
    }
}

/* ============================================= */
/* !!!!       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 {
    font-family: "Teko";
    --bs-btn-padding-x: 22.18px;
    --bs-btn-padding-y: 19px;
    --bs-btn-font-size: 35px;
    --bs-btn-font-weight: 500;
    --bs-btn-line-height: 22px;
    --bs-btn-border-width: 1px;
    --bs-btn-border-radius: 3px;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: var(--bs-base-transition);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 21px 22.18px 16px;
}

.btn:hover {
    --bs-btn-font-size: 36px;
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: #1FCFE5;
    --bs-btn-hover-border-color: #1FCFE5;
    --bs-btn-active-bg: #1FCFE5;
    --bs-btn-active-border-color: #1FCFE5;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-color: var(--bs-white);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-border-width: 2px;
    --bs-btn-hover-color: var(--bs-primary);
    padding: 20px 22.18px 15px;
}

.btn-orange {
    --bs-btn-bg: var(--bs-orange);
    --bs-btn-border-color: var(--bs-orange);
    --bs-btn-hover-bg: #FF7A1C;
    --bs-btn-hover-border-color: #FF7A1C;
    --bs-btn-active-bg: #FF7A1C;
    --bs-btn-active-border-color: #FF7A1C;
    --bs-btn-disabled-bg: var(--bs-orange);
    --bs-btn-disabled-border-color: var(--bs-orange);
    --bs-btn-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-white);
}

.btn-outline-orange {
    --bs-btn-color: var(--bs-orange);
    --bs-btn-border-color: var(--bs-orange);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: #FF7A1C;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: var(--bs-orange);
    --bs-btn-disabled-color: var(--bs-orange);
    --bs-btn-disabled-border-color: var(--bs-orange);
    --bs-btn-border-width: 2px;
    --bs-btn-hover-color: #FF7A1C;
}

.btn-white {
    letter-spacing: -0.7px;
    --bs-btn-hover-font-size: 36px;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--bs-white);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: var(--bs-white);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-white);
}

.btn-light {
    letter-spacing: -0.7px;
    --bs-btn-hover-font-size: 36px;
    --bs-btn-color: var(--bs-light-blue);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-light-blue);
    --bs-btn-hover-color: var(--bs-light-blue);
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--bs-light-blue);
    --bs-btn-active-color: var(--bs-light-blue);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: var(--bs-light-blue);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-light-blue);
}

.svg_left {
    margin-right: 10px;
}

.svg_right {
    margin-left: 10px;
}

.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;
}

/* !!! Apply Button !!! */
.btn-orange-outline {
    border: 2px solid #FF6D06;
    color: #FF6D06;
    padding: 11px 15px;
    font-weight: 500;
    font-size: 25px;
}

.btn-orange-outline:hover {
    background: #FF6D06;
    color: #fff;
}

/* !!! 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;
    }
}

/* ======================================= */
/* !!!!     PAGINATION WRAPPER CSS    !!!! */
/* ======================================= */
.pagination_wrapper .page-numbers {
    display: inline-flex;
    margin: 0 5px;
    width: 30px;
    height: 30px;
    padding: 5px 5px 3px 5px;
    border: 1px solid var(--bs-gray-200);
    border-radius: 4px;
    color: var(--bs-dark);
    text-decoration: none;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.pagination_wrapper .page-numbers.current {
    background: var(--bs-primary);
    color: var(--bs-white);
    border-color: var(--bs-primary);
}

.pagination_wrapper .page-numbers:hover {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--bs-white);
}

.pagination_wrapper .prev.page-numbers,
.pagination_wrapper .next.page-numbers {
    width: auto;
}

/* ============================================= */
/* !!!!         COMMON FORM STYLE           !!!! */
/* ============================================= */
.form_group {
    margin: 0 0 24px;
}

label {
    display: block;
    color: #FFF;
    font-family: "Albert Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px;
    margin: 0 0 11px;
}

.form-control,
.form-select {
    background-color: transparent;
    padding: 14px 15px;
    color: var(--bs-light-blue);
    border: 1px solid var(--bs-light-blue);
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    font-family: "Albert Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
}

.form-control:focus,
.form-select:focus {
    background-color: transparent;
    border-color: var(--bs-secondary);
    box-shadow: none;
    color: var(--bs-light-blue);
}

.form-select option {
    color: var(--bs-secondary);
}

textarea.form-control {
    height: 140px;
    resize: none;
}

/* ============================================= */
/* !!!!       FORM INPUT PLACEHOLDER        !!!! */
/* ============================================= */
.form-control::-webkit-input-placeholder {
    color: var(--bs-light-blue);
    -webkit-transition: var(--bs-base-transition);
    transition: var(--bs-base-transition);
}

.form-control::-moz-placeholder {
    color: var(--bs-light-blue);
    -webkit-transition: var(--bs-base-transition);
    transition: var(--bs-base-transition);
}

.form-control:-ms-input-placeholder {
    color: var(--bs-light-blue);
    -webkit-transition: var(--bs-base-transition);
    transition: var(--bs-base-transition);
}

.form-control::-ms-input-placeholder {
    color: var(--bs-light-blue);
    -webkit-transition: var(--bs-base-transition);
    transition: var(--bs-base-transition);
}

.form-control:-moz-placeholder {
    color: var(--bs-light-blue);
    -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;
}

/* !!!!! Gravity Global style !!!!! */
.gform_required_legend {
    display: none !important;
}

body .gform-theme--foundation.gform_wrapper {
    width: 100%;
}

body .gform-theme--foundation.gform_wrapper form .gform_fields {
    row-gap: 24px;
    column-gap: 24px;
}

body .gform-theme--foundation.gform_wrapper form .gfield .gform-field-label {
    display: block;
    font-family: "Albert Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px;
    margin: 0 0 11px;
}

body .gform-theme--foundation.gform_wrapper form .gfield .gform-field-label .gfield_required {
    color: var(--bs-white);
    font-size: 18px;
    font-weight: 400;
}

body .gform-theme--foundation.gform_wrapper form .gfield input,
body .gform-theme--foundation.gform_wrapper form .gfield select,
body .gform-theme--foundation.gform_wrapper form .gfield textarea {
    width: 100%;
    padding: 14px 15px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    font-family: "Albert Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    height: auto;
}

body .gform-theme--foundation.gform_wrapper form .gfield textarea {
    height: 140px;
    min-block-size: 140px;
    resize: none;
}

body .gform-theme--foundation.gform_wrapper form .gfield input.gfield-choice-input {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    padding: 0;
    margin: 2px 0 0 0;
}

body .gform-theme--foundation.gform_wrapper form .gfield input.gfield-choice-input::before {
    font-size: 12px;
}

body .gform-theme--foundation.gform_wrapper form .gfield .gchoice label {
    font-size: 16px;
    line-height: 140%;
    margin: 0;
}

@media (max-width: 767px) {
    .gform_wrapper .ginput_recaptcha {
        transform: scale(0.85);
        transform-origin: left;
    }
}

/* !!! Footer Bottom Form !!! */
.main_form .gform_wrapper {
    max-width: 650px;
    margin: 0 auto;
}

.main_form .gform_wrapper form .gfield .gform-field-label {
    color: var(--bs-white);
}

.main_form .gform_wrapper form .gfield input,
.main_form .gform_wrapper form .gfield select,
.main_form .gform_wrapper form .gfield textarea {
    background-color: transparent;
    color: var(--bs-light-blue);
    border: 1px solid var(--bs-light-blue);
}

.main_form .gform_wrapper form .gfield input.gfield-choice-input::before {
    color: var(--bs-white);
}

.main_form .gform_wrapper form .gfield .gchoice label {
    color: var(--bs-light-blue);
}

.main_form .gform_wrapper form .gfield select option {
    color: #000;
}

.main_form .gform_wrapper form .gfield select {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='%23fff'/%3E%3C/svg%3E");
}

body .contact_wrapper .gform-theme--foundation.gform_wrapper form .gform_footer input[type="submit"].button {
    width: 100%;
}

.contact_wrapper .validation_message.gfield_validation_message {
    color: #c02b0a;
}

/* ============================================= */
/* !!!!              HEADER                 !!!! */
/* ============================================= */
.main_wrapper {
    overflow: hidden;
}

header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: var(--bs-base-transition);
}

header.sticky_header {
    top: -52px;
}

.top_bar {
    padding: 20px 30px;
    background: linear-gradient(270deg, #02BED6 33.46%, #A7ECF5 63.44%);
}

.top_bar_inner {
    display: flex;
    align-items: center;
    gap: 14px;
}

.service_location span {
    color: var(--bs-dark-blue);
    font-family: "DM Sans";
    font-size: 15px;
    font-weight: 400;
    line-height: 108%;
    margin: 0 0 0 14px;
}

.your_location {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
}

.your_location::before {
    content: '';
    position: relative;
    z-index: 1;
    width: 11px;
    height: 11px;
    background-color: #ACFFB0;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 14px auto 0;
    border-radius: 50%;
    filter: drop-shadow(0 0 12.8px #00FF0A);
    flex-shrink: 0;
}

.your_location span {
    font-family: "Teko";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 108%;
    text-transform: uppercase;
    color: var(--bs-dark-blue);
}

.your_location span a {
    color: var(--bs-dar-blue);
    font-family: "DM Sans";
    font-size: 15px;
    text-transform: capitalize;
    text-decoration-line: underline;
    text-underline-offset: 4px;
    margin-left: 3px;
}

.your_location span a:hover {
    color: var(--bs-orange)
}

.top_menu_list {
    margin: 0 0 0 auto;
}

.top_bar_menu li:not(:last-child) {
    margin: 0 14px 0 0;
}

.top_bar_menu li a {
    color: var(--bs-light-blue);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.18px;
}

.top_bar_menu li a:hover {
    color: var(--bs-dark-blue);
}

.service_highlight {
    margin: 0 0 0 30px;
    display: flex;
    align-items: center;
}

.service_highlight .icon_block {
    width: 29px;
    height: 27.982px;
    margin: 0 10px 0 0;
}

.service_highlight span {
    color: var(--bs-light-blue);
    font-family: 'Teko';
    line-height: 85%;
    font-weight: 500;
    font-size: 25px;
}

@media (min-width: 992px) and (max-width: 1299px) {
    .service_highlight .icon_block {
        width: 29px;
        height: 27.982px;
        margin: 0 10px 0 0;
        display: flex;
    }

    .service_highlight .icon_block img {
        flex-shrink: 0;
    }

    .service_highlight span {
        color: var(--bs-light-blue);
        font-family: 'Teko';
        line-height: 88%;
        font-weight: 500;
        font-size: 20px;
    }

    .top_bar_menu li a {
        font-size: 16px;
    }

    .service_location span {
        font-size: 14px;
        line-height: normal;
        margin: 0;
    }

    .top_bar_menu li:not(:last-child) {
        margin: 0 10px 0 0;
    }
}

@media (min-width: 992px) {
    .top_bar_inner:last-child {
        display: none;
    }
}

/* MOBILE ONLY */
@media (max-width: 1199.98px) {
    .service_highlight {
        margin: 0;
    }
}

@media (max-width: 991.98px) {
    .top_bar {
        overflow: hidden;
    }

    .top_bar_marquee {
        display: flex;
        width: max-content;
        animation: topbarScroll 20s linear infinite;
    }

    .top_bar_marquee:hover {
        animation: none;
    }

    .top_bar_inner {
        display: flex;
        align-items: center;
        gap: 40px;
        padding-right: 40px;
    }

    @keyframes topbarScroll {
        0% {
            transform: translateX(0);
        }

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

    .top_menu_list {
        display: none
    }
}

@media (max-width: 767.98px) {
    .service_highlight {
        display: none;
    }
}

.navbar {
    --bs-navbar-padding-x: 30px;
    --bs-navbar-padding-y: 25px;
    --bs-navbar-color: var(--bs-white);
    --bs-navbar-hover-color: var(var(--bs-light-blue));
    --bs-navbar-active-color: var(--bs-light-blue);
    --bs-navbar-nav-link-padding-x: 0;
    --bs-navbar-toggler-padding-y: 0;
    --bs-navbar-toggler-padding-x: 0;
    --bs-navbar-toggler-border-color: none;
    --bs-navbar-toggler-border-radius: 0;
    --bs-navbar-toggler-focus-width: 0;
    background: linear-gradient(68deg, #000 31.39%, #252525 68.19%);
    z-index: 99;
}

.navbar::after {
    content: '';
    background-image: url('/wp-content/uploads/2026/02/shape-bg-1.png');
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.navbar-brand {
    padding: 0;
}

.navbar-brand img {
    position: absolute;
    left: 30px;
    bottom: -53px;
    max-width: 170px;
    z-index: 111;
    transition: var(--bs-base-transition);
}

header.sticky_header .navbar-brand img {
    max-width: 160px;
    bottom: -43px;
}

.navlist .nav-item .nav-link {
    color: var(--bs-light-blue);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.18px;
    transition: var(--bs-base-transition)
}

.navlist .nav-item .nav-link:hover {
    font-weight: 700;
    letter-spacing: -0.5px;
    text-decoration: underline;
}

.navbar-nav .nav-link svg {
    width: 14px;
    height: 9px;
}

.navbar-nav .nav-link svg path {
    stroke-width: 1.8px;
    stroke: var(--bs-light-blue);
}

.navbar-nav .nav-item:hover svg path {
    stroke: var(--bs-light-blue);
    opacity: 1;
}

.navlist .nav-item {
    margin: 0;
    position: relative;
}

.menu_btn {
    margin: 0 0 0 30px;
}

.menu_btn .btn-orange {
    margin: 0 0 0 20px;
}

/* menu toggle bar */
.bar1,
.bar2,
.bar3 {
    width: 53px;
    height: 2px;
    background-color: var(--bs-light-blue);
    margin: 0 0 12px;
    transition: 0.4s;
}

.navbar-toggler div:last-child {
    margin: 0;
}

.navbar-toggler[aria-expanded="true"] .bar1 {
    transform: translate(0, 16px) rotate(-45deg);
}

.navbar-toggler[aria-expanded="true"] .bar2 {
    opacity: 0;
}

.navbar-toggler[aria-expanded="true"] .bar3 {
    transform: translate(0, -10px) rotate(45deg);
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: var(--bs-primary);
}

.navbar-nav .nav-link.active path {
    stroke: var(--bs-primary);
    opacity: 1;
}

.navbar .container-fluid {
    padding: 0;
}

/* Sub Menu */
.sub-menu {
    padding: 21px 0 0;
    min-width: 200px;
    width: 100%;
    list-style: none;
    position: absolute;
    left: 50%;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -9px);
}

.sub-menu>ul {
    background-color: var(--bs-light-blue);
    border-radius: 5px;
    padding: 0;
    width: 100%;
    border: 0;
}

.sub-menu li a {
    color: var(--bs-light-blue);
    display: block;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.18px;
}

.sub-menu li:hover a {
    font-weight: 700;
    letter-spacing: -0.2px;
    color: var(--bs-primary);
}

.navbar .navbar-nav.responsive-menu .sub-menu li a.active {
    font-weight: 700;
    letter-spacing: -0.2px;
    color: var(--bs-primary);
}

@media (min-width: 992px) {
    .navlist .nav-item .nav-link {
        font-size: 14px;
    }

    .menu_btn .btn {
        font-family: 'Teko';
        font-size: 25.2px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px;
        padding: 14px 15.527px 11px;
        border-width: 1.4px;
        height: 100%;
        letter-spacing: 0;
    }

    .menu_btn .btn:hover {
        font-size: 26.6px;
    }

    .menu_btn .btn-orange:hover {
        color: #fff !important;
    }

    .navlist .nav-item:not(:last-child) {
        margin: 0 20px 0 0;
    }

    /* sub menu */
    nav .navlist li:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        z-index: 99;
    }

    .navbar-nav .nav-link svg {
        margin: auto 0 auto 7px;
    }

    .navbar-nav .menu-item-has-children:hover svg {
        transform: rotate(180deg);
    }

    .sub-menu ul li {
        width: 100%;
        margin: 0;
        border-bottom: 1px solid rgba(234, 245, 247, 0.3);
        background: var(--bs-secondary);
    }

    .sub-menu ul li:last-child {
        border-bottom: 0;
    }

    .sub-menu ul li a {
        padding: 14px 18px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .menu_btn .btn {
        font-size: 18.2px;
    }

    .menu_btn .btn:hover {
        font-size: 19.2px;
    }

    .navlist .nav-item:not(:last-child) {
        margin: 0 12px 0 0;
    }

    .menu_btn {
        margin: 0 0 0 20px;
    }

    .menu_btn .btn-orange {
        margin: 0 0 0 10px;
    }

    .navbar-brand img {
        max-width: 120px;
        bottom: -40px;
        left: 20px;
    }

    header.sticky_header .navbar-brand img {
        max-width: 106px;
        bottom: -30px;
    }

    .sub-menu {
        min-width: 170px;
    }

    .navbar-nav .nav-link svg {
        width: 10px;
    }

    .sub-menu li a {
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .navbar-brand img {
        width: 100%;
    }

    .navlist .nav-item:not(:last-child) {
        margin: 0 10px 0 0;
    }
}

@media (min-width: 1300px) {
    .navlist .nav-item .nav-link {
        font-size: 16px;
    }
}

@media (min-width: 1400px) {
    .navlist .nav-item:not(:last-child) {
        margin: 0 24px 0 0;
    }

    .navlist .nav-item .nav-link {
        font-size: 18px;
    }
}

/* old */
@media (max-width: 991.98px) {
    nav .navbar-collapse {
        width: 100%;
        padding: 0;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        bottom: auto;
        border: 0;
        background: var(--bs-primary);
        z-index: 20;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        opacity: 0;
        visibility: hidden;
        overflow: auto;
        min-height: calc(100vh - 163px);
        height: 100%;
        padding: 0 0 60px;
    }

    .navbar-collapse.show {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }

    .navbar .navbar-nav .nav-item .nav-link {
        position: relative;
        display: flex;
        align-items: center;
        line-height: 12px;
        width: calc(100% - 52px);
        z-index: -1;
    }

    .navbar .navbar-nav .nav-item {
        width: 100%;
        padding: 0;
        margin: 0 0;
    }

    .navbar .navbar-nav .nav-item .nav-link {
        padding: 20px;
    }

    .navbar .navbar-nav .nav-item .nav-link svg {
        display: none;
    }

    .navlist {
        padding: 70px 20px 30px;
    }

    .menu_btn .btn-orange {
        margin: 0;
    }

    .menu_btn {
        padding: 20px;
        margin: 0 auto;
        justify-content: center;
        align-items: center;
        gap: 24px;
        flex-wrap: wrap;
    }

    body.mobile-menu-active {
        overflow: hidden;
        /* Lock scroll when menu open */
    }

    /* !!!! SUB MENU RESPONSIVE !!!! */
    .sub-menu {
        left: 0;
        padding: 0;
        top: 10px;
    }

    .navbar .navbar-nav.responsive-menu .nav-item {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        background-color: var(--bs-dark-blue);
        opacity: 0.9;
        margin: 0 0 10px;
    }

    .navbar .navbar-nav.responsive-menu .nav-item.menu-item-has-children {
        position: relative;
    }

/*     .navbar .navbar-nav.responsive-menu .menu-item-has-children>a::before {
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-circleplus' viewBox='0 0 100 100' stroke='%23EAF5F7' height='52'%3E%3Cline x1='32.5' y1='50' x2='67.5' y2='50' stroke-width='5'/%3E%3Cline x1='50' y1='32.5' x2='50' y2='67.5' stroke-width='5'/%3E%3C/svg%3E");
        padding: 1px;
        position: absolute;
        right: -52px;
        top: auto;
        z-index: 9999;
        width: 52px;
        height: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        pointer-events: none;
        background-color: var(--bs-secondary);
    }

    .navbar .navbar-nav.responsive-menu .menu-open.menu-item-has-children>a::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='svg-circleplus' viewBox='0 0 100 100' stroke='%23EAF5F7' height='52'%3E%3Cline x1='32.5' y1='50' x2='67.5' y2='50' stroke-width='5'/%3E%3C/svg%3E");
    }
 */
    .navbar .navbar-nav.responsive-menu .sub-menu {
        position: relative;
        display: none;
        opacity: 1;
        visibility: visible;
        border: 0;
        transform: none;
        background: var(--bs-light-blue);
        padding: 0;
        width: 100%;
        border-radius: 0;
        z-index: 99;
        -webkit-transition: opacity .4s ease-in-out;
        transition: opacity .4s ease-in-out;
        top: 0;
    }

    .sub-menu>ul {
        background-color: var(--bs-light-blue);
        border-radius: 0;
        padding: 0;
        width: 100%;
        border: 0;
    }

    .sub-menu::before {
        display: none;
    }

    .navbar .navbar-nav.responsive-menu .sub-menu ul {
        padding: 0 20px 10px;
        border-radius: 0;
    }

    .navbar .navbar-nav.responsive-menu .sub-menu li {
        margin: 0;
        padding: 0;
    }

    .navbar .navbar-nav.responsive-menu .sub-menu li a {
        color: var(--bs-secondary);
        padding: 15px;
    }

    .navbar .navbar-nav.responsive-menu .sub-menu li a.active {
        color: var(--bs-dark-blue);
    }

    .navbar .navbar-nav.responsive-menu .sub-menu li:not(:last-child) {
        border-bottom: 1px solid rgba(77, 77, 77, 0.30);
    }
}

@media (max-width: 475px) {
    .main_wrapper {
        margin: 67px 0 0;
    }

    .navbar-brand {
        width: 100px;
    }

    .phone_btn svg {
        width: 15px;
        height: 15px;
    }

    .phone_btn {
        font-size: 12px;
    }

    .navbar-toggler[aria-expanded="true"] .bar3 {
        transform: translate(0, -8px) rotate(45deg);
    }
}

@media (max-width: 576px) {

    .bar1,
    .bar2,
    .bar3 {
        width: 25px;
        height: 2px;
    }
}

@media (max-width: 375px) {
    .menu_btn {
        flex-direction: column;
    }
}

/* ============================================= */
/* !!!!              BANNER                 !!!! */
/* ============================================= */
.hero_banner_wrapper {
    padding: 176px 0 223px;
    z-index: 1;
    mask: url(/wp-content/uploads/2026/03/banner-mask.png);
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: bottom center;
}

.hero_banner_wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #252525 0%, rgba(37, 37, 37, 0.00) 71.49%);
    z-index: -1;
}

.hero_banner_content {
    max-width: 683px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 31px;
}

.banner_btn_block {
    gap: 24px;
}

h1.hero_title {
    letter-spacing: -0.7px;
    margin: 0;
    color: var(--bs-white);
}

.hero_description {
    max-width: 662px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 31px;
}

.hero_description p {
    font-size: 24px;
    font-style: normal;
    line-height: 140%;
    margin: 0;
    color: var(--bs-light-blue);
}

.hero_description p span {
    font-weight: 600;
}

@media (max-width: 991px) {
    .hero_banner_wrapper::after {
        background: var(--bs-black);
        opacity: 0.35;
        mix-blend-mode: multiply;
    }
}

/* ============================================= */
/* !!!!          GOOGLE REVIEW              !!!! */
/* ============================================= */
.experience_badge {
    max-width: 200px;
    height: 200px;
    transform: rotate(5.631deg);
    width: 100%;
    position: absolute;
    right: 70px;
    top: -145px;
    z-index: 9;
}

.google_review_wrapper {
    padding: 30px 0 134px;
    background-color: var(--bs-white);
    z-index: 11;
}

.google_review_block {
    overflow-x: hidden;
}

h2.review_title {
    letter-spacing: -1px;
    line-height: normal;
}

.icon_block {
    width: 85.5px;
    height: 82.5px;
    margin: 0 auto 40px;
}

.icon_block img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.google_review_inner .title_block p {
    color: #373F49;
    font-family: "Albert Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.google_review_inner .title_block {
    margin: 0 0 40px;
}


/* !!!!!! Google Review !!!!!! */
.google_review_block .grw-row {
    gap: 24px;
}

.google_review_block .grw-row .grw-header .grw-header-inner {
    border-radius: 8px;
    background: #F7F7F7;
    padding: 16px !important;
    margin: 0 !important;
}

.google_review_block .grw-row .grw-header .grw-header-inner .grw-img {
    opacity: 0;
}

.google_review_block .grw-row .grw-header .grw-header-inner .grw-img-wrap::before {
    background-image: url(/wp-content/uploads/2026/03/icons_google.svg);
    box-shadow: none !important;
}

.google_review_block .grw-row .grw-header .wp-google-name a {
    color: #100F0F !important;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
}

.google_review_block .grw-row .grw-header .wp-google-name::after {
    content: 'Top-rated on Google Reviews';
    color: #535862;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    position: static;
    width: 100%;
    height: 24px;
    display: block;
}

.google_review_block .grw-row .grw-header .grw-header-inner .rpi-stars {
    color: #535862 !important;
    font-family: 'DM Sans';
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
}

.google_review_block .grw-row .grw-header .wp-google-based {
    color: #535862 !important;
    font-family: 'DM Sans';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.google_review_block .grw-row .grw-header .grw-header-inner .wp-google-powered {
    display: none !important;
}



.google_review_block .wp-gr .wp-google-wr a {
    display: flex;
    padding: 14px 15px 8px 15px !important;
    justify-content: center;
    align-items: center;
    font-family: 'Teko';
    font-size: 0;
    font-style: normal;
    font-weight: 500;
    line-height: 0;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 2.1px !important;
    text-shadow: none !important;
    opacity: 1 !important;
    width: 100%;
}

.google_review_block .wp-gr .wp-google-wr a:hover {
    background-color: #FF7A1C !important;
}

.google_review_block .wp-gr .wp-google-wr a::before {
    content: 'Check our Profile in Google';
    font-family: 'Teko';
    font-size: 18.2px;
    font-style: normal;
    font-weight: 500;
    line-height: 85%;
}

.google_review_block .wp-gr .wp-google-wr a svg {
    display: none;
}

.rpi .rpi-slide svg {
    display: none;
}

.grw-review .rpi-flx .rpi-flx.rpi-col4 {
    order: 1;
}

.grw-review .rpi-flx>.rpi-flx {
    order: 2;
}

.grw-review .rpi-flx .rpi-stars {
    order: 3;
}

.google_review_block .rpi-dots-wrap .rpi-dots .rpi-dot {
    width: 10px !important;
    height: 10px !important;
    background-color: #D9D9D9 !important;
}

.google_review_block .rpi-dots-wrap .rpi-dots .rpi-dot.active {
    background-color: #333 !important;
}


.google_review_block .wp-gr .grw-header-inner>.rpi-flx {
    overflow: visible !important;
}
@media (min-width: 480px) {
	.google_review_block .grw-row .grw-header {
		flex: 1 0 80% !important;
		width: 80% !important;
	}
	.google_review_block .grw-row .grw-header+.grw-content {
		flex: 1 0 80% !important;
		width: 80% !important;
	}
}
@media (min-width: 576px) {
	.google_review_block .wp-gr .wp-google-wr a::before {
		font-size: 25.2px;
	}
}

@media (min-width: 768px) {
    .google_review_inner .title_block p {
        font-size: 24px;
    }

    .google_review_block .rpi-dots-wrap {
        display: none !important;
    }
}
@media (min-width: 992px) {
    .google_review_block .wp-gr .wp-google-wr a::before {
        font-size: 22.2px;
    }

    .google_review_block .grw-row .grw-header {
        flex: 1 0 40% !important;
        width: 40% !important;
    }

    .google_review_block .grw-row .grw-header+.grw-content {
        flex: 1 0 57% !important;
        width: 57% !important;
    }
	.google_review_block .wp-gr .wp-google-wr {
	}
	.google_review_block .wp-gr .wp-google-wr {
		width: 316px;
		margin-left: -15.333% !important;
		max-width: none;
	}

}

@media (min-width: 1200px) {
    .google_review_block .grw-row .grw-header .grw-header-inner {
        padding: 32px !important;
    }

    .google_review_block .wp-gr .wp-google-wr a::before {
        font-size: 25.2px;
    }

    .google_review_block .grw-row .grw-header {
        flex: 1 0 33% !important;
        width: 33% !important;
    }

    .google_review_block .grw-row .grw-header+.grw-content {
        flex: 1 0 64% !important;
        width: 64% !important;
    }
}
@media (min-width: 1400px) {
	.google_review_block .wp-gr .wp-google-wr {
		width: 356px;
	}
}

@media (max-width: 991px) {
    .google_review_block .grw-row {
        flex-direction: column;
    }
}

@media (max-width: 380px) {
    .google_review_block .wp-gr .wp-google-wr {
        width: 180px;
    }
}

/* ================================================== */
/* !!!!     COMMITMENT & EXPERIENCE SECTION      !!!! */
/* ================================================== */
.commitment_wrapper {
    background: linear-gradient(239deg, #252525 23.73%, #000 86.19%);
    z-index: 1;
    padding: 165px 0 124px;
    overflow: hidden;
    mask: radial-gradient(60% 70px at top, #0000 98%, #000);
}

.experience_wrapper {
    background: linear-gradient(239deg, #252525 23.73%, #000 86.19%);
    padding: 142px 0;
    mask: radial-gradient(60% 70px at top, #0000 98%, #000);
}

.commitment_wrapper::before,
.experience_wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/wp-content/uploads/2026/02/bg_pattern.png');
    z-index: -1;
    background-repeat: repeat;
    background-size: auto;
    background-position: center;
}

.commitment_image_block img {
    max-width: 581px;
    max-height: 649.859px;
    border-radius: 472.965px;
    top: -68.57px;
    z-index: 1;
    width: 100%;
}

.experience_image_block img {
    max-width: 635px !important;
    max-height: 581px;
    border-radius: 472.965px;
    top: 0;
    left: 0;
    width: 635px;
    height: 100%;
    object-fit: cover;
}

.commitment_image_block {
    max-width: 580.502px;
    max-height: 580.502px;
    border-radius: 580.502px;
    border: 6px solid #FFF;
    background: linear-gradient(211deg, #02BED6 13.31%, #003058 92.06%);
    box-shadow: -91.454px 57.024px 165.8px 0 rgba(2, 190, 214, 0.58);
    z-index: 3;
    position: relative;
    width: 100%;
    height: 100%;
}

.experience_image_block {
    background: linear-gradient(211deg, #02BED6 13.31%, #003058 92.06%);
    box-shadow: 91.45px 57.024px 165.8px 0 rgba(2, 190, 214, 0.58);
    width: 580.502px;
    height: 580.502px;
    border-radius: 580.502px;
    border: 6px solid #FFF;
}

.commitment_content_block .star_icon {
    width: 66px;
    height: 66px;
    margin: 0 0 40px;
}

.experience_content_block .star_icon {
    width: 70px;
    height: 72px;
    margin: 0 0 40px;
}

.commitment_content_block .star_icon img {
    width: 100%;
    height: 100%;
}

.commitment_sub_title,
.experience_sub_title {
    font-family: 'Teko';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 11px;
    letter-spacing: 4.5px;
    text-transform: uppercase;
    color: var(--bs-primary);
    margin: 0 0 30px;
}

.commitment_title,
.experience_title {
    font-size: 72px;
    color: var(--bs-white);
    line-height: 93%;
    letter-spacing: -1.4px;
    margin: 0 0 30px;
}

.commitment_content_block {
    max-width: 587px;
    width: 100%;
}

.commitment_content_block p,
.experience_content_block p {
    color: var(--bs-white);
    font-size: 24px;
    font-style: normal;
    line-height: 140%;
    margin: 0;
}

.experience_content_block {
    max-width: 533px;
    width: 100%;
}

.experience_content_block .btn.learn_more_btn {
    height: 100%;
    width: fit-content;
    padding: 11px 15.527px 9px;
    border-radius: 2.1px;
    font-size: 25.2px;
    font-weight: 500;
    line-height: 85%;
    margin: 30px 0 0;
}

.experience_content_block .btn.learn_more_btn:hover {
    font-size: 26.2px;
}

.experience_badge_block {
    max-width: 222.849px;
    max-height: 184.816px;
    transform: rotate(5.631deg);
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: -57px;
}

.experience_badge_block img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/* ================================================== */
/* !!!!          WHY CHOOSE SECTION              !!!! */
/* ================================================== */
.why_choose_wrapper {
    padding: 120px 0 200px;
    background-color: var(--bs-light-blue);
    margin: -56px 0 0;
    z-index: 11;
    clip-path: ellipse(140% 100% at bottom);
}

/* .why_choose_wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='829' viewBox='0 0 1440 829' fill='none'%3E%3Cpath d='M0 62C0 62 437.782 0 720 0C1002.22 0 1440 62 1440 62V769C1440 769 1021.18 829 720 829C418.823 829 0 769 0 769V62Z' fill='%23EAF5F7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
} */
.why_choose_wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2026/02/choose-bg.svg);
    background-repeat: repeat;
    background-size: auto;
    background-position: center;
    z-index: -1;
}

.why_choose_inner .icon_block {
    width: 70px;
    height: 72px;
    margin: 0 auto;
}

.choose_sub_title {
    color: var(--bs-primary);
    text-align: center;
    font-family: Teko;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 55px;
    letter-spacing: 4.5px;
    text-transform: uppercase;
    margin: 0;
}

.why_choose_inner .title_block {
    max-width: 808px;
    width: 100%;
    margin: 0 auto 53px;
}

.choose_title {
    letter-spacing: -1px;
    margin: 0 0 20px;
    line-height: 47px;
}

.why_choose_inner .title_block p,
.stand_for_inner .title_block p {
    max-width: 554px;
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: 22px;
    line-height: 140%;
}

.why_item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.why_title {
    margin: 0;
}

.why_description p {
    font-size: 17px;
    line-height: 140%;
}

@media (min-width: 992px) {
    .why_item {
        gap: 24px;
    }
}

/* ================================================= */
/* !!!!          SOLUTIONS SECTION              !!!! */
/* ================================================= */
.solutions_wrapper {
    padding: 140px 0 48px;
    margin: -80px 0 0;
    z-index: 111;
    background-color: white;
    mask: radial-gradient(60% 70px at top, #0000 98%, #000);
}

.solution_inner .icon_block {
    width: 57px;
    height: 55px;
    margin: 0 auto;
}

.solutions_sub_title {
    margin: 0;
    color: var(--bs-primary);
    text-align: center;
    font-family: Teko;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 55px;
    letter-spacing: 4.5px;
    text-transform: uppercase;
}

.solutions_title {
    line-height: 55px;
    letter-spacing: -1px;
    margin: 0 0 20px;
}

.solution_inner>p {
    text-align: center;
    line-height: 140%;
}

.solution_inner .title_block {
    margin: 0 0 68px;
}

.solutions_list_block .row {
    --bs-gutter-y: 48px;
}

.solution_icon {
    display: block;
    position: relative;
    border-right: 2px solid var(--bs-light-blue);
    border-left: 2px solid var(--bs-light-blue);
    object-fit: cover;
    object-position: center;
    -webkit-mask-image: url(/wp-content/uploads/2026/03/mask-img.png);
    mask-image: url(/wp-content/uploads/2026/03/mask-img.png);
    mask-repeat: no-repeat;
    mask-size: cover;
    transition: var(--bs-base-transition);
}

.solution_item:hover .solution_icon {
    transform: scale(0.95);
}

.solution_icon::before {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    width: 100%;
    height: 20px;
    border-top: 3px solid var(--bs-light-blue);
    border-radius: 50%;
    background: transparent;
}

.solution_icon::after {
    content: '';
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    width: 100%;
    height: 20px;
    border-bottom: 2px solid var(--bs-light-blue);
    border-radius: 50%;
    background: transparent;
}

.solution_icon img {
    aspect-ratio: 1.44;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.solution_content_block {
    padding: 26px 0 0;
    z-index: 11;
    position: relative;
    background-color: white;
}

span.solution_sub_title {
    align-self: stretch;
    color: #ADADAD;
    font-family: 'Teko';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 4.5px;
    text-transform: uppercase;
    margin: 0 0 15px;
    display: block;
}

.solution_title {
    color: #2C2C2C;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.48px;
    text-transform: capitalize;
    margin: 0 0 14px;
}

.solution_description p {
    color: #2C2C2C;
    line-height: 140%;
}

.solution_description {
    margin: 0 0 20px;
}

.solution_btn a.learn_more_link {
    color: var(--bs-orange);
    font-family: "Albert Sans";
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.2px;
    display: inline-flex;
    align-items: center;
    max-width: 128px;
    justify-content: space-between;
    width: 100%;
    transition: var(--bs-base-transition);
    border-bottom: 1px solid transparent;
}

.solution_btn a.learn_more_link:hover {
    border-bottom: 1px solid var(--bs-orange);
    max-width: 139px;
}

.solution_btn a.learn_more_link svg {
    margin-bottom: -3px;
}

@media (min-width: 1200px) {
    .solutions_wrapper {
        padding: 163px 0 78px;
    }
}

/* ================================================= */
/* !!!!          SOLUTIONS SECTION              !!!! */
/* ================================================= */
.process_wrapper {
    clip-path: ellipse(140% 100% at bottom);
    padding: 126px 0 60px;
    background-color: #fff;
    margin: -79px 0 0;
}

.process_inner .title_block {
    max-width: 946px;
    width: 100%;
    margin: 0 auto 59px;
}

.process_inner .title_block .icon_block {
    width: 57px;
    height: 55px;
    margin: 0 auto 24px;
}

.process_sub_title {
    color: var(--bs-primary);
    text-align: center;
    font-family: 'Teko';
    font-size: 18px;
    font-weight: 400;
    line-height: 11px;
    letter-spacing: 4.5px;
    text-transform: uppercase;
    margin: 0 0 24px;
}

.process_title {
    line-height: 55px;
    letter-spacing: -1px;
    margin: 0 0 24px;
}

.process_inner .title_block p {
    font-size: 22px;
}

.process_inner .title_block {
    max-width: 946px;
    width: 100%;
    margin: 0 auto 59px;
}

.process_inner .title_block .icon_block {
    width: 57px;
    height: 55px;
    margin: 0 auto 24px;
}

.process_count span {
    color: var(--bs-primary);
    font-family: 'Teko';
    font-size: 140px;
    font-style: normal;
    font-weight: 500;
    line-height: 69px;
    display: inline-block;
    align-content: end;
}

.process_count {
    padding: 0 18px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: end;
    height: 88px !important;
    margin: 0 0 24px;
}

.process_list .row .col-12:last-child .process_block .process_count svg {
    display: none;
}

.process_block .process_title {
    font-weight: 500;
    line-height: 111%;
    letter-spacing: -0.54px;
    margin: 0 0 24px;
}

.process_description p {
    font-size: 17px;
    line-height: 140%;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .process_count svg {
        max-width: 160px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .process_count svg {
        max-width: 120px;
    }
}

/* ============================================== */
/* !!!!          RESULT SECTION              !!!! */
/* ============================================== */
.result_wrapper {
    padding: 80px 0;
}

.result_inner .title_block {
    max-width: 808px;
    width: 100%;
    margin: 0 auto 46px;
}

.result_inner .title_block .icon_block {
    width: 57px;
    height: 55px;
    margin: 0 auto 24px;
}

.result_inner .title_block h3 {
    color: var(--bs-primary);
    text-align: center;
    font-family: 'Teko';
    font-size: 18px;
    font-weight: 400;
    line-height: 11px;
    letter-spacing: 4.5px;
    text-transform: uppercase;
    margin: 0 0 24px;
}

.result_inner .title_block h2 {
    margin: 0 0 24px;
    letter-spacing: -1px;
}

.result_inner .title_block p {
    font-size: 22px;
    line-height: 140%;
}

.before-after {
    position: relative;
    width: 100%;
    height: 656px;
    overflow: hidden;
    mask: radial-gradient(60% 70px at top, #0000 98%, #000);
    z-index: 1;
}

/* Text */
.com_before_after {
    z-index: 1;
    color: #fff;
    font-family: "Albert Sans";
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: 142.222%;
    letter-spacing: -0.9px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    padding: 101px 0 60px;
}

/* Button */
.slider-button {
    position: absolute;
    background-color: #fff;
    padding: 0;
    border-radius: 100%;
    display: flex;
    align-items: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 100;
    max-width: 64px;
    max-height: 62px;
    width: 100%;
    height: 100%;
}

.slider-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.before-image,
.after-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    z-index: -1;
}

.after-image {
    clip-path: inset(0 50% 0 0);
}

.slider-handle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 0px;
    height: 100%;
    background-color: #fff;
    cursor: pointer;
    z-index: 2;
}

.slider-line {
    position: absolute;
    top: 0;
    left: 50%;
    width: 7px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bs-light-blue);
    z-index: 1;
    overflow: visible;
}

.slider-line svg {
    cursor: pointer;
    position: relative;
    background-color: #fff;
    padding: 0;
    border-radius: 100%;
    display: flex;
    align-items: center;
    top: 0;
    left: 0;
    transform: none;
    pointer-events: none;
    z-index: 99 !important;
    max-width: 64px;
    max-height: 62px;
    width: 64px;
    height: 62px;
    min-width: 64px;
    min-height: 62px;
    bottom: 0;
    margin: auto;
    right: 0;
}

/* Prevent text/image selection while dragging */
.slider-container,
.before-image img,
.after-image img {
    user-select: none;
    /* Disable selection on most browsers */
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE10+ */
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: -1;
    /* background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.75) 100%); */
}

.slider-handle,
.slider-line {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.slider-container .before-image::after,
.slider-container .after-image::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    padding: 101px 0 60px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.75) 100%);
    z-index: -1;
}

.com_before_after {
    max-width: 300px;
    width: 100%;
    text-align: left;
}

.before-text.com_before_after {
    padding: 101px 0 60px 277px;
    left: 0;
    margin: 0 auto 0 0;
}

.after-text.com_before_after {
    padding: 101px 291px 60px 0;
    right: 0;
    margin: 0 0 0 auto;
}

.pulse-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

@media (min-width: 992px) {
    .result_inner .title_block h2 {
        line-height: 55px;
    }
}

/* =========================================== */
/* !!!!          FAQ SECTION              !!!! */
/* =========================================== */
.faq_wrapper {
    padding: 36px 0 85px;
}

.faq_inner .icon_block {
    width: 57px;
    height: 55px;
    margin: 0 auto;
}

.faq_inner .title_block {
    max-width: 808px;
    width: 100%;
    margin: 0 auto 68px;
}

.faq_sub_title {
    color: var(--bs-primary);
    text-align: center;
    font-family: 'Teko';
    font-size: 18px;
    font-weight: 400;
    line-height: 55px;
    letter-spacing: 4.5px;
    text-transform: uppercase;
    margin: 0;
}

.faq_title {
    line-height: 55px;
    letter-spacing: -1px;
    margin: 0 0 20px;
}

.faq_inner .title_block p {
    color: var(--bs-secondary);
    text-align: center;
    font-family: "DM Sans";
    font-size: 22px;
    line-height: 140%;
}

.question {
    color: var(--bs-secondary);
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: -0.6px;
    margin: 0 0 24px;
}

.faq_list .row.justify-content-center {
    --bs-gutter-y: 49px;
}

.answer p {
    color: #535353;
    font-size: 17px;
    line-height: 140%;
}

/* !!! FOOTER !!! */
footer {
    padding: 126px 0 102px;
    background: linear-gradient(244deg, #252525 19.95%, #000 91.82%);
    position: relative;
    z-index: 1;
    clip-path: ellipse(110% 100% at bottom);
}

footer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    background-size: auto;
    background-position: center;
    background-image: url('/wp-content/uploads/2026/03/footer_bg_wave.png');
    z-index: -1;
}

.footer_logo {
    max-width: 174px;
    width: 100%;
}

.footer_contact_details {
    max-width: 295px;
    width: 100%;
}
.footer_right_block {
    max-width: 634px;
    width: 100%;
    margin-left: 0;
}
.footer_top {
    display: flex;
    justify-content: start;
    gap: 30px;
}
.address_block span,
.address_block a,
.contact_mail_block span,
.contact_mail_block a {
    display: block;
    color: var(--bs-light-blue);
    font-family: "Albert Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 121%;
}
.address_block a,
.contact_mail_block a {
    text-decoration-skip-ink: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-decoration: underline;
    font-weight: 400;
}
.address_block a:hover,
.contact_mail_block a:hover {
    color: var(--bs-primary);
}

.address_block {
    margin: 0 0 10px;
}

.licence_block span {
    color: var(--bs-light-blue);
    font-family: "Albert Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 121%;
}

.licence_block {
    margin: 0 0 15px;
}

.footer_btn_block {
    gap: 20px;
    margin: 0 0 16px;
}
.footer_btn_block .btn {
    font-size: 25.2px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    height: 100%;
    padding: 14px 15px 11px;
}

.footer_btn_block .btn:hover {
    font-size: 26.2px;
}

.address_block span,
.contact_mail_block span {
    margin: 0 0 6px;
}

.footer_menu {
    column-count: 3;
    column-gap: 42px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer_menu li {
    break-inside: avoid;
    margin-bottom: 10px;
}

.footer_menu a {
    text-decoration: none;
    display: inline-block;
}

.star_shape {
    width: 50px;
    height: 48.246px;
}

.footer_menu_links {
    position: relative;
    margin: 0 0 22px;
}

@media (min-width:768px) {
    .footer_btn_block .btn {
        font-size: 20.2px;
    }
    .footer_btn_block .btn:hover {
        font-size: 21.2px;
    }
}
@media (min-width: 1200px) {
    .footer_top {
        gap: 45px;
    }
    .footer_contact_details {
        max-width: 356px;
    }
    .footer_btn_block .btn {
        font-size: 25.2px;
    }
    .footer_btn_block .btn:hover {
        font-size: 26.2px;
    }
}
@media (min-width: 992px) {
    .footer_right_block {
        max-width: 564px;
        margin-left: auto;
    }

    .star_shape {
        position: absolute;
        right: 0;
        bottom: 0;
    }
}

@media(min-width: 1200px) {
    .star_shape {
        right: 110px;
        bottom: -13px;
    }
}

.footer_menu a {
    color: var(--bs-light-blue);
    font-family: "DM Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 108%;
}

.footer_menu a:hover {
    color: var(--bs-primary);
}

.footer_brands_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 560px;
    width: 100%;
    gap: 10px;
}

footer hr {
    color: #6B6B6B;
    opacity: 1;
    margin: 27px 0;
}

.footer_bottom {
    display: flex;
    align-items: center;
    gap: 31px;
}

.footer_social_links {
    max-width: 225px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer_social_links a:hover img {
    opacity: 0.5;
}

.footer_copyright {
    color: #6B6B6B;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 108%;
}
.footer_copyright a {
	font-size: 12px;
	color: #6B6B6B;
}
.footer_copyright a:hover {
    color: var(--bs-primary);
}
.footer_bottom_links {
    max-width: 342px;
    width: 100%;
    margin: 0 0 0 auto;
    display: flex;
    gap: 21px;
    align-items: center;
    justify-content: end;
}

.footer_bottom_links a {
    color: #6B6B6B;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 108%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.footer_bottom_links a:hover {
    color: var(--bs-primary);
}

@media (max-width: 767px) {
    .footer_menu a {
        font-size: 22px;
        font-weight: 500;
    }
}

/* !!! FORM !!! */
.contact_wrapper {
    padding: 100px 0 164px;
    background-image: linear-gradient(209deg, #02BED6 16.25%, #003058 67.37%);
    /* clip-path: ellipse(140% 100% at bottom); */
    z-index: 1;
    margin-bottom: -88px;
    mask: url(/wp-content/uploads/2026/03/footer-form-shape-mask.png);
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: top center;
}

.contact_wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-repeat: repeat;
    background-size: auto;
    background-image: url(/wp-content/uploads/2026/02/footerform_bg.png);
}

.contact_form_block .title_block {
    max-width: 808px;
    width: 100%;
    gap: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto 49px;
}

.contact_form_block .title_block .icon_block {
    margin: 0;
    width: 57px;
    height: 55px;
}

.contact_sub_title {
    color: var(--bs-light-blue);
    text-align: center;
    font-family: 'Teko';
    font-size: 18px;
    font-weight: 400;
    line-height: 11px;
    letter-spacing: 4.5px;
    text-transform: uppercase;
    margin: 0;
}

.contact_tile {
    color: var(--bs-white);
    text-align: center;
    line-height: 55px;
    letter-spacing: -1px;
    margin: 0;
    font-size: 55px;
}

.contact_form_block .title_block p {
    color: var(--bs-light-blue);
    text-align: center;
    font-size: 22px;
    line-height: 140%;
}

.main_form {
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact_form {
    max-width: 648px;
    width: 100%;
    margin: 0 auto;
}

.contact_form .row {
    --bs-gutter-y: 24px;
}

.field_block .btn {
    width: 100%;
    letter-spacing: -0.7px;
}

.field_block .wpcf7-list-item {
    margin: 0;
}

.field_block .wpcf7-list-item-label {
    font-size: 16px !important;
}

.field_block .field_check label {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.field_block input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: relative;
    border-radius: 2px;
    border: 1px solid var(--bs-light-blue);
}

.field_block input[type="checkbox"]:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-light-blue);
}

.field_block input[type="checkbox"]:checked::after {
    content: "✓";
    color: white;
    font-size: 12px;
    position: absolute;
    font-weight: 700;
    top: -5px;
    left: 2.5px;
}

.field_block {
    position: relative;
}

.brand_icon {
    mix-blend-mode: plus-lighter;
}
.brand_icon img {
    max-width: 120px;
    width: 100%;
    max-height: 80px;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
/* !!! BADGES !!! */
.badges_block {
    margin: 0 0 -89px;
    z-index: 11;
}

.badges_inner {
    display: flex;
    justify-content: center;
    align-items: end;
    gap: 37px;
}

.badge_item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

@media (min-width: 992px) {

    .badge_2,
    .badge_4 {
        margin-bottom: 18px;
        width: 183.666px;
        height: 152.32px;
    }

    .badge_3 {
        margin-bottom: 23.9px;
        width: 229.582px;
        height: 190.4px;
    }

    .badge_1,
    .badge_5 {
        width: 146.933px;
        height: 121.856px;
    }
}

/* RESPONSIVE HOMEPAGE CSS */
@media (min-width: 992px) and (max-width: 1399px) {
    h2 {
        font-size: 40px !important;
    }

    h4,
    .h4 {
        font-size: 24px;
        line-height: 111%;
        letter-spacing: -0.48px;
    }

    .experience_image_block {
        width: 100%;
        height: 100%;
        border-radius: 100%;
        max-width: 400px;
        max-height: 400px;
    }

    .experience_image_block>img {
        max-width: 450px !important;
        width: 450px;
        height: 100%;
        left: 0;
        position: relative !important;
    }

    .commitment_image_block {
        max-width: 400px;
        width: 100%;
        max-height: 400px;
        height: 100%;
        border-radius: 100%;
    }

    .commitment_image_block img {
        width: 100%;
        max-width: 100%;
        max-height: 450px;
        height: 100%;
        top: -46px;
    }

    .commitment_title,
    .experience_title {
        font-size: 60px !important;
    }

    .commitment_content_block p,
    .experience_content_block p {
        font-size: 20px;
        line-height: 130%;
    }

    .experience_badge_block {
        max-width: 150px;
        max-height: 150px;
    }

    .experience_image_block {
        box-shadow: 11px 9px 165.8px 0 rgba(2, 190, 214, 0.58);
    }

    .title_block p {
        font-size: 18px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .google_review_wrapper .ti-reviews-container {
        max-width: 510px !important;
    }

    .google_review_wrapper .ti-widget.ti-goog .ti-review-item {
        flex: 0 0 50% !important;
        max-width: 211px !important;
        width: 100%;
    }

    .before-text.com_before_after {
        padding: 101px 0 60px 40px;
    }

    .after-text.com_before_after {
        padding: 101px 40px 60px 0;
    }

    .com_before_after {
        max-width: 100% !important;
        width: fit-content !important;
    }
}

@media (min-width: 1200px) {
    .experience_badge {
        max-width: 331.126px;
        height: 274.614px;
    }

    body:not(.home) .about_wrapper .experience_badge {
        max-width: 245px;
        height: auto;
        top: -165px;
    }
}

/* Mobile CSS */
@media (max-width: 1199px) {
    .footer_menu {
        column-count: 2;
    }
}

@media (max-width: 991px) {
    .commitment_inner {
        height: 100%;
        min-height: 649px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /* HEADER */
    .navbar-brand img {
        max-width: 116px;
        bottom: -40px;
    }

    header.sticky_header .navbar-brand img {
        max-width: 106px;
        bottom: -30px;
    }

    .btn-outline-orange.contact_btn {
        --bs-btn-padding-x: 17px;
        --bs-btn-padding-y: 15px;
        font-size: 20px;
        line-height: 85%;
        height: 43px;
        margin: 0 24px 0 auto;
    }

    .navbar-expand-lg .btn-outline-orange.contact_btn {

        margin: 0;
        padding: 10px 10px 5px 10px;
    }

    .hero_title {
        text-align: center;
        font-size: 40px;
        line-height: 100%;
    }

    .hero_title span {
        display: block;
    }

    .hero_banner_wrapper {
        padding: 90px 0 115px;

        background-position: top center;
    }

    .experience_badge {
        max-width: 149px;
        transform: none;
        height: 124px;
        position: relative;
        top: 0;
        right: 0;
        margin: 0 auto 15px;
    }

    .hero_description p {
        color: var(--bs-secondary);
        text-align: center;
        font-size: 20px;
    }

    .hero_description {
        justify-content: center;
        align-items: center;
        margin: 0 auto;
    }

    .banner_btn_block {
        flex-direction: column !important;
        width: 100%;
    }

    .banner_btn_block .btn {
        width: 100%;
    }

    .banner_btn_block .btn.btn-white {
        --bs-btn-color: var(--bs-orange);
        --bs-btn-border-color: var(--bs-orange);
        --bs-btn-hover-bg: transparent;
        --bs-btn-hover-border-color: #FF7A1C;
        --bs-btn-active-bg: transparent;
        --bs-btn-active-border-color: var(--bs-orange);
        --bs-btn-disabled-color: var(--bs-orange);
        --bs-btn-disabled-border-color: var(--bs-orange);
        --bs-btn-border-width: 2px;
        --bs-btn-hover-color: #FF7A1C;
    }

    .mobile_banner {
        padding: 0 0 2px;
        margin: -64px 0 0;
    }

    .page-template-home-page .solutions_wrapper {
        display: none;
    }

    .solutions_wrapper {
        padding: 0;
    }

    .icon_block {
        width: 59.85px;
        height: 57.75px;
        margin: 0 auto 30px;
    }

    .google_review_inner .title_block {
        max-width: 600px;
        width: 100%;
        margin: 0 auto 30px;
    }

    h2.review_title {
        margin: 0 0 30px;
    }

    .google_review_wrapper .ti-widget.ti-goog .ti-widget-container {
        flex-direction: column;
        gap: 24px !important;
    }

    .google_review_wrapper .ti-reviews-container {
        max-width: 100%;
    }

    .google_review_wrapper {
        padding: 30px 0 60px;
    }

    .commitment_image_block {
        width: 328.718px;
        height: 328.718px;
        border-radius: 328.718px;
        border: 3.398px solid #FFF;
        background: var(--BLue-GRadient, linear-gradient(211deg, #02BED6 13.31%, #003058 92.06%));
        box-shadow: -51.787px 32.291px 93.887px 0 rgba(2, 190, 214, 0.58);
        margin: auto;
    }

    .commitment_image_block>img {
        width: 329px;
        height: 367.993px;
        border-radius: 267.823px;
        top: -46px;
        left: -4px;
    }

    .commitment_inner .row {
        --bs-gutter-y: 54px;
    }

    .commitment_content_block {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: auto;
    }

    .commitment_content_block .star_icon {
        width: 59.85px;
        height: 61.56px;
    }

    .commitment_content_block .star_icon {
        font-size: 45px;
        color: var(--bs-white);
    }

    .commitment_title,
    .experience_title {
        font-size: 45px;
        text-align: center;
    }

    .commitment_content_block p,
    .experience_content_block p {
        text-align: center;
    }

    .commitment_wrapper {
        padding: 111px 0;
        mask: radial-gradient(54% 30px at top, #0000 98%, #000);
    }

    .learn_more_btn,
    .experience_content_block .btn.learn_more_btn {
        margin: 30px 0 0;
        width: 100%;
        height: 100%;
        padding: 14px 15.5px 11px;
        font-size: 25.2px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px;
    }

    .learn_more_btn:hover {
        font-size: 26px;
    }

    .why_choose_wrapper {
        padding: 70px 0 185px;
        clip-path: ellipse(225% 100% at bottom);
        margin: -38px 0 0;
    }

    .why_choose_inner .title_block {
        margin: 0 auto 30px;
    }

    .why_list_block .row {
        --bs-gutter-y: 24px;
    }

    .why_item {
        justify-content: center;
        align-items: center;
    }

    .why_title {
        text-align: center;
        font-size: 27px;
        line-height: 29.97px;
        letter-spacing: -0.54px;
    }

    .why_description p {
        text-align: center;
    }

    .experience_wrapper {
        padding: 103px 0;
        mask: radial-gradient(53% 36px at top, #0000 98%, #000);
        margin: -40px 0 0;
        z-index: 11;
    }

    .experience_content_block {
        margin: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .experience_inner .row {
        flex-direction: column-reverse;
        --bs-gutter-y: 54px;
    }

    .experience_image_block {
        margin: auto;
        width: 300.764px;
        height: 300.764px;
        border-radius: 300.764px;
        border: 3.109px solid #FFF;
        background: linear-gradient(211deg, #02BED6 13.31%, #003058 92.06%);
        box-shadow: 47.381px 29.545px 85.903px 0 rgba(2, 190, 214, 0.58);
    }

    .experience_image_block>img {
        width: 329px;
        height: 294.022px;
        border-radius: 245.048px;
        top: 0;
        left: 0px;
    }

    .experience_badge_block {
        width: 164.335px;
        height: 136.289px;
        right: -19px;
        bottom: -7px;
    }

    .experience_content_block .star_icon {
        width: 59.85px;
        height: 61.56px;
        margin: 0 auto 40px;
    }

    .process_wrapper {
        padding: 61px 0 69px;
        margin: -40px 0 0;
        z-index: 11;
        clip-path: ellipse(230% 100% at bottom);
    }

    .why_title br {
        display: none;
    }

    .title_block h2 {
        font-size: 36px;
        line-height: 36px;
        letter-spacing: -0.72px;
    }

    .process_inner .title_block p {
        max-width: 500px;
        margin: 0 auto;
    }

    .process_list .row {
        --bs-gutter-y: 24px;
    }

    .result_wrapper {
        padding: 0;
    }

    .result_inner .title_block {
        max-width: 600px;
        padding: 0 30px;
        margin: 0 auto 58px;
    }

    .before-after {
        mask: none;
        height: 296px;
        border-radius: 3px 3px 0 0;
    }

    .slider-container .before-image::after,
    .slider-container .after-image::after {
        height: 194px;
        padding: 145px 0 30px;
    }

    .before-text.com_before_after {
        padding: 30px 53px;
    }

    .com_before_after {
        max-width: 100%;
        width: fit-content;
        font-size: 26.732px;
        line-height: 38.018px;
        letter-spacing: -0.535px;
    }

    .after-text.com_before_after {
        padding: 30px 60px;
    }

    .slider-line {
        width: 7px;
    }

    .faq_wrapper {
        padding: 74px 0 89px;
    }

    .faq_inner .title_block {
        margin: 0 auto 60px;
    }

    .badges_block {
        margin: 0 0 -74px;
    }

    .contact_form_block .title_block {
        margin: 0 auto 30px;
    }

    .field_check {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* footer */
    footer {
        clip-path: ellipse(172% 100% at bottom);
        padding: 60px 0 30px;
    }

    .footer_top {
        flex-wrap: wrap;
    }

    footer .footer_menu_links .star_shape {
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .footer_bottom {
        flex-wrap: wrap;
    }

    .footer_bottom_links {
        order: 2;
    }

    .footer_copyright {
        order: 3;
        margin: auto;
        text-align: center;
    }

    .footer_contact_details {
        margin: 0 0 0 auto;
    }

    .google_rating_block {
        display: none;
    }
}

@media (max-width: 767px) {
    .hero_banner_wrapper {
        padding: 56.5px 0 70px;
    }

    .process_count {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 24px;
        height: 100% !important;
        padding: 0;
    }

    .process_count span {
        margin: 0;
        line-height: 88px;
        height: 88px;
        display: block;
        padding: 10px 0 0;
    }

    .process_block .process_title,
    .process_description p {
        text-align: center;
    }

    .process_block .process_title {
        font-size: 27px;
    }

    .badges_inner {
        flex-wrap: wrap;
        max-width: 313px;
        width: 100%;
        margin: 0 auto;
        column-gap: 17px;
        row-gap: 10px;
    }

    .badge_2,
    .badge_4 {
        width: 85.695px;
        height: 71.07px;
    }

    .badge_1,
    .badge_5 {
        width: 85.69px;
        height: 71.066px;
    }

    .badge_3 {
        width: 107.119px;
        height: 88.837px;
    }

    .badge_1 {
        order: 4;
    }

    .badge_2 {
        order: 1;
    }

    .badge_3 {
        order: 2;
        margin: 0 0 2px;
    }

    .badge_4 {
        order: 3;
    }

    .badge_5 {
        order: 5;
    }

    .contact_wrapper.position-relative {
        padding: 147px 0 164px;
        clip-path: ellipse(300% 100% at bottom);
    }

    .badges_block {
        margin: 0 0 -118px;
    }

    footer {
        padding: 30px 0;
        clip-path: ellipse(300% 100% at bottom);
    }

    .footer_top {
        justify-content: center;
        align-items: center;
    }

    .footer_contact_details {
        margin: auto;
    }

    .address_block,
    .licence_block,
    .contact_mail_block {
        text-align: center;
    }

    .footer_btn_block {
        flex-direction: column;
    }

    .address_block {
        margin: 0 0 16px;
    }

    .footer_right_block {
        margin: 5px 0 0;
    }

    .footer_menu {
        column-count: 1;
    }

    .footer_menu li {
        text-align: center;
        margin-bottom: 15px;
    }

    footer .footer_menu_links .star_shape {
        position: relative;
        margin: auto;
        right: 0;
    }

    .footer_menu_links {
        margin: 0 0 50px;
    }

    .footer_brands_block {
        margin: auto;
        gap: 18px;
    }

    footer hr {
        margin: 50px 0;
    }

    .footer_bottom {
        justify-content: center;
		flex-direction: column;
    }

    .footer_copyright {
        order: 2;
        max-width: 215px;
    }

    .footer_bottom_links {
        order: 3;
        flex-direction: column;
        gap: 15px;
        margin: 4px auto 0;
    }
}

@media (max-width: 424px) {
    .navbar .container {
        --bs-gutter-x: 30px;
    }
}

@media (max-width: 380px) {

    .bar1,
    .bar2,
    .bar3 {
        margin: 0 0 10px;
    }
}

@media (max-width: 374px) {
    .btn-outline-orange.contact_btn {
        margin: 0 8px 0 auto;
    }

    .navbar {
        --bs-navbar-padding-x: 10px;
    }

    .experience_image_block {
        width: 200.764px;
        height: 200.764px;
        border-radius: 200.764px;
    }

    .experience_image_block>img {
        width: 229px;
        height: 194.022px;
    }

    .experience_badge_block {
        width: 120px;
        height: 120px;
        bottom: -22px;
        right: -20px;
    }

    .commitment_image_block {
        width: 228.718px;
        height: 228.718px;
        border-radius: 228.718px;
    }

    .commitment_image_block img {
        width: 229px;
        height: 267.993px;
        border-radius: 167.823px;
    }

    .ti-widget.ti-goog .ti-footer .ti-row {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .google_review_wrapper .ti-widget.ti-goog .ti-footer .ti-profile-img {
        margin: 0 0 15px !important;
    }

    .google_review_wrapper .ti-widget.ti-goog .ti-footer .ti-profile-details .ti-name {
        text-align: center;
    }

    .google_review_wrapper .ti-profile-details .ti-stars {
        margin: auto;
    }

    .google_review_wrapper .ti-profile-details .ti-rating-text {
        text-align: center;
    }

    .process_wrapper {
        clip-path: ellipse(280% 100% at bottom);
    }

    .badges_inner {
        column-gap: 5px;
    }

    .badges_block .container {
        --bs-gutter-x: 30px;
    }
}

/* STICKY GOOGLE */
.google_rating_block {
    position: fixed;
    right: 0;
    bottom: 0;
    max-width: 218px;
    width: 100%;
    z-index: 2147482999;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    transition: all .2s ease-in-out;
    border-top: 6px solid #4fce6a;
    background: var(--bs-white);
    cursor: pointer;
}

.google_rating_block_close {
    position: absolute;
    right: 10px;
    top: 10px;
    border: 0;
    background: transparent;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
}

.google_rating_block .wp-google-list .grw-header-inner {
    padding: 0 !important;
}

.google_rating_block .wp-google-list>.rpi-flx,
.google_rating_block .wp-google-list .wp-google-url {
    display: none !important;
}

.google_rating_block .wp-google-powered {
    display: none;
}

.google_rating_block .wp-google-list .wp-google-based {
    color: #535862 !important;
    font-family: 'DM Sans';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.google_rating_block .wp-google-list .wp-google-name a {
    display: none;
}

.google_rating_block .wp-google-list .wp-google-name::before {
    content: 'Google Rating';
}

.google_rating_block .wp-google-list .grw-header .grw-header-inner .grw-img {
    opacity: 0;
}

.google_rating_block .wp-google-list .grw-header .grw-header-inner .grw-img-wrap::before {
    background-image: url(/wp-content/uploads/2026/03/icons_google.svg);
    box-shadow: none !important;
}

.google_rating_block.open {
    max-width: 353px;
    right: 0;
    bottom: 0;
    height: 100% !important;
    border-color: var(--bs-white);
    cursor: inherit;
}

.google_rating_block.open .google_rating_block_close {
    opacity: 1;
    visibility: visible;
}

.google_rating_block.open .wp-google-list .grw-header {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    padding: 10px 16px !important;
}

.google_rating_block.open .wp-google-list .grw-header .grw-header-inner .grw-img-wrap::before {
    background-image: url(/wp-content/uploads/2026/02/Desktop-logo.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 0;
}

.google_rating_block.open .wp-google-list .wp-google-name a {
    display: block;
}

.google_rating_block.open .wp-google-list .wp-google-name::before {
    display: none;
}

.google_rating_block.open .wp-google-list {
    height: 100vh;
}

.google_rating_block.open .wp-google-list .rpi-flx.rpi-col16 {
    overflow-y: auto !important;
    height: calc(100vh - 130px);
    padding: 20px;
}

.google_rating_block.open .wp-google-list .wp-google-based {
    display: none;
}


/* ============================================= */
/* !!!!         ABOUT PAGE CSS              !!!! */
/* ============================================= */
/* !!! BANNER !!! */
.about_banner_wrapper {
    background-color: var(--bs-light-blue);
}

.about_banner_wrapper .top_banner {
    padding: 136px 0 176px;
}

.hero_title_block {
    display: flex;
    flex-direction: column;
}

.about_banner_title {
    letter-spacing: -0.7px;
    color: var(--bs-secondary);
    margin: 0;
    max-width: 763px;
}

.hero_title_block p {
    max-width: 506px;
    width: 100%;
    margin: 8px 0 0 auto;
    color: #373F49;
    font-size: 24px;
    line-height: 140%;
}

.bottom_banner {
    margin: -67px 0 0;
    position: relative;
    z-index: 11;
}

.bottom_banner .banner_image img {
    width: 100%;
    max-height: 725px;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.bottom_banner .about_experience_badge {
    width: 292.695px;
    height: 242.741px;
    transform: rotate(-5.27deg);
    left: 87px;
    top: -105px;
    position: absolute;
    z-index: 99;
}

.bottom_banner .about_experience_badge img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.bottom_banner .banner_image {
    clip-path: ellipse(140% 100% at bottom);
}

/* !!! CONTENT !!! */
.content_wrapper {
    padding: 176px 0 24px;
    mask: radial-gradient(60% 70px at top, #0000 98%, #000);
    margin: -67px 0 0;
    background-color: var(--bs-white);
    z-index: 11;
}

.content_inner {
    gap: 24px;
}

.content_title {
    max-width: 519px;
    width: 100%;
}

.content_description {
    max-width: 640px;
    width: 100%;
}

.page-template-about-us-template .content_description {
    max-width: 625px;
}

.content_description p {
    color: #373F49;
    font-size: 24px;
    line-height: 140%;
}

.content_title h2 {
    letter-spacing: -1px;
    line-height: normal;
    margin: 0;
}

/* STAND */
.stand_for_wrapper {
    padding: 96px 0 128px;
}

.stand_for_inner .icon_block {
    margin: 0 auto 24px;
    width: 70px;
    height: 72px;
}

.stand_for_inner .title_block {
    margin: 0 auto 84px;
    max-width: 808px;
    width: 100%;
}

.stand_for_inner .why_title {
    max-width: 270px;
    width: 100%;
}

/* !!! TEAM !!! */
.meet_team_wrapper {
    padding: 136.5px 0;
    background-color: var(--bs-light-blue);
    clip-path: ellipse(150% 100% at bottom);
    z-index: 1;
}

.meet_team_wrapper::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: repeat;
    background-position: center;
    background-size: contain;
    background-image: url('/wp-content/uploads/2026/02/about-team-bg-img.png');
    z-index: -1;
}

.team_title {
    letter-spacing: -1px;
    margin: 0 0 20px;
    line-height: 47px;
}

.team_inner .title_block p {
    text-align: center;
    font-size: 22px;
    line-height: 140%;
    max-width: 600px;
    width: 100%;
    margin: auto;
}

.team_inner .title_block {
    max-width: 808px;
    width: 100%;
    margin: 0 auto 48px;
}

.member_detail_block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}

.member_image {
    width: 200px;
    height: 200px;
    border: 4px solid #FFF;
    box-shadow: 8px 8px 143.8px 0 rgba(2, 190, 214, 0.30);
    border-radius: 50%;
}

.member_image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.member_name {
    margin: 0 0 6px;
}

.member_designation {
    display: block;
    margin: 0 0 16px;
    color: #2C2C2C;
    text-align: center;
    font-family: "Albert Sans";
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.4px;
}

.member_description p {
    color: #373F49;
    text-align: center;
    line-height: 140%;
}

.team_member_list_block {
    margin: 0 0 48px;
}
.team_member_list_block .row {
    --bs-gutter-y: 48px;
}
/* !!! COVERAGE !!! */
.coverage_wrapper {
    padding: 192px 0 112px;
    mask: radial-gradient(60% 90px at top, #0000 98%, #000);
    margin: -96px 0 0;
    z-index: 11;
    background-color: var(--bs-white);
}

.coverage_inner .title_block .icon_block {
    width: 57px;
    height: 55px;
    margin: 0 auto 24px;
}

.coverage_sub_title {
    color: var(--bs-primary);
    text-align: center;
    font-family: 'Teko';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 11px;
    letter-spacing: 4.5px;
    text-transform: uppercase;
    margin: 0 0 24px;
}

.coverage_title {
    letter-spacing: -1px;
    margin: 0 0 20px;
    line-height: 47px;
}

.coverage_inner .title_block {
    margin: 0 auto 80px;
}

.coverage_inner .title_block p {
    text-align: center;
    font-size: 22px;
}

.coverage_block {
    gap: 80px;
}

.coverage_list {
    max-width: 527px;
    width: 100%;
}

.coverage_location {
    max-width: 641px;
    padding: 0 33px 0 0;
    width: 100%;
}

.coverage_location .iframe_block {
    overflow: hidden;
    mask: radial-gradient(52% 18px at top, #0000 98%, #000);
}

.coverage_location .iframe_block iframe {
    mask: radial-gradient(52% 18px at bottom, #0000 98%, #000);
}

.location_image_block,
.location_image_block img {
    width: 100%;
    height: 100%;
}

.location_image_block {
    mask: radial-gradient(52% 40px at top, #0000 98%, #000);
}

.location_image_block img {
    object-fit: cover;
    object-position: center;
    mask: radial-gradient(52% 40px at bottom, #0000 98%, #000);
}

.coverage_list {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.coverage_area {
    margin: 0;
    line-height: normal;
}

.coverage_inner_areas p {
    color: #373F49;
    font-size: 18px;
    line-height: 140%;
}

/* RESPONSIVE ABOUT PAGE CSS */
/* MOBILE */
@media (max-width: 991.98px) {

    /* BANNER */
    .about_banner_wrapper .top_banner {
        padding: 80px 0 104px;
    }

    .about_banner_title {
        font-size: 41px;
    }

    .hero_title_block {
        gap: 24px;
    }

    .hero_title_block p {
        margin: 0;
    }

    .bottom_banner .banner_image img {
        max-height: 278px;
        min-height: 278px;
    }

    .bottom_banner .about_experience_badge {
        transform: rotate(-5.419deg);
        width: 149.518px;
        height: 124px;
        top: -52px;
        left: 26px;
    }

    .bottom_banner {
        margin: -24px 0 0;
    }

    .bottom_banner .banner_image {
        clip-path: ellipse(126% 100% at bottom);
    }

    /* CONTENT */
    .content_wrapper {
        mask: radial-gradient(66% 40px at top, #0000 98%, #000);
        margin: -40px 0 0;
        padding: 88px 0 48px;
    }

    .content_description p {
        font-size: 20px;
        color: var(--bs-secondary);
    }

    /* STAND FOR */
    .stand_for_wrapper {
        padding: 48px 0;
    }

    .stand_for_inner .title_block p {
        font-size: 20px;
    }

    .stand_for_inner .title_block {
        margin: 0 auto 48px;
    }

    .stand_for_inner .why_item {
        gap: 16px;
    }

    .stand_for_inner .why_title {
        font-size: 24px;
        line-height: 100%;
        letter-spacing: -0.48px;
    }

    /* TEAM */
    .meet_team_wrapper {
        padding: 80px 0;
        clip-path: ellipse(300% 100% at bottom);
    }

    .team_inner .title_block p {
        font-size: 20px;
    }

    .team_member_list_block .row {
        --bs-gutter-y: 48px;
    }

    .member_detail_block {
        gap: 16px;
    }

    .member_designation {
        margin: 0 0 8px;
    }

    .meet_team_btn {
        line-height: 85%;
        letter-spacing: -0.7px;
    }

    /* Coverage */
    .coverage_wrapper.position-relative.bg_cover {
        padding: 58px 0 74px;
        margin: -30px 0 0;
        mask: radial-gradient(55% 25px at top, #0000 98%, #000);
    }

    .coverage_inner .title_block p {
        font-size: 20px;
    }

    .coverage_inner .title_block {
        margin: 0 auto 32px;
    }

    .coverage_location {
        padding: 0;
    }

    .coverage_block {
        gap: 32px;
    }

    .coverage_area,
    .coverage_inner_areas p {
        text-align: center;
    }

    .coverage_area {
        margin: 0 0 8px;
    }
}

@media (max-width: 767px) {
    .coverage_location img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        max-height: 259px;
        mask: radial-gradient(52% 20px at bottom, #0000 98%, #000);
    }

    .location_image_block {
        max-height: 259px;
        height: 100%;
        mask: radial-gradient(52% 20px at top, #0000 98%, #000);
    }

    .about_banner_wrapper .hero_title_block p {
        font-size: 20px;
    }
}

/* ============================================= */
/* !!!!         INNER PAGE CSS              !!!! */
/* ============================================= */
/* !!! BANNER !!! */
.inner_hero_wrapper {
    padding: 136px 0 184px;
    mask: url(/wp-content/uploads/2026/03/banner-mask.png);
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: bottom center;
}

.inner_hero_wrapper .hero_banner_content {
    max-width: 720px;
    width: 100%;
}

.inner_hero_wrapper .hero_description {
    max-width: 100%;
}

/* !!! ABOUT !!! */
.about_wrapper {
    padding: 96px 0 88px;
    z-index: 11;
}

.inner_mobile_banner .experience_badge {
    width: 264.698px;
    height: 219.523px;
    transform: rotate(7.758deg);
    top: -201px;
    right: 112px;
}

.inner_mobile_banner .experience_badge img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.hero_banner_inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.hero_banner_inner_with_form {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
    width: 100%;
}

.hero_banner_inner_with_form .hero_banner_content {
    flex: 1 1 0;
    min-width: 0;
    max-width: 592px;
}

.hero_banner_inner_with_form .hero_banner_form {
    flex: 0 0 512px;
    width: 512px;
}

.hero_banner_form {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
}

.hero_banner_inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.hero_banner_inner_with_form {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
    width: 100%;
}

.hero_banner_inner_with_form .hero_banner_content {
    flex: 1 1 0;
    min-width: 0;
    max-width: 592px;
}

.hero_banner_inner_with_form .hero_banner_form {
    flex: 0 0 512px;
    width: 512px;
}

.hero_banner_form {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
}

.banner-form__card {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 32px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.banner-form__card .banner-form__title {
    font-family: 'Albert Sans', sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 0.94;
    letter-spacing: -0.64px;
    color: #252525;
    margin: 0;
}

.banner-form__card .banner-form__body {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.banner-form__card .gform_wrapper,
.banner-form__card form {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.banner-form__card .gform_fields,
.banner-form__card .gform_body ul,
.banner-form__card .gform_body ol {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}

.banner-form__card .gform_fields .gfield,
.banner-form__card .gform_body ul li,
.banner-form__card .gform_body ol li {
    flex: 0 0 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.banner-form__card .gform_fields .banner-half-left,
.banner-form__card .gform_fields .banner-half-right,
.banner-form__card .gform_fields .gf_left_half,
.banner-form__card .gform_fields .gf_right_half,
.banner-form__card .gform_fields .gfield--width-half {
    flex: 0 0 calc(50% - 8px) !important;
    width: calc(50% - 8px) !important;
}

.banner-form__card label,
.banner-form__card .gfield_label {
    font-family: 'Albert Sans', sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #252525 !important;
    display: block !important;
    margin-bottom: 6px !important;
}

.banner-form__card input[type="text"],
.banner-form__card input[type="email"],
.banner-form__card input[type="tel"],
.banner-form__card input[type="number"],
.banner-form__card input[type="url"],
.banner-form__card select {
    width: 100% !important;
    height: 52px !important;
    border: 1px solid #989898 !important;
    border-radius: 6px !important;
    padding: 15px !important;
    font-family: 'Albert Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #252525 !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    transition: border-color 0.2s ease;
}

.banner-form__card textarea {
    width: 100% !important;
    min-block-size: 90px !important;
    height: 95px !important;
    border: 1px solid #989898 !important;
    border-radius: 6px !important;
    padding: 15px !important;
    font-family: 'Albert Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #252525 !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box !important;
    resize: vertical;
    transition: border-color 0.2s ease;
}

.banner-form__card input[type="text"]::placeholder,
.banner-form__card input[type="email"]::placeholder,
.banner-form__card input[type="tel"]::placeholder,
.banner-form__card input[type="number"]::placeholder,
.banner-form__card input[type="url"]::placeholder,
.banner-form__card textarea::placeholder {
    color: #989898 !important;
    font-family: 'Albert Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.banner-form__card input[type="text"]:focus,
.banner-form__card input[type="email"]:focus,
.banner-form__card input[type="tel"]:focus,
.banner-form__card input[type="number"]:focus,
.banner-form__card input[type="url"]:focus,
.banner-form__card select:focus,
.banner-form__card textarea:focus {
    border-color: #ff6d06 !important;
    box-shadow: none !important;
    outline: none !important;
}

.banner-form__card input[type="submit"],
.banner-form__card button[type="submit"],
.banner-form__card .gform_button {

    background-color: #ff6d06 !important;
    color: #ffffff !important;
    font-family: 'Teko', sans-serif !important;
    font-size: 35px !important;
    font-weight: 500 !important;
    line-height: 0.85 !important;
    letter-spacing: -0.7px !important;
    border: none !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    padding: 16px 22px !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-transform: none !important;
    transition: background-color 0.2s ease;
    margin-top: 20px !important;
}

.banner-form__card input[type="submit"]:hover,
.banner-form__card button[type="submit"]:hover,
.banner-form__card .gform_button:hover {
    background-color: #e55e00 !important;
}

.banner-form__card .gfield_error input,
.banner-form__card .gfield_error textarea,
.banner-form__card .gfield_error select {
    border-color: #e53e3e !important;
}

.banner-form__card .validation_message,
.banner-form__card .gfield_error .gfield_label {
    color: #e53e3e !important;
    font-size: 13px !important;
    font-family: 'Albert Sans', sans-serif !important;
}

.banner-form__card .gform_footer,
.banner-form__card .gform_ajax_spinner,
.banner-form__card .gfield_required_text {
    margin: 0 !important;
    padding: 0 !important;
}

.banner-form__card .gform_title {
    display: none !important;
}

.mobile_banner_form {
    width: 100%;
    margin-top: 24px;
}

.mobile_banner_form .banner-form__card {
    border-radius: 8px;
    padding: 0;
}

.mobile_banner_form .banner-form__card .banner-form__title {
    text-align: center;
    font-size: 28px;
}

@media (max-width: 1200px) {
    .hero_banner_inner_with_form .hero_banner_form {
        flex: 0 0 440px;
        width: 440px;
    }
}

@media (max-width: 991px) {
    .hero_banner_inner_with_form {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 0;
    }

    .hero_banner_inner_with_form .hero_banner_content {
        max-width: 100%;
        padding: 40px 24px 32px;
    }

    .hero_banner_inner_with_form .hero_banner_form {
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        margin: 0;
        justify-content: center;
    }

    .banner-form__card .banner-form__title {
        font-size: 32px !important;
        text-align: center !important;
        line-height: 1.1 !important;
    }

    .banner-form__card .gform_fields .banner-half-left,
    .banner-form__card .gform_fields .banner-half-right,
    .banner-form__card .gform_fields .gf_left_half,
    .banner-form__card .gform_fields .gf_right_half,
    .banner-form__card .gform_fields .gfield--width-half {
        flex: 0 0 100% !important;
        width: 100% !important;
    }
}

@media (max-width: 575px) {
    .hero_banner_inner_with_form {
        padding: 0;
        gap: 0;
    }

    .hero_banner_inner_with_form .hero_banner_content {
        padding: 32px 20px 24px;
    }

    .banner-form__card {
        padding: 20px 16px 28px;
    }

    .banner-form__card .banner-form__title {
        font-size: 32px !important;
        margin-top: 20px;
    }

    .banner-form__card input[type="submit"],
    .banner-form__card button[type="submit"],
    .banner-form__card .gform_button {
        font-size: 26px !important;

    }
}

.about_title {
    max-width: 560px;
    width: 100%;
}

.about_description {
    max-width: 640px;
    width: 100%;
}

.about_title_block {
    gap: 48px;
    margin: 10px 0 80px;
}

.about_title h2 {
    letter-spacing: -1px;
    margin: 0;
}

.about_description p {
    font-size: 22px;
}

.service_image {
    object-fit: cover;
    object-position: center;
    -webkit-mask-image: url(/wp-content/uploads/2026/03/mask-img.png);
    mask-image: url(/wp-content/uploads/2026/03/mask-img.png);
    mask-repeat: no-repeat;
    mask-size: cover;
}

.service_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 1.457;
}

.service_content_block {
    margin: 26px 0 0;
}

.service_list_block .service_title {
    color: #2C2C2C;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.48px;
    text-transform: capitalize;
    margin: 0 0 8px;
}

.service_description p {
    color: #2C2C2C;
    line-height: 140%;
}

/* !!! WHY CHOOSE !!! */
.inner_why_choose_wrapper {
    padding: 208px 0;
    margin: 0;
    mask: radial-gradient(54% 73px at top, #0000 98%, #000);
    clip-path: none;
}

.inner_why_choose_wrapper .why_choose_inner .title_block p {
    max-width: 600px;
}

.inner_why_choose_wrapper .why_choose_inner .title_block {
    margin: 0 auto 48px;
}

.inner_why_choose_wrapper .why_item {
    max-width: 270px;
    width: 100%;
}

/* !!! RESULT !!! */
.inner_result_wrapper {
    padding: 153px 0 80px;
    margin: -73px 0 0;
    background-color: var(--bs-white);
    z-index: 11;
    clip-path: ellipse(200% 98% at bottom);
}

.inner_result_wrapper .result_inner .title_block {
    margin: 0 auto 16px;
}

.inner_result_wrapper .result_inner .title_block h2 {
    margin: 0 0 10px;
}

/* !!! PROCESS !!! */
.inner_process_wrapper.process_wrapper {
    padding: 96px 0 88px;
}

/* !!! REVIEW !!! */
.process_wrapper+.google_review_wrapper {
    padding: 48px 0;
}

/* !!! MESSAGE !!! */
.message_wrapper {
    padding: 88px 0;
    background: linear-gradient(239deg, #252525 23.73%, #000 86.19%);
    z-index: 1;
    mask: radial-gradient(60% 44px at top, #0000 98%, #000);
}

.message_wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    background-position: center;
    background-size: auto;
    background-image: url('/wp-content/uploads/2026/02/message_bg.png');
    z-index: -1;
}

.message_content {
    max-width: 749px;
    width: 100%;
}

.message_title {
    max-width: 676px;
    color: var(--bs-white);
    font-size: 73px;
    line-height: 93%;
    letter-spacing: -1.4px;
    margin: 0 0 30px;
    width: 100%;
    margin: 0 0 40px;
}

.message_content p {
    color: #FFF;
    font-size: 20px;
    line-height: 140%;
}

.message_content p:not(:last-child) {
    margin: 0 0 8px;
}

.message_image_block img {
    width: 434.491px;
    height: 434.491px;
    border-radius: 434.491px;
    border: 5.187px solid #FFF;
    background: linear-gradient(211deg, #02BED6 13.31%, #003058 92.06%);
    box-shadow: -79.065px 49.3px 143.341px 0 rgba(2, 190, 214, 0.58);
}

.message_image_block img {
    border-radius: 50%;
    border: 5.187px solid #FFF;
    background: linear-gradient(211deg, #02BED6 13.31%, #003058 92.06%);
    box-shadow: -79.065px 49.3px 143.341px 0 rgba(2, 190, 214, 0.58);
}

.message_image_block {
    width: 40%;
    flex-shrink: 0;
}

@media (min-width: 992px) {
    .message_image_block img {
        height: 350px;
        width: 350px;
    }
}

@media (min-width: 1400px) {
    .message_image_block img {
        width: 434.491px;
        height: 434.491px;
        border-radius: 434.491px;
    }

    .message_image_block {
        max-width: 434.491px;
        width: 100%;
    }

    .message_image_block {
        max-width: 434.491px;
        width: 100%;
    }

    .message_content p {
        font-size: 24px;
    }
}

/* !!! FAQ !!! */
.inner_faq_wrapper {
    padding: 80px 0 85px;
    margin: -44px 0 0;
    clip-path: ellipse(220% 100% at bottom);
    background-color: #fff;
    z-index: 11;
}

/* RESPONSIVE */
@media (min-width: 992px) and (max-width: 1199px) {

    /* .inner_hero_wrapper {
        mask: radial-gradient(60% 60px at bottom, #0000 98%, #000);
    } */
    .about_title,
    .about_description {
        width: 50%;
    }

    .inner_why_choose_wrapper {
        padding: 108px 0;
        mask: radial-gradient(54% 50px at top, #0000 98%, #000);
    }

    .inner_result_wrapper {
        padding: 120px 0 80px;
        margin: -50px 0 0;
        clip-path: ellipse(230% 99% at bottom);
    }

    .inner_faq_wrapper {
        clip-path: ellipse(242% 99% at bottom);
    }
}

@media (max-width: 991px) {
    .inner_hero_wrapper {
        padding: 80px 30px 88px;
        /* mask: radial-gradient(56% 40px at bottom, #0000 98%, #000); */
    }

    .inner_mobile_banner .experience_badge {
        top: -64px;
        right: 25px;
        width: 115.756px;
        height: 96px;
        transform: rotate(4.269deg);
        margin: 0 0 0 auto;
        position: absolute;
    }

    .mobile_banner.inner_mobile_banner {
        padding: 48px 0 40px;
        margin: 0;
    }

    .inner_mobile_banner .hero_description p {
        text-align: left;
    }

    .about_wrapper {
        padding: 48px 0;
    }

    .about_title_block {
        gap: 24px;
        margin: 0 0 48px;
    }

    .service_content_block {
        margin: 16px 0 0;
    }

    .service_list_block .service_title {
        text-align: center;
    }

    .service_description p {
        color: #373F49;
        text-align: center;
    }

    .service_list_block .row {
        --bs-gutter-y: 48px;
        justify-content: center;
    }

    .inner_why_choose_wrapper {
        padding: 80px 0;
        mask: radial-gradient(52% 25px at top, #0000 98%, #000);
    }

    .inner_why_choose_wrapper .why_item {
        margin: 0 auto;
    }

    .inner_why_choose_wrapper .why_title {
        font-size: 24px;
        font-style: normal;
        line-height: 100%;
        letter-spacing: -0.48px;
    }

    .about_description p {
        font-size: 20px;
    }

    .inner_why_choose_wrapper .why_choose_inner .title_block p {
        font-size: 20px;
    }

    .inner_result_wrapper {
        padding: 72px 0;
        margin: -30px 0 0;
        clip-path: ellipse(226% 99% at bottom);
    }

    .inner_result_wrapper .result_inner .title_block p {
        font-size: 20px;
    }

    .inner_result_wrapper .result_inner .title_block {
        margin: 0 auto 32px;
    }

    .inner_result_wrapper .result_inner .title_block h3 {
        margin: 0 0 14px;
    }

    .inner_process_wrapper.process_wrapper {
        margin: 0;
        padding: 48px 0;
    }

    .inner_process_wrapper .process_inner .title_block p {
        font-size: 20px;
    }

    .process_inner .title_block {
        margin: 0 auto 48px;
    }

    .process_wrapper+.google_review_wrapper {
        padding: 48px 0 16px;
    }

    .message_wrapper {
        padding: 80px 0;
        mask: radial-gradient(60% 24px at top, #0000 98%, #000);
    }

    .message_content,
    .message_image_block {
        width: 100%;
    }

    .message_content {
        margin: 0 0 48px;
    }

    .message_title {
        font-size: 45px;
        margin: 0 0 24px;
        text-align: center;
    }

    .message_content p {
        text-align: center;
        font-size: 18px;
    }

    .message_content p .author_info {
        font-size: 22px;
    }

    .message_image_block img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 3.109px solid #FFF;
        box-shadow: 47.381px 29.545px 85.903px 0 rgba(2, 190, 214, 0.58);
    }

    .message_image_block {
        width: 300.764px;
        height: 300.764px;
        margin: auto;
        border-radius: 50%;
    }

    .inner_faq_wrapper {
        padding: 42px 0 64px;
        margin: -34px 0 0;
        clip-path: ellipse(330% 100% at bottom);
    }
}

@media (max-width: 767px) {
    .google_review_wrapper .ti-widget.ti-goog .ti-review-item {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}

@media(min-width: 375px) and (max-width: 575px) {
    .message_title {
        width: 343px;
        margin: 0 auto 24px;
    }
}

@media (max-width: 375px) {
    .message_image_block {
        width: 200px;
        height: 200px;
    }

    .about_title h2 br {
        display: none;
    }
}

/* ============================================= */
/* !!!!    WARRANTY GUARANTEE PAGE CSS      !!!! */
/* ============================================= */
/* BANNER */
.warranty_guarantee_banner {
    padding: 48px 0 88px;
    background: linear-gradient(239deg, #252525 23.73%, #000 86.19%);
    z-index: 1;
    mask: radial-gradient(60% 48px at bottom, #0000 98%, #000);
}

.warranty_guarantee_banner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: repeat;
    background-size: contain;
    background-image: url('/wp-content/uploads/2026/02/wg-banner-bg-img.png');
    z-index: -1;
}

.warranty_guarantee_title {
    letter-spacing: -1.46px;
    color: var(--bs-white);
    font-size: 73px;
    line-height: 93%;
    margin: 0 0 30px;
}

.warranty_guarantee_banner_inner p {
    color: var(--bs-white);
    font-size: 24px;
    line-height: 140%;
    display: block;
}

.warranty_guarantee_sub_title {
    margin: 30px 0 0;
    color: var(--bs-primary);
    font-size: 32px;
    font-style: italic;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.64px;
}

.warranty_guarantee_banner_image_block img {
    width: 502.569px;
    height: 502.569px;
    border-radius: 50%;
    border: 6px solid #FFF;
    box-shadow: -6px 29px 165.8px 0 rgba(2, 190, 214, 0.58);
    object-fit: cover;
}

/* COVERAGE */
.warranty_coverage_wrapper {
    padding: 64px 0;
}

.coverage_title_block {
    max-width: 808px;
    width: 100%;
    margin: 0 auto 48px;
}

h2.warranty_coverage_title {
    letter-spacing: -1px;
    margin: 0 0 24px;
}

.coverage_title_block p {
    font-size: 22px;
}

.warranty_coverage_image {
    max-width: 229.582px;
    max-height: 190.4px;
    width: 100%;
    height: 100%;
    margin: 0 auto 40px;
}

.warranty_coverage_image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.coverage_list_title {
    text-align: center;
    line-height: 100%;
    margin: 0 0 16px;
}

.coverage_list_description p {
    color: #373F49;
    text-align: center;
    font-size: 17px;
    line-height: 140%;
}

.coverage_list_description p strong {
    font-weight: 600;
}

.coverage_list_block .row {
    --bs-gutter-x: 48px;
    --bs-gutter-y: 48px;
}

/* MATERIAL */
.material_warranty_wrapper {
    padding: 64px 0 128px;
}

.material_title_block {
    max-width: 824px;
    width: 100%;
    margin: 0 auto 48px;
}

.warranty_title {
    letter-spacing: -1px;
    margin: 0 0 24px;
}

.material_title_block p {
    font-size: 22px;
}

.warranty_image {
    width: 183.666px;
    height: 152.32px;
    margin: 0 auto 40px;
}

.warranty_image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.material_title {
    line-height: 100%;
    margin: 0 0 16px;
}

.material_description p {
    color: #373F49;
    text-align: center;
    font-size: 17px;
    line-height: 140%;
}

.warranty_list_block .row {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 40px;
}
.material_warranty_wrapper + .material_warranty_wrapper {
    padding-top: 0;
}

.material_warranty_wrapper + .material_warranty_wrapper .material_title_block {
    max-width: 100%;
}
/* not covered */
.not_covered_wrapper {
    padding: 137px 0;
    background: linear-gradient(239deg, #252525 23.73%, #000 86.19%);
    z-index: 1;
    mask: radial-gradient(60% 44px at top, #0000 98%, #000);
}

.not_covered_wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    background-position: center;
    background-size: auto;
    background-image: url('/wp-content/uploads/2026/02/not-covered-bg-img.png');
    z-index: -1;
}

.not_covered_title {
    color: var(--bs-white);
    line-height: 93%;
    letter-spacing: -1px;
    margin: 0 0 16px;
}

.not_covered_details p {
    font-size: 20px;
    line-height: 140%;
    color: var(--bs-white);
}

.not_covered_list {
    margin: 32px 0 0;
    padding: 0;
}

.not_covered_list li .list_detail {
    color: var(--bs-white);
    font-family: "Albert Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.not_covered_list li .list_detail svg {
    width: 32px;
    height: 32px;
    margin-right: 16px;
}

.not_covered_list li:not(:last-child) {
    margin: 0 0 24px;
}

.not_covered_details {
    max-width: 681px;
    width: 100%;
    margin: auto 0 auto auto;
}

.not_covered_image_block img {
    width: 502.569px;
    height: 502.569px;
    border-radius: 50%;
    border: 6px solid #FFF;
    box-shadow: -6px 29px 165.8px 0 rgba(2, 190, 214, 0.58);
    object-fit: cover;
}

/* PROCESS + FOOTER CONTACT */
.warranty_guarantee_process {
    padding: 95px 0 88px;
    margin: -47px 0 0;
    clip-path: ellipse(140% 100% at bottom);
    z-index: 11;
}

.warranty_guarantee_process+.contact_wrapper {
    clip-path: none;
    mask: radial-gradient(60% 133px at top, #0000 99%, #000);
    padding: 232px 0 169px;
    background-image: linear-gradient(223deg, #02BED6 21.91%, #003058 90.8%);
}

.warranty_guarantee_process+.contact_wrapper .contact_form_block .title_block {
    max-width: 970px;
    width: 100%;
    margin: 0 auto 54px;
}

.warranty_guarantee_process+.contact_wrapper .contact_tile {
    font-size: 55px;
    line-height: 94%;
    letter-spacing: -1.1px;
}

.warranty_guarantee_process+.contact_wrapper .contact_form_block .title_block .icon_block {
    display: none;
}

.warranty_guarantee_process+.contact_wrapper .contact_btn_footer {
    max-width: 194px;
    width: 100%;
}

/* RESPONSIVE */
@media (min-width: 1200px) {
    .warranty_guarantee_process_inner .title_block {
        margin: 0 auto 80px;
    }
}

@media (max-width: 1399px) {
    .not_covered_image_block img {
        width: 400px;
        height: 400px;
    }
}

@media (max-width: 1199px) {
    .warranty_guarantee_banner_image_block img {
        width: 400px;
        height: 400px;
    }

    .warranty_guarantee_title {
        font-size: 53px;
    }

    .warranty_guarantee_banner_inner p {
        font-size: 20px;
    }

    .warranty_guarantee_sub_title {
        font-size: 24px;
        letter-spacing: -0.48px;
        margin: 16px 0 0;
    }

    .not_covered_image_block img {
        width: 350px;
        height: 350px;
    }
}

@media (max-width: 991.98px) {
    .warranty_guarantee_banner {
        padding: 56px 0 72px;
        mask: radial-gradient(58% 24px at bottom, #0000 96%, #000);
    }

    .warranty_guarantee_banner_image_block img {
        height: 329px;
        width: 329px;
        border: 6px solid #FFF;
    }

    .not_covered_image_block img {
        width: 300px;
        height: 300px;
        margin: auto;
    }

    .warranty_guarantee_banner_inner .row {
        --bs-gutter-y: 48px;
    }

    .warranty_guarantee_title {
        font-size: 40.834px;
        line-height: 100%;
        letter-spacing: -0.408px;
        margin: 0 0 16px;
    }

    .warranty_coverage_wrapper {
        padding: 48px 0;
    }

    .coverage_title_block p,
    .material_title_block p {
        font-size: 20px;
    }

    .warranty_coverage_image {
        max-width: 221.865px;
        max-height: 184px;
        width: 100%;
        height: 100%;
        margin: 0 auto 24px;
    }

    .coverage_list_title,
    .material_title {
        margin: 0 0 8px;
    }

    .material_warranty_wrapper {
        padding: 48px 0;
    }

    .warranty_image {
        margin: 0 auto 24px;
    }

    .warranty_list_block .row {
        --bs-gutter-y: 32px;
    }

    .not_covered_wrapper {
        padding: 80px 0;
        mask: radial-gradient(60% 24px at top, #0000 96%, #000);
        background: linear-gradient(357deg, #252525 27.14%, #000 112.68%);
    }

    .not_covered_inner .row {
        --bs-gutter-y: 48px;
    }

    .not_covered_title {
        font-size: 40px;
        line-height: 100%;
        letter-spacing: -0.8px;
        margin: 0 0 24px;
    }

    .not_covered_list {
        margin: 24px 0 0;
    }

    .warranty_guarantee_process {
        padding: 72px 0 48px;
        margin: -24px 0 0;
        clip-path: ellipse(300% 100% at bottom);
    }

    .not_covered_list li .list_detail svg {
        flex-shrink: 0;
    }

    .warranty_guarantee_process .process_title {
        font-size: 27px;
    }

    .warranty_guarantee_process+.contact_wrapper {
        padding: 160px 0 104px;
        mask: radial-gradient(68% 86px at top, #0000 99%, #000);
    }

    .warranty_guarantee_process+.contact_wrapper .contact_tile {
        font-size: 36px;
        line-height: 100%;
        letter-spacing: -0.72px;
    }

    .warranty_guarantee_process+.contact_wrapper .contact_form_block .title_block {
        margin: 0 auto 32px;
    }

    .warranty_guarantee_process+.contact_wrapper {
        margin: 0 0 -30px;
    }
}

@media (max-width: 388px) {

    .warranty_guarantee_banner_image_block img,
    .not_covered_image_block img {
        height: 250px;
        width: 250px;
    }
}

/* ======================================= */
/* !!!!   SERVICE AREAS PAGE CSS      !!!! */
/* ======================================= */
/* BANNER */
.suburb_we_cover_wrapper {
    padding: 120px 0 131px;
    background-color: #fff;
}

.service_iframe_block iframe {

    width: 100%;
    height: 700px;
    overflow: hidden;
    mask-image: url("/wp-content/uploads/2026/03/old-event-mask.png");
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    mask-position: center;
    margin-top: -53px;

}



.service_area_banner_wrapper {
    padding: 136px 0 88px;
    background-color: var(--bs-light-blue);
}

.service_area_title_block {
    margin: 0 auto 31px;
    max-width: 808px;
    width: 100%;
}

.service_area_banner_title {
    text-align: center;
    letter-spacing: -0.65px;
    margin: 0 auto 24px;
}

.service_area_title_block p {
    color: #373F49;
    text-align: center;
    font-size: 24px;
    line-height: 140%;
}

/* .service_area_location {
    mask: radial-gradient(60% 57px at top, #0000 98%, #000);
}


.service_map_block img {
    mask: radial-gradient(60% 70px at bottom, #0000 98%, #000);
} */



.form-control.search_box {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7702 18.3C9.28094 18.3 7.8251 17.8584 6.58679 17.031C5.34849 16.2036 4.38335 15.0275 3.81342 13.6516C3.2435 12.2757 3.09438 10.7616 3.38492 9.30096C3.67547 7.84029 4.39263 6.49857 5.44572 5.44548C6.49881 4.39239 7.84053 3.67523 9.30121 3.38468C10.7619 3.09413 12.2759 3.24325 13.6518 3.81318C15.0278 4.38311 16.2038 5.34825 17.0312 6.58655C17.8586 7.82485 18.3002 9.2807 18.3002 10.77C18.3002 11.7588 18.1055 12.738 17.727 13.6516C17.3486 14.5652 16.794 15.3953 16.0948 16.0945C15.3955 16.7937 14.5654 17.3484 13.6518 17.7268C12.7383 18.1052 11.7591 18.3 10.7702 18.3ZM10.7702 4.74999C9.58355 4.74999 8.42351 5.10189 7.43682 5.76118C6.45012 6.42046 5.68109 7.35754 5.22696 8.45389C4.77283 9.55025 4.65401 10.7566 4.88553 11.9205C5.11704 13.0844 5.68848 14.1535 6.5276 14.9926C7.36671 15.8317 8.43581 16.4032 9.5997 16.6347C10.7636 16.8662 11.97 16.7474 13.0663 16.2933C14.1627 15.8391 15.0998 15.0701 15.7591 14.0834C16.4183 13.0967 16.7702 11.9367 16.7702 10.75C16.7702 9.15869 16.1381 7.63257 15.0129 6.50735C13.8877 5.38213 12.3615 4.74999 10.7702 4.74999Z' fill='%239A9A9A'/%3E%3Cpath d='M20 20.75C19.9014 20.7504 19.8038 20.7312 19.7128 20.6934C19.6218 20.6557 19.5392 20.6001 19.47 20.53L15.34 16.4C15.2075 16.2578 15.1354 16.0697 15.1388 15.8754C15.1422 15.6811 15.2209 15.4958 15.3583 15.3583C15.4958 15.2209 15.6811 15.1422 15.8754 15.1388C16.0697 15.1354 16.2578 15.2075 16.4 15.34L20.53 19.47C20.6704 19.6106 20.7493 19.8012 20.7493 20C20.7493 20.1987 20.6704 20.3893 20.53 20.53C20.4607 20.6001 20.3782 20.6557 20.2872 20.6934C20.1961 20.7312 20.0985 20.7504 20 20.75Z' fill='%239A9A9A'/%3E%3C/svg%3E%0A");
    max-width: 336px;
    width: 100%;
    display: flex;
    padding: 11px 12px 11px 44px;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid #B2B2B2;
    margin: 0 auto;
    color: var(--bs-secondary);
    font-family: 'Albert Sans';
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -0.4px;
    background-position: left 12px center;
    background-repeat: no-repeat;
}

.form-control.search_box::-webkit-input-placeholder {
    color: #A4A4A4;
}

.form-control.search_box::-moz-placeholder {
    color: #A4A4A4;
}

.form-control.search_box:-ms-input-placeholder {
    color: #A4A4A4;
}

.form-control.search_box::-ms-input-placeholder {
    color: #A4A4A4;
}

.form-control.search_box:-moz-placeholder {
    color: #A4A4A4;
}

.suburb_areas_list {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 24px;
    align-self: stretch;
    flex-wrap: wrap;
    padding: 80px 0 0 0;
}

.suburb_areas {
    width: 100%;
    max-width: 230px;
    min-height: 60px;
    display: inline-flex;
    padding: 12px;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: #EAF5F7;
    color: #252525;
    font-family: 'Albert Sans';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: -0.4px;
    transition: var(--bs-base-transition);
}

.suburb_areas:hover {
    color: var(--bs-primary);
}

/* Mobile screens */
@media (max-width: 576px) {


    .suburb_areas_list {
        display: flex;
        gap: 10px;
        padding-top: 32px;
    }

    .suburb_areas {
        max-width: 100%;
        width: auto;
        min-height: 100%;
        font-size: 14px;
        padding: 10px 16px;
        justify-content: flex-start;
    }

    .suburb_areas_list svg {
        height: 16px;
        width: 16px;
    }

    .service_iframe_block iframe {
        height: 370px;
    }

    .suburb_we_cover_wrapper {
        padding: 50px 0;
    }





}

/* !!!! local_roofing_wrapper !!!! */
.local_roofing_wrapper {
    background: linear-gradient(239deg, #252525 23.73%, #000 86.19%);
    z-index: 1;
    padding: 165px 0 184px;
    overflow: hidden;
    mask: radial-gradient(60% 70px at top, #0000 98%, #000);
    margin-bottom: -60px;
}

.local_roofing_wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/wp-content/uploads/2026/02/bg_pattern.png');
    z-index: -1;
    background-size: cover;
    background-position: center;
}

.local_roofing_image_block {
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    border: 6px solid #FFF;
    background: linear-gradient(211deg, #02BED6 13.31%, #003058 92.06%);
    box-shadow: -91.454px 57.024px 165.8px 0 rgba(2, 190, 214, 0.58);
    z-index: 3;
    position: relative;
    width: 100%;
    height: 100%;
}

.local_roofing_image {
    border-radius: 50%;
    top: -11%;
    z-index: 1;
    width: 100%;
}

.local_roofing_content {
    max-width: 681px;
    width: 100%;
}

.local_roofing_title {
    font-size: 73px;
    color: var(--bs-white);
    line-height: 93%;
    letter-spacing: -1.4px;
    margin: 0 0 30px;
}


@media (max-width: 576px) {
    .local_roofing_title {
        font-size: 40px;
    }

    .local_roofing_content p {
        font-size: 20px !important;
        line-height: 30px;
    }

    .local_roofing_innner {
        display: flex;
    }

    .mob-order-2 {
        order: 2;
        margin-top: 30px;

    }

    .local_roofing_image {
        border-radius: 50%;
        top: -38px;
        z-index: 1;
        width: 100%;
    }
}

.local_roofing_content p {
    color: var(--bs-white);
    font-size: 24px;
    font-style: normal;
    line-height: 140%;
    margin: 0;
}

.local_roofing_content .btn.quote_btn {
    height: 100%;
    width: fit-content;
    padding: 11px 15.527px 9px;
    border-radius: 2.1px;
    font-size: 35px;
    font-weight: 500;
    margin: 30px 0 0;
    line-height: 85%;
}

.local_roofing_content .btn.quote_btn:hover {
    font-size: 36px;
}

/* ======================================= */
/* !!!!   Suburb Detail PAGE CSS      !!!! */
/* ======================================= */

.suburb_detail_banner {
    background-position: top;
}

.suburb_detail_banner .hero_banner_content {
    max-width: 740px;
}

.suburb_detail_banner::after {
    background: linear-gradient(180deg, #252525 0%, rgba(37, 37, 37, 0.00) 85.81%);
    opacity: 0.8;
}

.expert_roofing_services {
    margin: 0;
    mask: none;
}

@media (min-width: 992px) {
    .expert_roofing_services {
        padding: 96px 0 65px;
    }

    .expert_roofing_services .experience_badge {
        top: -145px;
    }
}

@media (min-width: 1200px) {
    .expert_roofing_services .experience_badge {
        max-width: 255px;
        height: auto;
        right: 100px;
        top: -175px;
    }
}

/* ======================================= */
/* !!!!   CAREER PAGE CSS             !!!! */
/* ======================================= */
.career_banner_wrapper {
    height: 595px;
    background-size: cover;
    background-repeat: no-repeat;
    mask: radial-gradient(62% 100px at bottom, #0000 98%, #000);
}

/* CAREER WHY CHOOSE */
.career_why_choose_wrapper {
    padding: 48px 0;
    margin: 0;
    clip-path: none;
}

.career_why_choose_wrapper .why_choose_inner .title_block p {
    max-width: 810px;
}

.career_why_choose_wrapper .title_block {
    margin: 0 auto 60px;
}

.career_why_choose_wrapper .why_description {
    font-size: 15px;
    line-height: 1.6;
}

.career_jobs_section {
    padding: 160px 0;
    background: #eaf5f7;
    position: relative;
    clip-path: ellipse(150% 100% at bottom);
}

.career_jobs_section::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/wp-content/uploads/2026/02/BG-Pattern_2-2.png');
    background-repeat: repeat;
    background-position: center;
    background-size: auto;
    z-index: -1;
}

.career_jobs_title {
    margin-bottom: 48px;
}

.career_jobs_title h2 {
    margin-bottom: 10px;
    letter-spacing: -1px;
}

.career_jobs_title p {
    max-width: 600px;
    margin: auto;
    font-size: 22px;
    line-height: 140%;
}

.career_job_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 24px;
}

.career_job_item:not(:last-child) {
    border-bottom: 2px solid #1bb6c9;
}

.career_job_left h4 {
    margin-bottom: 5px;
    font-weight: 600;
}

.career_job_left p {
    margin: 0;
}

.career_job_right {
    display: flex;
    align-items: center;
    gap: 40px;
}

.career_job_meta {
    display: flex;
    gap: 30px;
}

.job_location,
.job_type {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
}

.job-form .gform_heading {
    display: none;
}

.page-template-career-template .contact_wrapper {
    background-image: linear-gradient(223deg, rgb(2, 190, 214) 21.91%, rgb(0, 48, 88) 90.8%);
}

@media (min-width: 768px) {
    .contact_wrapper {
        padding: 100px 0 185px;
    }
}

@media (max-width: 767px) {
    .page-template-career-template .contact_wrapper {
        padding-top: 77px;
    }
}

/* Gravity Forms - All Buttons */
.gform_wrapper .gform_button,
.gform_wrapper input[type="submit"],
.gform_wrapper input[type="button"] {
    font-family: "Teko" !important;
    background-color: var(--bs-orange) !important;
    border: 1px solid var(--bs-orange) !important;
    color: var(--bs-white) !important;
    padding: 21px 22px 16px !important;
    font-size: 35px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    border-radius: 3px !important;
    transition: var(--bs-base-transition) !important;
}

/* Hover */
.gform_wrapper .gform_button:hover,
.gform_wrapper input[type="submit"]:hover,
.gform_wrapper input[type="button"]:hover {
    background-color: #FF7A1C !important;
    border-color: #FF7A1C !important;
    color: var(--bs-white) !important;
}

/* Focus */
.gform_wrapper .gform_button:focus,
.gform_wrapper input[type="submit"]:focus,
.gform_wrapper input[type="button"]:focus {
    outline: none !important;
    box-shadow: none !important;
}

@media (min-width: 1200px) {
    .career_why_choose_wrapper {
        padding: 120px 0;
    }
}

@media (max-width: 1199px) {
    .career_jobs_section {
        padding: 112px 0;
        clip-path: ellipse(430% 100% at bottom);
    }

    .career_job_item {
        display: block;
    }

    .career_job_right {
        display: flex;
        align-items: center;
        gap: 40px;
        justify-content: space-between;
        margin-top: 30px;
    }

    .career_job_meta {
        display: flex;
        flex-direction: column;
        gap: 13px;
    }
}

@media (max-width: 991px) {
    .career_banner_wrapper {
        height: 238px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
        mask: radial-gradient(56% 40px at bottom, #0000 98%, #000);
    }
}

.page-template-career-template .contact_form_block .title_block .icon_block {
    display: none;
}

.life_gallery_wrapper {
    padding: 163px 0 78px;
    margin: -80px 0 0;
    z-index: 111;
    background-color: white;
    mask: radial-gradient(60% 70px at top, #0000 98%, #000);
    overflow: hidden;
}

.gallery_heading {
    text-align: center;
    margin-bottom: 50px;
}

.gallery_heading h2 {
    color: #000;
    margin-bottom: 10px;
    letter-spacing: -1px;
}

.gallery_heading p {
    max-width: 600px;
    margin: auto;
    font-size: 22px;
}

.gallery_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    aspect-ratio: 1 / 1;
}

@media (min-width: 768px) {
    .gallery_grid {
        gap: 32px;
        -moz-column-count: 3;
        column-count: 3;
    }

    .gallery_grid .swiper-wrapper {
        display: block;
    }

    .gallery_item.big+.tall,
    .gallery_item.tall+.big,
    .gallery_item.small+.tall,
    .gallery_item.tall+.small {
        margin-top: 32px;
    }

    .gallery_item.middle {
        margin: 32px 0;
    }

    .gallery_item.big img {
        aspect-ratio: 1.13;
    }

    .gallery_item.tall img {
        aspect-ratio: 0.756;
    }

    .gallery_item.small img {
        aspect-ratio: 1.775;
    }

    .gallery_item.middle img {
        aspect-ratio: 1 / 1;
    }
}

@media (max-width: 767px) {
    .gallery_grid {
        overflow: inherit;
    }
}

/* !!!! Blog Main Page !!!! */
.blog_highlights_wrapper {
    padding: 40px 0;
}

.blog_highlights_content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media (min-width: 768px) {
    .blog_highlights_wrapper {
        padding: 80px 0;
    }
}

@media (max-width: 991px) {
    .blog_highlights_wrapper .row {
        --bs-gutter-y: 40px;
    }
}

/* !! news_listing_wrapper !! */
.news_listing_wrapper {
    padding: 40px 0;
    background-color: var(--bs-light);
}

.news_card_cover {
    border-radius: 8px;
    overflow: hidden;
}

.news_card_cover img {
    border-radius: 8px;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    width: 100%;
    transition: var(--bs-base-transition);
}

.news_card:hover .news_card_cover img {
    transform: scale(1.03);
}

.news_card_content {
    padding: 14px;
}

.meta_post li {
    font-size: 14px;
}

.news_card .news_card_content p {
    font-size: 14px;
}

.news_listings .row {
    --bs-gutter-y: 25px;
}

.news_card h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: var(--bs-base-transition);
}

.news_card:hover h5 {
    color: var(--bs-primary);
}

.news_card p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (min-width: 768px) {
    .news_listing_wrapper {
        padding: 80px 0;
    }
}

@media (min-width: 992px) {
    .news_card_content {
        padding: 24px;
    }
}

/* !!! blog_step_wrapper !!! */
.blog_step_card {
    position: relative;
    padding: 0 0 0 65px;
    display: block;
}

.blog_step_card h6 {
    opacity: 0.7;
    margin: 0 0 11px;
    transition: var(--bs-base-transition);
}

.blog_step_card:hover h6 {
    opacity: 1;
}

.blog_step_card h5 {
    color: var(--bs-gray);
    opacity: 0.7;
    margin: 0;
    transition: var(--bs-base-transition);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog_step_card:hover h5 {
    opacity: 1;
    color: var(--bs-primary);
}

.blog_step_digit {
    position: absolute;
    left: 0;
    top: 50%;
    width: 50px;
    height: 50px;
    background: transparent;
    border: 2px solid var(--bs-gray);
    font-size: 26px;
    letter-spacing: 0.02em;
    line-height: 50px;
    color: var(--bs-gray);
    opacity: 0.5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    transform: translate(0, -50%);
    transition: var(--bs-base-transition);
}

.blog_step_card:hover .blog_step_digit {
    opacity: 1;
    color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.blog_step_digit::after {
    content: '';
    width: 32px;
    height: 37px;
    background: var(--bs-white);
    position: absolute;
    bottom: -40px;
    right: -50px;
    transition: var(--bs-base-transition);
}

.blog_step_card:hover .blog_step_digit::after {
    bottom: -15px;
    right: -15px;
}

.blog_step_wrapper {
    padding: 0 0 76px;
}

@media (min-width: 1650px) {
    .blog_step_card {
        padding: 0 0 0 110px;
    }

    .blog_step_digit {
        width: 80px;
        height: 80px;
        border: 4px solid var(--bs-gray);
        font-size: 36px;
        letter-spacing: 0.03em;
        line-height: 64px;
    }

    .blog_step_digit::after {
        width: 42px;
        height: 47px;
    }
}

@media (max-width: 991px) {
    .blog_step_wrapper .row {
        --bs-gutter-y: 40px;
    }
}

/* !!! Single Post page !!! */
.single-post .small_banner_wrapper {
    min-height: 465px;
}

.single_post_content_wrapper {
    padding: 40px 0 60px;
    margin-top: -70px;
}

.single_post_content_head {
    border-radius: 12px;
    background: var(--bs-light);
    position: relative;
    z-index: 1;
    padding: 20px;
    margin: -67px auto 0;
}

.single_post_content_head .back_cta a {
    font-size: 14px;
    line-height: 28px;
    color: var(--bs-secondary);
    display: flex;
    align-items: center;
    gap: 10px;
}

.single_post_content_head .back_cta a img {
    width: 14px;
    transform: rotate(180deg);
}

.meta_field {
    font-size: 14px;
    line-height: 28px;
}

.share_article a {
    color: var(--bs-secondary);
    transition: var(--bs-base-transition);
}

.share_article a:hover {
    color: var(--bs-primary);
}

.share_article svg {
    width: 25px;
    height: 25px;
}

.single_post_content_inner * {
    margin-bottom: 20px;
}

.single_post_content_inner a {
    color: var(--bs-primary);
}

@media (min-width: 768px) {
    .single-post .small_banner_wrapper {
        min-height: 600px;
    }

    .single_post_content_wrapper {
        padding: 64px 0 80px;
    }

    .single_post_content_head {
        border-radius: 30px;
        padding: 40px 50px;
        margin: -107px auto 0;
    }

    .share_article svg {
        width: 35px;
        height: 35px;
    }
}

/* !!! related_post_wrapper !!! */
.related_post_wrapper {
    padding: 40px 0;
}

@media (min-width: 768px) {
    .related_post_wrapper {
        padding: 64px 0;
    }
}

/* category page */
.category .news_listing_wrapper,
.archive.category footer,
body.blog footer {
    margin-top: -80px;
}

.archive.category .news_listing_wrapper,
body.blog .news_listing_wrapper {
    padding-bottom: 150px;
}

@media (max-width: 991px) {
    body.single .hero_banner_wrapper {
        padding-bottom: 150px;
    }

    .single_post_content_wrapper {
        margin-top: -40px;
    }
}

/* ===============================
   SECTION BASE
================================ */
.locality_wrapper {
    padding: 60px 0;
}

.locality_wrapper.media_left {
    flex-direction: row-reverse;
}

.locality_wrapper.media_right {
    flex-direction: row;
}

.locality_title {
    margin: 0 0 20px;
    line-height: 47px;
    letter-spacing: -1px;
}

.locality_text {
    font-size: 22px;
    line-height: 140%;
    margin-bottom: 20px;
    text-align: left;
}

/* Bottom Curve */
.locality_media img,
.locality_media iframe {
    aspect-ratio: 1.275;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border: 0;
    mask: url(/wp-content/uploads/2026/03/old-event-mask.png);
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: center;
}

.suburb_detail .why_item {
    max-width: 100%;
}

@media (min-width: 992px) {
    .locality_content {
        max-width: 556px;
        width: 100%;
    }

    .locality_wrapper.media_left .locality_content {
        margin-left: auto;
    }
}

@media (max-width: 1024px) {
    .locality_title {
        font-size: 34px;
        line-height: 40px;
    }

    .locality_text {
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .locality_wrapper {
        flex-direction: column;
        padding: 48px 0 0;
    }

    .locality_wrapper~.locality_wrapper {
        padding: 60px 0 0;
    }

    .locality_wrapper:last-child {
        padding-bottom: 48px;
    }

    .locality_wrapper.media_right,
    .locality_wrapper.media_left {
        flex-direction: column-reverse;
    }

    .locality_media {
        width: 100vw !important;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
    }

    .locality_content {
        padding: 48px 0 0;
    }

    .locality_title {
        font-size: 28px;
        line-height: 36px;
    }

    .locality_text {
        font-size: 18px;
    }
}

/* !!!! 404 page !!!! */
body.error404 footer {
    margin-top: -45px;
}

@media (min-width: 992px) {
    body.error404 footer {
        margin-top: -100px;
    }
}

.page-contact-us .contact_wrapper {
    clip-path: none;
    mask: none;
}

/* !!!! Review Page !!!! */
.review_wrapper {
    padding: 48px 0;
}

.review_wrapper .title_block {
    margin: 0 0 48px;
}

.review_list_block {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.review_quote {
    background-image: url(/wp-content/uploads/2026/03/bxs_quote-right.svg);
    padding: 56px 0 0 0;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 40px;
}

.review_quote p {
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    margin: 0 0 16px;
}

.review_author {
    color: #2C2C2C;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.48px;
    text-transform: capitalize;
}

.review_video,
.review_video iframe {
    border-radius: 16px;
    overflow: hidden;
}

.review_play_btn {
    position: absolute;
    z-index: 2;
}

@media (min-width: 992px) {
    .review_wrapper {
        padding: 96px 0;
    }

    .review_wrapper .title_block {
        margin: 0 0 80px;
    }

    .review_list_block {
        gap: 56px;
    }

    .review_quote {
        padding: 0 0 0 104px;
        background-size: 80px;
    }

    .review_item.video_review .review_quote {
        padding-right: 15px;
    }

    .review_quote p {
        font-size: 24px;
    }
}

@media (min-width: 1200px) {
    .page-template-company-reviews .hero_banner_wrapper {
        min-height: 420px;
        background-position: top center;
    }
}

@media (max-width: 991px) {
    .page-template-company-reviews .mobile_banner.inner_mobile_banner {
        padding: 0;
    }
}

/* !!!!! Contact Us !!!!! */
.contact_item a {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0;
    color: var(--bs-light-blue);
}

.contact_item span {
    display: block;
    font-size: 18px;
    color: var(--bs-orange);
}

.contact_item .item_icon {
    flex-grow: 1;
    flex-shrink: 0;
    max-width: 40px;
    padding: 10px 0 0 0;
}

.contact_item .item_text {
    padding: 0 0 20px 20px;
}

@media (min-width: 768px) {
    .contact_info_list .row {
        --bs-gutter-x: 40px;
    }

    .contact_item span {
        font-size: 20px;
    }

    .contact_item .item_icon {
        max-width: 50px;
    }

    .contact_item a {
        font-size: 20px;
        line-height: 28px;
    }
}

.page-template-google-ad-page-template .inner_hero_wrapper {
    padding: 40px 0 100px;
}

/* =============================================
   MOBILE MENU — SUB MENU HIDDEN BY DEFAULT
============================================= */

@media (max-width: 991px) {
    .navbar-nav .menu-item-has-children .sub-menu {
        display: none;
    }
	.navbar .navbar-nav .nav-item .nav-link svg {
        display: inline-flex !important;
        cursor: pointer;
        flex-shrink: 0;
        position: absolute;
        right: 0;
        top: auto;
        z-index: 9999;
        width: 52px;
        height: 52px;
        align-items: center;
        padding: 15px;
        background-color: var(--bs-secondary);
    }
    .navbar .navbar-nav .nav-item .nav-link {
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        z-index: auto !important;
    }
    .navbar-nav .menu-item-has-children.menu-open > .nav-link svg {
        transform: rotate(180deg);
    }

}