/*!

Theme Name: Mason East PA Inc

Theme URI: https://geekwebsolution.com/

Author: Dotcom Design

Author URI: https://www.dotcomdesign.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: mason-east-pa-inc

Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/



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



@font-face {

    font-family: 'Roboto';

    src: url('assets/fonts/Roboto-Black.eot');

    src: url('assets/fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Roboto-Black.woff2') format('woff2'),

        url('assets/fonts/Roboto-Black.woff') format('woff'),

        url('assets/fonts/Roboto-Black.ttf') format('truetype');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto';

    src: url('assets/fonts/Roboto-Bold.eot');

    src: url('assets/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Roboto-Bold.woff2') format('woff2'),

        url('assets/fonts/Roboto-Bold.woff') format('woff'),

        url('assets/fonts/Roboto-Bold.ttf') format('truetype');

    font-weight: 700;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto';

    src: url('assets/fonts/Roboto-ExtraBold.eot');

    src: url('assets/fonts/Roboto-ExtraBold.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Roboto-ExtraBold.woff2') format('woff2'),

        url('assets/fonts/Roboto-ExtraBold.woff') format('woff'),

        url('assets/fonts/Roboto-ExtraBold.ttf') format('truetype');

    font-weight: 800;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto';

    src: url('assets/fonts/Roboto-ExtraLight.eot');

    src: url('assets/fonts/Roboto-ExtraLight.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Roboto-ExtraLight.woff2') format('woff2'),

        url('assets/fonts/Roboto-ExtraLight.woff') format('woff'),

        url('assets/fonts/Roboto-ExtraLight.ttf') format('truetype');

    font-weight: 200;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto';

    src: url('assets/fonts/Roboto-Light.eot');

    src: url('assets/fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Roboto-Light.woff2') format('woff2'),

        url('assets/fonts/Roboto-Light.woff') format('woff'),

        url('assets/fonts/Roboto-Light.ttf') format('truetype');

    font-weight: 300;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto';

    src: url('assets/fonts/Roboto-Medium.eot');

    src: url('assets/fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Roboto-Medium.woff2') format('woff2'),

        url('assets/fonts/Roboto-Medium.woff') format('woff'),

        url('assets/fonts/Roboto-Medium.ttf') format('truetype');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto';

    src: url('assets/fonts/Roboto-Regular.eot');

    src: url('assets/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Roboto-Regular.woff2') format('woff2'),

        url('assets/fonts/Roboto-Regular.woff') format('woff'),

        url('assets/fonts/Roboto-Regular.ttf') format('truetype');

    font-weight: 400;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto';

    src: url('assets/fonts/Roboto-SemiBold.eot');

    src: url('assets/fonts/Roboto-SemiBold.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Roboto-SemiBold.woff2') format('woff2'),

        url('assets/fonts/Roboto-SemiBold.woff') format('woff'),

        url('assets/fonts/Roboto-SemiBold.ttf') format('truetype');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Roboto';

    src: url('assets/fonts/Roboto-Thin.eot');

    src: url('assets/fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Roboto-Thin.woff2') format('woff2'),

        url('assets/fonts/Roboto-Thin.woff') format('woff'),

        url('assets/fonts/Roboto-Thin.ttf') format('truetype');

    font-weight: 100;

    font-style: normal;

    font-display: swap;

}







@font-face {

    font-family: 'Blinker';

    src: url('assets/fonts/Blinker-ExtraBold.eot');

    src: url('assets/fonts/Blinker-ExtraBold.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Blinker-ExtraBold.woff2') format('woff2'),

        url('assets/fonts/Blinker-ExtraBold.woff') format('woff'),

        url('assets/fonts/Blinker-ExtraBold.ttf') format('truetype');

    font-weight: 800;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Blinker';

    src: url('assets/fonts/Blinker-ExtraLight.eot');

    src: url('assets/fonts/Blinker-ExtraLight.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Blinker-ExtraLight.woff2') format('woff2'),

        url('assets/fonts/Blinker-ExtraLight.woff') format('woff'),

        url('assets/fonts/Blinker-ExtraLight.ttf') format('truetype');

    font-weight: 200;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Blinker';

    src: url('assets/fonts/Blinker-SemiBold.eot');

    src: url('assets/fonts/Blinker-SemiBold.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Blinker-SemiBold.woff2') format('woff2'),

        url('assets/fonts/Blinker-SemiBold.woff') format('woff'),

        url('assets/fonts/Blinker-SemiBold.ttf') format('truetype');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Blinker';

    src: url('assets/fonts/Blinker-Regular.eot');

    src: url('assets/fonts/Blinker-Regular.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Blinker-Regular.woff2') format('woff2'),

        url('assets/fonts/Blinker-Regular.woff') format('woff'),

        url('assets/fonts/Blinker-Regular.ttf') format('truetype');

    font-weight: 400;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Blinker';

    src: url('assets/fonts/Blinker-Thin.eot');

    src: url('assets/fonts/Blinker-Thin.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Blinker-Thin.woff2') format('woff2'),

        url('assets/fonts/Blinker-Thin.woff') format('woff'),

        url('assets/fonts/Blinker-Thin.ttf') format('truetype');

    font-weight: 100;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Blinker';

    src: url('assets/fonts/Blinker-ExtraLight_1.eot');

    src: url('assets/fonts/Blinker-ExtraLight_1.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Blinker-ExtraLight_1.woff2') format('woff2'),

        url('assets/fonts/Blinker-ExtraLight_1.woff') format('woff'),

        url('assets/fonts/Blinker-ExtraLight_1.ttf') format('truetype');

    font-weight: 200;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Blinker';

    src: url('assets/fonts/Blinker-Black.eot');

    src: url('assets/fonts/Blinker-Black.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Blinker-Black.woff2') format('woff2'),

        url('assets/fonts/Blinker-Black.woff') format('woff'),

        url('assets/fonts/Blinker-Black.ttf') format('truetype');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Blinker';

    src: url('assets/fonts/Blinker-Bold.eot');

    src: url('assets/fonts/Blinker-Bold.eot?#iefix') format('embedded-opentype'),

        url('assets/fonts/Blinker-Bold.woff2') format('woff2'),

        url('assets/fonts/Blinker-Bold.woff') format('woff'),

        url('assets/fonts/Blinker-Bold.ttf') format('truetype');

    font-weight: 700;

    font-style: normal;

    font-display: swap;

}





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



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



:root {

    /* Color Variables */

    --primary-color-rgb: 45, 128, 130;

    --primary-color: rgba(var(--primary-color-rgb), 1);

    --primary-color-on-dark-rgb: 31, 189, 172;

    --primary-color-on-dark: rgba(var(--primary-color-on-dark-rgb), 1);

    --secondary-color-rgb: 217, 38, 50;

    --secondary-color: rgba(var(--secondary-color-rgb), 1);

    --secondary-color-on-dark-rgb: 251, 105, 115;

    --secondary-color-on-dark: rgba(var(--secondary-color-on-dark-rgb), 1);

    --tertiary-color-rgb: 255, 202, 99;

    --tertiary-color: rgba(var(--tertiary-color-rgb), 1);

    --alternate-white-color-rgb: 240, 246, 254;

    --alternate-white-color: rgba(var(--alternate-white-color-rgb), 1);

    --dark-color-700-rgb: 44, 51, 48;

    --dark-color-700: rgba(var(--dark-color-700-rgb), 1);

    --dark-color-800-rgb: 33, 38, 36;

    --dark-color-800: rgba(var(--dark-color-800-rgb), 1);

    --dark-color-900-rgb: 23, 26, 24;

    --dark-color-900: rgba(var(--dark-color-900-rgb), 1);

    --text-color-rgb: 69, 84, 102;

    --text-color: rgba(var(--text-color-rgb), 1);

    --border-color-rgb: 222, 224, 226;

    --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: var(--text-color-rgb);

    --input-color: rgba(var(--input-color-rgb), 1);

    --theme-color1-rgb: 27, 168, 153;

    --theme-color1: rgba(var(--theme-color1-rgb), 1);



    /* Scrollbar Variables */

    --scrollbar-thumb-color: var(--primary-color);

    --scrollbar-track-color: var(--dark-color-900);



    /* Font Variables */

    --body-font: "Roboto";

    --title-font: "Blinker";



    /* Header Variables */

    --main-header-height: 68px;

    --top-header-bar-height: 0px;



    /* Section Spacing Variables */

    --section-spacing: 64px;

    --section-spacing-lg: 128px;



    /* Body Variables */

    --body-font-size: 16px;

    --body-line-height: 1.5;



    /* Transition Variables */

    --transition: 0.3s;



    /* Gutter Variables */

    --gutter: 30px;



    /* Radius Variables */

    --radius-sm: 8px;

    --radius-md: 16px;

    --radius-lg: 24px;



    /* 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(--white-color);

    --swiper-pagination-bullet-inactive-opacity: 0.3;

    --swiper-pagination-bullet-border-radius: 8px;

    --swiper-pagination-bullet-height: 8px;

    --swiper-pagination-bullet-width: 8px;

    --swiper-pagination-color: var(--secondary-color-on-dark);

    --swiper-pagination-bullet-opacity: 1;

    --swiper-pagination-bullet-horizontal-gap: 12px;

    --swiper-pagination-bullet-margin: 10px;

    --swiper-outside: 30px;



    /* Form Variables */

    --form-input-height: 50px;

    --form-input-padding-inline: 12px;

    --form-select-arrow-right-position: 12px;

    --form-control-wrap-margin-bottom: 8px;

    --form-accent-color: var(--text-color);



    /* TwentyTwenty (After & Before images Slider) Variables */

    --handle-color: var(--white-color);

    --handle-icon-color: var(--black-color);

    --divider-color: var(--white-color);

    --divider-width: 6px;

    --handle-size: 80px;

    --arrow-size: 24px;

}



body {

    font-family: var(--body-font);

}



.site {

    padding-top: calc(var(--main-header-height) + var(--top-header-bar-height));

}



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: 24px;

}



h1, .h1-title,

h2, .h2-title,

h3, .h3-title,

h4, .h4-title,

h5, .h5-title,

h6, .h6-title {

    font-weight: 600;

    color: var(--dark-color-800);

    font-family: var(--title-font);

}



p a,

a {

    color: var(--primary-color);

    transition: var(--transition);

}



p a:hover,

a:hover {

    color: var(--dark-color);

}



h1,

.h1-title {

    font-size: 64px;

    line-height: 1;

    margin-bottom: 26px;

    font-weight: 700;

}



.h1-title-lg {

    font-size: 68px;

    line-height: 1;

    font-weight: 600;

    letter-spacing: -0.02em;

    margin-bottom: 32px;

}



h2,

.h2-title {

    font-size: 48px;

    line-height: 1.10416666;

    margin-bottom: 14px;

}



h3,

.h3-title {

    font-size: 36px;

    line-height: 1.19444444;

    margin-bottom: 0;

}



h4,

.h4-title {

    font-size: 28px;

    line-height: 1.39285714;

    margin-bottom: 0;

}



h5,

.h5-title {

    font-size: 22px;

    line-height: 1.40909090;

    margin-bottom: 0;

}



h6,

.h6-title {

    font-size: 18px;

    line-height: 1.38888888;

    margin-bottom: 0;

}



.body-text-xl {

    font-size: 22px;

}



.body-text-lg {

    font-size: 18px;

}



.body-text-sm {

    font-size: 14px;

}



.body-text-xs {

    font-size: 12px;

}



.body-text-xl *:not(sub, sup, .sec-btn),

.body-text-lg *:not(sub, sup, .sec-btn),

.body-text-sm *:not(sub, sup, .sec-btn),

.body-text-xs *:not(sub, sup, .sec-btn) {

    font-size: inherit;

}



.play-btn {

    --size: 60px;

    width: var(--size);

    height: var(--size);

    color: var(--primary-color);

    background: var(--white-color);

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    padding-left: 3px;

    box-shadow: 0 3px 10px rgba(var(--dark-color-rgb), 0.16);

    transition: var(--transition);

}



.play-btn:hover {

    background: var(--primary-color);

    color: var(--white-color);

}



.btn-wp {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 12px;

}



.bg-dark-700 {

    background-color: var(--dark-color-700);

}



.bg-dark-800 {

    background-color: var(--dark-color-800);

}



.bg-dark-900 {

    background-color: var(--dark-color-900);

}



.sec-spacing {

    padding-block: var(--section-spacing);

}



.sec-spacing-lg {

    padding-block: var(--section-spacing-lg);

}



.sec-eyebrow {

    color: var(--secondary-color-on-dark) !important;

}



.back-img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 0;

    pointer-events: none;

}



.back-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}



.gap-lg {

    --gutter: 48px;

    --gutter-y: 60px;

}



:is(section, div):has(> .back-img) {

    position: relative;

}



.bottom-btn {

    margin-top: 30px;

}

@media (min-width: 1400px) {

    .container {

        max-width: 1200px;

    }

}



@media (min-width: 1921px) {

    .container {

        max-width: 1400px;

    }

}



@media (max-width: 1199px) {

    .h1-title-lg {

        font-size: 62px;

    }

    h1, .h1-title {

        font-size: 56px;

    }

    .body-text-xl {

        font-size: 20px;

    }

    .gap-lg {

        --gutter: 40px;

        --gutter-y: 55px;

    }

}

@media (max-width: 991px) {

    :root {

        --section-spacing-lg: 100px;

    }

    .gap-lg {

        --gutter: 32px;

        --gutter-y: 48px;

    }

    .h1-title-lg {

        font-size: 56px;

        margin-bottom: 24px;

    }

    h1, .h1-title {

        font-size: 50px;

    }

    h2, .h2-title {

        font-size: 44px;

    }

}

@media (max-width: 767px) {

    :root {

        --handle-size: 65px;

        --arrow-size: 20px;

        --section-spacing: 50px;

        --section-spacing-lg: 70px;

    }

    p {

        margin-bottom: 16px;

    }

    .gap-lg {

        --gutter-y: 30px;

    }

    .h1-title-lg {

        font-size: 52px;

    }

    h2, .h2-title {

        font-size: 38px;

    }

    h3, .h3-title {

        font-size: 32px;

    }

}



@media (max-width: 575px) {

    :root {

        --section-spacing: 60px;

        --section-spacing: 55px;

        --section-spacing-lg: 80px;

        --section-spacing: 32px;

        --section-spacing-lg: 64px;

    }



    h1,

    .h1-title {

        font-size: 42px;

        line-height: 1.1;

    }



    .h1-title-lg {

        font-size: 44px;

    }



    h2,

    .h2-title {

        font-size: 34px;

    }



    h3,

    .h3-title {

        font-size: 26px;

    }



    h4,

    .h4-title {

        font-size: 22px;

    }



    h5,

    .h5-title {

        font-size: 18px;

    }



    h6,

    .h6-title {

        font-size: 16px;

    }

    .body-text-xl {

        font-size: 18px;

    }

    .body-text-lg {

        font-size: 16px;

    }

    .btn-wp {

        flex-direction: column;

    }

    .btn-wp .sec-btn {

        width: 100%;

    }

}



@media (max-width: 400px) {

    :root {

        --form-input-height: 45px;

    }

    .h1-title-lg {

        font-size: clamp(2.125rem, 7.5vw + 0.625rem, 2.5rem);

    }

}

@media (max-width: 374px) {

    h2, .h2-title {

        font-size: 30px;

    }

    h3, .h3-title {

        font-size: 24px;

    }

}

/*========== Common 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;

}



/* 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);

}

.wpcf7-not-valid-tip {

    font-size: 14px;

    font-weight: normal;

    display: block;

    margin-top: 3px;

}

.wpcf7 form.sent .wpcf7-response-output,

.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7-form.invalid .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {

    margin: 20px 0 0;

    border: 1px solid var(--white-color);

    color: var(--white-color);

}

/* Input Validation End */



/* Placeholder Start */

.form-input::-webkit-input-placeholder,

.input-text::-webkit-input-placeholder {

    color: rgba(var(--input-color-rgb), 0.7);

}



.form-input::-moz-placeholder,

.input-text::-moz-placeholder {

    color: rgba(var(--input-color-rgb), 0.7);

}



.form-input:-ms-input-placeholder,

.input-text:-ms-input-placeholder {

    color: rgba(var(--input-color-rgb), 0.7);

}



.form-input::-ms-input-placeholder,

.input-text::-ms-input-placeholder {

    color: rgba(var(--input-color-rgb), 0.7);

}



.form-input::placeholder,

.input-text::placeholder {

    color: rgba(var(--input-color-rgb), 0.7);

}



/* 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);

    border: 1px solid var(--border-color);

    outline: none !important;

    padding: 0 var(--form-input-padding-inline);

    font-size: var(--body-font-size);

    line-height: var(--body-line-height);

    color: var(--dark-color);

    background: var(--white-color);

    border-radius: 4px;

    -webkit-appearance: none;

    appearance: none;

}



select,

select.form-input {

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

}



.form-input.wpcf7-textarea {

    height: 102px;

    resize: none;

    padding: 15px;

    display: block;

}



.submit-btn {

    position: relative;

    display: inline-block;

    width: 100%;

}

.submit-btn .sec-btn {

    width: 100%;

}



.wpcf7 .wpcf7-spinner {

    position: absolute;

    top: 50%;

    left: calc(50% + 50px);

    transform: translate(0, -50%);

    margin: 0 0 0 10px;

    z-index: 2;

}



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 */

.wpcf7-list-item label {

    gap: 12px;

    line-height: 1.5;

}

span.wpcf7-form-control {

    line-height: 1.125;

}

p.comment-form-cookies-consent > input[type="checkbox"], .wpcf7 input[type="checkbox"], .woocommerce form .form-row .input-checkbox, .woocommerce-form__input, .wpcf7 input[type="radio"] {

    border: 2px solid var(--white-color);

    border-radius: 6px;

}



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



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



.sec-btn {

    background: var(--primary-color);

    border: 1px solid var(--primary-color);

    color: var(--white-color);

    display: inline-flex;

    justify-content: center;

    align-items: center;

    gap: 8px;

    border-radius: 0;

    font-size: 18px;

    line-height: 1.22222222;

    padding-inline: 31px;

    padding-block: 15px;

    font-weight: 500;

    text-align: center;

    cursor: pointer;

    outline: none !important;

    transition: var(--transition);

    letter-spacing: 0.02em;

    overflow: hidden;

    position: relative;

    z-index: 2;

    -webkit-appearance: none;

    appearance: none;

}



.sec-btn:hover {

    background: var(--white-color);

    border-color: var(--white-color);

    color: var(--dark-color-800);

}



.sec-btn:has(iconify-icon) {

    padding-block: 15px;

}



.sec-btn iconify-icon {

    font-size: 24px;

}



.sec-btn.btn-sm {

    padding-inline: 23px;

    padding-block: 13px;

    font-size: 16px;

}



.sec-btn.btn-sm iconify-icon {

    font-size: 20px;

}



.sec-btn.white-btn {

    background: var(--white-color);

    color: var(--dark-color-800);

    border-color: var(--white-color);

}



.sec-btn.white-btn:hover {

    background: var(--primary-color);

    border-color: var(--primary-color);

    color: var(--white-color);

}



.sec-btn.red-btn {

    background: var(--secondary-color);

    border-color: var(--secondary-color);

    color: var(--white-color);

}



.sec-btn.red-btn:hover {

    background: var(--white-color);

    border-color: var(--white-color);

    color: var(--dark-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(--dark-color-800);

    border-color: var(--white-color);

}



:is(:not(.bg-dark-900, .bg-dark-800, .bg-dark-700)) .bottom-btn .sec-btn:hover {

    background: var(--secondary-color);

    border-color: var(--secondary-color);

    color: var(--white-color);

}

@media (max-width: 575px) {

    .sec-btn {

        font-size: 16px;

        padding-block: 14px;

        padding-inline: 24px;

    }

    .sec-btn iconify-icon {

        font-size: 20px;

    }

    .sec-btn:has(iconify-icon) {

        padding-block: 13px;

        padding-inline: 20px;

    }

}

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



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



.accordion .accordion-box {

    --space_x: 30px;

    position: relative;

    border: 1px solid var(--border-color);

    border-radius: 10px;

    margin-bottom: 24px;

}



.accordion .accordion-box .accordion-box-title {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    padding: 23px var(--space_x);

    cursor: pointer;

}



.accordion .accordion-box .accordion-box-title .h6-title {

    font-size: 22px;

    line-height: 32px;

    flex: 1;

    transition: var(--transition);

}



.accordion .accordion-box .accordion-box-title .accordion-box-toggle-icon {

    --size: 30px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex: 0 0 auto;

    width: var(--size);

    height: var(--size);

    font-size: 16px;

    border: 1px solid var(--border-color);

    border-radius: 50%;

    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 .h6-title {

    color: var(--primary-color);

}



.accordion .accordion-box.accordion-box-active .accordion-box-title .h6-title {

    color: var(--primary-color);

}



.accordion .accordion-box.accordion-box-active .accordion-box-title .accordion-box-toggle-icon {

    transform: rotate(-180deg);

    border-color: var(--primary-color);

    color: var(--primary-color);

}



.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: 13px;

    border-top: 1px solid var(--border-color);

}



/*========== 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);

}



.modal-title {

    position: relative;

    padding: 10px 65px 10px 30px;

    border-bottom: 1px solid rgba(0, 0, 0, 0.2);

}



.modal-title :is(h2, h3, h4, h5) {

    margin-bottom: 0;

}



button.btn-close {

    position: absolute;

    top: 0;

    right: 0;

    width: 60px;

    height: 100%;

    background: var(--primary-color);

    opacity: 1 !important;

    text-shadow: none;

    color: var(--white-color);

    border-radius: 0;

    outline: none !important;

    z-index: 2;

    transition: var(--transition);

    border: none;

    font-size: 26px;

}



button.btn-close:hover {

    background: var(--primary-color);

    color: var(--dark-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: 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;

    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: 12px;

}



.swiper-nav-btn {

    --size: 56px;

    width: var(--size);

    height: var(--size);

    background: transparent;

    color: var(--white-color);

    pointer-events: auto;

    cursor: pointer;

    transition: var(--transition);

    border-radius: var(--radius-sm);

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid var(--white-color);

    font-size: 24px;

    user-select: none;

}



.swiper-nav-btn:hover {

    background: var(--primary-color);

    border-color: var(--primary-color);

}





.swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {

    display: none;

    transform: scale(0);

    transition-property: all;

    transition-duration: 500ms

}



.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active+.swiper-pagination-bullet,

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:first-child+.swiper-pagination-bullet+.swiper-pagination-bullet,

.swiper-pagination .swiper-pagination-bullet:has(+.swiper-pagination-bullet+.swiper-pagination-bullet.swiper-pagination-bullet-active:last-child),

.swiper-pagination .swiper-pagination-bullet:has(+.swiper-pagination-bullet.swiper-pagination-bullet-active) {

    display: block;

    transform: scale(1)

}

@media (max-width: 991px) {

    .swiper-nav-btn {

        --size: 50px;

        font-size: 20px;

    }

}

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



/*========== Header Start ==========*/

.site-header {

    position: fixed;

    width: 100%;

    top: calc(var(--wp-admin--admin-bar--height, 0px));

    left: 0;

    background-color: var(--dark-color-900);

    transition: var(--transition);

    z-index: 99;

    box-shadow: 0px 1px 3px rgba(var(--black-color-rgb), 0.1), 0px 1px 2px rgba(var(--black-color-rgb), 0.06);

}



.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(--dark-color);

}



.site-header .top-header-bar .container {

    height: 100%;

}



.site-header .top-header-bar .top-header-bar-row-wp {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    padding-block: 6px;

    height: 100%;

}



@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,

.site-header .main-header .container .row,

.site-header .main-header .container .row>* {

    height: 100%;

}



.site-branding {

    display: flex;

    align-items: center;

    width: 199px;

    height: 100%;

    max-width: 100%;

    justify-content: center;

    /* padding-inline: 32px; */

}



.site-branding img {

    width: 100%;

    height: auto;

}



.header-menu {

    display: flex;

    align-items: center;

    justify-content: end;

    width: 100%;

    height: 100%;

}



.main-navigation {

    clear: both;

    display: inline-block;

    float: none;

    width: auto;

}



.main-navigation ul {

    display: flex;

    gap: 48px;

    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: 16px;

}



.main-navigation li a {

    font-size: 18px;

    color: var(--alternate-white-color);

    position: relative;

    transition: var(--transition);

    text-decoration: underline !important;

    text-underline-offset: 4px;

    text-decoration-color: transparent !important;

    line-height: 1.22222222;

    display: inline-block;

}



.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%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.33337%206L7.62375%2010.9033C7.82296%2011.131%208.17712%2011.131%208.37633%2010.9033L12.6667%206%22%20stroke%3D%22%23F0F6FE%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E");

    background: var(--alternate-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%;

    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: 16px;

    line-height: 1.625;

    color: var(--dark-color-800);

    transition: var(--transition);

}



.header-menu-box {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 36px;

}

.header-btn-wp .btn-sm {

    font-size: 18px;

}

@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));

    }



    .menu-toggle {

        display: none;

    }



    .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: 20px;

        position: relative;

    }



    .main-navigation ul ul li.menu-item-has-children {

        padding-right: 0;

    }



    .main-navigation ul li.menu-item-has-children:hover::after {

        background: var(--primary-color-on-dark);

        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 {

        background: var(--primary-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(--primary-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;

        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(--white-color);

        text-decoration-color: var(--primary-color-on-dark) !important;

    }

}

@media (max-width: 1199px) {

    .header-btn-wp .btn-sm {

        font-size: 16px;

        padding-block: 10px;

        padding-inline: 20px;

    }

    .main-navigation ul {

        gap: 25px;

    }

    .header-menu-box {

        gap: 25px;

    }

    .main-navigation li a {

        font-size: 16px;

    }



}

@media (max-width: 991px) {

    .site-header {

        height: var(--main-header-height);

    }



    .site-header .container {

        max-width: 100%;

    }



    .site-header .main-header .container .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);

        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-on-dark);

        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-on-dark);

        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(--primary-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(--dark-color-900);

        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: calc(100vh - calc(var(--wp-admin--admin-bar--height, 0px)));

        overflow: auto;

        opacity: 0;

        scrollbar-width: none;

        background: var(--dark-color-900);

        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: 18px;

        padding-top: 0;

        color: var(--white-color);

    }



    .main-navigation ul li.menu-item-has-children {

        --dropdown-icon-size: 24px;

    }



    .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(--primary-color-on-dark);

    }



    .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(--primary-color-on-dark);

    }



    .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: 16px;

    }



    .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 ul li a {

        color: var(--white-color);

    }   

    



    .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(--primary-color-on-dark);

        text-decoration: underline !important;

    }



    .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(--primary-color-on-dark);

        text-decoration: underline !important;

    }



    .main-navigation ul.menu>li.active-sub-menu>ul li.active-sub-menu>a {

        color: var(--primary-color-on-dark);

        text-decoration: underline !important;

    }

    .header-btn-wp {

        margin-top: 4.4vh;

    }

}



@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 ==========*/



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

.footer-content-wp {

    padding-block: 40px;

}

.footer-topbar {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    padding-bottom: 40px;

    margin-bottom: 40px;

    border-bottom: 1px solid var(--text-color);

    flex-wrap: wrap;

}

.footer-logo img {

    max-width: 284px;

    height: auto;

    object-fit: contain;

}

.social-media-list ul {

    display: flex;

    align-items: center;

    gap: 10px;

    flex-wrap: wrap;

}

.social-media-list ul a {

    font-size: 24px;

    color: var(--whit-color);

    background-color: var(--primary-color);

    padding: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: var(--radius-sm);

}

.social-media-list ul a:hover {

    background-color: var(--primary-color-on-dark);

    color: var(--dark-color-800);

}

.footer-content .row>div:first-child .footer-content-item {

    max-width: 345px;

}

.footer-content .row>div:nth-child(2) .footer-content-item {

    padding-left: 30px;

}

.footer-content .row>div:nth-child(3) .footer-content-item {

    padding-left: 19px;

}

.footer-content .row>div:nth-child(4) .footer-content-item {

    margin-left: -2px;

}

.footer-info {

    margin-bottom: 42px;

}

.footer-info p {

    color: rgba(var(--alternate-white-color-rgb), 0.7);

}

.footer-contact-list ul {

    display: flex;

    flex-direction: column;

    gap: 16px;

    align-items: flex-start;

}

.footer-contact-list ul li {

    display: flex;

    align-items: flex-start;

    gap: 12px;

}

.footer-contact-list ul li:last-child {

    margin-top: -8px;

}

.footer-contact-list ul li iconify-icon {

    font-size: 24px !important;

    color: var(--primary-color-on-dark);

}

.footer-contact-list ul li a {

    color: var(--white-color);

}

.footer-contact-list ul li a:hover {

    color: var(--primary-color);

}

.footer-content-item .h6-title {

    margin-bottom: 34px;

}

.footer-content-item .menu {

    display: flex;

    flex-direction: column;

    gap: 26px;

    align-items: flex-start;

    padding-left: 8px;

}

.footer-content-item .menu a {

    font-size: 18px;

    line-height: 1.22222222;

    display: inline-block;

    color: var(--alternate-white-color);

    text-decoration: underline !important;

    text-underline-offset: 4px;

    text-decoration-color: transparent !important;

}

.footer-content-item .menu .current-menu-item a,

.footer-content-item .menu a:hover {

    color: var(--primary-color-on-dark);

    text-decoration-color: var(--primary-color-on-dark) !important;

}

.footer-location-map iframe {

    width: 100%;

    aspect-ratio: 1 / 0.67279411;

    border-radius: calc(var(--radius-sm) / 2);

}

.footer-bottom-box {

    position: relative;

    padding: 24px 0;

}



.footer-bottom-text {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.copy-right,

.footer-other-link {

    display: inline-block;

}



.copy-right p,

.footer-other-link p {

    font-size: 14px;

    margin-bottom: 0;

}



.footer-bottom-link {

    display: inline-block;

    text-align: center;

}



.footer-bottom-link ul {

    font-size: 0;

    line-height: 1;

    list-style: none;

    margin: 0;

}



.footer-bottom-link ul li {

    font-size: 14px;

    line-height: 21px;

    display: inline-block;

    padding-right: 7px;

    margin-right: 7px;

    position: relative;

}



.footer-bottom-link ul li:not(:last-child):after {

    content: "";

    display: block;

    width: 1px;

    height: 60%;

    background-color: var(--primary-color-on-dark);

    position: absolute;

    top: 50%;

    right: -2px;

    transform: translateY(-50%);

}

.footer-bottom-link ul li:last-child {

    margin-right: 0;

    padding-right: 0;

    border-right: 0;

}



.footer-bottom-link ul li a {

    font-size: 14px;

    line-height: 21px;

    color: var(--primary-color-on-dark);

    transition: var(--transition);

}



.footer-bottom-link ul li.current-menu-item a,

.footer-bottom-link ul li a:hover {

    color: var(--primary-color);

}



.footer-other-link p a {

    color: var(--primary-color-on-dark);

    transition: var(--transition);

}



.footer-other-link p a:hover {

    color: var(--dark-color);

}



.footer-other-link p i {

    color: var(--primary-color);

    font-style: unset;

    font-size: 22px !important;

    line-height: 0;

}



@media (max-width: 1199px) {

    .footer-content-item .menu {

        padding-left: 0;

    }

    .footer-topbar {

        padding-bottom: 30px;

        margin-bottom: 30px;

    }

    .footer-logo img {

        max-width: 200px;

    }

    .footer-other-link p i {

        font-size: 18px !important;

    }

}

@media (max-width: 991px) {



    .footer-bottom-text,

    .copy-right,

    .footer-other-link,

    .footer-bottom-link {

        display: block;

        text-align: center;

    }



    .footer-bottom-link {

        margin: 15px 0;

    }

    .footer-content .row {

        --gutter-y: 32px;

    }

    .footer-content-item .h6-title {

        margin-bottom: 20px;

    }

    .footer-location-map iframe {

        aspect-ratio: 1 / 0.47279411;

    }

}

@media (max-width: 767px) {

    .footer-content .row>div:first-child .footer-content-item {

        max-width: 100%;

    }

    .footer-content .row>div:nth-child(2) .footer-content-item {

        padding-left: 0;

    }

    .footer-content .row>div:nth-child(3) .footer-content-item {

        padding-left: 0;

    }

    .footer-content .row>div:nth-child(4) .footer-content-item {

        margin-left: 0;

    }

    .footer-contact-list ul li iconify-icon {

        margin-top: 2px;

    }    

    .footer-content .row {

        --gutter-y: 40px;

    }    

}

@media (max-width: 575px) {

    .footer-logo img {

        max-width: 160px;

    }

    .social-media-list ul a {

        font-size: 20px;

        padding: 10px;

    }

    .footer-content-item .menu {

        gap: 20px

    }

    .footer-content-item .menu a {

        font-size: 16px;

    }

    .footer-location-map iframe {

        aspect-ratio: 1 / 0.67279411;

    }

}

@media (max-width: 400px) {

    .footer-location-map iframe {

        aspect-ratio: 1 / 1;

    }

}

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



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



.scrolltop {

    --size: 50px;

    position: fixed;

    bottom: 10px;

    right: 10px;

    width: var(--size);

    height: var(--size);

    background: var(--primary-color);

    border: none;

    color: var(--white-color) !important;

    font-size: 25px;

    line-height: 30px;

    text-align: center;

    padding: 13px 0;

    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;

}



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



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

.inner-banner {

    position: relative;

}

.inner-banner .back-img {

    opacity: 0.2;

}



.inner-banner-content>*:last-child {

    margin-bottom: 0;

}

.inner-banner .banner-content {

    display: flex;

    flex-direction: column;

    gap: 16px;

    align-items: flex-start;

}

.inner-banner .sec-eyebrow {

    color: var(--primary-color-on-dark) !important;

}

.inner-banner .banner-content .h1-title {

    margin-bottom: 0;

}

.inner-banner .banner-content .h1-title:not(:last-child) {

    margin-bottom: 8px;

}

.inner-banner .banner-content .body-text-lg {

    max-width: 753px;

}

.breadcrumb-box ul {

    margin: 0;

    padding: 0;

    list-style: none;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    flex-wrap: wrap;

}



.breadcrumb-box ul li {

    color: var(--white-color);

    display: flex;

    align-items: center;

    text-align: center;

    gap: 8px;

}



.breadcrumb-box ul li:not(:last-child):after {

    content: "";

    display: block;

    width: 6px;

    height: auto;

    aspect-ratio: 1 / 1.83333333333;

    background: var(--white-color);

    --mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDYgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDUuNDk5OThDNiA1LjYyNzg1IDUuOTUxMTMgNS43NTU4NSA1Ljg1MzUgNS44NTM0OEwwLjg1MzUyNyAxMC44NTM1QzAuNjU4MTUzIDExLjA0ODggMC4zNDE3OCAxMS4wNDg4IDAuMTQ2NTMgMTAuODUzNUMtMC4wNDg3MTg1IDEwLjY1ODEgLTAuMDQ4ODQzNSAxMC4zNDE3IDAuMTQ2NTMgMTAuMTQ2NUw0Ljc5MzAxIDUuNDk5OThMMC4xNDY1MyAwLjg1MzQ4NEMtMC4wNDg4NDM5IDAuNjU4MTEgLTAuMDQ4ODQ0IDAuMzQxNzM0IDAuMTQ2NTMgMC4xNDY0ODRDMC4zNDE5MDQgLTAuMDQ4NzY1MiAwLjY1ODI3NyAtMC4wNDg4OTAxIDAuODUzNTI2IDAuMTQ2NDg0TDUuODUzNSA1LjE0NjQ4QzUuOTUxMTMgNS4yNDQxIDYgNS4zNzIxIDYgNS40OTk5OFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);

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

}



.breadcrumb-box ul li a {

    color: inherit;

    text-transform: inherit;

}



.breadcrumb-box ul li a:hover {

    color: var(--secondary-color);

}



.breadcrumb-box ul li:not(:has(a)) {

    display: inline-block;

    max-width: 245px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    vertical-align: middle;

}



@media (max-width: 991px) {

    .inner-banner .banner-content {

        gap: 12px;

    }

}

@media (max-width: 575px) {

    .inner-banner .banner-content .h1-title {

        margin-bottom: 10px;

    }

    .inner-banner .banner-content {

        gap: 8px;

    }

}



.inner-page-text {

    padding: var(--section-spacing) 0;

}



.privacy-content ul,

.entry-content ul {

    list-style-position: inside;

    list-style-type: disc;

}



.privacy-content ol,

.entry-content ol {

    margin: 0;

    padding: 0;

    list-style-position: inside;

}



.privacy-content ol :is(ol, ul), .privacy-content ul :is(ol, ul), .entry-content ol :is(ol, ul), .entry-content ul :is(ol, ul) {

    margin-left: 20px;

}



.privacy-content .list-disk li,

.entry-content .list-disk li,

.privacy-content ul li,

.entry-content ul li,

.privacy-content ol li,

.entry-content ol li {

    list-style: unset;

}



.privacy-content ul,

.privacy-content ol {

    margin: 15px 0;

}



.privacy-content ul ul {

    margin: 0;

}



.privacy-content ol ol {

    margin: 0 0 0 1em;

}



.privacy-content :where(h2, h3, h4, h5, h6):not(:first-child) {

    margin-top: 50px;

}



.privacy-content :where(h2, h3, h4, h5, h6):not(:last-child) {

    margin-bottom: 20px;

}



.privacy-content p a,

.privacy-content a,

.entry-content a,

.entry-content p a,

.entry-content a {

    transition: var(--transition);

    color: var(--primary-color);

}



.privacy-content p a:hover,

.privacy-content a:hover,

.entry-content p a:hover,

.entry-content a:hover {

    color: var(--dark-color);

}



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



/*========== Thank You Page Start ==========*/



.thank-text h6 {

    font-size: 24px;

    line-height: 30px;

    text-transform: capitalize;

    color: var(--primary-color);

}



.thank-text p a {

    text-decoration: underline !important;

    color: var(--primary-color);

    transition: var(--transition);

}



.thank-text p a:hover {

    color: var(--dark-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: 767px) {

    .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(--white-color);

    cursor: pointer;

    transition: var(--transition);

}



.footer-last .text:hover {

    color: var(--secondary-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(--secondary-color);

}



/*========== View All Services End ==========*/



/*========== SEO Page Start ==========*/



.main-seo-content {

    position: relative;

    padding-block: var(--section-spacing);

}

.form-wp,

.seo-form-wp {

    background-color: var(--primary-color);

    padding: 48px;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 32px;

    max-width: 628px;

    margin-left: auto;

}

.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-banner.main-banner .back-img {

    opacity: 0.2;

}



.seo-banner.main-banner .banner-content .body-text-xl {

    max-width: 100%;

}

.seo-banner.main-banner .btn-wp {

    justify-content: flex-start;

}

.seo-banner.main-banner .banner-content {

    max-width: 100%;

    text-align: left;

}

.seo-banner.main-banner .container> .row {

    --gutter-y: 30px;

}

@media (max-width: 1199px) {

    .form-wp, .seo-form-wp {

        padding: 32px;

        gap: 16px;

    }

}

@media (max-width: 991px) {

    .form-wp, .seo-form-wp {

        max-width: 100%;

    }

}

@media (max-width: 575px) {

    .form-wp, .seo-form-wp {

        padding: 32px 24px;

    }   

}

@media (max-width: 374px) {

    .form-wp, .seo-form-wp {

        padding: 24px 16px;

    }

}

/*========== SEO Page End ==========*/



/*========== Blog Start ==========*/



.wp-block-group .wp-block-heading {

    font-size: 30px;

    margin-bottom: 14px;

}



.posted-on a,

.byline a,

.widget ul li a,

.entry-title a,

.logged-in-as a {

    transition: var(--transition);

    color: var(--primary-color);

}



.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(--dark-color);

}



.entry-footer span a {

    color: var(--primary-color);

}



.entry-footer span a:hover {

    color: var(--secondary-color);

    text-decoration: underline !important;

}



.entry-title {

    margin-bottom: 15px;

}



.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: var(--black-color);

    color: var(--white-color);

    font-size: 16px;

    outline: none;

    width: 100%;

    height: 50px;

    border-radius: 0;

    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: 0;

    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(--dark-color);

    color: var(--primary-color);

}



.comments-area textarea {

    resize: none;

    height: 180px;

    border-radius: 0;

    box-shadow: none;

    background: var(--black-color);

    border: 1px solid var(--border-color);

    outline: none;

    padding: 15px;

}



.comments-area p input {

    width: 100%;

    height: 46px;

    border-radius: 0;

    background: var(--black-color);

    border: 1px solid var(--border-color);

    outline: none;

    box-shadow: none;

    padding: 15px;

}



.form-submit .submit {

    width: 170px;

    height: 46px;

    background: var(--primary-color);

    color: var(--white-color);

    font-weight: bold;

    border: none;

    border-radius: 40px;

    outline: none !important;

    transition: var(--transition);

}



.form-submit .submit:hover {

    background: var(--dark-color);

    color: var(--primary-color);

}



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

}



.nav-previous a,

.nav-next a {

    color: var(--primary-color);

    transition: var(--transition);

}



.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: 10px;

    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);

}



.site-main .comment-navigation,

.site-main .posts-navigation,

.site-main .post-navigation {

    margin-bottom: 0;

}



.site-main .post-navigation .nav-links {

    display: flex;

    gap: 14px;

}



.site-main .post-navigation .nav-links>* {

    flex: 1;

}



.inner-page-text .col-lg-8 .hentry .post-thumbnail {

    margin-block: 20px 10px;

}



.inner-page-text .col-lg-8 .hentry:not(:last-child) {

    padding-bottom: 40px;

    margin-bottom: 40px;

    border-bottom: 1px solid var(--primary-color);

}



.inner-page-text .col-lg-8 .hentry .post-thumbnail img {

    width: 100%;

    aspect-ratio: 1 / 0.6;

    object-fit: cover;

    border-radius: 24px;

}



@media (max-width: 575px) {

    .archive .inner-banner .banner-content .h1-title {

        font-size: 50px;

    }

    .inner-page-text .col-lg-8 .hentry:not(:last-child) {

        padding-bottom: 24px;

        margin-bottom: 24px;

    }

    .wp-block-group .wp-block-heading {

        font-size: 24px;

        margin-bottom: 10px;

    }

}



/*========== Blog End ==========*/

/*========== Home Page Start ==========*/

/* Hero Header 3 Start */

.main-banner {

    position: relative;

    min-height: calc(100vh - var(--main-header-height) - var(--top-header-bar-height) - var(--wp-admin--admin-bar--height, 0px));

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.main-banner .banner-inner {

    width: 100%;

    position: relative;

    z-index: 2;

}



.main-banner .banner-content {

    max-width: 770px;

    margin-inline: auto;

    text-align: center;

}



.main-banner .banner-content .body-text-xl {

    max-width: 570px;

    margin-inline: auto;

}



.main-banner .banner-content .body-text-xl:not(:last-child) {

    margin-bottom: 50px;

}



.main-banner .btn-wp {

    justify-content: center;

}

.main-banner .btn-wp .sec-btn {

    padding-block: 16px;

}

.main-banner .btn-wp .sec-btn:has(iconify-icon) {

    padding-block: 15px;

}

.hero-slider-wp {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 0;

}



.hero-slider {

    width: 100%;

    height: 100%;

}



.hero-slider::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(var(--dark-color-900-rgb), 0.8);

    z-index: 2;

}



.hero-slider-wp .swiper-pagination {

    position: absolute;

    bottom: 40px;

    z-index: 3;

}



.hero-slider-item img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;

}

@media (max-width: 1199px) {

    .main-banner .banner-content .body-text-xl:not(:last-child) {

        margin-bottom: 35px;

    }

}

@media (max-width: 575px) {

    .main-banner {

        min-height: calc(80vh - var(--main-header-height) - var(--top-header-bar-height) - var(--wp-admin--admin-bar--height, 0px));

    }

    .main-banner .banner-content .body-text-xl:not(:last-child) {

        margin-bottom: 24px;

    }

    .main-banner .btn-wp .sec-btn {

        padding-block: 14px;

    }

    .main-banner .btn-wp .sec-btn:has(iconify-icon) {

        padding-block: 14px;

    }

}

/* Hero Header 3 End */

/* Text-Image Layout-16 Start */

.text-img-layout-16 {

    position: relative;

    padding-block: var(--section-spacing-lg) var(--section-spacing);

}



.text-img-layout-16 .back-img {

    opacity: 0.2;

}



.text-img-layout-16-card {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 24px;

    padding: 24px 80px;

}



.text-img-layout-16-icon {

    margin-bottom: 4px;

}



.text-img-layout-16-icon img {

    width: 48px;

    aspect-ratio: 1 / 1;

    object-fit: contain;

    object-position: center;

}



.text-img-layout-16-head {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 8px;

}



.about-card-actions {

    padding-top: 24px;

}



.text-img-layout-16-desc:not(:last-child) {

    margin-bottom: 24px;

}



.text-img-layout-16-desc p {

    color: var(--alternate-white-color);

}



@media (max-width: 991px) {

    .text-img-layout-16-card {

        gap: 20px;

        padding: 24px 40px;

    }

}

@media (max-width: 767px) {

    .text-img-layout-16-card {

        padding: 20px;

        gap: 16px;

    }

}

@media (max-width: 400px) {

    .text-img-layout-16-actions,

    .text-img-layout-16-actions .sec-btn {

        width: 100%;

    }

}

/* Text-Image Layout-16 End */



/* Text-Image Layout-13 Start */

.text-img-layout-head .h2-title {

    color: var(--primary-color-on-dark);

}



.text-img-layout-head {

    --gap: 16px;

    display: flex;

    flex-direction: column;

    gap: var(--gap);

    margin-bottom: 60px;

}



.text-img-layout-head p {

    color: var(--alternate-white-color);

}



.text-img-layout-head .sec-eyebrow {

    margin-top: calc(var(--gap) * 0.25);

    margin-bottom: calc(var(--gap) * -0.5);

}



.text-img-layout-13-head {

    gap: 24px;

    max-width: 740px;

    margin-inline: auto;

}

@media (max-width: 1199px) {

    .text-img-layout-head {

        margin-bottom: 45px;

    }

}

@media (max-width: 991px) {

    .text-img-layout-head {

        --gap: 10px;

    }

    .text-img-layout-13-head {

        gap: 16px;

    }

}

@media (max-width: 575px) {

    .text-img-layout-13-head {

        gap: 10px;

    }

    .text-img-layout-head {

        margin-bottom: 25px;

    }

}

/* Text-Image Layout-13 End */



/* Text-Image Layout-15 Start */

.text-img-layout-15 {

    --img-extra-space: 60px;

    margin-block: var(--img-extra-space);

}



.text-img-layout-15 .row {

    --gutter: 0px;

}



.text-img-layout-15-content {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 16px;

    padding-block: var(--section-spacing-lg);

    padding-right: 80px;

}



.text-img-layout-15 .order-lg-2 .text-img-layout-15-content {

    padding-right: 0;

    padding-left: 80px;

}



.text-img-layout-15-media {

    width: 50vw;

    height: 100%;

    aspect-ratio: 1 / 0.61770833;

}



.text-img-layout-15-media img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.text-img-layout-15 div:has(>.text-img-layout-15-media) {

    margin-block: calc(var(--img-extra-space) * -1);

}



.text-img-layout-15-desc p {

    color: var(--alternate-white-color);

}

@media (max-width: 1199px) {

    .text-img-layout-15-content {

        padding-block: var(--section-spacing);

        padding-right: 60px;

    }

    .text-img-layout-15 .order-lg-2 .text-img-layout-15-content {

        padding-right: 0;

        padding-left: 60px;

    }

}

@media (max-width: 991px) {

    .text-img-layout-15 {

        --img-extra-space: 0;

    }

    .text-img-layout-15-media {

        width: 100vw;

        aspect-ratio: 1 / 0.55917480;

        position: relative;

        left: 50%;

        transform: translateX(-50%) !important;

    }

    .text-img-layout-15-content {

        padding-right: 0;

    }

    .text-img-layout-15 .order-lg-2 .text-img-layout-15-content {

        padding-left: 0;

    }

}

@media (max-width: 575px) {

    .text-img-layout-15-media {

        aspect-ratio: 1 / 1;

    }

}

/* Text-Image Layout-15 End */



/* Services-9 Start */

.service-9 .text-img-layout-13 {

    padding-block: var(--section-spacing) var(--section-spacing-lg);

}



.text-img-layout-btn {

    margin-top: 16px;

}



.service-9-item-wp .text-img-layout-15:first-child .text-img-layout-15-content,

.service-9-item-wp .text-img-layout-15:last-child .text-img-layout-15-content {

    padding-block: calc(var(--section-spacing-lg) - 28px);

}

.service-9-item-wp .text-img-layout-15:first-child .text-img-layout-15-media,

.service-9-item-wp .text-img-layout-15:last-child .text-img-layout-15-media {

    aspect-ratio: 1 / 0.559375;

}



.service-9-item-wp .text-img-layout-15:first-child {

    margin-top: 0;

}



.service-9-item-wp .text-img-layout-15:last-child,

.service-9-item-wp .text-img-layout-15:last-child div:has(>.text-img-layout-15-media) {

    margin-bottom: 0;

}



.service-9-item-wp .order-lg-1 .text-img-layout-15-media {

    float: right;

}

@media (max-width: 1199px) {

    .service-9-item-wp .text-img-layout-15:first-child .text-img-layout-15-content, .service-9-item-wp .text-img-layout-15:last-child .text-img-layout-15-content {

        padding-block: calc(var(--section-spacing) - 10px);

    }

}

@media (max-width: 991px) {

    .service-9 .text-img-layout-13 {

        padding-block: var(--section-spacing);

    }

    .service-9-item-wp .order-lg-1 .text-img-layout-15-media {

        float: unset;

    }

    .service-9-item-wp .text-img-layout-15:first-child .text-img-layout-15-content, .service-9-item-wp .text-img-layout-15:last-child .text-img-layout-15-content {

        padding-block: var(--section-spacing);

    }

    .service-9-item-wp .text-img-layout-15:first-child .text-img-layout-15-media, .service-9-item-wp .text-img-layout-15:last-child .text-img-layout-15-media {

        aspect-ratio: 1 / 0.55917480;

    }

}

@media (max-width: 767px) {

    .text-img-layout-btn {

        margin-top: 8px;

    }

}

@media (max-width: 575px) {

    .service-9-item-wp .text-img-layout-15:first-child .text-img-layout-15-media, .service-9-item-wp .text-img-layout-15:last-child .text-img-layout-15-media {

        aspect-ratio: 1 / 1;

    }

}

/* Services-9 End */



/* Text-Image Layout-10 Start */

.text-img-layout-10-head {

    max-width: 530px;

    margin-inline: auto;

    margin-bottom: 87px;

    gap: 16px;

}



.text-img-layout-card-media img {

    width: 100%;

    aspect-ratio: 1 / 0.53475935;

    object-fit: cover;

}



.text-img-layout-card {

    display: flex;

    flex-direction: column;

    gap: 24px;

}



.text-img-layout-card-content {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 12px;

}



.text-img-layout-card-desc p {

    color: var(--alternate-white-color);

}



.text-img-layout-10.bg-dark-700 .text-img-layout-card .h5-title {

    color: var(--secondary-color-on-dark);

}

@media (max-width: 1199px) {

    .text-img-layout-10-head {

        margin-bottom: var(--section-spacing);

    }

}

@media (max-width: 575px) {

    .text-img-layout-card-media img {

        aspect-ratio: 1 / 0.67073170;

    }

}

/* Text-Image Layout-10 End */



/* Text-Image Layout-4 Start */

.text-img-layout-4-head .h2-title {

    color: var(--white-color);

}



.text-img-layout-4-desc p {

    color: var(--white-color);

}



.text-img-layout-4 .text-img-layout-card-media img {

    aspect-ratio: 1 / 0.61452513;

}

@media (max-width: 767px) {

    .text-img-layout-4 .text-img-layout-card-media img {

        aspect-ratio: 1 / 0.43137254;

    }

}

/* Text-Image Layout-4 End */



/* Text-Image Layout-20 End */



.text-img-layout-20-head .sec-eyebrow,

.text-img-layout-20-head .h2-title,

.text-img-layout-20-desc p {

    color: var(--white-color) !important;

}



.text-img-layout-20 .text-img-layout-card-media img {

    width: 103px;

    aspect-ratio: 1 / 1;

    object-fit: cover;

}



.text-img-layout-20.bg-dark-800  .text-img-layout-20-head .sec-eyebrow {

    color: var(--secondary-color-on-dark) !important;

}

.text-img-layout-20.bg-dark-800 .text-img-layout-20-head .h2-title {

    color: var(--theme-color1) !important;

}

@media (max-width: 991px) {

    .text-img-layout-20 .row {

        --gutter-y: 32px;

    }

}

@media (max-width: 767px) {

    .text-img-layout-20 .text-img-layout-card-media img {

        width: 80px;

    }

}

/* Text-Image Layout-20 End */



/* Location 1 Start */

.service-area-heading {

    margin-bottom: 48px;

    max-width: 850px;

    display: flex;

    flex-direction: column;

    gap: 24px;

    align-items: flex-start;

}



.service-area-list-wp {

    padding: 24px 10px 24px 12px;

    height: 100%;

    border-radius: var(--radius-sm);

}



.service-area-list {

    height: 100%;

}



.service-area-list-inner {

    padding-right: 4px;

}



.service-area-item {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 10px;

    border-bottom: 1px solid rgba(var(--white-color-rgb), 0.15);

}



.service-area-title {

    display: flex;

    align-items: center;

    gap: 8px;

    font-size: 24px;

    color: var(--white-color);

    flex: 1;

}



.service-area-title .h6-title {

    flex: 1;

}



.service-area-link {

    font-weight: 500;

    letter-spacing: 0.02em;

    display: inline-flex;

    gap: 8px;

    align-items: center;

    color: var(--white-color);

    padding: 32.5px 40px 32.5px 0;

}



.service-area-link iconify-icon {

    font-size: 20px;

}



.service-area-link span {

    transition: var(--transition);

    line-height: 1.1875;

}



.service-area-link:hover,

.service-area-link:hover * {

    color: var(--primary-color-on-dark) !important;

}



.service-area-content {

    width: 100%;

    height: 100%;

    aspect-ratio: 1 / 0.55007473;

}



.service-area-map {

    line-height: 0;

}



.service-area-map iframe {

    width: 100%;

    aspect-ratio: 1 / 0.55007473;

    border-radius: var(--radius-sm);

}



@media (max-width: 991px) {

    .service-area-section .row {

        --gutter-y: 16px;

    }

    .service-area-list {

        max-height: 270px;

    }

    .service-area-content {

        aspect-ratio: unset;

    }

}

@media (max-width: 767px) {

    .service-area-heading {

        margin-bottom: 40px;

    }

    .service-area-map iframe {

        aspect-ratio: 1 / 0.75007473;

    }

}

@media (max-width: 575px) {

    .service-area-link {

        padding: 24px 10px 24px 0;

    }

    .service-area-map iframe {

        aspect-ratio: 1 / 1.12195121;

    }

}

/* Location 1 End */



/* Call to Action 4 Start */

.cta-4 {

    background-color: var(--primary-color);

}



.cta-4 .back-img {

    opacity: 0.1;

}



.cta-4-content {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 24px;

    max-width: 971px;

    margin-inline: auto;

}



.cta-4-btn {

    margin-top: 16px;

}

@media (max-width: 991px) {

    .cta-4-content {

        gap: 12px;

    }

    .cta-4-btn {

        margin-top: 8px;

    }

}



/* Call to Action 4 End */

/*========== Home Page End ==========*/



/*========== Products Page Start ==========*/

/* Text-Image Layout-5 Start */

.text-img-layout-5-content {

    display: flex;

    flex-direction: column;

    gap: 16px;

}

.text-img-layout-5-media {

    margin-top: 44px;

}

.text-img-layout-5-media img {

    width: 100%;

    aspect-ratio: 1/0.46495726;

}

.text-img-layout-5-content .h2-title {

    color: var(--secondary-color-on-dark);

}

@media (max-width: 991px) {

    .text-img-layout-5-media {

        margin-top: 29px;

    }

    .text-img-layout-5-media img {

        aspect-ratio: 1 / 0.76666666;

    }

}

@media (max-width: 767px) {

    .text-img-layout-5-media {

        margin-top: 16px;

    }

}

@media (max-width: 575px) {

    .text-img-layout-5-media img {

        aspect-ratio: 1 / 0.81097560;

    }

}

/* Text-Image Layout-5 End */



/* Service-6 Start */

.service-6-head {

    margin-bottom: 48px;

}

.service-6-card {

    border-radius: var(--radius-sm);

    overflow: hidden;

    height: 100%;

}

.service-6-card-content {

    padding: 32px 24px;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 10px;

}

.service-6-card .sec-btn {

    margin-top: 12px;

}

.service-6-card-wpt .row {

    --gutter-y: 30px;

}

@media (max-width: 1199px) {

    .service-6-card-content {

        padding: 24px 20px;

    }

}

@media (max-width: 991px) {

    .service-6-head {

        margin-bottom: 40px;

    }

}

@media (max-width: 575px) {

    .service-6-head {

        margin-bottom: 30px;

    }

}

/* Service-6 End */

/*========== Products Page End ==========*/



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

/* Text-Image Layout-2 Start */

.text-img-layout-1-content,

.text-img-layout-2-content {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 16px;

    padding-block: 30px;

}

.text-img-layout-2-media {

    padding-left: 70px;

    height: 100%;

}

.text-img-layout-1-media {

    padding-right: 70px;

    height: 100%;

}

.text-img-layout-1-media img,

.text-img-layout-2-media img {

    width: 100%;

    min-height: 100%;

    aspect-ratio: 1/0.76666666;

    object-fit: cover;

}

@media (max-width: 1199px) {

    .text-img-layout-2-media {

        padding-left: 40px;

    }

    .text-img-layout-1-media {

        padding-right: 40px;

    }

}

@media (max-width: 991px) {

    .text-img-layout-1-content, 

    .text-img-layout-2-content {

        padding-top: 0;

    }

    .text-img-layout-2-media {

        padding-left: 0;

    }

    .text-img-layout-1-media {

        padding-right: 0;

    }

    .text-img-layout-2+.text-img-layout-1,

    .text-img-layout-1+.text-img-layout-2 {

        padding-top: 0;

    }

}

@media (max-width: 575px) {

    .text-img-layout-1-media img, 

    .text-img-layout-2-media img {

        aspect-ratio: 1 / 0.81097560;

    }

}

/* Text-Image Layout-2 End */



/* Our Team-3 Start */

.our-team-3-content .row {

    --gutter-y: 60px;

}

.team-member-card{    

    display:flex;

    flex-direction:column;

    gap:24px;

}

.team-member-media {

    width: 100%;

    aspect-ratio: 1/1.02702702;

    background:var(--primary-color);

    border-radius: 50%;

    overflow:hidden;

}

.team-member-media img {

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center;

}

.team-member-head {

    display: flex;

    flex-direction: column;

    gap: 5px;

}

.team-member-head .body-text-sm {

    opacity: 0.8;

}

.team-member-body {

    display: flex;

    flex-direction: column;

    gap: 12px;

    align-items: flex-start;

}

.team-member-desc p {

    color: var(--alternate-white-color);

}



.team-member-head .body-text-sm span {

    display: block;

}



.team-member-contact {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 8px;

}

.team-member-contact-item {

    display: flex;

    align-items: flex-start;

    gap: 12px;

}

.team-member-contact-item iconify-icon {

    font-size: 24px !important;

    color: var(--primary-color-on-dark);

}

.team-member-contact-link {

    flex: 1;

}

.team-member-contact-item a {

    color: var(--white-color);

    display: inline-block;

}

.team-member-contact-item a:hover {

    color: var(--primary-color-on-dark);

}

@media (max-width: 991px) {

    .our-team-3-content .row {

        --gutter-y: 45px;

    }

}

@media (max-width: 575px) {

    .team-member-media {

        max-width: 230px;

    }

}

@media (max-width: 375px) {

    .team-member-media {

        max-width: 100%;

    }

}

/* Our Team-3 End */



/* Contact 4 Start */

.contact-4-sec .back-img {

    opacity: 0.2;

}

.contact-4-content {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 32px;

}

.contact-4-content-head {

    display: flex;

    flex-direction: column;

    gap: 24px;

    align-items: flex-start;

    max-width: 550px;

}

.contact-4-list {

    display: flex;

    flex-direction: column;

    gap: 24px;

    align-items: flex-start;

    margin-top: 8px;

}

.contact-4-item {

    display: flex;

    gap: 16px;

    flex-wrap: wrap;

    align-items: flex-start;

}

.contact-4-item iconify-icon {

    font-size: 24px;

    margin-top: 2px;

    color: var(--primary-color-on-dark);

}

.contact-4-item-text {

    line-height: 1;

    flex: 1;

}

.contact-4-item-text .body-text-sm {

    opacity: 0.7;

}

.contact-4-item-link {

    font-family: var(--title-font);

    font-size: 18px;

    line-height: 1.38888888;

    color: var(--white-color);

    font-weight: 600;

    display: inline-block;

}

.contact-4-item-link:hover {

    color: var(--primary-color-on-dark);

}

.contact-4-content .social-media-list {

    margin-top: 16px;

}

@media (max-width: 1199px) {

    .contact-4-content {

        gap: 24px;

    }

}

@media (max-width: 991px) {

    .contact-4-content-wp >.row {

        --gutter-y: 32px;

    }

}

@media (max-width: 767px) {

    .contact-4-content .social-media-list {

        margin-top: 0;

    }

    .contact-4-list {

        margin-top: 0;

        gap: 16px;

    }

    .contact-4-content-head {

        gap: 16px;

    }

}

/* Contact 4 End */

/* Text-Image Layout-12 Start */

.text-img-layout-video-wp {

    position: relative;

    overflow: hidden;

    border-radius: 12px;

}

.text-img-layout-video-wp:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(var(--black-color-rgb), 0.2);

}

.text-img-layout-video-wp img {

    aspect-ratio: 1 / 0.56410256;

    object-fit: cover;

}

.text-img-layout-video-link {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 1;

    width: 104px;

    aspect-ratio: 1 / 1;

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: var(--white-color);

    border-radius: 50%;

    font-size: 26px;

    color: var(--dark-color-800);

}

.text-img-layout-video-link:hover {

    background-color: var(--primary-color-on-dark);

    color: var(--white-color);

}

.text-img-layout-video-link iconify-icon {

    pointer-events: none;

}

@media (max-width: 991px) {

    .text-img-layout-video-link {

        width: 85px;

        font-size: 20px;

    }

}

@media (max-width: 767px) {

    .text-img-layout-video-wp img {

        aspect-ratio: 1 / 0.70121951;

    }

}

@media (max-width: 575px) {

    .text-img-layout-video-link {

        width: 70px;

        font-size: 18px;

    }

}

/* Text-Image Layout-12 End */

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



/*========== Portfolio Page Start ==========*/

/* Gallery 3 Start */

.gallery-3-head {

    display: flex;

    align-items: flex-end;

    flex-wrap: wrap;

    gap: 64px;

    margin-bottom: 60px;

}

.gallery-3-head-left {

    display: flex;

    flex-direction: column;

    gap: 16px;

    flex: 1;

}

.gallery-3-slider:not(.swiper) {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 10px;

    position: relative;

}

.gallery-3-slider-item img {

    width: 100%;

    aspect-ratio: 1 / 1;

    object-fit: cover;

    border-radius: 12px;

}

.gallery-3-slider:before,

.gallery-3-slider:after {

    content: ''; 

    position: absolute;

    top: -1px;

    left: -1px;

    width: 376px;

    height: calc(100% + 2px);

    background: linear-gradient(90deg, rgba(var(--dark-color-800-rgb), 0) 0%, rgba(var(--dark-color-800-rgb), 0.9) 50.34%, var(--dark-color-800) 79.74%);

    z-index: 2;

    transform: rotate(180deg);

}

.gallery-3-slider:after {

    left: auto;

    right: -1px;

    transform: rotate(0deg);

}



.gallery-3.bg-dark-700 .gallery-3-slider:before,

.gallery-3.bg-dark-700 .gallery-3-slider:after {

    background: linear-gradient(90deg, rgba(var(--dark-color-700-rgb), 0) 0%, rgba(var(--dark-color-700-rgb), 0.9) 50.34%, var(--dark-color-700) 79.74%);

}

.gallery-3.bg-dark-900 .gallery-3-slider:before,

.gallery-3.bg-dark-900 .gallery-3-slider:after {

    background: linear-gradient(90deg, rgba(var(--dark-color-900-rgb), 0) 0%, rgba(var(--dark-color-900-rgb), 0.9) 50.34%, var(--dark-color-900) 79.74%);

}

.gallery-3-slider:not(.swiper)  .gallery-3-slider-item {

    width: 14.93375%;

}

.gallery-3-slider:not(.swiper)::before,

.gallery-3-slider:not(.swiper)::after {

    display: none;

}

.gallery-3-slider .swiper-pagination {

    display: none;

}

@media (max-width: 1399px) {

    .gallery-3-slider:not(.swiper) .gallery-3-slider-item {

        width: 17.59614010%;

    }

}

@media (max-width: 1199px) {

    .gallery-3-slider:before, .gallery-3-slider:after {

        width: 280px;

    }

    .gallery-3-slider:not(.swiper) .gallery-3-slider-item {

        width: 21.57297748%;

    }

}

@media (max-width: 991px) {

    .gallery-3 {

        --swiper-pagination-bullet-margin: 30px;

    }

    .gallery-3-slider:not(.swiper) .gallery-3-slider-item {

        width: 24.44803229%;

    }

    .gallery-3-slider:before, .gallery-3-slider:after {

        width: 150px;

    }

    .gallery-3-head {

        gap: 45px;

        margin-bottom: 45px;

    }

    .gallery-3  .gallery-3-head-right:has(.custom-arrow-wrapper) {

        display: none;

    }

    .gallery-3-slider .swiper-pagination {

        display: flex;

    }

}

@media (max-width: 767px) {

    .gallery-3-head {

        margin-bottom: 32px;

    }

}

@media (max-width: 575px) {

    .gallery-3-slider {

        padding-left: var(--gutter);

    }

    .gallery-3-slider .swiper-pagination {

        padding-right: var(--gutter);

    }

    .gallery-3-slider:before, 

    .gallery-3-slider:after {

        display: none;

    }

    .gallery-3 .gallery-3-head-right {

        display: none;

    }

    .gallery-3-head {

        margin-bottom: 24px;

    }

}

@media (max-width: 400px) {

    .gallery-3-slider {

        padding-left: calc(var(--gutter) * 0.5);

    }

    .gallery-3-slider .swiper-pagination {

        padding-left: var(--gutter);

    }

}

@media (max-width: 374px) {

    .gallery-3 {

        --swiper-pagination-bullet-margin: 15px;

    }

}

/* Gallery 3 End */

/*========== Portfolio Page End ==========*/