/*!
Theme Name: Adamantine Spine Moving
Theme URI: https://digitalboostia.com/
Author: Digital Boost
Author URI: https://digitalboostia.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: adamantine-spine-moving
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/*========== Fonts Start ==========*/

@font-face {
    font-family: 'Hanken Grotesk';
    src: url('assets/fonts/HankenGrotesk-Medium.eot');
    src: url('assets/fonts/HankenGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/HankenGrotesk-Medium.woff2') format('woff2'),
        url('assets/fonts/HankenGrotesk-Medium.woff') format('woff'),
        url('assets/fonts/HankenGrotesk-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken Grotesk';
    src: url('assets/fonts/HankenGrotesk-Bold.eot');
    src: url('assets/fonts/HankenGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/HankenGrotesk-Bold.woff2') format('woff2'),
        url('assets/fonts/HankenGrotesk-Bold.woff') format('woff'),
        url('assets/fonts/HankenGrotesk-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hanken Grotesk';
    src: url('assets/fonts/HankenGrotesk-BoldItalic.eot');
    src: url('assets/fonts/HankenGrotesk-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/HankenGrotesk-BoldItalic.woff2') format('woff2'),
        url('assets/fonts/HankenGrotesk-BoldItalic.woff') format('woff'),
        url('assets/fonts/HankenGrotesk-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('assets/fonts/Manrope-Regular.eot');
    src: url('assets/fonts/Manrope-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Manrope-Regular.woff2') format('woff2'),
        url('assets/fonts/Manrope-Regular.woff') format('woff'),
        url('assets/fonts/Manrope-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('assets/fonts/Manrope-SemiBold.eot');
    src: url('assets/fonts/Manrope-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Manrope-SemiBold.woff2') format('woff2'),
        url('assets/fonts/Manrope-SemiBold.woff') format('woff'),
        url('assets/fonts/Manrope-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('assets/fonts/Manrope-Bold.eot');
    src: url('assets/fonts/Manrope-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Manrope-Bold.woff2') format('woff2'),
        url('assets/fonts/Manrope-Bold.woff') format('woff'),
        url('assets/fonts/Manrope-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('assets/fonts/Manrope-Medium.eot');
    src: url('assets/fonts/Manrope-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Manrope-Medium.woff2') format('woff2'),
        url('assets/fonts/Manrope-Medium.woff') format('woff'),
        url('assets/fonts/Manrope-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: url('assets/fonts/Manrope-ExtraBold.eot');
    src: url('assets/fonts/Manrope-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Manrope-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/Manrope-ExtraBold.woff') format('woff'),
        url('assets/fonts/Manrope-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}


/*========== Fonts End ==========*/

/*========== Common Start ==========*/

:root {
    /* Color Variables */
    --primary-color-rgb: 31, 48, 100;
    --primary-color: rgba(var(--primary-color-rgb), 1);
    --secondary-color-rgb: 223, 17, 25;
    --secondary-color: rgba(var(--secondary-color-rgb), 1);
    --light-blue-color-rgb: 243, 246, 251;
    --light-blue-color: rgba(var(--light-blue-color-rgb), 1);
    --light-blue-color-2-rgb: 245, 250, 252;
    --light-blue-color-2: rgba(var(--light-blue-color-2-rgb), 1);
    --dark-color-rgb: 40, 42, 44;
    --dark-color: rgba(var(--dark-color-rgb), 1);
    --dark-color-2-rgb: 20, 22, 30;
    --dark-color-2: rgba(var(--dark-color-2-rgb), 1);
    --light-dark-color-rgb: 70, 70, 70;
    --light-dark-color: rgba(var(--light-dark-color-rgb), 1);
    --text-color-rgb: 40, 42, 44;
    --text-color: rgba(var(--text-color-rgb), 1);
    --border-color-rgb: 112, 112, 112;
    --border-color: rgba(var(--border-color-rgb), 1);
    --white-color-rgb: 255, 255, 255;
    --white-color: rgba(var(--white-color-rgb), 1);
    --black-color-rgb: 0, 0, 0;
    --black-color: rgba(var(--black-color-rgb), 1);
    --error-color-rgb: 200, 29, 29;
    --error-color: rgba(var(--error-color-rgb), 1);
    --success-color-rgb: 39, 192, 40;
    --success-color: rgba(var(--success-color-rgb), 1);
    --input-color-rgb: 85, 85, 85;
    --input-color: rgba(var(--input-color-rgb), 1);

    /* Box Shadow Variables */
    --box-shadow-1: 0px 0px 15px rgba(var(--black-color-rgb), 0.09);
    --box-shadow-2: 0px 0px 20px rgba(var(--black-color-rgb), 0.1);
    --box-shadow-3: 0px 0px 15px rgba(var(--black-color-rgb), 0.16);

    /* Scrollbar Variables */
    --scrollbar-thumb-color: var(--primary-color);
    --scrollbar-track-color: rgba(var(--primary-color-rgb), 0.2);

    /* Font Variables */
    --body-font: "Manrope";
    --title-font: "Hanken Grotesk";

    /* Header Variables */
    --main-header-height: 90px;
    --top-header-bar-height: 50px;

    /* Section Spacing Variables */
    --section-spacing: 135px;

    /* Body Variables */
    --body-font-size: clamp(1rem, 0.216vw + 0.866rem, 1.125rem);
    /* Breakpoint:- 1920 to 992, value:- 18px to 16px */
    --body-line-height: 1.556;

    /* Border Radius Variables */
    --border-radius-10: 10px;
    --border-radius-15: 15px;
    --border-radius-25: 25px;
    --border-radius-full: 100%;

    /* Transition Variables */
    --transition: 0.3s;
    --transition-2: 0.5s;

    /* Gutter Variables */
    --gutter: 30px;

    /* Modal Variables */
    --modal-backdrop-opacity: 0.5;
    --modal-backdrop-color: rgba(var(--black-color-rgb), var(--modal-backdrop-opacity));

    /* Swiper Variables */
    --swiper-pagination-bullet-inactive-color: var(--black-color);
    --swiper-pagination-bullet-inactive-opacity: 0.2;
    --swiper-pagination-bullet-border-radius: 50%;
    --swiper-pagination-bullet-height: 10px;
    --swiper-pagination-bullet-width: 10px;
    --swiper-pagination-color: var(--secondary-color);
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 10px;
    --swiper-pagination-bullet-margin: 10px;
    --swiper-outside: 30px;

    /* Form Variables */
    --form-input-height: 55px;
    --form-input-padding-inline: 20px;
    --form-select-arrow-right-position: 30px;
    --form-control-wrap-margin-bottom: 32px;
    --form-accent-color: var(--primary-color);
}

body {
    font-family: var(--body-font);
    font-weight: 500;
}

body,
button,
input,
select,
optgroup,
textarea,
P {
    color: var(--text-color);
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
}

p {
    margin-bottom: 27px;
    font-weight: 500;
}

p:last-of-type {
    margin-bottom: 0;
}

b,
strong {
    font-weight: 800;
}

h1,
.h1-title,
h2,
.h2-title,
h3,
.h3-title,
h4,
.h3-title,
h5,
.h5-title,
h6,
.h6-title {
    font-weight: 700;
    color: var(--dark-color);
    font-family: var(--title-font);
}

p a,
a {
    color: var(--primary-color);
    transition: var(--transition);
}

p a:hover,
a:hover {
    color: var(--secondary-color);
}

h1,
.h1-title {
    font-size: clamp(2.625rem, 3.017vw + 0.754rem, 4.375rem);
    /* Breakpoint:- 1920 to 992, value:- 70px to 42px */
    line-height: 1.142857;
}

.h1-title span {
    display: block;
}

h2,
.h2-title {
    font-size: clamp(2.25rem, 0.431vw + 1.983rem, 2.5rem);
    /* Breakpoint:- 1920 to 992, value:- 40px to 36px */
    line-height: 1.25;
    margin-bottom: 14px;
}

h3,
.h3-title {
    font-size: clamp(1.375rem, 0.862vw + 0.841rem, 1.875rem);
    /* Breakpoint:- 1920 to 992, value:- 30px to 22px */
    line-height: 1.3333;
    margin-bottom: 0;
}

h4,
.h4-title {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 0;
}

h5,
.h5-title {
    font-size: 18px;
    line-height: 1.556;
    margin-bottom: 0;
}

h6,
.h6-title {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
}

.sub-title {
    display: inline-block;
    font-size: var(--body-font-size);
    font-family: var(--title-font);
    color: var(--secondary-color);
    line-height: 1.277;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.p1 {
    font-size: clamp(1.125rem, 0.647vw + 0.724rem, 1.5rem);
    /* Breakpoint:- 1920 to 992, value:- 24px to 18px */
    line-height: 1.375;
    color: var(--text-color);
    font-weight: 500;
}

.p2 {
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
    color: var(--text-color);
    font-weight: 500;
}

.p1>*,
.p2>* {
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
}

.play-btn {
    --size: 110px;
    width: var(--size);
    height: var(--size);
    color: var(--secondary-color);
    background: rgba(var(--white-color-rgb), 0.63);
    border-radius: var(--border-radius-full);
    font-size: 99px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 15px rgba(var(--black-color-rgb), 0.16);
    transition: var(--transition);
}

.play-btn:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

[data-fancybox] iconify-icon {
    pointer-events: none;
}

.spinner {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, 0);
    background: rgba(var(--dark-color-rgb), .15);
    display: none;
    z-index: 3;
}

.spinner iconify-icon {
    font-size: 40px;
    color: var(--secondary-color);
    width: 1em;
    height: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    z-index: 2;
    animation: rot360 .6s linear infinite;
}

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

    0% {
        transform: rotate(0deg);
    }
}

.content-area {
    margin-top: calc(var(--top-header-bar-height) + var(--main-header-height));
}

.my-135 {
    margin-block: var(--section-spacing);
}

.mt-135 {
    margin-top: var(--section-spacing);
}

.mb-135 {
    margin-bottom: var(--section-spacing);
}

.py-135 {
    padding-block: var(--section-spacing);
}

.pt-135 {
    padding-top: var(--section-spacing);
}

.pb-135 {
    padding-bottom: var(--section-spacing);
}



@media (min-width: 992px) {
    .container.container-xl {
        max-width: 1722px;
        --container-gutter: var(--gutter);
    }
}

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

@media (max-width: 1399px) {
    :root {
        --section-spacing: 115px;
    }

    p {
        margin-bottom: 22px;
    }

    .play-btn {
        --size: 80px;
        font-size: 70px;
    }
}

@media (max-width: 1199px) {
    :root {
        --section-spacing: 95px;
    }

    p {
        margin-bottom: 16px;
    }

    .play-btn {
        --size: 70px;
        font-size: 60px;
    }
}

@media (max-width: 991px) {

    :root {
        --main-header-height: 80px;
        --section-spacing: 80px;
    }

    .container.container-xl {
        --container-gutter: calc(var(--gutter) / 2);
    }

    .content-area {
        margin-top: var(--main-header-height);
    }

    h1,
    .h1-title {
        font-size: 55px;
    }

    h2,
    .h2-title {
        font-size: 40px;
    }

    h3,
    .h3-title {
        font-size: 20px;
    }

    h4,
    .h4-title {
        font-size: 18px;
    }

}

@media (max-width: 767px) {

    h1,
    .h1-title {
        font-size: 42px;
    }

    h2,
    .h2-title {
        font-size: 36px;
    }
}

@media (max-width: 575px) {
    :root {
        --main-header-height: 70px;
        --section-spacing: 60px;
    }

    h1,
    .h1-title {
        font-size: 38px;
    }

    h2,
    .h2-title {
        font-size: 30px;
    }

    .sub-title {
        margin-bottom: 8px;
    }

    .container.container-xl {
        --container-gutter: calc(var(--gutter));
    }

}

@media (max-width: 400px) {
    :root {
        --form-input-height: 44px;
        --form-input-padding-inline: 15px;
        --form-select-arrow-right-position: 25px;
        --form-control-wrap-margin-bottom: 25px;
    }

    h1,
    .h1-title {
        font-size: 30px;
    }

    h2,
    .h2-title {
        font-size: 28px;
    }

    .p1 {
        font-size: 16px;
    }

    .container.container-xl {
        --container-gutter: calc(var(--gutter) / 2);
    }
}

/*========== Common End ==========*/

/* ========= Common Components Start ========= */

.double-arrow-shape {
    position: relative;
}

.double-arrow-shape::before {
    content: "";
    position: absolute;
    display: block;
    width: clamp(12.5rem, 15.086vw + 3.147rem, 21.25rem);
    /* Breakpoint:- 1920 to 992, value:- 340px to 200px */
    height: auto;
    aspect-ratio: 1 / 1.36176470588;
    background: var(--light-blue-color);
    --mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzM5LjgyIiBoZWlnaHQ9IjQ2My40MTciIHZpZXdCb3g9IjAgMCAzMzkuODIgNDYzLjQxNyI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjIzNDgiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDIyMzQ4IiB3aWR0aD0iNDYzLjQxNyIgaGVpZ2h0PSIzMzkuODIiIGZpbGw9IiNmM2Y2ZmIiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cF8zNDc0IiBkYXRhLW5hbWU9Ikdyb3VwIDM0NzQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMzOS44Mikgcm90YXRlKDkwKSIgb3BhY2l0eT0iMC43NCI+CiAgICA8ZyBpZD0iR3JvdXBfMzQ3MCIgZGF0YS1uYW1lPSJHcm91cCAzNDcwIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICAgIDxwYXRoIGlkPSJQYXRoXzgzOTUiIGRhdGEtbmFtZT0iUGF0aCA4Mzk1IiBkPSJNNDY2LjY1MiwxNTkuNTkyLDMyNy42MzQsNS4xMjhBMTUuNDU2LDE1LjQ1NiwwLDAsMCwzMTYuMTQzLDBIMjIzLjQ2NGExNS40MzUsMTUuNDM1LDAsMCwwLTExLjQ5MiwyNS43NjVMMzQxLjY5MSwxNjkuOTEsMjExLjk3MiwzMTQuMDI1YTE1LjQ2MSwxNS40NjEsMCwwLDAsMTEuNDkyLDI1LjhoOTIuNjc4YTE1LjY1MywxNS42NTMsMCwwLDAsMTEuNDkyLTUuMUw0NjYuNjUyLDE4MC4yNTlhMTUuNDU3LDE1LjQ1NywwLDAsMCwwLTIwLjY2NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuMTk4IDApIiBmaWxsPSIjZjNmNmZiIi8+CiAgICAgIDxwYXRoIGlkPSJQYXRoXzgzOTYiIGRhdGEtbmFtZT0iUGF0aCA4Mzk2IiBkPSJNMjU4LjY1MiwxNTkuNTkyLDExOS42MzQsNS4xMjhBMTUuNDU4LDE1LjQ1OCwwLDAsMCwxMDguMTQyLDBIMTUuNDY0QTE1LjQzNSwxNS40MzUsMCwwLDAsMy45NzIsMjUuNzY1TDEzMy42OSwxNjkuOTEsMy45NzIsMzE0LjAyNWExNS40NjEsMTUuNDYxLDAsMCwwLDExLjQ5MiwyNS44aDkyLjY3OGExNS42NTUsMTUuNjU1LDAsMCwwLDExLjQ5Mi01LjFMMjU4LjY1MiwxODAuMjU5YTE1LjQ1NywxNS40NTcsMCwwLDAsMC0yMC42NjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiNmM2Y2ZmIiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgoK);
    -webkit-mask-image: var(--mask-image);
    mask-image: var(--mask-image);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    opacity: 0.74;
    pointer-events: none;
}

.small-dots-shape,
.small-dots-shape-2 {
    position: relative;
}

.small-dots-shape::after,
.small-dots-shape-2::after,
.small-dots-shape-2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 71.549%;
    height: auto;
    aspect-ratio: 1 / 0.40425531914;
    background-image: url(assets/images/small-dots-shape.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
}

.small-dots-shape-2::before {
    bottom: 0;
    right: 0;
    top: auto;
    left: auto;
    scale: -1;
}

.sec-title .h2-title {
    margin-bottom: 0;
}

.sec-title .p2 {
    margin-top: 16px;
}

.sec-title .sec-title-btn {
    margin-top: 30px;
}

/* ---------- Common Section Start --------- */


.common-sec {
    padding: 91px 0 103px;
}

.common-sec .common-content {
    max-width: 622px;
}

.common-sec .common-content .sec-title {
    margin-bottom: 38px;
}

.common-sec .common-content .call-cta-btn {
    margin-top: 58px;
}

.common-sec .common-content .sec-btn {
    margin-top: 40px;
}

.common-sec .common-image {
    max-width: 600px;
    margin-left: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.585;
    overflow: hidden;
    border-radius: var(--border-radius-15);
}

.common-sec .common-image .back-img {
    width: 100%;
    height: 100%;
}

/* ---------- Common Section End --------- */

@media (max-width: 1399px) {
    .common-sec .common-content .sec-title {
        margin-bottom: 30px;
    }

    .common-sec .common-content .call-cta-btn {
        margin-top: 30px;
    }

    .common-sec .common-content .sec-btn {
        margin-top: 30px;
    }
}

@media (max-width: 1199px) {
    .common-sec .common-image {
        aspect-ratio: 1 / 0.785;
    }
}

@media (max-width: 991px) {
    .sec-title .p2 {
        margin-top: 10px;
    }

    .sec-title .sec-title-btn {
        margin-top: 20px;
    }

    .common-sec {
        padding: var(--section-spacing) 0;
    }

    .common-sec .common-content {
        max-width: 100%;
        margin-bottom: 50px;
    }

    .common-sec .common-content .sec-title {
        margin-bottom: 20px;
    }

    .common-sec .common-content .call-cta-btn {
        margin-top: 25px;
    }

    .common-sec .common-content .sec-btn {
        margin-top: 25px;
    }

    .common-sec .common-image {
        max-width: 100%;
        aspect-ratio: 1 / 0.585;
    }
}

/* ========= Common Components End ========= */

/*========== Form Start ==========*/

.form-element {
    position: relative;
}

.wpcf7-form-control-wrap:has(.wpcf7-select):after {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M12.707 15.707a1 1 0 0 1-1.414 0L5.636 10.05A1 1 0 1 1 7.05 8.636l4.95 4.95l4.95-4.95a1 1 0 0 1 1.414 1.414z'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    top: calc(var(--form-input-height) / 2);
    right: calc(var(--form-select-arrow-right-position) / 2);
    font-size: 22px;
    color: var(--primary-color);
    pointer-events: none;
    line-height: 0;
    display: block;
    transform: translate(0, -50%);
    z-index: 1;
}

span.wpcf7-form-control {
    display: flex;
    gap: 10px 20px;
    flex-wrap: wrap;
}

span.wpcf7-form-control.wpcf7-checkbox {
    flex-direction: column;
}

.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    display: none;
}

/* Input Validation Start */
.form-input.wpcf7-not-valid,
.input-text.wpcf7-not-valid,
.wpcf7-form-control-wrap .wpcf7-not-valid .wpcf7-list-item input[type="checkbox"],
.wpcf7-form-control-wrap .wpcf7-not-valid .wpcf7-list-item input[type="radio"] {
    border-color: var(--error-color);
    outline: 1px solid var(--error-color) !important;
}

/* Input Validation End */

/* Placeholder Start */
.form-input::-webkit-input-placeholder,
.input-text::-webkit-input-placeholder {
    color: var(--input-color);
    opacity: 1;
}

.form-input::-moz-placeholder,
.input-text::-moz-placeholder {
    color: var(--input-color);
    opacity: 1;
}

.form-input:-ms-input-placeholder,
.input-text:-ms-input-placeholder {
    color: var(--input-color);
    opacity: 1;
}

.form-input::-ms-input-placeholder,
.input-text::-ms-input-placeholder {
    color: var(--input-color);
    opacity: 1;
}

.form-input::placeholder,
.input-text::placeholder {
    color: var(--input-color);
    opacity: 1;
}

/* Placeholder End */

select option {
    color: var(--black-color);
}

select {
    color: var(--input-color) !important;
}

.form-input,
.input-text,
.select2-container--default .select2-selection--single .select2-selection__rendered,
select {
    width: 100%;
    height: var(--form-input-height);
    outline: none !important;
    padding: 0 var(--form-input-padding-inline);
    font-size: 14px;
    line-height: 1.7857;
    color: var(--dark-color);
    background: transparent;
    border-radius: var(--border-radius-10);
    border: 1px solid var(--border-color);
    -webkit-appearance: none;
    appearance: none;
}

select,
select.form-input {
    padding-right: calc(var(--form-input-padding-inline) + var(--form-select-arrow-right-position));
}

.white-form .form-input,
.white-form .input-text,
.white-form .select2-container--default .select2-selection--single .select2-selection__rendered,
.white-form select {
    background: rgba(var(--white-color-rgb), 0.15);
    border: none;
    color: var(--white-color);
}

.white-form .wpcf7 input[type="checkbox"] {
    --size: 21px;
    background: var(--white-color) !important;
    border: 1px solid var(--white-color) !important;
    border-radius: 0;
}

.white-form .wpcf7 input[type="checkbox"]:before {
    background-color: var(--primary-color);
}

.form-input.wpcf7-textarea {
    height: 120px;
    resize: none;
    padding: 15px;
    display: block;
}

.submit-btn {
    position: relative;
    display: inline-block;
    text-align: left;
}

.wpcf7 .wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(0, -50%);
    margin: 0 0 0 10px;
    background-color: #497aab;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    opacity: 1;
}

/* Form Input File Start */

.form-input-file {
    position: relative;
    height: 48px;
    background: 0 0;
    border-radius: 0;
    border: 1px solid var(--black-color);
    margin-bottom: var(--gutter);
}

.form-box.form-input-file {
    height: auto;
    border: 0;
}

.form-input-file p {
    color: var(--black-color);
    line-height: 1;
    margin-bottom: 0;
}

.form-box {
    position: relative;
}

.form-box.form-input-file p {
    line-height: inherit;
}

.form-input-file .wpcf7-form-control-wrap {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.form-box.form-input-file .wpcf7-form-control-wrap {
    position: relative;
}

.form-input-file [type="file"] {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}

.form-box.form-input-file input[type="file"] {
    width: 76px;
    height: 73px;
    line-height: 1;
}

.form-input-file .icon-label {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 15px;
}

.form-box.form-input-file .input-file-icon {
    position: absolute;
    top: 30px;
    left: 0;
    width: 76px;
    height: 73px;
    background: var(--input-color);
    border-radius: 13px;
    display: inline-block;
    cursor: pointer;
    z-index: 0;
}

.form-box.form-input-file .input-file-icon::before,
.form-box.form-input-file .input-file-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: var(--gutter);
    height: 1px;
    background-color: var(--black-color);
}

.form-box.form-input-file .input-file-icon::after {
    width: 1px;
    height: var(--gutter);
}

.form-input-file .icon-label label {
    font-weight: inherit;
    font-size: 14px;
    line-height: 22px;
}

.form-input-file .icon-label label span {
    color: var(--black-color);
    font-weight: 600;
    margin-left: 3px;
}

.form-input-file .input-file-text {
    color: var(--black-color);
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 3px;
    font-size: 14px;
    line-height: 24px;
}

/* Form Input File End */

/*========== Form End ==========*/

/*========== Button Start ==========*/

.sec-btn {
    background: var(--secondary-color);
    border: 2px solid var(--secondary-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border-radius: var(--border-radius-25);
    font-family: var(--title-font);
    font-size: 16px;
    line-height: 1.438;
    font-weight: 700;
    text-transform: uppercase;
    padding-inline: 24px;
    padding-block: 11px;
    color: var(--white-color);
    text-align: center;
    cursor: pointer;
    outline: none !important;
    transition: var(--transition);
    overflow: hidden;
    position: relative;
    z-index: 2;
    -webkit-appearance: none;
    appearance: none;
}

.sec-btn::after {
    content: "";
    display: block;
    flex: 0 0 auto;
    width: 22px;
    height: auto;
    aspect-ratio: 1 / 0.72727272727;
    --svg: url("data:image/svg+xml,%3Csvg%20id%3D%22Group_3471%22%20data-name%3D%22Group%203471%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2221.976%22%20height%3D%2216.115%22%20viewBox%3D%220%200%2021.976%2016.115%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip-path%22%3E%3Crect%20id%3D%22Rectangle_22348%22%20data-name%3D%22Rectangle%2022348%22%20width%3D%2221.976%22%20height%3D%2216.115%22%20fill%3D%22%23fff%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Group_3470%22%20data-name%3D%22Group%203470%22%20clip-path%3D%22url(%23clip-path)%22%3E%3Cpath%20id%3D%22Path_8395%22%20data-name%3D%22Path%208395%22%20d%3D%22M220.266%2C7.568%2C213.673.243A.733.733%2C0%2C0%2C0%2C213.128%2C0h-4.395a.732.732%2C0%2C0%2C0-.545%2C1.222l6.152%2C6.836-6.152%2C6.834a.733.733%2C0%2C0%2C0%2C.545%2C1.223h4.395a.742.742%2C0%2C0%2C0%2C.545-.242l6.592-7.325a.733.733%2C0%2C0%2C0%2C0-.98%22%20transform%3D%22translate(-198.478%200)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20id%3D%22Path_8396%22%20data-name%3D%22Path%208396%22%20d%3D%22M12.266%2C7.568%2C5.673.243A.733.733%2C0%2C0%2C0%2C5.128%2C0H.733A.732.732%2C0%2C0%2C0%2C.188%2C1.222L6.34%2C8.057.188%2C14.892a.733.733%2C0%2C0%2C0%2C.545%2C1.223H5.128a.742.742%2C0%2C0%2C0%2C.545-.242l6.592-7.325a.733.733%2C0%2C0%2C0%2C0-.98%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    transition: var(--transition);
}

.sec-btn:hover {
    background: transparent;
    color: var(--secondary-color);
}

.sec-btn.secondary-btn {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.sec-btn.secondary-btn:hover {
    background: transparent;
    color: var(--primary-color);
}

.sec-btn.outline-btn {
    background: transparent;
    color: var(--secondary-color);
    border-color: var(--secondary-color);
}


.sec-btn.outline-btn:hover {
    background: var(--secondary-color);
    color: var(--white-color);
}

.sec-btn.white-outline-btn {
    background: transparent;
    border-color: var(--white-color);
    color: var(--white-color);
}

.sec-btn.white-outline-btn:hover {
    background: var(--white-color);
    color: var(--primary-color);
}

.white-text .sec-btn:is(:not(.white-outline-btn), .secondary-btn):hover {
    border-color: var(--white-color);
    color: var(--white-color);
}

.read-more-btn {
    display: inline-flex;
    align-items: center;
    font-family: var(--title-font);
    font-size: var(--body-font-size);
    line-height: 1.438;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--secondary-color);
    position: relative;
    gap: 10px;
}

.read-more-btn:hover {
    color: var(--primary-color);
}

.read-more-btn::after {
    content: "";
    display: block;
    flex: 0 0 auto;
    width: 17px;
    height: auto;
    aspect-ratio: 1 / 0.72727272727;
    --svg: url("data:image/svg+xml,%3Csvg%20id%3D%22Group_3471%22%20data-name%3D%22Group%203471%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2221.976%22%20height%3D%2216.115%22%20viewBox%3D%220%200%2021.976%2016.115%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip-path%22%3E%3Crect%20id%3D%22Rectangle_22348%22%20data-name%3D%22Rectangle%2022348%22%20width%3D%2221.976%22%20height%3D%2216.115%22%20fill%3D%22%23fff%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20id%3D%22Group_3470%22%20data-name%3D%22Group%203470%22%20clip-path%3D%22url(%23clip-path)%22%3E%3Cpath%20id%3D%22Path_8395%22%20data-name%3D%22Path%208395%22%20d%3D%22M220.266%2C7.568%2C213.673.243A.733.733%2C0%2C0%2C0%2C213.128%2C0h-4.395a.732.732%2C0%2C0%2C0-.545%2C1.222l6.152%2C6.836-6.152%2C6.834a.733.733%2C0%2C0%2C0%2C.545%2C1.223h4.395a.742.742%2C0%2C0%2C0%2C.545-.242l6.592-7.325a.733.733%2C0%2C0%2C0%2C0-.98%22%20transform%3D%22translate(-198.478%200)%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20id%3D%22Path_8396%22%20data-name%3D%22Path%208396%22%20d%3D%22M12.266%2C7.568%2C5.673.243A.733.733%2C0%2C0%2C0%2C5.128%2C0H.733A.732.732%2C0%2C0%2C0%2C.188%2C1.222L6.34%2C8.057.188%2C14.892a.733.733%2C0%2C0%2C0%2C.545%2C1.223H5.128a.742.742%2C0%2C0%2C0%2C.545-.242l6.592-7.325a.733.733%2C0%2C0%2C0%2C0-.98%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    transition: var(--transition);
}

@media (max-width: 575px) {
    .sec-btn {
        padding-inline: 16px;
        padding-block: 10px;
        gap: 10px;
        font-size: 14px;
    }

    .sec-btn::after {
        width: 18px;
    }
}

/*========== Button End ==========*/

/*========== Accordion Start ==========*/

.accordion .accordion-box {
    --space_x: 40px;
    position: relative;
    background-color: var(--light-blue-color-2);
    border-radius: var(--border-radius-15);
    margin-bottom: 18px;
}

.accordion .accordion-box .accordion-box-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 18px 30px 19px var(--space_x);
    cursor: pointer;
}

.accordion .accordion-box .accordion-box-title .h5-title {
    font-size: 18px;
    line-height: 1.556;
    font-weight: 700;
    font-family: var(--body-font);
    flex: 1;
    transition: var(--transition);
}

.accordion .accordion-box .accordion-box-title .accordion-box-toggle-icon {
    --size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: var(--size);
    height: var(--size);
    font-size: 40px;
    color: var(--secondary-color);
    transition: var(--transition);
}

.accordion .accordion-box .accordion-box-content {
    display: grid;
    grid-template-rows: 0fr;
    overflow: hidden;
    transition: var(--transition);
    padding-inline: var(--space_x);
}

.accordion .accordion-box .accordion-box-content .accordion-box-content-inr {
    overflow: hidden;
    transition: var(--transition);
}

.accordion .accordion-box:last-child {
    margin-bottom: 0;
}

/* .accordion .accordion-box:hover .accordion-box-title .h5-title {
    color: var(--primary-color);
}

.accordion .accordion-box.accordion-box-active .accordion-box-title .h5-title {
    color: var(--primary-color);
} */

.accordion .accordion-box.accordion-box-active .accordion-box-title .accordion-box-toggle-icon {
    transform: rotate(180deg);
}

.accordion .accordion-box.accordion-box-active .accordion-box-content {
    grid-template-rows: 1fr;
    padding-bottom: 22px;
}

.accordion .accordion-box.accordion-box-active .accordion-box-content .accordion-box-content-inr {
    padding-top: 9px;
    padding-bottom: 7px;
}

/*========== Accordion End ==========*/

/*========== Modal Popup Start ==========*/

.modal-content {
    background: var(--white-color);
    -webkit-mask-image: -webkit-radial-gradient(var(--white-color), var(--black-color));
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 30px rgba(60, 140, 244, 0.16);
}

.popup-title {
    position: relative;
    padding: 10px 65px 10px 30px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.popup-title .h2-title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 0;
}

button.close {
    --size: 21px;
    position: absolute;
    top: 25px;
    right: 25px;
    width: var(--size);
    height: var(--size);
    opacity: 1 !important;
    background-color: transparent;
    text-shadow: none;
    outline: none !important;
    border: none;
    z-index: 2;
    transition: var(--transition);
}

button.close:before,
button.close:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    top: 50%;
    left: 50%;
    background-color: var(--white-color);
    transform: translate(-50%, -50%) rotate(40deg);
    transition: var(--transition);
}

button.close:after {
    transform: translate(-50%, -50%) rotate(-40deg);
}

button.close:hover:before,
button.close:hover:after {
    background-color: var(--secondary-color);
}

.modal-dialog {
    max-width: 700px;
}

.common-popup-overflow {
    padding: 10px 0px;
}

.common-popup-text::-webkit-scrollbar-thumb {
    background: var(--primary-color);
}

@media (max-width: 575px) {
    button.close {
        --size: 20px;
        top: 15px;
        right: 15px;
    }
}

@media (max-width: 400px) {
    .popup-title {
        padding: 10px 65px 10px 15px;
    }
}

/*========== Modal Popup End ==========*/

/*========== Slider Start ==========*/

.custom-arrow-wrapper .swiper-nav-wrapper {
    position: unset;
    display: inline-flex;
    width: auto;
    transform: unset;
}

.swiper-pagination {
    position: unset;
    font-size: 0;
    line-height: 1;
    gap: var(--swiper-pagination-bullet-horizontal-gap);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: var(--swiper-pagination-bullet-margin);
}

.swiper-pagination-bullet {
    transition: var(--transition);
    margin: 0 !important;
}

.swiper-pagination-bullet:hover {
    background: var(--swiper-pagination-color);
    opacity: var(--swiper-pagination-bullet-opacity);
}

.swiper-nav-wrapper {
    position: absolute;
    top: calc(50% - calc(calc(var(--swiper-pagination-bullet-margin) + var(--swiper-pagination-bullet-height)) / 2));
    left: 0;
    transform: translate(0, -50%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
    z-index: 2;
    gap: 10px;
}

.swiper-nav-btn {
    --size: 42px;
    width: var(--size);
    height: var(--size);
    background: var(--secondary-color);
    color: var(--white-color);
    pointer-events: auto;
    cursor: pointer;
    transition: var(--transition);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    border: 1px solid var(--secondary-color);
}

.swiper-nav-btn:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.swiper-nav-btn.swiper-nav-btn-prev iconify-icon {
    scale: -1;
}

/*========== Slider End ==========*/

/*========== Header Start ==========*/
.site-header {
    position: fixed;
    width: 100%;
    top: calc(var(--wp-admin--admin-bar--height, 0px));
    left: 0;
    background-color: var(--white-color);
    transition: var(--transition);
    z-index: 99;
}

.site-header.sticky_head {
    box-shadow: 0 0 20px rgba(var(--dark-color-rgb), 0.1);
}

/* ----- Top Header Start ----- */

.site-header .top-header-bar {
    height: var(--top-header-bar-height);
    background-color: var(--primary-color);
}

.site-header .top-header-bar .container-xl {
    height: 100%;
}

.site-header .top-header-bar .top-header-bar-row-wp {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding-block: 6px;
    height: 100%;
}

.site-header .top-header-bar .header-contact-info ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 50px;
}

.site-header .top-header-bar .header-contact-info ul li {
    line-height: 1;
}

.site-header .top-header-bar .header-contact-info ul li a {
    color: var(--white-color);
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    line-height: 1.375;
}

.site-header .top-header-bar .header-contact-info ul li a iconify-icon {
    font-size: 23px;
}

.site-header .top-header-bar .header-contact-info ul li a span {
    display: inline-block;
}

.site-header .top-header-bar .header-contact-info ul li a:hover {
    color: var(--secondary-color);
}

@media (max-width: 991px) {
    .site-header .top-header-bar {
        display: none;
    }
}

/* ----- Top Header End ----- */

.site-header .main-header {
    height: var(--main-header-height);
    transition: var(--transition);
}

.site-header .main-header .container-xl,
.site-header .main-header .container-xl .main-header-row,
.site-header .main-header .container-xl .main-header-row>* {
    height: 100%;
}

.site-branding {
    display: flex;
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin-top: calc(clamp(0rem, 4.423vw - 3.87rem, 1.438rem) * -1);
    transition: var(--transition);
}

.header-menu {
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
    height: 100%;
}

.main-navigation {
    clear: both;
    display: inline-block;
    float: none;
    width: 100%;
}

.header-menu-box {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: clamp(1.75rem, 0.278vw + 1.542rem, 1.875rem);
    /* Breakpoint:- 1920 to 1200, value:- 30px to 28px */
}

.main-navigation ul {
    display: flex;
    gap: clamp(1.75rem, 6.944vw - 3.458rem, 4.875rem);
    /* Breakpoint:- 1920 to 1200, value:- 78px to 28px */
    margin: 0;
    width: 100%;
}

.main-navigation li {
    float: none;
    display: inline-block;
    position: relative;
}

.main-navigation ul li.menu-item-has-children {
    --dropdown-icon-size: 24px;
}

.main-navigation li a {
    color: var(--primary-color);
    text-transform: uppercase;
    font-family: var(--title-font);
    font-weight: 700;
    position: relative;
    transition: var(--transition);
}

.main-navigation ul li.menu-item-has-children::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    line-height: 1;
    display: inline-block;
    width: var(--dropdown-icon-size);
    height: var(--dropdown-icon-size);
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 14.975q-.2 0-.375-.062T11.3 14.7l-4.6-4.6q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l3.9 3.9l3.9-3.9q.275-.275.7-.275t.7.275t.275.7t-.275.7l-4.6 4.6q-.15.15-.325.213t-.375.062'/%3E%3C/svg%3E");
    background: var(--secondary-color);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    transition: var(--transition);
}

@keyframes swip_up {
    from {
        top: calc(100% + 20px);
        opacity: 0;
    }

    to {
        top: 100%;
        opacity: 1;
    }
}

.main-navigation ul ul li {
    display: block;
    margin: 0;
    border-bottom: 1px solid rgba(var(--border-color-rgb), 0.3);
}

.main-navigation ul ul li:last-child {
    border-bottom: 0;
}

.main-navigation ul ul li a {
    display: block;
    padding: 5px 10px;
    font-size: clamp(0.875rem, 0.216vw + 0.741rem, 1rem);
    /* Breakpoint:- 1920 to 992, value:- 16px to 14px */
    font-weight: 600;
    line-height: 1.625;
    transition: var(--transition);
}

@media (min-width: 992px) {
    .site-header.sticky_head {
        top: calc(var(--wp-admin--admin-bar--height, 0px));
    }

    .site-header.sticky_head:has(.top-header-bar) {
        top: calc(calc(var(--wp-admin--admin-bar--height, 0px)) + calc(var(--top-header-bar-height, 0px) * -1));
    }

    .main-header .main-header-row {
        display: flex;
        align-items: center;
        gap: 30px;
    }

    .main-header .main-header-row .header-menu-wp {
        flex: 1;
    }

    .site-branding-wp {
        flex: 0 0 auto;
        width: clamp(13.125rem, 11.53vw + 5.976rem, 19.813rem);
        /* Breakpoint:- 1920 to 992, value:- 317px to 210px */
    }

    .sticky_head .site-branding {
        align-items: center;
        width: 245px;
        margin-top: 0;
    }

    .menu-toggle {
        display: none;
    }

    .site-branding a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .site-branding a img {
        flex: 1;
    }

    .main-navigation ul ul li:hover>ul,
    .main-navigation ul ul li.focus>ul {
        left: 100%;
    }

    .main-navigation ul li:hover>ul,
    .main-navigation ul li.focus>ul {
        left: auto;
    }

    .main-navigation ul li.menu-item-has-children {
        padding-right: 28px;
        position: relative;
    }

    .main-navigation ul ul li.menu-item-has-children {
        padding-right: 0;
    }

    .main-navigation ul li.menu-item-has-children:hover::after {
        transform: translate(0, -50%) rotate(-180deg);
    }

    .main-navigation li.current-menu-ancestor ul li.current_page_item>a,
    .main-navigation ul ul li:hover>a,
    .main-navigation ul li.current-menu-ancestor ul.sub-menu>li.current-menu-ancestor>a,
    .main-navigation ul li.current-menu-ancestor ul.sub-menu>li.current-menu-item>a {
        background: var(--secondary-color);
        color: var(--white-color);
    }

    .main-navigation li.current-menu-ancestor.menu-item-has-children:not(.sub-menu li.current-menu-ancestor.menu-item-has-children)::after {
        background: var(--secondary-color);
    }

    .main-navigation ul ul li.current-menu-ancestor::after {
        background: var(--white-color);
    }

    /***** If Dropdown Menu CSS Avaliable Than Remove This CSS Start *****/
    .main-navigation ul li.menu-item-has-children:hover>ul.sub-menu:not(.dropdown-menu-wp ul .sub-menu) {
        display: block;
        top: 100%;
        left: 0;
        opacity: 1;
        animation: swip_up var(--transition) linear 1;
    }

    /***** If Dropdown Menu CSS Avaliable Than Remove This CSS End *****/

    .main-navigation ul .sub-menu:not(.dropdown-menu-wp ul .sub-menu) {
        position: absolute;
        top: 100%;
        left: -999em;
        float: none;
        width: 200px;
        background: var(--white-color);
        box-shadow: 0 0 10px rgba(var(--primary-color-rgb), 0.15);
        text-align: left;
        padding-left: 0;
        border-radius: var(--border-radius-10);
        overflow: hidden;
        display: none;
        opacity: 0;
    }

    .main-navigation ul li.menu-item-has-children:hover .dropdown-menu-wp {
        display: block;
        opacity: 1;
    }

    .main-navigation .dropdown-menu-wp ul li.menu-item-has-children {
        padding-block: 4px;
    }

    .main-navigation ul ul li.menu-item-has-children:hover>ul.sub-menu:not(.dropdown-menu-wp ul .sub-menu) {
        top: 0;
        left: 100%;
    }

    .main-navigation ul ul li.menu-item-has-children:hover>ul.sub-menu:not(.dropdown-menu-wp ul .sub-menu) {
        top: 0;
        left: 100%;
        animation: unset;
    }

    .main-navigation ul ul li.menu-item-has-children:hover::after,
    .main-navigation ul ul li.menu-item-has-children::after {
        right: 10px;
        transform: translate(0, -50%) rotate(-90deg);
        background: var(--text-color);
    }

    .main-navigation ul li ul.sub-menu>li.menu-item-has-children:hover::after,
    .main-navigation ul li.current-menu-ancestor ul.sub-menu>li.current-menu-item.menu-item-has-children::after,
    .main-navigation ul li.current-menu-ancestor ul.sub-menu>li.menu-item-has-children:hover::after,
    .main-navigation ul li.current-menu-ancestor ul.sub-menu>li.current-menu-ancestor::after {
        background: var(--white-color);
    }

    .main-navigation ul.menu>li>a:hover,
    .main-navigation ul.menu>li.menu-item-has-children:hover>a,
    .main-navigation ul.menu>li.current-menu-item>a,
    .main-navigation ul.menu>li.current-menu-parent>a,
    .main-navigation ul.menu>li.current-menu-ancestor>a {
        color: var(--secondary-color);
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {

    .main-header .main-header-row {
        gap: clamp(1.25rem, 4.831vw - 1.745rem, 1.875rem);
        /* Breakpoint:- 1199 to 992, value:- 30px to 20px */
    }

    .site-branding-wp {
        width: clamp(11.25rem, 24.155vw - 3.726rem, 14.375rem);
        /* Breakpoint:- 1199 to 992, value:- 230px to 180px */
    }

    .header-menu-box {
        gap: clamp(0.875rem, 6.763vw - 3.318rem, 1.75rem);
        /* Breakpoint:- 1199 to 992, value:- 28px to 14px */
    }

    .main-navigation ul {
        gap: clamp(0.875rem, 6.763vw - 3.318rem, 1.75rem);
        /* Breakpoint:- 1199 to 992, value:- 28px to 14px */
    }

    .main-navigation li a {
        font-size: clamp(0.938rem, 0.483vw + 0.638rem, 1rem);
        /* Breakpoint:- 1199 to 992, value:- 28px to 14px */
    }

    .header-btn .sec-btn {
        padding-inline: clamp(1.125rem, 2.899vw - 0.672rem, 1.5rem);
        /* Breakpoint:- 1199 to 992, value:- 24px to 18px */
        font-size: clamp(0.938rem, 0.483vw + 0.638rem, 1rem);
        /* Breakpoint:- 1199 to 992, value:- 28px to 14px */
    }
}

@media (max-width: 991px) {
    .site-header {
        height: var(--main-header-height);
    }

    .site-header .container-xl {
        max-width: 100%;
    }

    .site-header .main-header .container-xl .main-header-row>* {
        height: auto;
    }

    .site-header .header-mob-bg {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(var(--dark-color-rgb), 0.6);
        backdrop-filter: blur(7px);
        z-index: 90;
        display: none;
        transition: var(--transition);
    }

    .site-branding {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        left: var(--gutter);
        align-items: center;
        width: 180px;
    }

    .menu-toggle {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        right: var(--gutter);
        display: block;
        width: 30px;
        height: 30px;
        background: transparent;
        border: none;
        outline: none !important;
        border-radius: 0;
        z-index: 110;
    }

    .menu-toggle span {
        display: block;
        width: 100%;
        height: 2px;
        position: absolute;
        top: 50%;
        background: var(--primary-color);
        transform: translate(0, -50%);
        transition: opacity 0.3s 0.3s;
    }

    .menu-toggle::before,
    .menu-toggle::after {
        content: "";
        display: block;
        width: 100%;
        height: 2px;
        position: absolute;
        background: var(--primary-color);
        transition:
            transform 0.3s,
            top 0.3s 0.3s,
            bottom 0.3s 0.3s;
    }

    .menu-toggle::before {
        top: 6px;
    }

    .menu-toggle::after {
        bottom: 6px;
    }

    .toggled .menu-toggle span {
        opacity: 0;
        transition: opacity 0.3s;
    }

    .toggled .menu-toggle::before,
    .toggled .menu-toggle::after {
        background-color: var(--secondary-color);
    }

    .toggled .menu-toggle::before {
        top: calc(50% - 1px);
        transform: rotate(45deg);
    }

    .toggled .menu-toggle::after {
        bottom: calc(50% - 1px);
        transform: rotate(-45deg);
    }

    .toggled .menu-toggle::before,
    .toggled .menu-toggle::after {
        transition:
            top 0.3s,
            bottom 0.3s,
            transform 0.3s 0.3s;
    }

    .header-menu {
        --menu-width: 450px;
    }

    .main-navigation:before {
        content: "";
        position: absolute;
        background-color: var(--primary-color);
        left: auto;
        right: -500px;
        top: 0;
        opacity: 0;
        height: var(--main-header-height);
        width: var(--menu-width);
        max-width: 100%;
        z-index: 109;
        transition: 0.5s;
    }

    .toggled.main-navigation:before {
        right: 0;
        opacity: 1;
        pointer-events: unset;
    }

    .header-menu-box {
        display: block;
        position: fixed;
        top: calc(var(--wp-admin--admin-bar--height, 0px));
        right: -500px;
        width: var(--menu-width);
        max-width: 100%;
        height: 100vh;
        overflow: auto;
        opacity: 0;
        scrollbar-width: none;
        background: var(--primary-color);
        padding: calc(var(--main-header-height, 0px) + 8vh) 30px 30px 30px;
        transition: 0.5s;
        z-index: 101;
    }

    .toggled .header-menu-box {
        right: 0;
        opacity: 1;
    }

    .header-menu-box::-webkit-scrollbar {
        width: 3px;
    }

    .header-menu-box::-webkit-scrollbar-thumb {
        background: var(--primary-color);
    }

    .header-menu-box::-webkit-scrollbar-track {
        background: var(--white-color);
    }

    .main-navigation ul {
        text-align: left;
        display: inline-block;
    }

    .main-navigation ul li {
        display: block;
        margin-bottom: 4.4vh;
    }

    .main-navigation ul li.menu-item-has-children {
        padding-right: 0;
    }

    .main-navigation ul li.menu-item-has-children>a {
        margin-right: calc(var(--dropdown-icon-size) + 10px);
        display: inline-block;
    }

    .main-navigation ul li:last-child {
        margin-bottom: 0;
    }

    .main-navigation ul li a {
        font-size: 22px;
        line-height: 1.272;
        padding-top: 0;
        color: var(--white-color);
    }

    .main-navigation ul li.menu-item-has-children {
        --dropdown-icon-size: 28px;
    }

    .main-navigation ul li.menu-item-has-children::after {
        top: 1px;
        transform: translate(0, 0);
        background: var(--white-color);
        font-size: 18px;
    }

    .main-navigation ul ul li.menu-item-has-children::after {
        font-size: 16px;
    }

    .main-navigation ul li.menu-item-has-children.active-child-menu::after,
    .main-navigation ul li.menu-item-has-children.active-sub-menu::after {
        transform: translate(0) rotate(-180deg);
        background: var(--secondary-color);
    }

    .main-navigation ul.menu>li.current-menu-ancestor::after,
    .main-navigation ul.menu>li.menu-item-has-children.current-menu-item::after,
    .main-navigation ul li.current-menu-ancestor ul li.current-menu-item::after,
    .main-navigation ul li.current-menu-ancestor ul.sub-menu>li.current-menu-ancestor::after {
        background: var(--secondary-color);
    }

    .main-navigation ul ul {
        top: 0;
        left: 0;
        padding-left: 15px;
        position: relative;
        opacity: 1;
        animation: none;
        background: transparent;
        box-shadow: none;
        width: 100%;
        display: none;
        margin-top: 15px;
    }

    .main-navigation ul ul li {
        border-bottom: none;
        margin-bottom: 10px;
    }

    .main-navigation ul ul li a {
        display: inline-block;
        border: 0;
        padding: 0;
        font-size: 16px;
    }

    .main-navigation ul ul ul li a {
        font-size: 14px;
    }

    .main-navigation ul.menu>li.current-menu-item>a,
    .main-navigation ul.menu>li.current-menu-parent>a,
    .main-navigation ul.menu>li.active-sub-menu>a,
    .main-navigation ul.menu>li.current-menu-ancestor>a {
        color: var(--secondary-color);
    }

    .main-navigation ul li.current-menu-ancestor ul.sub-menu>li.current-menu-ancestor>a,
    .main-navigation ul li.current-menu-ancestor ul li.current-menu-item>a {
        color: var(--secondary-color);
    }

    .main-navigation ul.menu>li.active-sub-menu>ul li.active-sub-menu>a {
        color: var(--secondary-color);
    }

    .header-menu-box .header-btn {
        margin-top: 4.4vh;
    }

    .header-btn .sec-btn:hover {
        color: var(--white-color);
        border-color: var(--white-color);
        background: transparent;
    }
}

@media (max-width: 575px) {
    .site-header {
        --main-header-height: 70px;
    }

    .header-menu-box {
        padding: calc(var(--main-header-height) + 8vh) 20px 30px 20px;
    }

    .site-branding {
        width: 150px;
    }

    .main-navigation ul li.menu-item-has-children {
        --dropdown-icon-size: 26px;
    }

    .main-navigation ul li.menu-item-has-children::after {
        top: 0px;
    }

    .main-navigation ul li a {
        font-size: 18px;
        line-height: 1.33;
    }

    .main-navigation ul ul li a {
        font-size: 14px;
    }

    .main-navigation ul ul,
    .main-navigation ul li.menu-item-has-children:hover ul {
        padding-left: 10px;
        margin-top: 10px;
    }
}

@media (max-width: 400px) {
    .site-branding {
        left: calc(var(--gutter) / 2);
    }

    .menu-toggle {
        right: calc(var(--gutter) / 2);
    }
}

/*========== Header End ==========*/

/*========== Main Banner Start ==========*/

.main-banner {
    padding-top: clamp(6.25rem, 11.53vw - 0.899rem, 12.938rem);
    /* Breakpoint:- 1920 to 992, value:- 207px to 100px */
    position: relative;
    z-index: 6;
}

.main-banner-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 30px;
    height: 100%;
    padding-bottom: 70px;
}

.main-banner .contact-form {
    margin-left: auto;
    margin-bottom: -152px;
}

.contact-form {
    padding: clamp(1.563rem, 1.078vw + 0.894rem, 2.188rem) clamp(1.25rem, 1.832vw + 0.114rem, 2.313rem) clamp(1.563rem, 1.293vw + 0.761rem, 2.313rem);
    /* Breakpoint:- 1920 to 992, value:- 35px to 25px */
    /* Breakpoint:- 1920 to 992, value:- 37px to 25px */
    max-width: 531px;
    background-color: var(--primary-color);
    border-radius: var(--border-radius-15);
}

.contact-form .form-title {
    margin-bottom: clamp(1.25rem, 1.509vw + 0.315rem, 2.125rem);
    /* Breakpoint:- 1920 to 992, value:- 34px to 20px */
}

.contact-form .form-title .h2-title {
    font-size: clamp(1.875rem, 1.078vw + 1.207rem, 2.5rem);
    /* Breakpoint:- 1920 to 992, value:- 40px to 30px */
}

.contact-form .wpcf7-form-control-wrap {
    --form-control-wrap-margin-bottom: clamp(1.25rem, 1.293vw + 0.448rem, 2rem);
    /* Breakpoint:- 1920 to 992, value:- 32px to 20px */
}

.contact-form .row {
    --gutter: clamp(1rem, 1.509vw + 0.065rem, 1.875rem);
    /* Breakpoint:- 1920 to 992, value:- 30px to 16px */
}

.contact-form label .wpcf7-list-item-label {
    font-size: clamp(0.75rem, 0.216vw + 0.616rem, 0.875rem);
    /* Breakpoint:- 1920 to 992, value:- 14px to 12px */
    line-height: 1.7857;
    font-weight: 400;
    margin-top: -4px;
}

.contact-form .wpcf7-form-control-wrap span.wpcf7-form-control.wpcf7-checkbox {
    margin-top: clamp(0rem, 0.754vw - 0.468rem, 0.438rem);
    /* Breakpoint:- 1920 to 992, value:- 7px to 0px */
}

.contact-form .submit-btn {
    margin-top: clamp(0rem, 1.185vw - 0.735rem, 0.688rem);
    /* Breakpoint:- 1920 to 992, value:- 11px to 0px */
}

@media (min-width: 992px) {
    :root {
        --form-input-padding-inline: clamp(0.75rem, 0.862vw + 0.216rem, 1.25rem);
        /* Breakpoint:- 1920 to 992, value:- 20px to 12px */
    }

    .contact-form :is(.form-input, .input-text, select, .select2-container--default .select2-selection--single .select2-selection__rendered) {
        font-size: clamp(0.813rem, 0.108vw + 0.746rem, 0.875rem);
        /* Breakpoint:- 1920 to 992, value:- 14px to 13px */
    }
}

@media (max-width: 991px) {

    .main-banner::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        mix-blend-mode: multiply;
        opacity: 0.54;
        background: var(--light-dark-color);
        z-index: -1;
    }

    .main-banner-content {
        padding-bottom: 50px;
        text-align: center;
        justify-content: center;
        gap: 20px;
    }

    .main-banner .contact-form {
        margin-right: auto;
        margin-bottom: -50px;
    }

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

    .contact-form label .wpcf7-list-item-label {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .main-banner {
        padding-top: 80px;
    }

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

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

/*========== Main Banner End ==========*/

/*========== Contact Form Start ==========*/
.contact-form {
    --common-form-gap: clamp(1rem, 1.509vw + 0.065rem, 1.875rem);
    /* Breakpoint:- 1920 to 992, value:- 30px to 16px */
}

.contact-form .wFormContainer {
    margin: 0;
    width: 100% !important;
}

.contact-form .wForm {
    padding: 0;
}

.contact-form form {
    font-size: 14px !important;
}

.contact-form .wForm .oneField {
    border: none;
    margin: 0;
    padding: 0;
    width: 100% !important;
}

.contact-form form label:not(.contact-form form span label) {
    display: none !important;
}

.contact-form form table tbody tr {
    display: flex;
    gap: var(--common-form-gap);
}

.contact-form form table tbody tr td {
    flex: 1;
}

.contact-form form table tbody tr td br {
    display: none;
}

.contact-form form table tbody {
    display: flex;
    flex-direction: column;
    gap: var(--common-form-gap);
}

.contact-form .wFormContainer .errMsg{
    display: none !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    margin-top: 5px;
}

.contact-form .wFormContainer .errMsg > * {
    color: var(--error-color) !important;
}

.contact-form .wForm textarea, 
.contact-form .wForm input:not([type="checkbox"],[type="submit"]) {
    width: 100%;
    font-family: var(--body-font) !important;
    background: rgba(var(--white-color-rgb), 0.15) !important;
    color: var(--white-color) !important;
    height: var(--form-input-height) !important;
    outline: none !important;
    padding: 0 var(--form-input-padding-inline) !important;
    font-size: 14px !important;
    line-height: 1.7857;
    border-radius: var(--border-radius-10) !important;
    border: 1px solid transparent !important;
    -webkit-appearance: none;
    appearance: none;
}

.contact-form .wForm textarea {
    height: 120px !important;
}

.contact-form .wForm .oneField:has(.errMsg) 
:is(input:not([type="checkbox"], [type="submit"]), textarea){
    border-color: var(--error-color) !important;
}

.contact-form .wForm textarea, .contact-form .wForm input

.contact-form .wForm textarea::placeholder , 
.contact-form .wForm input::placeholder {
    color: var(--white-color) !important;
}

.contact-form .wForm .section.group br {
    display: none;
}

.contact-form .wForm form .vertical > .oneChoice:has(input[type="checkbox"]) {
    margin: var(--common-form-gap) 0;
    display: flex;
    gap: 5px;
    align-items: flex-start;
}

.contact-form .wForm input[type="checkbox"] {
    width: 21px;
    height: 21px;
    accent-color: var(--secondary-color);
}

.contact-form .wFormContainer .oneChoice:has(input[type="checkbox"]) .label {
    font-size: clamp(0.75rem, 0.216vw + 0.616rem, 0.875rem) !important;
    line-height: 1.7857 !important;
    font-weight: 400 !important;
    font-family: var(--body-font) !important;
    margin: 0;
    word-break: break-word !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin-top: -5px;
}

.contact-form .wFormContainer .oneChoice:has(input[type="checkbox"]) .label a{
    color: var(--white-color) !important;
}

.contact-form .wFormContainer .oneChoice:has(input[type="checkbox"]) .label a:hover {
    color: var(--secondary-color) !important;
}

.contact-form .wFormContainer .oneChoice:has(input[type="checkbox"]) .label span {
    font-family: inherit !important;
    font-weight: inherit !important;
}

.contact-form .wForm .actions {
    border: none;
    padding: 0;
    margin: 0;
}

.contact-form .wForm .captchaHelp {
    font-size: 14px !important;
    color: var(--white-color);
}

.contact-form .captcha {
    padding: 0 !important;
    margin-bottom: var(--common-form-gap) !important;
}

.contact-form #google-captcha br {
    display: none;
}

.contact-form .wFormContainer .actions .primaryAction {
    background: var(--secondary-color);
    border: 2px solid var(--secondary-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--border-radius-25);
    font-family: var(--title-font);
    font-size: 16px;
    line-height: 1.438;
    font-weight: 700;
    text-transform: uppercase;
    padding-inline: 24px;
    padding-block: 11px;
    color: var(--white-color);
    text-align: center;
    cursor: pointer;
    outline: none !important;
    transition: var(--transition);
    overflow: hidden;
    position: relative;
    z-index: 2;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    width: unset;
}

.contact-form .wFormContainer .actions .primaryAction:hover{
    background: transparent;
    border-color: var(--white-color);
    color: var(--white-color);
}

.contact-form iframe:not(.captcha iframe) {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 645px !important;
}

@media (min-width: 992px) {
    .contact-form .wForm textarea, .contact-form .wForm input:not([type="checkbox"],[type="submit"]){
        font-size: clamp(0.813rem, 0.108vw + 0.746rem, 0.875rem) !important;
    }
}

@media (max-width: 991px) {

    .contact-form form table tbody tr {
        flex-direction: column;
    }

    .contact-form form table tbody tr .inputWrapper {
        width: 100%;
    }

    .contact-form .wForm form .vertical > .oneChoice:has(input[type="checkbox"]) {
        margin: 20px 0;
    }

    .contact-form .wFormContainer .oneChoice:has(input[type="checkbox"]) .label {
        font-size: 14px !important;
    }

    .contact-form .captcha {
        margin-bottom: 20px !important;
    }
}

@media (max-width: 575px) {
    .contact-form .wFormContainer .actions .primaryAction {
        padding-inline: 16px;
        padding-block: 10px;
        font-size: 14px;
    }
}

/*========== Contact Form End ==========*/



/*========== Review Section Start ==========*/

.review-sec {
    padding: 40px 0 36px;
}

.review-box-wp {
    --box-space: clamp(0.625rem, 5.927vw - 3.05rem, 4.063rem);
    /* Breakpoint:- 1920 to 992, value:- 65px to 10px */
    display: flex;
    gap: var(--box-space);
}

.review-box-wp .review-box:not(:last-child) {
    padding-right: var(--box-space);
    border-right: 1px solid rgba(var(--border-color-rgb), 0.39);
}

.review-box-wp .review-box {
    display: flex;
    align-items: center;
    gap: clamp(0.625rem, 1.078vw - 0.043rem, 1.25rem);
    /* Breakpoint:- 1920 to 992, value:- 20px to 10px */
    padding-block: 10px;
}

.review-box .review-box-image img {
    max-width: clamp(3.5rem, 7.22vw - 0.976rem, 7.688rem);
    /* Breakpoint:- 1920 to 992, value:- 123px to 56px */
    max-height: clamp(2.5rem, 1.185vw + 1.765rem, 3.188rem);
    /* Breakpoint:- 1920 to 992, value:- 51px to 40px */
    object-fit: contain;
    width: auto;
    height: auto;
    display: block;
}

.review-box .review-box-content .p2 {
    font-size: clamp(0.875rem, 0.431vw + 0.608rem, 1.125rem);
    /* Breakpoint:- 1920 to 992, value:- 18px to 14px */
}

.review-box .review-box-content .p2 p span {
    display: block;
}

@media (max-width: 991px) {
    .review-sec {
        padding: 100px 0px 0px;
    }

    .review-box-wp {
        --box-space: 20px;
        justify-content: center;
    }

    .review-box-wp .review-box {
        gap: 20px;
    }

    .review-box .review-box-image img {
        max-width: 85px;
        max-height: 41px;
    }

    .review-box .review-box-content .p2 {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .review-box-wp {
        --width: 50%;
        --gap: 24px;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px var(--gap);
    }

    .review-box-wp .review-box {
        flex: 0 0 calc(var(--width) - calc(var(--gap)));
        gap: 10px;
    }

    .review-box-wp .review-box:not(:last-child) {
        padding-right: 0;
        border-right: none;
    }
}

@media (max-width: 575px) {
    .review-sec {
        padding: 80px 0px 0px;
    }

    .review-box-wp {
        --width: 100%;
        flex-direction: column;
        gap: 10px var(--gap);
    }

    .review-box-wp .review-box {
        flex: 1;
        justify-content: center;
    }
}

/*========== Review Section End ==========*/

/*========== How Your Move Section Start ==========*/

.how-your-move-sec.double-arrow-shape::before {
    right: -113px;
    top: 167px;
}

.how-your-move-sec .sec-title {
    margin-bottom: 77px;
}

.how-your-move-box-row {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 122px;
    padding-inline: 15px;
}

.how-your-move-box-row::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 109.184%;
    height: 200px;
    background-image: url("assets/images/process-line.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    pointer-events: none;
}

.how-your-move-box {
    display: flex;
    flex-direction: column;
    gap: 55px;
    text-align: center;
}

.how-your-move-box .how-your-move-box-image {
    --size: 203px;
    position: relative;
    width: var(--size);
    height: var(--size);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-full);
    margin-inline: auto;
}

.how-your-move-box .how-your-move-box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--border-radius-full);
}

.how-your-move-box .how-your-move-box-image .how-your-move-box-number {
    --size: 58px;
    width: var(--size);
    height: var(--size);
    color: var(--white-color);
    font-size: 30px;
    line-height: 1.3;
    font-weight: 700;
    font-family: var(--title-font);
    position: absolute;
    top: 0;
    left: -13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-full);
    background: var(--primary-color);
}

.how-your-move-box .how-your-move-box-text .h3-title {
    margin-bottom: 21px;
    color: var(--dark-color-2);
}

.how-your-move-bottom-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 30px;
    margin-top: 50px;
}

.how-your-move-bottom-content .h3-title {
    color: var(--primary-color);
}

@media (max-width: 1399px) {
    .how-your-move-sec .sec-title {
        margin-bottom: 50px;
    }

    .how-your-move-box-row {
        gap: 30px;
        padding-inline: 0;
    }
}

@media (max-width: 1199px) {

    .how-your-move-box-row::before {
        height: 170px;
    }

    .how-your-move-box {
        gap: 30px;
    }

    .how-your-move-box .how-your-move-box-image {
        --size: 173px;
    }

    .how-your-move-box .how-your-move-box-image .how-your-move-box-number {
        --size: 52px;
        font-size: 24px;
        left: -8px;
    }

    .how-your-move-box .how-your-move-box-text .h3-title {
        margin-bottom: 15px;
    }

    .how-your-move-bottom-content {
        margin-top: 40px;
    }
}

@media (max-width: 991px) {
    .how-your-move-sec .sec-title {
        margin-bottom: 40px;
    }

    .how-your-move-box-row {
        gap: 24px;
    }

    .how-your-move-box-row::before {
        height: 153px;
    }

    .how-your-move-box {
        gap: 20px;
    }

    .how-your-move-box .how-your-move-box-image {
        --size: 150px;
    }

    .how-your-move-box .how-your-move-box-text .h3-title {
        font-size: 18px;
    }

    .how-your-move-box .how-your-move-box-image .how-your-move-box-number {
        --size: 46px;
        font-size: 18px;
        left: -8px;
    }

    .how-your-move-bottom-content {
        gap: 20px;
    }
}

@media (max-width: 767px) {
    .how-your-move-box-row {
        grid-template-columns: repeat(1, 1fr);
    }

    .how-your-move-box-row::before {
        content: none;
    }
}

/*========== How Your Move Section End ==========*/

/*========== What We Do Start ==========*/

.main-what-we-do-sec {
    background-size: clamp(59.375rem, 64.655vw + 19.289rem, 96.875rem);
    /* Breakpoint:- 1920 to 992, value:- 1550px to 950px */
    padding-bottom: 200px;
}

.main-what-we-do-sec .sec-title {
    margin-bottom: 52px;
}

.main-what-we-do-sec .service-wrapper .row {
    --gutter: 20px;
    --gutter-y: var(--gutter);
}

.service-box {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1.189024;
    overflow: hidden;
    border-radius: var(--border-radius-15);
}

.service-box::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(0.39deg, rgb(10, 18, 43) 0.4%, rgba(128, 151, 217, 0) 99.73%);
    opacity: 0.89;
    transition: var(--transition);
}

.service-box:hover::before {
    background: linear-gradient(0.39deg, rgb(10, 18, 43) 25%, rgba(128, 151, 217, 0) 99.73%);
}

.service-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.service-box .service-box-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 22px 18px 29px;
    z-index: 1;
}

.service-box-content .service-box-text {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    flex: 0 0 auto;
    transition: 0.5s;
}

.service-box:hover .service-box-text {
    grid-template-rows: 1fr;
    opacity: 1;
    visibility: visible;
}

.service-box:hover .service-box-content .h3-title {
    margin-bottom: 10px;
}

.service-box-content .service-box-text p {
    overflow: hidden;
}

.service-box .arrow-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    aspect-ratio: 1 / 1;
    background: var(--white-color);
    border-radius: 50%;
    font-size: 28px;
    color: var(--secondary-color);
    box-shadow: 0px 0px 10px 0px rgba(var(--black-color-rgb), 0.31);
    transition: var(--transition);
    position: absolute;
    top: 20px;
    right: 22px;
    z-index: 2;
}

.service-box .arrow-btn:hover {
    background: var(--secondary-color);
    color: var(--white-color);
}

@media (max-width: 1399px) {
    .main-what-we-do-sec {
        padding-bottom: 150px;
    }

    .main-what-we-do-sec .sec-title {
        margin-bottom: 50px;
    }

    .service-box .service-box-content {
        padding: 15px 18px 15px;
    }

    .service-box {
        aspect-ratio: 1 / 1.42;
    }
}

@media (max-width: 1199px) {
    .main-what-we-do-sec {
        padding-bottom: 120px;
    }

    .main-what-we-do-sec .service-wrapper .row {
        --gutter: 14px;
    }

    .service-box {
        aspect-ratio: 1 / 1.72;
    }

    .service-box .arrow-btn {
        top: 10px;
        right: 10px;
    }
}

@media (max-width: 991px) {
    .main-what-we-do-sec {
        padding-bottom: var(--section-spacing);
    }

    .main-what-we-do-sec .sec-title {
        margin-bottom: 40px;
    }

    .main-what-we-do-sec .service-wrapper .row {
        --gutter: 24px;
    }

    .service-box {
        aspect-ratio: 1 / 1.189024;
    }
}

/*========== What We Do End ==========*/

/*========== Our Promise Start ==========*/

.main-our-promise-sec {
    position: relative;
    padding-top: 112px;
    background-blend-mode: multiply;
    background-color: var(--primary-color);
}

.main-our-promise-sec::before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.71;
    background-color: var(--primary-color);
    pointer-events: none;
}

.main-our-promise-sec .image-content {
    max-width: 483px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    height: 100%;
}

.main-our-promise-sec .image-content .sec-btn {
    margin-block: 36px;
}

.main-our-promise-sec .our-promise-img {
    width: 100%;
    margin-top: auto;
    aspect-ratio: 1 / 1.321946;
    border-radius: var(--border-radius-15);
    overflow: hidden;
}

.main-our-promise-sec .our-promise-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.promise-key-features {
    max-width: 764px;
    margin-left: auto;
}

.promise-key-features .promise-box {
    display: flex;
    align-items: flex-start;
    margin-bottom: 33px;
    border: 1px solid var(--white-color);
    padding: 20px 40px;
    border-radius: 18px;
    gap: 50px;
}

.promise-key-features .promise-box:last-child {
    margin-bottom: 0;
}

.promise-key-features .promise-box .icon {
    width: 65px;
    flex: 0 0 auto;
    margin-top: 10px;
}

.promise-key-features .promise-box .content .h3-title {
    font-size: 30px;
}

.promise-key-features .promise-box .p2 {
    margin-top: 10px;
}

@media (max-width: 1399px) {
    .promise-key-features .promise-box {
        margin-bottom: 24px;
        padding: 20px 30px;
        gap: 40px;
    }

    .promise-key-features .promise-box .content .h3-title {
        font-size: 26px;
    }
}

@media (max-width: 1199px) {
    .main-our-promise-sec {
        padding-top: var(--section-spacing);
    }

    .main-our-promise-sec .image-content .sec-btn {
        margin-block: 30px;
    }

    .promise-key-features .promise-box {
        gap: 20px;
    }

    .promise-key-features .promise-box .icon {
        width: 50px;
    }

    .promise-key-features .promise-box .content .h3-title {
        font-size: 22px;
    }
}

@media (max-width: 991px) {

    .main-our-promise-sec .image-content {
        height: auto;
        max-width: 100%;
        margin-bottom: 50px;
    }

    .main-our-promise-sec .image-content .sec-btn {
        margin-block: 20px 30px;
    }

    .main-our-promise-sec .our-promise-img {
        aspect-ratio: 1 / 1.021946;
    }

    .promise-key-features .promise-box .content .h3-title {
        font-size: 20px;
    }
}

@media (max-width: 575px) {
    .promise-key-features .promise-box {
        flex-direction: column;
        padding: 30px 20px;
    }

    .promise-key-features .promise-box .icon {
        margin-top: 0;
    }
}


/*========== Our Promise End ==========*/

/*========== Testimonial Section Start ==========*/

.testimonial-sec {
    padding-bottom: 217px;
}

.testimonial-sec.double-arrow-shape::before {
    bottom: -77px;
    left: -132px;
}

.testimonial-sec .sec-title {
    margin-bottom: 82px;
}

.testimonial-slider-wp {
    position: relative;
}

.testimonial-slider {
    --extra-space: 24px;
    padding: var(--extra-space) 12px var(--extra-space);
    margin-inline: -12px;
    margin-block: calc(var(--extra-space) * -1);
}

.testimonial-slider .swiper-slide {
    height: auto;
    box-sizing: border-box;
}

.testimonial-slider-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 68px 55px 54px;
    box-shadow: var(--box-shadow-1);
    border-radius: var(--border-radius-15);
    background-color: var(--white-color);
}

.testimonial-slider-box .star-rating-wp {
    line-height: 1;
    margin-bottom: 23px;
}

.star-rating {
    --width: 118px;
    --height: 20px;
    position: relative;
    display: inline-block;
}

.star-rating::before {
    content: "";
    display: block;
    -webkit-mask-image: url(assets/images/star-rating.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 100%;
    mask-position: 100%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #d5d5d5;
    width: var(--width);
    height: var(--height);
}

.star-rating__fill {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    overflow: hidden;
}


.star-rating__fill::before {
    content: "";
    display: block;
    -webkit-mask-image: url(assets/images/star-rating.svg);
    mask-repeat: no-repeat;
    -webkit-mask-position: 100%;
    mask-position: 100%;
    -webkit-mask-size: cover;
    mask-size: cover;
    width: var(--width);
    height: var(--height);
    background-color: #ffcd02;
}

.testimonial-slider-box .p2 {
    max-height: 112px;
    margin-bottom: 68px;
}

.testimonial-slider-box .p2 p {
    font-weight: 600;
}

.testimonial-slider-box .testimonial-author-name {
    margin-top: auto;
}

.testimonial-slider-box .testimonial-author-name .h5-title {
    text-transform: uppercase;
    color: var(--secondary-color);
}

.testimonial-sec .certificate-row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px 85px;
    margin-top: 90px;
}

.testimonial-sec .certificate-row .certificate-image-box img {
    max-width: 336px;
    max-height: 98px;
    object-fit: contain;
    width: auto;
    height: auto;
    display: block;
}

@media (min-width: 992px) {
    .testimonial-slider-wp .custom-arrow-wrapper .swiper-nav-btn {
        --outside: 22px;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        left: calc(calc(var(--outside) + var(--size)) * -1);
        z-index: 2;
    }

    .testimonial-slider-wp .custom-arrow-wrapper .swiper-nav-btn.swiper-nav-btn-next {
        left: auto;
        right: calc(calc(var(--outside) + var(--size)) * -1);
    }
}


@media (max-width: 1530px) {
    .testimonial-slider-wp .custom-arrow-wrapper .swiper-nav-btn {
        --outside: -21px;
    }
}

@media (max-width: 1399px) {

    .testimonial-sec {
        padding-bottom: 150px;
    }

    .testimonial-sec .sec-title {
        margin-bottom: 50px;
    }

    .testimonial-slider-box {
        padding: 55px 45px 45px;
    }

    .testimonial-sec .certificate-row {
        margin-top: 70px;
    }
}

@media (max-width: 1199px) {

    .testimonial-sec {
        padding-bottom: 120px;
    }

    .testimonial-slider-box {
        padding: 45px 35px 35px;
    }

    .testimonial-slider-box .p2 {
        margin-bottom: 48px;
    }

    .testimonial-sec .certificate-row {
        gap: 30px 65px;
        margin-top: 50px;
    }
}

@media (max-width: 991px) {
    .testimonial-sec {
        padding-bottom: var(--section-spacing);
    }

    .testimonial-sec .sec-title {
        margin-bottom: 40px;
    }

    .testimonial-slider-wp .custom-arrow-wrapper {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin-top: 20px;
    }

    .testimonial-slider-box {
        padding: 30px 20px 20px;
    }

    .testimonial-slider-box .p2 {
        max-height: 125px;
        margin-bottom: 30px;
    }

    .testimonial-slider-box .testimonial-author-name .h5-title {
        font-size: 16px;
    }

    .testimonial-sec .certificate-row {
        gap: 20px 35px;
        margin-top: 40px;
    }

    .testimonial-sec .certificate-row .certificate-image-box img {
        max-width: 200px;
        max-height: 60px;
        width: fit-content;
    }
}

@media (max-width: 575px) {
    .testimonial-sec .certificate-row {
        gap: 15px 20px;
    }

    .testimonial-sec .certificate-row .certificate-image-box img {
        max-width: 155px;
        max-height: 40px;
    }
}

/*========== Testimonial Section End ==========*/

/*========== About Start ==========*/

.main-about-us-sec {
    padding-bottom: 158px;
}

.main-about-us-sec.small-dots-shape::after {
    top: auto;
    left: auto;
    right: 0;
    bottom: -174px;
    scale: -1;
}

.about-us-img-box {
    display: flex;
    gap: 18px;
    padding-right: 37px;
}

.about-us-img-box .about-bottom-image {
    width: 49.33333333%;
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.about-us-img-box .about-bottom-image img,
.about-us-img-box .about-top-image img {
    width: 100%;
    height: auto;
    border-radius: var(--border-radius-15);
    aspect-ratio: 1 / 1.310811;
    object-fit: cover;
    flex: 1;
}

.about-us-img-box .about-top-image {
    width: 48.26666666%;
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.about-us-img-box .about-top-image img {
    aspect-ratio: 1 / 1.28453038674;
}

.about-us-img-box .image-text-box-wp {
    -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 10px;
    margin: -10px;
}

.about-us-img-box .image-text-box {
    position: relative;
    padding: 23px 27px 23px 65px;
    margin-left: 10px;
    border-radius: var(--border-radius-15) var(--border-radius-15) var(--border-radius-15) 0;
    background: var(--white-color);
    -webkit-clip-path: polygon(100% 0, 100% 100%, 9% 100%, 0 83%, 0 0);
    clip-path: polygon(100% 0, 100% 100%, 9% 100%, 0 83%, 0 0);
}

.about-us-img-box .image-text-box .h5-title {
    color: var(--secondary-color);
    margin-bottom: 15px;
}

.about-us-img-box .image-text-box .p2 {
    line-height: 1.38888888889;
}

.about-us-img-box .image-text-box .p2 p {
    margin-bottom: 0;
}

.about-us-img-box .about-counter-box {
    position: relative;
    padding: 50px 44px 30px;
    border-radius: var(--border-radius-15);
    overflow: hidden;
    flex: 0 0 auto;
}

.about-us-img-box .about-counter-box::before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.94;
    background-color: var(--primary-color);
    mix-blend-mode: multiply;
}

.about-us-img-box .about-counter-box .counter-box {
    position: relative;
}

.about-us-img-box .about-counter-box .count-number {
    font-size: 90px;
    line-height: 1;
    margin-bottom: 10px;
}

.about-us-img-box .about-counter-box .count-number span {
    display: inline-block;
}

.counter-box p {
    text-transform: uppercase;
    font-weight: 700;
    font-family: var(--title-font);
}

.main-about-us-sec .about-us-content {
    margin-left: -20px;
}

.main-about-us-sec .about-us-content .sec-title {
    margin-bottom: 8px;
}

.main-about-us-sec .about-content-btn {
    margin-top: 48px;
    display: flex;
    gap: 16px 24px;
    flex-wrap: wrap;
}

@media (max-width: 1399px) {

    .main-about-us-sec {
        padding-bottom: 108px;
    }

    .about-us-img-box {
        padding-right: 0;
    }

    .about-us-img-box .image-text-box {
        padding: 20px 20px 20px 34px;
        margin-left: 0;
    }

    .about-us-img-box .about-counter-box .count-number {
        font-size: 64px;
    }

    .main-about-us-sec .about-us-content {
        margin-left: 0;
    }

    .main-about-us-sec .about-content-btn {
        margin-top: 30px;
    }
}

@media (max-width: 1199px) {

    .main-about-us-sec {
        padding-bottom: 78px;
    }

    .about-us-img-box .about-counter-box {
        padding: 30px 24px;
    }

    .about-us-img-box .about-counter-box .count-number {
        font-size: 54px;
    }
}

@media (max-width: 991px) {
    .main-about-us-sec {
        padding-bottom: var(--section-spacing);
    }

    .main-about-us-sec.small-dots-shape::after {
        bottom: -304px;
    }

    .about-us-img-box {
        margin-bottom: 50px;
    }

    .main-about-us-sec .about-content-btn {
        margin-top: 20px;
    }
}

@media (max-width: 575px) {
    .about-us-img-box {
        gap: 14px;
    }

    .about-us-img-box .about-bottom-image {
        gap: 12px;
    }

    .about-us-img-box .about-top-image {
        gap: 12px;
    }

    .about-us-img-box .about-counter-box {
        padding: 30px 20px;
    }

    .about-us-img-box .about-counter-box .count-number {
        font-size: 44px;
    }

    .main-about-us-sec .about-content-btn {
        gap: 16px 20px;
    }
}

@media (max-width: 530px) {
    .about-us-img-box {
        flex-direction: column;
        gap: 24px;
    }

    .about-us-img-box .about-bottom-image {
        width: 100%;
        gap: 20px;
    }

    .about-us-img-box .about-top-image {
        width: 100%;
        flex-direction: column-reverse;
        gap: 20px;
    }

    .about-us-img-box .image-text-box {
        padding: 20px 20px 34px 34px;
    }
}

/*========== About End ==========*/

/*========== Footer Start ==========*/

/* --------- Footer CTA Start --------- */

.footer-call-to-action {
    --top-extra-space: 52px;
    padding-top: var(--top-extra-space);
    position: relative;
    z-index: 9;
}

.call-to-action-wrapper {
    position: relative;
    max-width: 1170px;
    margin: 0 auto -105px;
    border-radius: var(--border-radius-15);
    background-color: var(--secondary-color);
    padding-inline: 86px;
    display: flex;
    align-items: flex-start;
    gap: 87px;
    box-shadow: 0px 0px 15px 0px rgba(var(--black-color-rgb), 0.09);
}

.call-to-action-wrapper .image-content {
    width: 172px;
    height: auto;
    flex: 0 0 auto;
    margin-top: calc(var(--top-extra-space) * -1);
}

.call-to-action-wrapper .image-content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.call-to-action-wrapper .cta-content {
    padding-block: 50px 60px;
    flex: 1;
}

.call-to-action-wrapper .cta-content .h2-title {
    margin-bottom: 10px;
}

.call-to-action-wrapper .button-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px 42px;
    margin-top: 30px;
}

/* --------- Footer CTA End --------- */

.site-footer {
    background-size: cover;
    background-position: center;
    position: relative;
    --body-font-size: 16px;
}

.site-footer:before {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--primary-color);
    opacity: 0.4;
}

.site-footer a {
    font-size: var(--body-font-size);
}

.site-footer .top-footer {
    padding-block: 200px 80px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--gutter);
}

.site-footer .top-footer>* {
    flex: 0 0 auto;
}

.site-footer .site-info {
    max-width: 26.010204%;
}

.site-info .footer-logo {
    width: 242px;
    max-width: 100%;
}

.site-info .footer-logo a {
    display: inline-block;
}

.site-info .footer-logo a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.site-footer .footer-menu-item {
    max-width: 12.02623906%;
}

.site-info .p2 {
    margin-top: 45px;
}

.social-list ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-top: 31px;
}

.social-list ul li a {
    --size: 47px;
    background-color: rgba(var(--white-color-rgb), 0.15);
    color: var(--white-color);
    width: var(--size);
    height: var(--size);
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-10);
    transition: var(--transition);
}

.social-list ul li a:hover {
    background-color: var(--white-color);
    color: var(--primary-color);
}

.site-footer .footer-menu-item .h5-title,
.site-footer .footer-contact-item .h5-title {
    font-weight: 500;
    margin-bottom: 24px;
}

.site-footer .footer-menu-item ul li a {
    display: inline-block;
    color: var(--white-color);
    line-height: 29px;
}

.site-footer .footer-menu-item ul li a:hover,
.site-footer .footer-menu-item ul li.current-menu-item>a {
    color: var(--secondary-color);
}

.footer-contact ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer-contact ul li {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-contact ul li .icon {
    display: flex;
    flex-shrink: 0;
    font-size: 20px;
}

.footer-contact ul li a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--white-color);
}

.footer-contact ul li a:hover {
    color: var(--secondary-color);
}

.footer-contact ul li a iconify-icon {
    font-size: 22px;
}

.footer-contact ul li a span {
    color: inherit !important;
    display: inline-block;
}

.bottom-footer {
    border-top: 1px solid var(--white-color);
    padding-block: 30px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    --body-font-size: 12px;
}

.bottom-footer a {
    color: var(--white-color);
}

.bottom-footer a:hover {
    color: var(--secondary-color);
}

.footer-bottom-link ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px 16px;
}

.footer-bottom-link ul li {
    display: inline-flex;
    position: relative;
}

.footer-bottom-link ul li:not(:first-child)::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    max-height: 10px;
    top: 50%;
    left: -8px;
    transform: translateY(-50%);
    background: var(--white-color);
}

.copy-right p,
.footer-other-link p,
.footer-bottom-link ul li a {
    font-weight: 400;
    letter-spacing: 0.0272em;
}

.footer-other-link p a {
    text-decoration: underline !important;
}

@media (max-width: 1399px) {
    .call-to-action-wrapper {
        padding-inline: 50px;
        gap: 50px;
    }

    .site-footer .footer-menu-item {
        max-width: 20%;
    }
}

@media (max-width: 1199px) {
    .call-to-action-wrapper {
        padding-inline: 30px;
        gap: 30px;
    }

    .call-to-action-wrapper .button-wrapper {
        gap: 20px 24px;
    }

    .site-footer .top-footer {
        gap: 20px;
    }

    .site-info .p2 {
        margin-top: 30px;
    }

    .social-list ul {
        gap: 10px;
        margin-top: 25px;
    }
}

@media (max-width: 991px) {

    .footer-call-to-action {
        --top-extra-space: 35px;
    }

    .call-to-action-wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 30px;
    }

    .call-to-action-wrapper .image-content {
        width: 115px;
    }

    .call-to-action-wrapper .cta-content {
        padding-block: 0;
        flex: 1;
        text-align: center;
    }

    .call-to-action-wrapper .button-wrapper {
        justify-content: center;
    }

    .site-footer .top-footer {
        --width: 32.4%;
        --gap: 30px;
        flex-wrap: wrap;
        gap: 50px var(--gap);
        align-items: unset;
        justify-content: flex-start;
    }

    .site-footer .top-footer>* {
        flex: 0 0 calc(var(--width) - calc(var(--gap)));
        display: block;
        max-width: unset !important;
    }

    .bottom-footer {
        padding-block: 20px;
        flex-direction: column;
        gap: 6px;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .site-footer .top-footer {
        --width: 100%;
        flex-direction: column;
        gap: 40px var(--gap);
    }

    .site-info .footer-logo {
        width: 180px;
    }

    .site-footer .top-footer>* {
        flex: 1;
    }

    .site-footer .footer-menu-item .h5-title,
    .site-footer .footer-contact-item .h5-title {
        margin-bottom: 14px;
    }
}

@media (max-width: 575px) {
    .call-to-action-wrapper {
        padding-inline: 20px;
    }

    .site-footer .top-footer {
        padding-block: 164px 60px;
    }

    .site-info .footer-logo {
        width: 150px;
    }

}

/*========== Footer End ==========*/

/*========== Scroll To Top Start ==========*/

.scrolltop {
    --size: 45px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: var(--size);
    height: var(--size);
    background: var(--secondary-color);
    border: none;
    color: var(--white-color) !important;
    font-size: 25px;
    line-height: 1;
    text-align: center;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
    cursor: pointer;
    display: none;
    z-index: 50;
    transition: var(--transition);
}

.scrolltop:hover {
    background: var(--dark-color);
    color: var(--white-color) !important;
}

@media (max-width: 1550px) {
    .scrolltop {
        bottom: 50px;
    }
}

/*========== Scroll To Top End ==========*/

/*========== Inner Page Start ==========*/

.inner-banner {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 408px;
    padding: 130px 0 100px;
    overflow: hidden;
}

.inner-banner.double-arrow-shape::before {
    rotate: 90deg;
    width: clamp(30.813rem, 43.103vw + 4.088rem, 55.813rem);
    /* Breakpoint:- 1920 to 992, value:- 893px to 493px */
    height: auto;
    aspect-ratio: 1 / 1.36394176932;
    top: clamp(3.188rem, -9.159vw + 14.179rem, 8.5rem);
    /* Breakpoint:- 1920 to 992, value:- 51px to 136px */
    left: 25.7%;
    transform: translate(-50%, 50%);
    background: var(--dark-color-2);
    opacity: 0.42;
}

.inner-banner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--light-dark-color);
    mix-blend-mode: multiply;
    opacity: 0.40;
    pointer-events: none;
}

.inner-banner .banner-content>*:last-child {
    margin-bottom: 0;
}

.inner-page-text {
    padding: 100px 0;
}

@media (max-width: 1199px) {
    .inner-banner {
        min-height: 360px;
        padding: 100px 0 100px;
    }

    .inner-banner.double-arrow-shape::before {
        top: clamp(5.375rem, 14.423vw - 3.567rem, 7.25rem);
        /* Breakpoint:- 1200 to 992, value:- 86px to 116px */
    }
}


@media (max-width: 991px) {
    .inner-banner {
        padding: 80px 0 80px;
        min-height: 300px;
    }

    .inner-banner.double-arrow-shape::before {
        width: 363px;
        left: 31%;
    }

    .inner-page-text {
        padding: 80px 0;
    }
}

@media (max-width: 575px) {
    .inner-banner {
        min-height: 250px;
    }

    .inner-banner.double-arrow-shape::before {
        left: 45%;
        top: 60px;
    }

    .inner-page-text {
        padding: 60px 0;
    }
}

/*========== Inner Page End ==========*/

/*========== About [Page] Start ==========*/

/* ---------- About Us Section Start --------- */

.about-us-sec {
    padding-bottom: 232px;
}

.about-us-image-box {
    max-width: 600px;
    height: auto;
    aspect-ratio: 1 / 0.935;
    border-radius: var(--border-radius-15);
    overflow: hidden;
}

.about-us-image-box .back-img {
    width: 100%;
    height: 100%;
}

.about-us-sec .about-us-content {
    max-width: 620px;
    margin-left: auto;
}

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

.about-us-content .certificate-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px 60px;
    margin-top: 49px;
}

.about-us-content .certificate-row .certificate-image-box img {
    max-width: 259px;
    max-height: 66px;
    object-fit: contain;
    width: auto;
    height: auto;
    display: block;
}


@media (max-width: 1399px) {
    .about-us-sec {
        padding-bottom: 150px;
    }

    .about-us-content .certificate-row {
        gap: 30px 30px;
        margin-top: 40px;
    }

    .about-us-content .certificate-row .certificate-image-box img {
        max-width: 225px;
        max-height: 60px;
    }
}


@media (max-width: 1199px) {
    .about-us-sec {
        padding-bottom: 120px;
    }

    .about-us-content .certificate-row {
        gap: 20px 20px;
        margin-top: 30px;
    }

    .about-us-content .certificate-row .certificate-image-box img {
        max-width: 195px;
        max-height: 50px;
    }
}

@media (max-width: 991px) {
    .about-us-sec {
        padding-bottom: var(--section-spacing);
    }

    .about-us-sec .about-us-content {
        max-width: 100%;
    }

    .about-us-image-box {
        max-width: 100%;
        margin-bottom: 50px;
    }

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

    .about-us-content .certificate-row {
        margin-top: 20px;
    }
}

@media (max-width: 575px) {
    .about-us-content .certificate-row {
        gap: 15px 20px;
    }

    .about-us-content .certificate-row .certificate-image-box img {
        max-width: 155px;
        max-height: 40px;
    }
}

/* ---------- About Us Section End --------- */

/* ---------- Our Story Section Start --------- */

.our-story-sec {
    overflow: hidden;
    background-color: var(--primary-color);
}

.our-story-sec.double-arrow-shape::before {
    opacity: 0.13;
    width: clamp(12.5rem, 6.789vw + 8.291rem, 16.438rem);
    /* Breakpoint:- 1920 to 992, value:- 263px to 200px */
    bottom: -28px;
    left: -98px;
}

.our-story-content {
    padding-block: var(--section-spacing) 193px;
    margin-left: clamp(0rem, 9.483vw - 5.879rem, 5.5rem);
    /* Breakpoint:- 1920 to 992, value:- 88px to 0px */
    max-width: 570px;
    margin-right: 30px;
}

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

.our-story-image-box {
    position: relative;
    height: 100%;
}

.our-story-image-box .back-img-wp {
    position: absolute;
    width: 50vw;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

.our-story-image-box .back-img-wp .back-img {
    width: 100%;
    height: 100%;
}

@media (max-width: 1399px) {
    .our-story-content {
        padding-block: var(--section-spacing) 150px;
    }
}

@media (max-width: 1199px) {
    .our-story-content {
        padding-block: var(--section-spacing) 120px;
    }
}

@media (max-width: 991px) {
    .our-story-content {
        max-width: 100%;
        margin: 0;
        padding-block: 50px var(--section-spacing);
    }

    .our-story-content .sec-title {
        margin-bottom: 20px;
    }

    .our-story-image-box .back-img-wp {
        position: relative;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100vw;
        height: auto;
        aspect-ratio: 1 / 0.60544904137;
    }

}


/* ---------- Our Story Section End --------- */

/* ---------- Our Core Values Section Start --------- */

.our-core-value-sec {
    padding: 160px 0 246px;
    position: relative;
    z-index: 1;

}

.our-core-value-sec::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--light-blue-color);
    mix-blend-mode: lighten;
    pointer-events: none;
    z-index: -1;
}

.our-core-value-sec .sec-title {
    margin-bottom: 90px;
}

.our-core-value-sec .sec-title .p2 {
    margin-top: 30px;
}

.our-core-value-row {
    display: flex;
    gap: clamp(1.5rem, 1.509vw + 0.565rem, 2.375rem);
    /* Breakpoint:- 1920 to 992, value:- 38px to 24px */
    align-items: flex-start;
}

.our-core-value-row .our-core-value-box-wp {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.our-core-value-box {
    display: flex;
    flex-direction: column;
    gap: clamp(0.625rem, 0.754vw + 0.157rem, 1.063rem);
    /* Breakpoint:- 1920 to 992, value:- 17px to 10px */
    height: 100%;
    padding: 22px clamp(1.25rem, 1.078vw + 0.582rem, 1.875rem) clamp(1.25rem, 0.647vw + 0.849rem, 1.625rem);
    /* Breakpoint:- 1920 to 992, value:- 30px to 20px */
    /* Breakpoint:- 1920 to 992, value:- 26px to 20px */
    box-shadow: var(--box-shadow-2);
    border-radius: var(--border-radius-15);
    background-color: var(--white-color);
}

.our-core-value-box .our-core-value-box-icon-title {
    display: flex;
    gap: clamp(0.875rem, 1.293vw + 0.073rem, 1.625rem);
    /* Breakpoint:- 1920 to 992, value:- 26px to 14px */
}


.our-core-value-box .our-core-value-box-icon-title .our-core-value-box-icon {
    --size: 61px;
    width: var(--size);
    height: var(--size);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--border-radius-full);
    background-color: var(--secondary-color);
}

.our-core-value-box .our-core-value-box-icon-title .our-core-value-box-icon img {
    --size: 37px;
    max-width: var(--size);
    max-height: var(--size);
    object-fit: contain;
}

.our-core-value-box .our-core-value-box-icon-title .our-core-value-box-title {
    align-self: center;
}

.our-core-value-box .our-core-value-box-icon-title .our-core-value-box-title .h3-title {
    font-size: clamp(1.125rem, 1.293vw + 0.323rem, 1.875rem);
    /* Breakpoint:- 1920 to 992, value:- 30px to 18px */
    color: var(--primary-color);
}

.our-core-value-box .our-core-value-box-icon-title .our-core-value-box-title .h3-title span {
    display: block;
    font-size: clamp(1rem, 0.647vw + 0.599rem, 1.375rem);
    /* Breakpoint:- 1920 to 992, value:- 22px to 16px */
}

.our-core-value-row .our-core-value-image-box {
    flex: 0 0 auto;
    width: clamp(17.625rem, 8.621vw + 12.28rem, 22.625rem);
    /* Breakpoint:- 1920 to 992, value:- 362px to 282px */
    height: 445px;
    border-radius: var(--border-radius-15);
    overflow: hidden;
}

.our-core-value-row .our-core-value-image-box .back-img {
    width: 100%;
    height: 100%;
}

@media (max-width: 1499px) {
    .our-core-value-sec {
        padding: 160px 0 160px;
    }
}

@media (max-width: 1399px) {
    .our-core-value-sec {
        padding: 120px 0 150px;
    }

    .our-core-value-sec .sec-title {
        margin-bottom: 50px;
    }

    .our-core-value-sec .sec-title .p2 {
        margin-top: 16px;
    }
}

@media (max-width: 1199px) {
    .our-core-value-sec {
        padding: 100px 0 120px;
    }
}

@media (max-width: 991px) {

    .our-core-value-sec {
        padding: var(--section-spacing) 0;
    }

    .our-core-value-sec .sec-title {
        margin-bottom: 40px;
    }

    .our-core-value-sec .sec-title .p2 {
        margin-top: 10px;
    }

    .our-core-value-row {
        flex-direction: column;
    }

    .our-core-value-box {
        padding: 30px;
        gap: 15px;
    }

    .our-core-value-box .our-core-value-box-icon-title .our-core-value-box-title .h3-title {
        font-size: 20px;
    }

    .our-core-value-row .our-core-value-image-box {
        aspect-ratio: 1 / 0.729282;
        width: 100%;
    }
}

@media (max-width: 575px) {
    .our-core-value-box {
        padding: 30px 20px;
        gap: 15px;
    }

    .our-core-value-box .our-core-value-box-icon-title {
        flex-direction: column;
    }

    .our-core-value-box .our-core-value-box-icon-title .our-core-value-box-title {
        align-self: flex-start;
    }
}

/* ---------- Our Core Values Section End --------- */

/* ---------- Our Team Section Start --------- */

.our-team-sec {
    padding: 132px 0 133px;
}

.our-team-sec.small-dots-shape-2::after {
    top: 17px;
}

.our-team-sec.small-dots-shape-2::before {
    bottom: -170px;
}

.our-team-sec .double-arrow-shape {
    position: unset;
}

.our-team-sec .double-arrow-shape::before {
    bottom: -86px;
    left: -77px;
    width: clamp(12.5rem, 9.052vw + 6.888rem, 17.75rem);
    /* Breakpoint:- 1920 to 992, value:- 284px to 200px */
    opacity: 0.76;

}

.our-team-sec .sec-title {
    max-width: 980px;
    margin: 0 auto 122px;
}

.our-team-sec .sec-title .p2 {
    margin-top: 50px;
}

.row.our-team-row {
    --gutter: clamp(1.5rem, 2.909vw - 0.304rem, 3.188rem);
    /* Breakpoint:- 1920 to 992, value:- 51px to 24px */
    --gutter-y: clamp(1.5rem, 2.371vw + 0.03rem, 2.875rem);
    /* Breakpoint:- 1920 to 992, value:- 46px to 24px */
}

.our-team-box {
    position: relative;
    height: 100%;
    box-shadow: 0px 0px 15px rgba(var(--black-color-rgb), 0.27);
    border-radius: var(--border-radius-15);
    overflow: hidden;
    cursor: pointer;
    transition: var(--transition);
}

.our-team-box .our-team-box-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1.40583554377;
}

.our-team-box .our-team-box-image .back-img {
    width: 100%;
    height: 100%;
}

.our-team-box .our-team-box-content {
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translate(-50%, 0);
    width: calc(100% - 44px);
    padding: 19px 15px 17px;
    min-height: 171px;
    border-radius: var(--border-radius-10);
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    background-color: var(--white-color);
    visibility: visible;
    opacity: 1;
    transition: var(--transition);
}

.our-team-box:hover .our-team-box-content {
    background-color: var(--primary-color);
}

.our-team-box .our-team-box-content .h3-title {
    color: var(--primary-color);

}

.our-team-box .our-team-box-content>* {
    transition: var(--transition);
}

.our-team-box:hover .our-team-box-content:not(.our-team-row [class*="col-"]:not(:has(.popup-content p)) .our-team-box:hover .our-team-box-content)>* {
    color: var(--white-color);
}


.our-team-box .our-team-box-content .p2 span {
    display: block;
}

.our-team-row [class*="col-"]:not(:has(.popup-content p)) .our-team-box:hover .our-team-box-content {
    /* opacity: 0;
    visibility: hidden;
    pointer-events: none; */
    background-color: var(--white-color);
}

.our-team-row [class*="col-"]:not(:has(.popup-content p)) .our-team-box {
    cursor: unset;
}

@media (max-width: 1399px) {

    .our-team-sec .sec-title {
        margin: 0 auto 50px;
    }

    .our-team-sec .sec-title .p2 {
        margin-top: 16px;
    }
}

@media (max-width: 1199px) {
    .our-team-sec {
        padding: 120px 0;
    }
}

@media (max-width: 991px) {
    .our-team-sec {
        padding: var(--section-spacing) 0;
    }

    .our-team-sec.small-dots-shape-2::before {
        bottom: -300px;
    }

    .our-team-sec .sec-title {
        margin: 0 auto 40px;
    }

    .our-team-sec .sec-title .p2 {
        margin-top: 10px;
    }

    .our-team-box .our-team-box-content {
        min-height: 150px;
    }
}


/* ----- Team Details Popup Start ----- */

.team-modal .modal-dialog {
    max-width: 100%;
    width: 100%;
}

.team-modal .modal-content {
    border-radius: var(--border-radius-15);
    box-shadow: 0px 0px 20px rgba(var(--black-color-rgb), .37);
    border: 1px solid var(--border-color);
    background: var(--primary-color);
}

.team-modal .team-modal-content-box-inner {
    max-height: clamp(1px, 90vh, 534px);
}

.team-modal .team-content-wp {
    padding-inline: clamp(20px, 2.5vw, 45px) clamp(20px, 2.5vw, 35px);
    padding-block: clamp(25px, 5vh, 55px) clamp(25px, 5vh, 45px);
    display: flex;
    gap: 52px;
}

.team-modal .team-modal-image {
    flex: 0 0 auto;
    width: 355px;
    height: auto;
    aspect-ratio: 1 / 1.22253521127;
    border-radius: var(--border-radius-15);
    overflow: hidden;
}

.team-modal .team-modal-image .back-img {
    width: 100%;
    height: 100%;
    background-position: top center;
}

.team-modal .team-modal-member-info {
    flex: 1;
    max-width: 1100px;
}

.team-modal .team-modal-member-info .h3-title {
    margin-bottom: 10px;
}

.team-modal .team-modal-member-info .p2 {
    position: relative;
    padding-bottom: 22px;
    margin-bottom: 30px;
}

.team-modal .team-modal-member-info .p2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 68px;
    height: 3px;
    background-color: var(--secondary-color);
}

.team-modal .team-modal-member-info .p2 span {
    display: block;
}

.team-modal .team-modal-member-info .team-modal-member-description {
    max-height: 255px;
}

.team-modal .simplebar-track.simplebar-vertical {
    background: rgba(var(--white-color-rgb), 0.2);
}

.team-modal .simplebar-scrollbar:before {
    background: var(--white-color);
}

@media (max-width: 1399px) {
    .team-modal .team-content-wp {
        gap: 40px;
    }
}

@media (max-width: 1199px) {
    .team-modal .team-content-wp {
        gap: 30px;
    }

    .team-modal .team-modal-image {
        width: 325px;
    }
}

@media (max-width: 991px) {

    .team-modal .team-modal-content-box-inner {
        max-height: 90vh;
    }

    .team-modal .team-content-wp {
        flex-direction: column;
        gap: 24px;
    }

    .team-modal .team-modal-member-info {
        max-width: 100%;
    }

    .team-modal .team-modal-member-info .p2 {
        position: relative;
        padding-bottom: 14px;
        margin-bottom: 20px;
    }

    .team-modal .team-modal-member-info .team-modal-member-description {
        max-height: unset;
    }

    .team-modal .team-modal-member-info .team-modal-member-description .simplebar-content {
        padding-right: 0 !important;
    }
}

@media (max-width: 575px) {
    .team-modal .team-modal-image {
        width: 100%;
    }
}

/* ----- Team Details Popup End ----- */

/* ---------- Our Team Section End --------- */

/*========== About [Page] End ==========*/

/*========== Services [Page] Start ==========*/

/* ---------- Local Movin Section Start --------- */

.local-moving-sec {
    --extra-space: 282px;
    padding: 82px 0 100px;
}

.local-moving-sec .local-moving-content {
    max-width: 890px;
    margin-left: auto;
    margin-right: 62px;
}

.local-moving-content .sec-title {
    margin-bottom: 38px;
}

.local-moving-content .call-cta-btn {
    margin-top: 58px;
}

.call-cta-btn {
    display: flex;
    align-items: center;
    gap: 19px;
}

.call-cta-btn .call-cta-icon {
    --size: clamp(3.563rem, 1.078vw + 2.894rem, 4.188rem);
    /* Breakpoint:- 1920 to 992, value:- 67px to 57px */
    width: var(--size);
    height: var(--size);
    font-size: clamp(2.125rem, 1.078vw + 1.457rem, 2.75rem);
    /* Breakpoint:- 1920 to 992, value:- 44px to 34px */
    color: var(--white-color);
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    background-color: var(--secondary-color);
    border-radius: var(--border-radius-full);
}

.call-cta-btn .call-cta-text a {
    display: inline-block;
    font-size: clamp(1.375rem, 0.862vw + 0.841rem, 1.875rem);
    /* Breakpoint:- 1920 to 992, value:- 30px to 22px */
    line-height: 1;
    font-weight: 700;
    color: var(--dark-color-2);
    font-family: var(--title-font);
    margin-bottom: 8px;
}

.call-cta-btn .call-cta-text a:hover {
    color: var(--secondary-color);
}

.local-moving-sec .contact-form {
    margin-top: calc(var(--extra-space) * -1);
    margin-left: auto;
}

@media (max-width: 1399px) {
    .local-moving-content .sec-title {
        margin-bottom: 30px;
    }

    .local-moving-sec .local-moving-content {
        max-width: 100%;
        margin-right: 0;
    }

    .local-moving-content .call-cta-btn {
        margin-top: 40px;
    }
}

@media (max-width: 1199px) {
    .local-moving-sec {
        --extra-space: 232px;
    }
}

@media (max-width: 991px) {
    .local-moving-sec {
        --extra-space: 0px;
        padding: var(--section-spacing) 0;
    }

    .local-moving-content .sec-title {
        margin-bottom: 20px;
    }

    .local-moving-content .call-cta-btn {
        margin-top: 25px;
    }

    .call-cta-btn .call-cta-text a {
        font-size: 20px;
    }

    .local-moving-sec .contact-form {
        max-width: 100%;
        margin-top: 50px;
    }
}

@media (max-width: 575px) {
    .call-cta-btn .call-cta-icon {
        --size: 50px;
        font-size: 26px;
    }

    .call-cta-btn .call-cta-text a {
        margin-bottom: 4px;
    }
}

@media (max-width: 400px) {
    .call-cta-btn .call-cta-text p {
        font-size: 13px;
    }
}

/* ---------- Local Movin Section End --------- */

/* ---------- Why Choose Section Start --------- */

.why-choose-sec {
    padding: 120px 0 154px;
    position: relative;
    background: var(--light-blue-color-2);
}

.why-choose-sec.small-dots-shape-2::before {
    bottom: 17px;
    right: 15px;
    mix-blend-mode: multiply;
}

.why-choose-sec.small-dots-shape-2::after {
    top: 17px;
    left: 15px;
    mix-blend-mode: multiply;
}

.why-choose-sec .sec-title {
    margin-bottom: 95px;
}

.row.why-choose-row {
    --gutter: clamp(1.5rem, 2.909vw - 0.304rem, 3.188rem);
    /* Breakpoint:- 1920 to 992, value:- 51px to 24px */
    --gutter-y: clamp(1.5rem, 2.371vw + 0.03rem, 2.875rem);
    /* Breakpoint:- 1920 to 992, value:- 46px to 24px */
}

.why-choose-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: clamp(1.563rem, 2.047vw + 0.293rem, 2.75rem) clamp(1.25rem, 3.233vw - 0.754rem, 3.125rem);
    /* Breakpoint:- 1920 to 992, value:- 44px to 25px */
    /* Breakpoint:- 1920 to 992, value:- 50px to 20px */
    box-shadow: var(--box-shadow-2);
    border-radius: var(--border-radius-15);
    background-color: var(--white-color);
}


.why-choose-box .why-choose-box-icon {
    --size: 61px;
    width: var(--size);
    height: var(--size);
    margin-bottom: clamp(1.375rem, 3.879vw - 1.03rem, 3.625rem);
    /* Breakpoint:- 1920 to 992, value:- 58px to 22px */
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--border-radius-full);
    background-color: var(--secondary-color);
}

.our-core-value-box .our-core-value-box-icon-title .our-core-value-box-icon img {
    --size: 41px;
    max-width: var(--size);
    max-height: var(--size);
    object-fit: contain;
}

.why-choose-box .why-choose-box-content .h3-title {
    font-size: clamp(1.125rem, 1.293vw + 0.323rem, 1.875rem);
    /* Breakpoint:- 1920 to 992, value:- 30px to 18px */
    margin-bottom: clamp(0.938rem, 1.078vw + 0.269rem, 1.563rem);
    /* Breakpoint:- 1920 to 992, value:- 25px to 15px */
    color: var(--dark-color-2);
}

.why-choose-sec .why-choose-btn {
    margin-top: 80px;
    text-align: center;
}

@media (max-width: 1399px) {
    .why-choose-sec .sec-title {
        margin-bottom: 50px;
    }

    .why-choose-sec .why-choose-btn {
        margin-top: 50px;
    }
}

@media (max-width: 1199px) {
    .why-choose-sec {
        padding: 100px 0 120px;
    }

}

@media (max-width: 991px) {
    .why-choose-sec {
        padding: var(--section-spacing) 0;
    }

    .why-choose-sec .sec-title {
        margin-bottom: 40px;
    }

    .why-choose-box {
        padding: 30px;
    }

    .why-choose-box .why-choose-box-content .h3-title {
        font-size: 20px;
    }

    .why-choose-sec .why-choose-btn {
        margin-top: 40px;
    }
}

@media (max-width: 575px) {
    .why-choose-box {
        padding: 30px 20px;
    }
}

/* ---------- Why Choose Section End --------- */

/* ---------- Services Feature Section Start --------- */


.services-feature-sec {
    overflow: hidden;
    background-color: var(--primary-color);
    margin-bottom: 62px;
}

.services-feature-sec.double-arrow-shape::before {
    opacity: 0.13;
    width: clamp(12.5rem, 6.789vw + 8.291rem, 16.438rem);
    /* Breakpoint:- 1920 to 992, value:- 263px to 200px */
    bottom: -40px;
    left: -85px;
}

.services-feature-content {
    padding-block: 102px 110px;
    margin-right: 30px;
    max-width: 590px;
    height: 100%;
}

.services-feature-content .sec-title {
    margin-bottom: 60px;
}

.services-feature-content ul {
    margin-left: 36px;
}

.services-feature-content .sec-btn {
    margin-top: 48px;
}

.services-feature-image-box {
    position: relative;
    height: 100%;
    min-height: 775px;
}

.services-feature-image-box .back-img-wp {
    position: absolute;
    width: 50vw;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

.services-feature-image-box .back-img-wp .back-img {
    width: 100%;
    height: 100%;
    transition: var(--transition);
}

.feature-list ul {
    display: flex;
    flex-direction: column;
    gap: 56px;
}

.feature-list ul li {
    position: relative;
    padding-left: 68px;
}

.feature-list ul li strong {
    display: block;
    font-weight: 700;
}

.feature-list ul li::before {
    content: "";
    --size: 36px;
    flex: 0 0 auto;
    width: var(--size);
    height: var(--size);
    position: absolute;
    top: -4px;
    left: 0;
    display: block;
    background-color: var(--secondary-color);
    border-radius: var(--border-radius-full);
    box-shadow: 0px 0px 10px rgba(var(--black-color-rgb), 0.31);
}

.feature-list ul li::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 10px;
    width: 18px;
    height: auto;
    aspect-ratio: 1 / 0.72727272727;
    --svg: url(data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfMzUwNiIgZGF0YS1uYW1lPSJHcm91cCAzNTA2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTguNjg0IiBoZWlnaHQ9IjEzLjcwMSIgdmlld0JveD0iMCAwIDE4LjY4NCAxMy43MDEiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzIyMzQ4IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyMjM0OCIgd2lkdGg9IjE4LjY4NCIgaGVpZ2h0PSIxMy43MDEiIGZpbGw9IiNkZjExMTkiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cF8zNDcwIiBkYXRhLW5hbWU9Ikdyb3VwIDM0NzAiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJQYXRoXzgzOTUiIGRhdGEtbmFtZT0iUGF0aCA4Mzk1IiBkPSJNMjE4LjQyOCw2LjQzNSwyMTIuODIzLjIwN0EuNjIzLjYyMywwLDAsMCwyMTIuMzYsMGgtMy43MzdhLjYyMi42MjIsMCwwLDAtLjQ2MywxLjAzOWw1LjIzLDUuODEyLTUuMjMsNS44MTFhLjYyMy42MjMsMCwwLDAsLjQ2MywxLjA0aDMuNzM3YS42MzEuNjMxLDAsMCwwLC40NjMtLjIwNmw1LjYwNS02LjIyOGEuNjIzLjYyMywwLDAsMCwwLS44MzMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOTkuOTA0IDApIiBmaWxsPSIjZGYxMTE5Ii8+CiAgICA8cGF0aCBpZD0iUGF0aF84Mzk2IiBkYXRhLW5hbWU9IlBhdGggODM5NiIgZD0iTTEwLjQyOSw2LjQzNSw0LjgyNC4yMDdBLjYyMy42MjMsMCwwLDAsNC4zNiwwSC42MjNBLjYyMi42MjIsMCwwLDAsLjE2LDEuMDM5TDUuMzksNi44NTEuMTYsMTIuNjYxQS42MjMuNjIzLDAsMCwwLC42MjMsMTMuN0g0LjM2YS42MzEuNjMxLDAsMCwwLC40NjMtLjIwNmw1LjYwNS02LjIyOGEuNjIzLjYyMywwLDAsMCwwLS44MzMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiNkZjExMTkiLz4KICA8L2c+Cjwvc3ZnPgo=);
    background-color: var(--white-color);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.white-text.feature-list ul li::before {
    background-color: var(--white-color);
}

.white-text.feature-list ul li::after {
    background-color: var(--secondary-color);
}

@media (max-width: 1399px) {
    .services-feature-content {
        max-width: 100%;
    }

    .services-feature-content .sec-title {
        margin-bottom: 50px;
    }

    .services-feature-content .sec-btn {
        margin-top: 40px;
    }

    .services-feature-content ul {
        margin-left: 20px;
    }

    .feature-list ul {
        gap: 40px;
    }

    .services-feature-image-box {
        min-height: 700px;
    }
}

@media (max-width: 1199px) {
    .services-feature-content {
        padding-block: 100px;
    }

    .services-feature-content .sec-title {
        margin-bottom: 40px;
    }

    .feature-list ul li {
        padding-left: 55px;
    }
}

@media (max-width: 991px) {

    .services-feature-image-box {
        min-height: unset;
    }

    .services-feature-image-box .back-img-wp {
        position: relative;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100vw;
        height: auto;
        aspect-ratio: 1 / 0.60544904137;
    }

    .services-feature-content {
        padding-block: 50px var(--section-spacing);
        margin-right: 0;
    }

    .services-feature-content .sec-title {
        margin-bottom: 35px;
    }

    .services-feature-content .sec-btn {
        margin-top: 20px;
    }
}

@media (max-width: 575px) {
    .services-feature-content ul {
        margin-left: 12px;
    }

    .feature-list ul {
        gap: 36px;
    }

    .feature-list ul li {
        padding-left: 50px;
    }
}

/* ---------- Services Feature Section Start --------- */

/*========== Services [Page] End ==========*/

/*========== FAQs [Page] Start ==========*/

.faqs-sec {
    padding: 73px 0 102px;
}

.faqs-sec.small-dots-shape-2::before {
    bottom: -174px;
    right: 13px;
    mix-blend-mode: multiply;
}

.faqs-sec.small-dots-shape-2::after {
    left: 14px;
    mix-blend-mode: multiply;
}

.faqs-tab-wp {
    display: flex;
    gap: 55px;
    align-items: flex-start;
}

.faqs-tab-wp .faqs-tab-buttons {
    flex: 0 0 auto;
    width: 345px;
    max-width: 100%;
}

.common-tab-buttons {
    padding: 43px 44px 50px;
    border-radius: var(--border-radius-15);
    background-color: var(--primary-color);
}

.common-tab-buttons ul {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.common-tab-buttons ul li {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: var(--white-color);
    padding-bottom: 13px;
    border-bottom: 1px solid var(--white-color);
    cursor: pointer;
    transition: var(--transition);
}

.common-tab-buttons ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.common-tab-buttons ul li.tab-active,
.common-tab-buttons ul li:hover {
    -webkit-text-stroke-width: 0.4px;
}

.common-tab-buttons ul li::after {
    content: "";
    display: block;
    flex: 0 0 auto;
    width: 18px;
    height: auto;
    aspect-ratio: 1 / 0.72727272727;
    --svg: url(data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfMzUwNiIgZGF0YS1uYW1lPSJHcm91cCAzNTA2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTguNjg0IiBoZWlnaHQ9IjEzLjcwMSIgdmlld0JveD0iMCAwIDE4LjY4NCAxMy43MDEiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzIyMzQ4IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyMjM0OCIgd2lkdGg9IjE4LjY4NCIgaGVpZ2h0PSIxMy43MDEiIGZpbGw9IiNkZjExMTkiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cF8zNDcwIiBkYXRhLW5hbWU9Ikdyb3VwIDM0NzAiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJQYXRoXzgzOTUiIGRhdGEtbmFtZT0iUGF0aCA4Mzk1IiBkPSJNMjE4LjQyOCw2LjQzNSwyMTIuODIzLjIwN0EuNjIzLjYyMywwLDAsMCwyMTIuMzYsMGgtMy43MzdhLjYyMi42MjIsMCwwLDAtLjQ2MywxLjAzOWw1LjIzLDUuODEyLTUuMjMsNS44MTFhLjYyMy42MjMsMCwwLDAsLjQ2MywxLjA0aDMuNzM3YS42MzEuNjMxLDAsMCwwLC40NjMtLjIwNmw1LjYwNS02LjIyOGEuNjIzLjYyMywwLDAsMCwwLS44MzMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOTkuOTA0IDApIiBmaWxsPSIjZGYxMTE5Ii8+CiAgICA8cGF0aCBpZD0iUGF0aF84Mzk2IiBkYXRhLW5hbWU9IlBhdGggODM5NiIgZD0iTTEwLjQyOSw2LjQzNSw0LjgyNC4yMDdBLjYyMy42MjMsMCwwLDAsNC4zNiwwSC42MjNBLjYyMi42MjIsMCwwLDAsLjE2LDEuMDM5TDUuMzksNi44NTEuMTYsMTIuNjYxQS42MjMuNjIzLDAsMCwwLC42MjMsMTMuN0g0LjM2YS42MzEuNjMxLDAsMCwwLC40NjMtLjIwNmw1LjYwNS02LjIyOGEuNjIzLjYyMywwLDAsMCwwLS44MzMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiNkZjExMTkiLz4KICA8L2c+Cjwvc3ZnPgo=);
    background-color: var(--white-color);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.faqs-tab-wp .faqs-tab-panel {
    flex: 1;
    position: relative;
}

.faqs-tab-panel-content .faqs-tab-title {
    margin-bottom: 28px;
}

@media (min-width: 992px) {
    body:has(.sidebar-sticky-sec) {
        overflow: unset !important
    }

    .sidebar-sticky-sec .faqs-tab-buttons {
        position: sticky;
        top: calc(var(--main-header-height) + calc(var(--wp-admin--admin-bar--height, 0px)) + 40px)
    }
}

@media (max-width: 1399px) {
    .faqs-tab-wp {
        gap: 40px;
    }

    .common-tab-buttons {
        padding: 40px;
    }

    .accordion .accordion-box {
        --space_x: 30px;
    }
}

@media (max-width: 1199px) {
    .faqs-sec {
        padding: 73px 0 82px;
    }

    .faqs-tab-wp {
        gap: 30px;
    }

    .common-tab-buttons {
        padding: 30px;
    }

    .accordion .accordion-box {
        --space_x: 20px;
    }

    .accordion .accordion-box .accordion-box-title {
        padding: 18px 20px 19px var(--space_x);
    }


    .accordion .accordion-box.accordion-box-active .accordion-box-content .accordion-box-content-inr {
        padding-top: 9px;
        padding-bottom: 0;
    }
}

@media (max-width: 991px) {

    .faqs-sec {
        padding: var(--section-spacing) 0;
    }

    .faqs-tab-wp {
        flex-direction: column;
    }

    .faqs-tab-wp .faqs-tab-buttons {
        width: 100%;
    }
}

@media (max-width: 575px) {

    .common-sec.faqs-common-sec {
        padding: var(--section-spacing) 0 0;
    }

    .common-tab-buttons {
        padding: 30px 20px;
    }

    .faqs-tab-panel-content .faqs-tab-title {
        margin-bottom: 20px;
    }

    .accordion .accordion-box .accordion-box-title {
        padding: 12px 20px 13px var(--space_x);
    }

    .accordion .accordion-box .accordion-box-title .h5-title {
        font-size: clamp(1rem, 1.149vw + 0.712rem, 1.125rem);
        /* Breakpoint:- 575 to 401, value:- 18px to 16px */
    }

    .accordion .accordion-box .accordion-box-title .accordion-box-toggle-icon {
        font-size: 34px;
    }
}

/*========== FAQs [Page] End ==========*/

/*========== Resources [Page] Start ==========*/

.common-sec.resources-sec .common-content {
    max-width: unset;
    margin-right: -14px;
}

.common-sec.resources-sec .common-image {
    aspect-ratio: 1 / 0.78166666666;
}

@media (max-width: 1399px) {
    .common-sec.resources-sec .common-content {
        margin-right: 0;
    }
}

/* ---------- Moving Checklist Section Start --------- */

.moving-checklist-sec {
    padding: 100px 0 95px;
    background-color: var(--light-blue-color-2);
}

.moving-checklist-tab-wp {
    display: flex;
    flex-direction: column;
    gap: 66px;
}

.moving-checklist-tab-buttons-wp {
    position: relative;
    padding-bottom: 20px;
    padding-right: 0 !important;
}

.moving-checklist-tab-buttons-wp::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%;
    height: 1px;
    background: var(--primary-color);
}

.moving-checklist-tab-wp .moving-checklist-tab-buttons {
    display: flex;
    gap: 60px;
    padding-bottom: 14px;
    white-space: nowrap;
}

.moving-checklist-tab-wp .simplebar-scrollbar:before {
    background: var(--secondary-color);
    border-radius: 0;
}

.moving-checklist-tab-wp .simplebar-track.simplebar-horizontal {
    background: rgba(var(--primary-color-rgb), 0.1);
    height: 6px;
}

.moving-checklist-tab-wp .moving-checklist-tab-buttons h2 {
    position: relative;
    display: inline-block;
    font-family: var(--body-font);
    color: var(--primary-color);
    font-size: 18px;
    line-height: 1.556;
    font-weight: 500;
    margin: 0;
    cursor: pointer;
    transition: var(--transition);
}

.moving-checklist-tab-wp .moving-checklist-tab-buttons h2::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -14px;
    width: 100%;
    height: 0;
    background-color: var(--primary-color);
    transition: var(--transition);
}

.moving-checklist-tab-wp .moving-checklist-tab-buttons h2.tab-active::after,
.moving-checklist-tab-wp .moving-checklist-tab-buttons h2:hover::after {
    height: 6px;
}

.moving-checklist-tab-wp .moving-checklist-tab-buttons h2.tab-active,
.moving-checklist-tab-wp .moving-checklist-tab-buttons h2:hover {
    -webkit-text-stroke-width: 0.4px;
}



.moving-checklist-tab-wp .moving-checklist-tab-panel-wp {
    position: relative;
}

.moving-checklist-tab-wp .moving-checklist-tab-panel .moving-checklist-tab-panel-content {
    display: none;
}

.moving-checklist-tab-wp .moving-checklist-tab-panel .moving-checklist-tab-panel-content.active {
    display: block;
}

.moving-checklist-tab-wp .moving-checklist-tab-panel .moving-checklist-tab-panel-content ul {
    margin-left: 101px;
}

.checklist-list ul {
    display: flex;
    flex-direction: column;
    gap: 57px;
}

.checklist-list ul li {
    position: relative;
    display: inline-block;
    padding-left: 39px;
}

.checklist-list ul li::before {
    content: "";
    --size: 17px;
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: var(--size);
    height: var(--size);
    --svg: url(data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfMzU1NiIgZGF0YS1uYW1lPSJHcm91cCAzNTU2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYuOTUiIGhlaWdodD0iMTYuOTUiIHZpZXdCb3g9IjAgMCAxNi45NSAxNi45NSI+CiAgPGRlZnM+CiAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMjI0MjEiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDIyNDIxIiB3aWR0aD0iMTYuOTUiIGhlaWdodD0iMTYuOTUiIGZpbGw9IiNkZjExMTkiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cF8zNTU1IiBkYXRhLW5hbWU9Ikdyb3VwIDM1NTUiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJQYXRoXzg0MjciIGRhdGEtbmFtZT0iUGF0aCA4NDI3IiBkPSJNOC40NzUsMEE4LjQ3NSw4LjQ3NSwwLDEsMCwxNi45NSw4LjQ3NSw4LjQ4NSw4LjQ4NSwwLDAsMCw4LjQ3NSwwbTQuNzM3LDYuMjQ1TDcuOCwxMS42MTlhLjgzMy44MzMsMCwwLDEtMS4xNjguMDIxTDMuNzYsOS4wMjdBLjg2MS44NjEsMCwwLDEsMy43LDcuODM4Ljg0Ljg0LDAsMCwxLDQuODg1LDcuOEw3LjE1OCw5Ljg3NywxMiw1LjAzNGEuODU2Ljg1NiwwLDAsMSwxLjIxMSwxLjIxMSIgZmlsbD0iI2RmMTExOSIvPgogIDwvZz4KPC9zdmc+Cgo=);
    background-color: var(--secondary-color);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

@media (max-width: 1499px) {
    .moving-checklist-tab-wp .moving-checklist-tab-buttons {
        gap: clamp(3rem, 12.121vw - 7.606rem, 3.75rem);
        /* Breakpoint:- 1499 to 1400, value:- 60px to 48px */
    }
}

@media (max-width: 1399px) {

    .moving-checklist-tab-wp .moving-checklist-tab-buttons h2 {
        font-size: 16px;
    }

    .moving-checklist-tab-wp .moving-checklist-tab-buttons h2::after {
        bottom: -10px;
    }

    .moving-checklist-tab-wp .moving-checklist-tab-buttons h2.tab-active::after,
    .moving-checklist-tab-wp .moving-checklist-tab-buttons h2:hover::after {
        height: 4px;
    }

    .moving-checklist-tab-wp .moving-checklist-tab-buttons {
        gap: 26px;
        padding-bottom: 10px;
    }

    .moving-checklist-tab-wp {
        gap: 50px;
    }

    .moving-checklist-tab-wp .moving-checklist-tab-panel .moving-checklist-tab-panel-content ul {
        margin-left: 70px;
    }

    .checklist-list ul {
        gap: 40px;
    }
}

@media (max-width: 1199px) {
    .moving-checklist-tab-wp .moving-checklist-tab-buttons {
        gap: 20px;
    }

    .moving-checklist-tab-wp .moving-checklist-tab-panel .moving-checklist-tab-panel-content ul {
        margin-left: 40px;
    }

    .checklist-list ul {
        gap: 30px;
    }
}

@media (max-width: 991px) {
    .moving-checklist-sec {
        padding: var(--section-spacing) 0;
    }

    .moving-checklist-tab-wp {
        gap: 40px;
    }

    .moving-checklist-tab-wp .moving-checklist-tab-panel .moving-checklist-tab-panel-content ul {
        margin-left: 25px;
    }

    .checklist-list ul {
        gap: 25px;
    }

    .checklist-list ul li {
        padding-left: 30px;
    }
}

@media (max-width: 575px) {
    .moving-checklist-tab-wp {
        gap: 30px;
    }

    .moving-checklist-tab-wp .moving-checklist-tab-panel .moving-checklist-tab-panel-content ul {
        margin-left: 20px;
    }

    .checklist-list ul {
        gap: 20px;
    }
}

@media (max-width: 400px) {
    .moving-checklist-tab-wp .moving-checklist-tab-buttons h2 {
        font-size: 14px;
    }
}

/* ---------- Moving Checklist Section End --------- */

/* ---------- Resources Feature Section Start --------- */

.services-feature-sec.resources-feature-sec {
    margin-bottom: 40px;
}

.services-feature-sec.resources-feature-sec.double-arrow-shape::before {
    bottom: -70px;
}

.services-feature-sec.resources-feature-sec .services-feature-content .sec-title {
    margin-bottom: 48px;
}

.services-feature-sec.resources-feature-sec .services-feature-content {
    max-width: 483px;
}

.services-feature-sec.resources-feature-sec .services-feature-image-box {
    min-height: 600px;
}

@media (max-width: 1399px) {
    .services-feature-sec.resources-feature-sec .services-feature-content {
        max-width: 100%;
    }
}

@media (max-width: 1199px) {
    .services-feature-sec.resources-feature-sec .services-feature-content .sec-title {
        margin-bottom: 40px;
    }
}

@media (max-width: 991px) {
    .services-feature-sec.resources-feature-sec .services-feature-image-box {
        min-height: unset;
    }

    .services-feature-sec.resources-feature-sec .services-feature-content .sec-title {
        margin-bottom: 20px;
    }
}

/* ---------- Resources Feature Section End --------- */

/*========== Resources [Page] End ==========*/

/*========== Packing Tips [Page] Start ==========*/

/* ---------- Basic Packing Tips Section Start --------- */

.basic-packing-tips-sec {
    padding: 90px 0 158px;
}

.basic-packing-tips-sec .basic-packing-tips-image-box {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: var(--border-radius-15);
    overflow: hidden;
}

.basic-packing-tips-sec .back-img {
    width: 100%;
    height: 100%;
}

.basic-packing-tips-top-content .basic-packing-tips-content {
    max-width: 710px;
    margin-right: 30px;
}

.basic-packing-tips-content .sec-title {
    margin-bottom: 36px;
}

.basic-packing-tips-content .h3-title {
    margin-top: 15px;
}

.basic-packing-tips-content .call-cta-btn {
    margin-top: 56px;
}

.basic-packing-tips-sec .basic-packing-tips-top-content .basic-packing-tips-image-box {
    margin-left: -20px;
    aspect-ratio: 1 / 0.62543554007;
    width: auto;
}

.basic-packing-tips-sec .basic-packing-tips-bottom-content .basic-packing-tips-image-box {
    max-width: 734px;
    aspect-ratio: 1/0.52861035422;
    margin-right: 30px;
}

.basic-packing-tips-sec .basic-packing-tips-bottom-content {
    margin-top: 66px;
}

.basic-packing-tips-bottom-content .basic-packing-tips-content {
    margin-top: 30px;
    margin-left: -16px;
}

@media (max-width: 1399px) {
    .basic-packing-tips-sec {
        padding: 90px 0 150px;
    }

    .basic-packing-tips-sec .basic-packing-tips-top-content .basic-packing-tips-image-box {
        margin-left: 0;
    }

    .basic-packing-tips-top-content .basic-packing-tips-content {
        max-width: 100%;
        margin-right: 0;
    }

    .basic-packing-tips-bottom-content .basic-packing-tips-content {
        margin-left: 0;
        margin-top: 0;
    }

    .basic-packing-tips-content .call-cta-btn {
        margin-top: 40px;
    }
}

@media (max-width: 1199px) {
    .basic-packing-tips-sec {
        padding: 90px 0 120px;
    }

    .basic-packing-tips-content .sec-title {
        margin-bottom: 30px;
    }

    .basic-packing-tips-content .call-cta-btn {
        margin-top: 30px;
    }

}

@media (max-width: 991px) {
    .basic-packing-tips-sec {
        padding: var(--section-spacing) 0;
    }

    .basic-packing-tips-content .sec-title {
        margin-bottom: 20px;
    }

    .basic-packing-tips-top-content .basic-packing-tips-content,
    .basic-packing-tips-bottom-content .basic-packing-tips-content {
        margin-bottom: 50px;
    }


    .basic-packing-tips-content .call-cta-btn {
        margin-top: 20px;
    }

    .basic-packing-tips-sec .basic-packing-tips-bottom-content {
        margin-top: 50px;
    }
}

/* ---------- Basic Packing Tips Section End --------- */

/* ---------- Packing Tips Section Start --------- */

.packing-tips-sec {
    padding: 145px 0 126px;
    position: relative;
    background: var(--light-blue-color-2);
}

.packing-tips-sec.small-dots-shape-2::before {
    bottom: 14px;
    right: 23px;
    mix-blend-mode: multiply;
}

.packing-tips-sec.small-dots-shape-2::after {
    top: 10px;
    left: 21px;
    mix-blend-mode: multiply;
}

.packing-tips-tab-wp {
    display: flex;
    gap: 108px;
    align-items: flex-start;
    margin-left: 70px;
}


.packing-tips-tab-wp .packing-tips-tab-and-image-wp {
    flex: 0 0 auto;
    width: 345px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 192px;
}

.packing-tips-tab-wp .packing-tips-tab-and-image-wp .packing-tips-tab-image-box {
    margin-left: -28px;
}

.packing-tips-tab-wp .packing-tips-tab-and-image-wp .packing-tips-tab-image-box img {
    width: calc(100% + 22px);
    max-width: unset;
}

.packing-tips-tab-wp .packing-tips-tab-panel {
    position: relative;
    flex: 1;
}

.packing-tips-tab-panel-content-inner .packing-tips-tab-title {
    margin-bottom: 38px;
}

.packing-tips-tab-panel-content-description :is(h3, h4, h5, h6) {
    color: var(--primary-color);
    line-height: 1.3333;
    margin-bottom: 10px;
}

.packing-tips-tab-panel-content-description h3:not(:last-child) {
    margin-bottom: 30px;
}

.packing-tips-tab-panel-content-description h3:not(:first-child) {
    margin-top: 60px;
}

.packing-tips-tab-panel-content-description ol,
.packing-tips-tab-panel-content-description ul {
    margin-bottom: 0;
    margin-left: 20px;
}

.packing-tips-tab-panel-content-description ul {
    list-style: disc;
}

.packing-tips-tab-panel-content-description ol li,
.packing-tips-tab-panel-content-description ul li {
    color: var(--dark-color-2);
    margin-bottom: 28px;
}

.packing-tips-tab-panel-content-description ol li:last-child,
.packing-tips-tab-panel-content-description ul li:last-child {
    margin-bottom: 0;
}

@media (max-width: 1399px) {
    .packing-tips-tab-wp {
        gap: 60px;
        margin-left: 0;
    }

    .packing-tips-tab-wp .packing-tips-tab-and-image-wp {
        gap: 120px;
    }

    .packing-tips-tab-wp .packing-tips-tab-and-image-wp .packing-tips-tab-image-box {
        margin-left: -15px;
    }

    .packing-tips-tab-wp .packing-tips-tab-and-image-wp .packing-tips-tab-image-box img {
        width: calc(100% + 15px);
    }

    .packing-tips-tab-panel-content-inner .packing-tips-tab-title {
        margin-bottom: 30px;
    }

    .packing-tips-tab-panel-content-description h3:not(:last-child) {
        margin-bottom: 20px;
    }

    .packing-tips-tab-panel-content-description h3:not(:first-child) {
        margin-top: 40px;
    }

    .packing-tips-tab-panel-content-description ol li,
    .packing-tips-tab-panel-content-description ul li {
        margin-bottom: 20px;
    }
}

@media (max-width: 1199px) {
    .packing-tips-sec {
        padding: 120px 0 120px;
    }

    .packing-tips-tab-wp {
        gap: 40px;
    }
}

@media (max-width: 991px) {
    .packing-tips-sec {
        padding: var(--section-spacing) 0;
    }

    .packing-tips-tab-wp {
        flex-direction: column;
        gap: 30px;
    }

    .packing-tips-tab-wp .packing-tips-tab-and-image-wp {
        width: 100%;
        flex-direction: row;
        gap: 30px;
        align-items: center;
    }

    .packing-tips-tab-wp .packing-tips-tab-and-image-wp .packing-tips-tab-buttons {
        flex: 1;
    }

    .packing-tips-tab-wp .packing-tips-tab-and-image-wp .packing-tips-tab-image-box img {
        width: 250px;
    }

    .packing-tips-tab-panel-content-inner .packing-tips-tab-title {
        margin-bottom: 20px;
    }

    .packing-tips-tab-panel-content-description h3:not(:last-child) {
        margin-bottom: 16px;
    }

    .packing-tips-tab-panel-content-description h3:not(:first-child) {
        margin-top: 26px;
    }

    .packing-tips-tab-panel-content-description ol li,
    .packing-tips-tab-panel-content-description ul li {
        margin-bottom: 16px;
    }
}

@media (max-width: 767px) {
    .packing-tips-tab-wp .packing-tips-tab-and-image-wp {
        flex-direction: column-reverse;
        align-items: unset;
        gap: 20px;
    }

    .packing-tips-tab-wp .packing-tips-tab-and-image-wp .packing-tips-tab-image-box {
        display: flex;
        justify-content: center;
    }

    .packing-tips-tab-wp .packing-tips-tab-and-image-wp .packing-tips-tab-image-box img {
        width: 350px;
    }
}

@media (max-width: 400px) {
    .packing-tips-tab-wp .packing-tips-tab-and-image-wp .packing-tips-tab-image-box img {
        width: calc(100% + 15px);
    }
}

/* ---------- Packing Tips Section End --------- */

/* ---------- Need Help Section Start --------- */

.need-help-sec {
    padding: 123px 0 68px;
}

.need-help-sec.double-arrow-shape::before {
    bottom: -141px;
    left: -104px;
    width: 284px;
    opacity: 0.76;
}

.need-help-sec .need-help-title-wp {
    margin-bottom: 83px;
}

.need-help-title-wp .p2 {
    margin-top: 5px;
    padding-left: 20px;
}

.row.need-help-video-row {
    --gutter: clamp(1.5rem, 2.586vw - 0.103rem, 3rem);
    /* Breakpoint:- 1920 to 992, value:- 48px to 24px */
    --gutter-y: var(--gutter);
}

.video-box {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.70694864048;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-15);
    overflow: hidden;
}

@media (max-width: 1399px) {
    .need-help-sec .need-help-title-wp {
        margin-bottom: 50px;
    }

    .need-help-title-wp .p2 {
        margin-top: 0;
        padding-left: 0;
    }
}

@media (max-width: 1199px) {
    .need-help-sec {
        padding: 110px 0 68px;
    }
}

@media (max-width: 991px) {
    .need-help-sec {
        padding: var(--section-spacing) 0;
    }

    .need-help-sec .need-help-title-wp {
        margin-bottom: 40px;
    }

    .need-help-title-wp .p2 {
        margin-top: 10px;
    }
}

/* ---------- Need Help Section End --------- */

/*========== Packing Tips [Page] End ==========*/

/*========== Contact [Page] Start ==========*/

.local-moving-sec.contact-sec {
    padding-bottom: 64px;
}

.contact-text-wp h2 {
    color: var(--primary-color);
    margin-bottom: 18px;
}

.contact-text-wp h2:not(:first-child) {
    margin-top: 48px;
}

@media (max-width: 1399px) {
    .contact-text-wp h2:not(:first-child) {
        margin-top: 38px;
    }
}

@media (max-width: 1199px) {
    .contact-text-wp h2:not(:first-child) {
        margin-top: 28px;
    }
}

@media (max-width: 991px) {

    .local-moving-sec.contact-sec {
        padding-bottom: var(--section-spacing);
    }

    .contact-text-wp h2 {
        margin-bottom: 12px;
    }

    .contact-text-wp h2:not(:first-child) {
        margin-top: 20px;
    }
}

/* ---------- Contact Info Section Start --------- */

.contact-info-sec {
    padding: 143px 0 120px;
    background-image: var(--bg-img);
    background-size: cover;
    background-position: top center;
}

.contact-info-row {
    --gutter: 47px;
    --gutter-y: 60px;
}

.contact-info-box {
    padding: 95px 39px 47px;
    box-shadow: var(--box-shadow-3);
    border-radius: var(--border-radius-15);
    background-color: var(--white-color);
    position: relative;
    height: 100%;
}

.contact-info-box .contact-info-box-icon {
    --size: 83px;
    width: var(--size);
    height: var(--size);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius-full);
    background-color: var(--secondary-color);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -42px;
}

.contact-info-box-icon img {
    --size: 44px;
    max-width: var(--size);
    max-height: var(--size);
    object-fit: contain;
}

.contact-info-box-content .h3-title {
    color: var(--dark-color-2);
    margin-bottom: 28px;
}

.contact-info-box-content a {
    color: var(--dark-color-2);
}

.contact-info-box-content a:hover {
    color: var(--secondary-color);
}

.contact-info-box-content ul:not(:last-child) {
    margin-bottom: 27px;
}

.contact-info-box-content ul:not(:first-child) {
    margin-top: 27px;
}

@media (max-width: 1399px) {

    .contact-info-row {
        --gutter: 30px;
    }

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

    .contact-info-box .contact-info-box-icon {
        --size: 70px;
        top: -35px;
    }

    .contact-info-box-icon img {
        --size: 36px;
    }

    .contact-info-box-content .h3-title {
        margin-bottom: 20px;
    }

    .contact-info-box-content ul:not(:first-child) {
        margin-top: 20px;
    }
}

@media (max-width: 1199px) {

    .contact-info-row {
        --gutter: 24px;
    }
}

@media (max-width: 991px) {
    .contact-info-sec {
        padding: 113px 0 var(--section-spacing);
    }

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

@media (max-width: 575px) {
    .contact-info-sec {
        padding: 93px 0 var(--section-spacing);
    }

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

    .contact-info-box .contact-info-box-icon {
        --size: 60px;
        top: -30px;
    }

    .contact-info-box-icon img {
        --size: 30px;
    }
}

/* ---------- Contact Info Section End --------- */

/* ---------- Location Section Start --------- */

.location-sec {
    padding: 100px 0 120px;
}

.location-sec.small-dots-shape-2::before {
    bottom: 34px;
    right: 25px;
}

.location-sec.small-dots-shape-2::after {
    top: 28px;
    left: 25px;
}

.location-content {
    max-width: 1062px;
    margin-inline: auto;
}

.location-content .sec-title {
    max-width: 850px;
    margin-inline: auto;
    margin-bottom: 78px;
}

.location-content .sec-title .p2 {
    margin-top: 48px;
}

.location-content .sec-title p {
    color: var(--dark-color-2);
}

.location-list-wp {
    display: flex;
    flex-direction: column;
    gap: 47px;
}

.location-item {
    display: flex;
    flex-wrap: wrap;
    border-radius: var(--border-radius-15);
    overflow: hidden;
}

.location-map {
    flex: 1;
    line-height: 0;
}

.location-map iframe {
    width: 100%;
    height: 100%;
    min-height: 375px;
    border: none;
}

.location-info {
    width: 521px;
    background-color: var(--primary-color);
    color: var(--white-color);
    padding: 67px 108px 77px;
}

.location-info .h3-title {
    color: var(--white-color);
    margin-bottom: 26px;
}

.location-info ul {
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.location-info ul a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--white-color);
}

.location-info ul a:hover {
    color: var(--secondary-color);
}

.location-info ul a span {
    flex: 1;
}

.location-info ul a iconify-icon {
    font-size: 25px;
}

.location-info ul a span span {
    display: block;
}

@media (max-width: 1399px) {
    .location-content .sec-title {
        margin-bottom: 50px;
    }

    .location-content .sec-title .p2 {
        margin-top: 16px;
    }
}

@media (max-width: 1199px) {
    .location-info {
        width: 430px;
        padding: 60px 70px 60px;
    }

    .location-list-wp {
        gap: 40px;
    }
}

@media (max-width: 991px) {

    .location-sec {
        padding: var(--section-spacing) 0;
    }

    .location-content .sec-title {
        margin-bottom: 40px;
    }

    .location-content .sec-title .p2 {
        margin-top: 10px;
    }

    .location-list-wp {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 24px;
    }

    .location-item {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .location-map {
        flex: 0 0 auto;
        width: 100%;
    }

    .location-map iframe {
        min-height: auto;
        height: auto;
        aspect-ratio: 1/1.12612612613;
    }

    .location-info {
        width: 100%;
        padding: 40px 30px;
    }

    .location-info .h3-title {
        margin-bottom: 20px;
    }

    .location-info ul {
        gap: 16px;
    }
}

@media (max-width: 767px) {
    .location-list-wp {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .location-map iframe {
        aspect-ratio: 1 / 0.826126;
    }

    .location-info {
        padding: 30px;
    }
}

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

    .location-info ul {
        gap: 12px;
    }
}

/* ---------- Location Section End --------- */

/*========== Contact [Page] End ==========*/

/*========== Local Service Area [Page] Start ==========*/

.local-moving-sec.service-area-sec {
    padding: 73px 0 70px;
}

.service-area-text-wp :is(h2, h3, h4, h5, h6) {
    color: var(--primary-color);
    font-family: var(--body-font);
    margin-bottom: 0;
}

.service-area-text-wp h5 {
    font-weight: bold;
    color: var(--secondary-color);
}

.service-area-text-wp ul {
    list-style: disc;
    padding-left: 20px;
}

.service-area-text-wp ul:not(:last-child) {
    margin-bottom: 27px;
}

.service-area-text-wp ul li::marker {
    color: var(--primary-color);
}

.sidebar-wp {
    max-width: 531px;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    gap: 37px;
}

.service-areas-box {
    padding: 35px 37px 38px;
    box-shadow: var(--box-shadow-3);
    border-radius: var(--border-radius-15);
    background-color: var(--white-color);
}

.service-areas-head h3 {
    color: var(--secondary-color);
    margin-bottom: 30px;
}

.service-areas-body ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.service-areas-body ul li {
    padding-inline: 25px 33px;
}

.service-areas-body ul li:not(:last-child) {
    padding-bottom: 14px;
    border-bottom: 1px solid var(--border-color);
}

.service-areas-body ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--dark-color-2);
}

.service-areas-body ul li.active-link a,
.service-areas-body ul li a:hover {
    color: var(--secondary-color);
}

.service-areas-body ul li.active-link a .service-areas-link-icon,
.service-areas-body ul li a:hover .service-areas-link-icon {
    background-color: var(--primary-color);
}

.service-areas-link-icon {
    content: "";
    --size: 28px;
    flex: 0 0 auto;
    width: var(--size);
    height: var(--size);
    display: inline-block;
    background-color: var(--secondary-color);
    border-radius: var(--border-radius-full);
    position: relative;
    transition: var(--transition);
}

.service-areas-link-icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px;
    height: auto;
    aspect-ratio: 1 / 0.66666666;
    --svg: url('data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfMzUwNiIgZGF0YS1uYW1lPSJHcm91cCAzNTA2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTguNjg0IiBoZWlnaHQ9IjEzLjcwMSIgdmlld0JveD0iMCAwIDE4LjY4NCAxMy43MDEiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzIyMzQ4IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAyMjM0OCIgd2lkdGg9IjE4LjY4NCIgaGVpZ2h0PSIxMy43MDEiIGZpbGw9IiNkZjExMTkiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJHcm91cF8zNDcwIiBkYXRhLW5hbWU9Ikdyb3VwIDM0NzAiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgIDxwYXRoIGlkPSJQYXRoXzgzOTUiIGRhdGEtbmFtZT0iUGF0aCA4Mzk1IiBkPSJNMjE4LjQyOCw2LjQzNSwyMTIuODIzLjIwN0EuNjIzLjYyMywwLDAsMCwyMTIuMzYsMGgtMy43MzdhLjYyMi42MjIsMCwwLDAtLjQ2MywxLjAzOWw1LjIzLDUuODEyLTUuMjMsNS44MTFhLjYyMy42MjMsMCwwLDAsLjQ2MywxLjA0aDMuNzM3YS42MzEuNjMxLDAsMCwwLC40NjMtLjIwNmw1LjYwNS02LjIyOGEuNjIzLjYyMywwLDAsMCwwLS44MzMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xOTkuOTA0IDApIiBmaWxsPSIjZGYxMTE5Ii8+CiAgICA8cGF0aCBpZD0iUGF0aF84Mzk2IiBkYXRhLW5hbWU9IlBhdGggODM5NiIgZD0iTTEwLjQyOSw2LjQzNSw0LjgyNC4yMDdBLjYyMy42MjMsMCwwLDAsNC4zNiwwSC42MjNBLjYyMi42MjIsMCwwLDAsLjE2LDEuMDM5TDUuMzksNi44NTEuMTYsMTIuNjYxQS42MjMuNjIzLDAsMCwwLC42MjMsMTMuN0g0LjM2YS42MzEuNjMxLDAsMCwwLC40NjMtLjIwNmw1LjYwNS02LjIyOGEuNjIzLjYyMywwLDAsMCwwLS44MzMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9IiNkZjExMTkiLz4KICA8L2c+Cjwvc3ZnPgo=');
    background-color: var(--white-color);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.sidebar-testimonial {
    padding-top: 9px;
}

.sidebar-testimonial-slider-wp {
    --swiper-pagination-bullet-margin: 25px;
}

.sidebar-testimonial-slider {
    --extra-space: 24px;
    padding: var(--extra-space) 12px var(--extra-space);
    margin-inline: -12px;
    margin-block: calc(var(--extra-space) * -1);
}

.sidebar-testimonial-slider .swiper-slide {
    height: auto;
    box-sizing: border-box;
}

.sidebar-testimonial-slider .testimonial-slider-box {
    padding: 67px 57px 40px;
}

.sidebar-testimonial-slider .testimonial-slider-box .p2 {
    max-height: 168px;
    margin-bottom: 70px;
}

@media (max-width: 1399px) {
    .service-areas-box {
        padding: 35px 30px;
    }

    .service-areas-body ul li {
        padding-inline: 15px 20px;
    }

    .sidebar-testimonial-slider .testimonial-slider-box {
        padding: 55px 45px 45px;
    }

    .sidebar-testimonial-slider .testimonial-slider-box .p2 {
        margin-bottom: 50px;
    }
}

@media (max-width: 1199px) {
    .sidebar-testimonial-slider .testimonial-slider-box {
        padding: 45px 35px 35px;
    }

    .sidebar-testimonial-slider .testimonial-slider-box .p2 {
        max-height: 148px;
    }

    .sidebar-testimonial {
        padding-top: 0;
    }
}

@media (max-width: 991px) {
    .local-moving-sec.service-area-sec {
        padding: var(--section-spacing) 0;
    }

    .sidebar-wp {
        max-width: 100%;
        margin-top: 50px;
        gap: 30px;
    }

    .local-moving-sec.service-area-sec .contact-form {
        margin-top: 0;
    }

    .sidebar-testimonial-slider .testimonial-slider-box {
        padding: 30px;
    }

    .sidebar-testimonial-slider .testimonial-slider-box .p2 {
        max-height: 125px;
        margin-bottom: 30px;
    }
}

@media (max-width: 575px) {
    .service-areas-box {
        padding: 30px 20px;
    }

    .service-areas-head h3 {
        margin-bottom: 20px;
    }

    .service-areas-body ul {
        gap: 12px;
    }

    .service-areas-body ul li {
        padding-inline: 10px 12px;
    }

    .service-areas-body ul li:not(:last-child) {
        padding-bottom: 10px;
    }

    .sidebar-testimonial-slider .testimonial-slider-box {
        padding: 30px 20px;
    }
}

/*========== Local Service Area [Page] End ==========*/

/*========== Thank You Page Start ==========*/

.thank-text h3 {
    text-transform: capitalize;
}

.thank-text p a {
    text-decoration: underline !important;
    color: var(--secondary-color);
    transition: var(--transition);
}

.thank-text p a:hover {
    color: var(--primary-color);
}

/*========== Thank You Page End ==========*/

/*========== 404 Not Found Start ==========*/

.not-found-section {
    padding-block: var(--section-spacing);
    text-align: center;
}

.not-found-section img {
    width: 50%;
    height: auto;
}

@media (max-width: 991px) {
    .not-found-section img {
        width: 100%;
    }
}

/*========== 404 Not Found End ==========*/

/*========== Site Map Start ==========*/
.site-map li a {
    color: var(--primary-color);
}

.site-map li::marker {
    color: var(--primary-color);
}

/*========== Site Map End ==========*/

/*========== View All Services Start ==========*/

.footer-last .text,
.menu-seo-menu-container ul li a {
    font-size: 14px;
    line-height: 20px;
    color: var(--primary-color);
    cursor: pointer;
    transition: var(--transition);
}

.footer-last .text:hover {
    color: var(--dark-color) !important;
    text-decoration: underline !important;
}

.menu-seo-menu-container ul li a {
    padding-right: 7px;
    margin-right: 7px;
    border-right: 1px solid var(--dark-color);
    transition: var(--transition);
}

.menu-seo-menu-container ul li a:hover {
    color: var(--primary-color);
}

/*========== View All Services End ==========*/

/*========== SEO Page Start ==========*/

.main-seo-content {
    position: relative;
    padding-block: var(--section-spacing);
}

.excerpt-content p a {
    color: var(--primary-color);
    transition: var(--transition);
}

.excerpt-content p a:hover {
    color: var(--primary-color);
}

.excerpt-content h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    color: var(--primary-color);
}

.main-seo-content .excerpt-content {
    max-height: 325px;
    position: relative;
}

.main-seo-content .excerpt-content:not([style*="max-height: unset;"]):before {
    content: "";
    position: absolute;
    width: 100%;
    height: 120px;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, white, transparent);
    pointer-events: none;
}

/*========== SEO Page End ==========*/

/*========== Blog Start ==========*/

.privacy-content p a,
.privacy-content a,
.entry-content p a,
.entry-content a {
    transition: var(--transition);
    color: var(--secondary-color);
}

.privacy-content p a,
.entry-content p a {
    word-break: break-word;
}

.privacy-content p a:hover,
.privacy-content a:hover,
.entry-content p a:hover,
.entry-content a:hover {
    color: var(--primary-color);
}

.wp-block-latest-comments__comment-meta a,
.posted-on a,
.byline a,
.widget ul li a,
.entry-title a,
.logged-in-as a {
    transition: var(--transition);
    color: var(--secondary-color);
}

.wp-block-latest-comments__comment-meta a:hover,
.entry-title a:hover,
.posted-on a:hover,
.byline a:hover,
.widget ul li a:hover,
.comment-meta .url:hover,
.comment-content a:hover,
.comment-metadata a:hover,
.reply a:hover,
.entry-footer span a:hover,
.nav-previous a:hover,
.nav-next a:hover {
    color: var(--primary-color);
}

.entry-footer span a {
    color: var(--secondary-color);
}

.entry-footer span a:hover {
    color: var(--primary-color);
    text-decoration: underline !important;
}

.entry-title {
    color: var(--primary-color);
    margin-bottom: 16px;
}

.widget-area .widget_search .wp-block-search .wp-block-search__input,
.page-content .wp-block-search .wp-block-search__input,
.search-form .search-field {
    background: transparent;
    font-size: 16px;
    outline: none;
    width: 100%;
    height: 50px;
    border-radius: var(--border-radius-10);
    border: 1px solid var(--primary-color);
    padding: 13px 95px 12px 20px;
    -webkit-appearance: none;
    appearance: none;
}

.widget-area .widget_search .wp-block-search .wp-block-search__button,
.page-content .wp-block-search .wp-block-search__button,
.search-form .search-submit {
    padding: 10px 16px;
    font-size: 15px;
    font-weight: 700;
    border-radius: var(--border-radius-10);
    height: 50px;
    color: var(--white-color);
    position: absolute;
    right: 0;
    bottom: 0;
    outline: none;
    border: none;
    cursor: pointer;
    background: var(--primary-color);
    flex: 1;
    transition: var(--transition);
}

.widget-area .widget_search .wp-block-search .wp-block-search__button:hover,
.page-content .wp-block-search .wp-block-search__button:hover,
.search-form .search-submit:hover {
    background: var(--secondary-color);
    color: var(--white-color);
}

.comment-form-comment label {
    display: block;
}

.comments-area textarea {
    resize: none;
    width: 100%;
    height: 180px;
    border-radius: var(--border-radius-10);
    box-shadow: none;
    background: transparent;
    border: 1px solid var(--primary-color);
    outline: none;
    padding: 10px 21px;
}

.comments-area p input {
    width: 100%;
    height: 55px;
    border-radius: var(--border-radius-10);
    background: transparent;
    border: 1px solid var(--primary-color);
    outline: none;
    box-shadow: none;
    padding: 0 21px;
}

.form-submit .submit {
    width: auto;
    height: auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding-inline: 24px;
    padding-block: 12px;
    border: 1px solid var(--secondary-color) !important;
    background: var(--secondary-color);
    color: var(--white-color);
    font-weight: bold;
    border: none;
    border-radius: 40px;
    outline: none !important;
    font-family: var(--title-font);
    font-size: 16px;
    line-height: 1.438;
    font-weight: 700;
    text-transform: uppercase;
    transition: var(--transition);
}

.form-submit .submit:hover {
    background: var(--white-color);
    border-color: var(--secondary-color) !important;
    color: var(--secondary-color);
}

.single p.comment-form-cookies-consent>input[type="checkbox"] {
    opacity: 1 !important;
    position: absolute;
    --size: 20px;
    width: var(--size) !important;
    padding: 0;
    top: 4px;
}

.avatar.photo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.wp-block-latest-comments__comment-meta a:hover {
    color: var(--dark-color);
}

.comment-meta .url,
.comment-content a {
    color: var(--primary-color);
}

.comment-meta .url:hover,
.comment-content a:hover {
    color: var(--dark-color);
    text-decoration: none !important;
}

.comment-metadata a {
    color: var(--primary-color);
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 15px;
}

.reply a {
    color: var(--primary-color);
    display: inline-block;
    margin-bottom: 10px;
    transition: var(--transition);
}

.comment-reply-title {
    font-size: 30px;
    font-weight: bold;
    color: var(--primary-color);
    margin-bottom: 20px;
}

.comment-reply-title small a:hover {
    color: var(--dark-color);
}

.comment-form-comment .form-submit #submit {
    padding: 0;
    line-height: 42px;
}

.comments-area {
    margin-top: 60px;
}

.comments-title {
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 40px;
}

.comment-body {
    margin-bottom: 30px;
}

.comment-form-url {
    margin-right: 0;
}

.single-post .widget-area {
    margin-top: 0;
}

.nav-previous a,
.nav-next a {
    color: var(--secondary-color);
    transition: var(--transition);
}

.nav-previous a:hover,
.nav-next a:hover {
    color: var(--primary-color);
}

.result-pagination li a,
.result-pagination li,
.result-pagination .page-numbers {
    --pagination-size: 50px;
    width: var(--pagination-size);
    height: var(--pagination-size);
    background: var(--white-color);
    box-shadow: 0 10px 40px rgba(37, 58, 105, 0.09);
    border-radius: var(--border-radius-10);
    color: var(--dark-color);
    font-size: 20px;
    z-index: 10;
    transition: var(--transition);
}

.result-pagination a:hover,
.result-pagination .current {
    background: var(--primary-color);
    color: var(--white-color);
}

.page-numbers li a,
.page-numbers li,
span.page-numbers,
.page-numbers {
    width: 50px;
    height: 50px;
    box-shadow: 0 10px 40px rgba(37, 58, 105, 0.09);
    border-radius: 8px;
    border: none;
    outline: none;
    background: var(--primary-color);
    color: var(--white-color);
    font-size: 18px;
    z-index: 10;
    transition: var(--transition);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 3px;
}

.page-numbers li {
    margin: 0 5px;
}

.page-numbers li a:hover,
.page-numbers.current,
.page-numbers:hover {
    background: var(--primary-color);
    color: var(--white-color);
}

.entry-content :where(h1, h2, h3, h4, h5, h6):not(:first-child) {
    margin-top: 25px;
}

.entry-content :where(h1, h2, h3, h4, h5, h6):not(:last-child) {
    margin-bottom: 16px;
}

.comment-form-comment label,
.type-post .entry-content p {
    margin-bottom: 16px;
}

.comment-form-comment label:last-child,
.type-post .entry-content p:last-of-type {
    margin-bottom: 0;
}

.privacy-content ol,
.privacy-content ul,
.entry-content ol,
.entry-content ul {
    list-style-position: inside;
    margin: 16px 0;
}

.privacy-content ol ol,
.privacy-content ul ul,
.entry-content ol ol,
.entry-content ul ul {
    margin: 6px 0 5px 1em;
}

.privacy-content ul,
.entry-content ul {
    list-style-type: disc;
}

.privacy-content ul li,
.entry-content ul li {
    list-style: inherit !important;
}

.privacy-content ol,
.entry-content ol {
    list-style-type: decimal;
}

.privacy-content ol li,
.entry-content ol li {
    list-style: inherit;
}

.post .entry-footer {
    margin-top: 16px;
}

.search .page-header {
    margin-bottom: 16px;
}

.search-form {
    margin-top: 25px;
}

.search .search-form label {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .single-post .widget-area {
        margin-top: 50px;
    }
}

@media (max-width: 400px) {
    .comments-area p input {
        height: 44px;
    }

    .comments-area textarea {
        height: 120px;
    }
}

/* --------- Blog Grid CSS Start --------- */

.row.blog-grid {
    --gutter-y: var(--gutter);
}

.blog-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: var(--border-radius-15);
    box-shadow: var(--box-shadow-2);
    background-color: var(--white-color);
}

.blog-card .blog-card-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.98039215686;
    border-radius: var(--border-radius-15);
    overflow: hidden;
    flex: 0 0 auto;
}

.blog-card .blog-card-image a {
    display: block;
    width: 100%;
    height: 100%;
}

.blog-card .blog-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-card .blog-card-content {
    padding: 25px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    flex: 1;
}

.blog-card .blog-card-content .h3-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-card .blog-card-content .read-more-btn {
    margin-top: auto;
}

/* --------- Blog Grid CSS End --------- */


/* --------- Blog Single Post CSS Start --------- */

.blog-single-post-sec .post-thumbnail {
    overflow: hidden;
    border-radius: var(--border-radius-15);
    margin-bottom: 50px;
}

.blog-single-post-sec .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-single-post-sec .nav-links {
    display: flex;
    gap: 24px;
}

.blog-single-post-sec .nav-links>* {
    flex: 1;
}

@media (max-width: 1399px) {
    .blog-single-post-sec .post-thumbnail {
        margin-bottom: 40px;
    }
}

@media (max-width: 991px) {

    .blog-single-post-sec .post-thumbnail {
        margin-bottom: 30px;
    }

    .blog-single-post-sec .nav-links {
        flex-direction: column;
        gap: 12px;
    }

    .blog-single-post-sec .nav-links>* {
        text-align: left;
    }
}

/* --------- Blog Single Post CSS End --------- */

/*========== Blog End ==========*/

/*========== Careers [Page] Start ==========*/

.careers-common-sec .sec-title,
.main-job-sec .main-job-sec-title,
.careers-fellow-movers-sec .sec-title {
    margin-bottom: 90px;
}

.main-job-sec {
    padding: 100px 0;
}

.job-sec .job-sec-row:not(:last-child) {
    margin-bottom: 80px;
}

.job-sec-row .row {
    --gutter-x: 50px;
}

.job-sec-row .common-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.745;
    overflow: hidden;
    border-radius: var(--border-radius-15);
}

.job-sec-row .common-image .back-img {
    width: 100%;
    height: 100%;
}

.job-sec-row .common-content .sec-title {
    margin-bottom: 30px;
}

.job-sec-row .common-content.checklist-list ul {
    gap: 10px;
    margin-top: 20px;
}

.job-sec-row .common-content.checklist-list ul li {
    padding-left: 30px;
}

.common-sec.careers-fellow-movers-sec {
    position: relative;
    z-index: 1;
}

.common-sec.careers-fellow-movers-sec::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--light-blue-color);
    mix-blend-mode: lighten;
    pointer-events: none;
    z-index: -1;
}

.common-sec.careers-fellow-movers-sec .common-content {
    margin-left: auto;
}

.common-sec.careers-fellow-movers-sec .common-content .sec-title {
    margin-bottom: 12px;
}

.main-job-sec.why-work-for-us-sec .job-sec-row.even {
    padding-block: 80px;
    background-color: var(--primary-color);
}

.job-requirements-sec {
    margin-bottom: 62px;
    overflow: hidden;
    background-color: var(--primary-color);
}

.job-requirements-sec.double-arrow-shape::before {
    opacity: 0.13;
    width: clamp(12.5rem, 6.789vw + 8.291rem, 16.438rem);
    /* Breakpoint:- 1920 to 992, value:- 263px to 200px */
    bottom: -28px;
    left: -98px;
}

.job-requirements-content {
    padding-block: 70px;
    margin-inline: 50px;
}

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

.job-requirements-content.checklist-list ul {
    gap: 10px;
}

.job-requirements-content.checklist-list ul li {
    padding-left: 30px;
}

.job-requirements-content.checklist-list ul li::before {
    background-color: var(--white-color);
}

.job-requirements-content .inquiry-box-wp {
    margin-top: 30px;
}

.inquiry-box-wp .inquiry-box:not(:last-child) {
    margin-bottom: 14px;
}

.inquiry-box {
    display: flex;
    gap: 10px;
}

.inquiry-box .inquiry-box-icon {
    --size: 40px;
    width: var(--size);
    height: var(--size);
    margin-top: 6px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    font-size: 20px;
    border-radius: var(--border-radius-full);
    background-color: var(--secondary-color);
}

.inquiry-box .inquiry-box-text>* {
    font-size: 16px;
}

.inquiry-box .inquiry-box-text a {
    display: inline-block;
    color: var(--secondary-color);
}

.inquiry-box .inquiry-box-text a:hover {
    color: var(--white-color);
}

.inquiry-box.inquiry-location-box .inquiry-box-text .inquiry-box-text-inner {
    display: inline-flex;
    gap: 2px;
    flex-wrap: wrap;
}

.inquiry-box.inquiry-location-box .inquiry-box-text .inquiry-box-text-inner a:not(:last-child)::after {
    content: ',';
    display: inline-block;
}

.job-requirements-content .job-requirements-content-btn {
    margin-top: 30px;
}

.job-requirements-image-box {
    position: relative;
    height: 100%;
}

.job-requirements-image-box .back-img-wp {
    position: absolute;
    width: 50vw;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

.job-requirements-image-box .back-img-wp .back-img {
    width: 100%;
    height: 100%;
}

@media (min-width: 1400px) {
    .why-choose-sec.careers-why-choose-sec .sec-title {
        max-width: 1050px;
        margin-inline: auto;
        margin-bottom: 60px;
    }
}

@media (max-width: 1399px) {
    .job-sec-row .row {
        --gutter-x: var(--gutter);
    }

    .job-requirements-content {
        margin-inline: 30px;
    }
}

@media (max-width: 1199px) {

    .careers-common-sec .sec-title,
    .main-job-sec .main-job-sec-title,
    .careers-fellow-movers-sec .sec-title {
        margin-bottom: 70px;
    }

    .job-requirements-content {
        margin-inline: 0 30px;
    }
}

@media (max-width: 991px) {

    .careers-common-sec .sec-title {
        margin-bottom: var(--section-spacing);
    }

    .careers-common-sec .sec-title,
    .main-job-sec .main-job-sec-title,
    .careers-fellow-movers-sec .sec-title {
        margin-bottom: 60px;
    }

    .main-job-sec {
        padding: var(--section-spacing) 0;
    }

    .job-sec .job-sec-row:not(:last-child) {
        margin-bottom: 60px;
    }

    .job-sec-row .common-image {
        margin-bottom: 50px;
    }

    .job-sec-row .common-content .sec-title {
        margin-bottom: 20px;
    }

    .common-sec.careers-fellow-movers-sec .common-content {
        margin-top: 50px;
        margin-bottom: 0;
    }

    .main-job-sec.why-work-for-us-sec .job-sec-row.even {
        padding-block: 60px;
    }

    .job-requirements-content {
        margin-inline: 0;
        padding-block: 50px var(--section-spacing);
    }

    .job-requirements-content .sec-title {
        margin-bottom: 20px;
    }

    .job-requirements-content .inquiry-box-wp {
        margin-top: 20px;
    }

    .job-requirements-content .job-requirements-content-btn {
        margin-top: 20px;
    }

    .job-requirements-image-box .back-img-wp {
        position: relative;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100vw;
        height: auto;
        aspect-ratio: 1 / 0.60544904137;
    }
}

@media (max-width: 575px) {

    .careers-common-sec .sec-title,
    .main-job-sec .main-job-sec-title,
    .careers-fellow-movers-sec .sec-title {
        margin-bottom: 50px;
    }

    .job-sec .job-sec-row:not(:last-child) {
        margin-bottom: 50px;
    }

    .main-job-sec.why-work-for-us-sec .job-sec-row.even {
        padding-block: 50px;
    }

    .job-sec-row .common-image {
        margin-bottom: 40px;
    }
}

/*========== Careers [Page] End ==========*/

/*========== Sustainability + Community [Page] Start ==========*/

.local-moving-sec.sustainability-local-moving-sec .local-moving-content {
    max-width: 100%;
    margin-inline: 0;
}

.local-moving-sec.sustainability-local-moving-sec .local-moving-content p:not(:last-child) {
    margin-bottom: 16px;
}

.common-sec.intention-common-sec {
    padding-top: 0 !important;
}

.common-sec.intention-common-sec .common-content.checklist-list ul {
    gap: 10px;
    margin-block: 27px;
}

.common-sec.intention-common-sec .common-content.checklist-list ul li {
    padding-left: 30px;
}

.cleaner-miles-sec {
    padding-block: 120px;
    position: relative;
    background: var(--light-blue-color-2);
}

.cleaner-miles-sec.small-dots-shape-2::before {
    bottom: 17px;
    right: 15px;
    mix-blend-mode: multiply;
}

.cleaner-miles-sec.small-dots-shape-2::after {
    top: 17px;
    left: 15px;
    mix-blend-mode: multiply;
}

.cleaner-miles-content-wp {
    display: flex;
    flex-direction: column;
    gap: 45px;
}

.cleaner-miles-content-box {
    padding: 50px 40px;
    box-shadow: var(--box-shadow-3);
    border-radius: var(--border-radius-15);
    background-color: var(--white-color);
}

.cleaner-miles-content-box.checklist-list ul {
    gap: 10px;
}

.cleaner-miles-content-box.checklist-list ul li {
    padding-left: 30px;
}

.cleaner-miles-content-box>*:not(:last-child):not(p) {
    margin-bottom: 20px;
}

.cleaner-miles-content-box>*:not(:last-child) {
    margin-bottom: 20px;
}

.main-job-sec.sustainability-main-job-sec .job-sec-row .row {
    --gutter-x: var(--gutter);
}

.main-job-sec.sustainability-main-job-sec .common-content >*:not(:last-child):not(.sec-title) {
    margin-bottom: 16px;
}


.main-job-sec.sustainability-main-job-sec .job-sec-row .common-image {
    max-width: 480px;
    aspect-ratio: 1 / 1.33333333333;
}

.file-btn-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.file-btn-box .file-btn-box-icon {
    --size: 40px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    font-size: 20px;
    border-radius: var(
    --border-radius-full);
    background-color: var(
    --secondary-color);
}

.file-btn-box .file-btn-box-text a {
    display: inline-block;
    color: var(--secondary-color);
}

.file-btn-box .file-btn-box-text a:hover {
    color: var(--primary-color);
}

.community-sec {
    padding-block: 100px;
    background-color: var(--primary-color);
}

.community-sec .community-content {
    margin-bottom: 70px;
}

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

.row.community-row{
    --gutter: 45px;
    --gutter-y: var(--gutter);
}

.community-box {
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    box-shadow: var(--box-shadow-3);
    border-radius: var(--border-radius-15);
    background-color: var(--white-color);
    height: 100%;
}

.community-box .community-logo {
    --size: 130px;
    width: var(--size);
    height: var(--size);
    border-radius: var(--border-radius-10);
    flex: 0 0 auto;
    border: 1px solid rgba(var(--border-color-rgb), 0.20);
    overflow: hidden;
}

.community-box .community-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.community-box .community-box-content {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
    flex: 1;
}

.community-box .community-box-content .read-more-btn {
    margin-top: auto;
}

@media (max-width: 1399px) {
    .common-sec.intention-common-sec .common-content.checklist-list ul {
        margin-block: 22px;
    }

    .row.community-row{
        --gutter: 30px;
    }

    .community-sec .community-content {
        margin-bottom: 50px;
    }
}

@media (max-width: 1199px) {
    .common-sec.intention-common-sec .common-content.checklist-list ul {
        margin-block: 16px;
    }

    .cleaner-miles-sec {
        padding-block: 100px;
    }

    .cleaner-miles-content-box {
        padding: 40px 30px;
    }

    .row.community-row{
        --gutter: 24px;
    }

    .community-box {
        padding: 30px 20px;
    }

    .community-box .community-logo {
        --size: 100px;
    }
}

@media (max-width: 991px) {
    .cleaner-miles-sec {
        padding-block: var(--section-spacing);
    }

    .cleaner-miles-content-wp {
        gap: 35px;
    }

    .cleaner-miles-content-box>*:not(:last-child):not(p) {
        margin-bottom: 16px;
    }

    .community-sec {
        padding-block: var(--section-spacing);
    }

    .community-content .sec-title {
        margin-bottom: 20px;
    }

    .community-sec .community-content {
        margin-bottom: 40px;
    }

    .community-box {
        padding: 30px;
    }
}

@media (max-width: 575px) {
    .community-box {
        padding: 30px 20px;
        gap: 20px;
    }

    .community-box .community-box-content {
        gap: 10px;
    }
}

@media (max-width: 400px) {

    .cleaner-miles-content-wp {
        gap: 24px;
    }

    .cleaner-miles-content-box {
        padding: 30px 20px;
    }
}

/*========== Sustainability + Community [Page] End ==========*/

/*========== Apply [Page] Start ==========*/

.apply-page-sec .wFormContainer {
    max-width: 100%;
}

.apply-page-sec .wFormContainer .wFormHeader {
    display: none;
}

.apply-page-sec .wFormContainer .wForm {
    margin-top: 0;
    box-shadow: var(--box-shadow-3);
    border-radius: var(--border-radius-15);
    background-color: var(--white-color);
}

.apply-page-sec .wFormContainer .wForm form {
    padding: 30px 50px;
}

@media (max-width: 1199px) {
    .apply-page-sec .wFormContainer .wForm form {
        padding: 30px 40px;
    }
}

@media (max-width: 991px) {
    .apply-page-sec .wFormContainer .wForm form {
        padding: 30px;
    }
}

@media (max-width: 575px) {
    .apply-page-sec .wFormContainer .wForm form {
        padding: 20px;
    }
}

/*========== Apply [Page] End ==========*/