/* DETAILS
==================================================
	Theme Name: NINI
==================================================
*/

@charset "utf-8";

/* ======== Fonts ======== */
@import url('https://fonts.googleapis.com/css2?family=Pathway+Extreme:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap');
/* ======== Fonts ======== */

:root {
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --transition-common: all 0.5s ease 0s;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --color-primary: #7A8193;
    --color-secondary: #3A4660;
    --color-tertiary: #263A48;
    --color-quaternary: #174E9A;
    --color-quinary: #FAFAFA;
    --color-senary: #000;
    --color-octonary: #000;
    --color-nonary: #000;
    --color-denary: #000;

    --color-white: #fff;
    --color-black: #000;
    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --ff-base: "Pathway Extreme", sans-serif;
    --ff-awesome: "Font Awesome 6 Free";
    --fw-bold: 700;
    --fw-semibold: 600;
    --fw-medium: 500;
    --fw-regular: 400;
    --fw-light: 300;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 60px;
    --f-size-XXL: 50px;
    --f-size-XL: 24px;
    --f-size-L: 20px;
    --f-size-M: 18px;
    --f-size-S: 18px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
    --margin-title: 0 0 20px 0;
    --margin-paragraph: 0 0 20px 0;
    --border-radius-image: 10px;
    --padding-height: 90px;
    --gap-40: 40px;
    --gap-50: 50px;
    --gap-60: 60px;
    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */

    /* ~-~-~-~-~ form adjustments ~-~-~-~-~ */
    --form-height: 50px;
    --form-font-color: #999999;
    --form-placeholder-color: #999999;
    --form-border-radious: 10px;
    --form-holder-bg: #F4F4F4;
    /* ~-~-~-~-~ form adjustments ~-~-~-~-~ */
}

@media only screen and (max-width: 1599px) {
    :root {
        --f-size-XXXL: 50px;
        --f-size-XXL: 40px;
        --padding-height: 80px;
    }
}

@media only screen and (max-width: 1399px) {
    :root {
        /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

        /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    }
}

@media only screen and (max-width: 1199px) {
    :root {
        --f-size-XXXL: 40px;
        --f-size-XXL: 30px;
        --f-size-L: 18px;
        --f-size-S: 16px;
    }
}


@media only screen and (max-width: 991px) {
    :root {
        --f-size-XXXL: 30px;
        --f-size-XXL: 25px;
        --f-size-XL: 20px;
        --f-size-L: 16px;
        --f-size-M: 16px;
        --gap-50: 30px;
        --gap-50: 30px;
        --gap-60: 40px;
    }
}

@media only screen and (max-width: 479px) {
    :root {
        --f-size-XXXL: 26px;
        --f-size-XXL: 25px;
        --f-size-XL: 20px;
        --f-size-L: 16px;
    }
}


/* ~-~-~-~-~-~-~-~-~-~ global font settings start ~-~-~-~-~-~-~-~-~-~ */
html {
    scroll-padding-top: 150px;
}

body {
    font-family: var(--ff-base) !important;
    font-size: var(--f-size-L);
    line-height: 1.4;
    color: var(--color-primary);
    overflow-x: hidden;
}

body,
p {
    margin: 0;
}

p:not(:last-child) {
    margin: var(--margin-paragraph);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-weight: var(--fw-medium);
    color: var(--color-secondary);
    line-height: 1.2;
    margin: var(--margin-title);
}

h1,
.h1 {
    font-size: var(--f-size-XXXL);
}

h2,
.h2 {
    font-size: var(--f-size-XXL);
}

h3,
.h3 {
    font-size: var(--f-size-XL);
}

h4,
.h4 {
    font-size: var(--f-size-L);
}

h6,
.h6 {
    font-size: var(--f-size-M);
}

/* ~-~-~-~-~-~-~-~-~-~ global adjustments start ~-~-~-~-~-~-~-~-~-~ */
img {
    max-width: 100%;
}

a,
img {
    border: none;
    text-decoration: none;
    outline: none;
}

a,
a:link,
a:visited,
a:focus,
a:hover {
    outline: none;
    text-decoration: none;
    transition: var(--transition-common);
}

/* ==##==##== utility classes ==##==##== */
.padding-common {
    padding-top: var(--padding-height);
    padding-bottom: var(--padding-height);
}

.padding-top-common {
    padding-top: var(--padding-height);
}

.padding-bottom-common {
    padding-bottom: var(--padding-height);
}

strong {
    font-weight: var(--fw-bold);
}

.overlay-content {
    position: relative;
    z-index: 3;
}

.fade-bg {
    background: #EEEEEE;
}

.background-cover {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.responsive-image-wrapper {
    position: relative;
    overflow: hidden;
}

.responsive-image-wrapper img {
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mb-50 {
    margin-bottom: var(--gap-50);
}

.mt-50 {
    margin-top: var(--gap-50);
}

.mb-60 {
    margin-bottom: var(--gap-50);
}

.mt-60 {
    margin-top: var(--gap-50);
}

.pb-60 {
    padding-bottom: var(--gap-50);
}

.pt-60 {
    padding-top: var(--gap-50);
}

/* ==##==##== utility classes ==##==##== */

/* ==##==##== container adjustments ==##==##== */
.container-fluid {
    max-width: 1920px;
    padding-inline: 30px !important;
}

@media only screen and (min-width: 1600px) {
    .container {
        max-width: 1444px;
    }
}

/* ==##==##== container adjustments ==##==##== */

/* ==##==##== button settings ==##==##== */
.button_primary {
    font-family: var(--ff-base) !important;
    font-size: var(--f-size-S);
    color: var(--bs-white);
    font-weight: var(--fw-bold);
    --edge-size: 0.97em;
    background-color: var(--color-quaternary);
    clip-path: polygon(var(--edge-size) 0%, calc(100% - (var(--edge-size))) 0%, 100% 50%, 100% 50%, calc(100% - var(--edge-size)) 100%, var(--edge-size) 100%, 0 50%, 0 50%);
    position: relative;
    isolation: isolate;
    padding: 0.375em 1.875em 0.375em 0.475em;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    transition: var(--transition-common);
}

.button_primary:after {
    --border-width: 1em;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    clip-path: polygon(var(--border-width) 0.05em, calc(100% - var(--border-width)) 0.05em, calc(100% - 0.05em) 50%, calc(100% - 0.05em) 50%, calc(100% - var(--border-width)) calc(100% - 0.05em), var(--border-width) calc(100% - 0.05em), 0.05em 50%, 0.05em 50%);
    inset: 0;
    z-index: -1;
    background-color: var(--color-tertiary);
    transition: var(--transition-common);
}

.button_primary:hover {
    color: var(--color-quaternary);
}

.button_primary:hover:after {
    background-color: var(--color-quinary);
}

/* .button_primary .btn-text{ position: relative; z-index: 2;}  */
.btn-arrow {
    --btn-edge-size: 0.8em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bs-white);
    clip-path: polygon(var(--btn-edge-size) 0%, calc(100% - (var(--btn-edge-size))) 0%, 100% 50%, 100% 50%, calc(100% - var(--btn-edge-size)) 100%, var(--btn-edge-size) 100%, 0 50%, 0 50%);
    padding: 0.75em 0.813em;
    transition: var(--transition-common);
    position: relative;
    isolation: isolate;
    border: 0;
}

.btn-arrow svg {
    font-size: 18px;
    color: var(--color-quaternary);
    transition: var(--transition-common);
}

.button_primary:hover .btn-arrow {
    background-color: var(--color-quaternary);
}

.button_primary:hover .btn-arrow svg {
    color: var(--bs-white);
}

/* ==##==##== button settings ==##==##== */

/* ==##==##== Slider Arrow settings ==##==##== */
.slider-arrow {
    --btn-edge-size: 0.86em !important;
    background-color: var(--color-quaternary);
    padding: 0.95em 1.04em !important;
    cursor: pointer;
}

.slider-arrow:after {
    --border-width: 0.9em !important;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    clip-path: polygon(var(--border-width) 0.08em, calc(100% - var(--border-width)) 0.08em, calc(100% - 0.09em) 50%, calc(100% - 0.09em) 50%, calc(100% - var(--border-width)) calc(100% - 0.08em), var(--border-width) calc(100% - 0.08em), 0.09em 50%, 0.09em 50%);
    inset: 0;
    z-index: -1;
    background-color: var(--bs-white);
    transition: var(--transition-common);
}

.slider-arrow:hover:after {
    background-color: var(--color-quaternary);
}

.slider-arrow:hover svg {
    color: var(--bs-white);
}

/* ==##==##== Slider Arrow settings ==##==##== */

/* ==##==##== form control settings ==##==##== */
.form-control {
    background-color: var(--form-holder-bg) !important;
    height: var(--form-height);
    border: 1px solid transparent !important;
    border-radius: var(--form-border-radious);
    box-shadow: none !important;
    color: var(--form-font-color);
    font-size: 16px;
    padding-right: 20px;
    padding-left: 20px;
}

select.form-control {
    background: url(../images/select-arrow.svg);
    background-position: right 5px center;
    background-size: 13px;
    background-repeat: no-repeat;
    padding: 2px 22px 2px 15px;
    height: fit-content;
    color: var(--color-secondary);
    cursor: pointer;
}

textarea.form-control {
    height: 100px;
    padding-top: 15px;
    border-radius: 20px;
    resize: none;
}

.form-control::-moz-placeholder {
    color: var(--form-placeholder-color);
    opacity: 1;
    font-weight: 400;
}

.form-control:-ms-input-placeholder {
    color: var(--form-placeholder-color);
    font-weight: 400;
}

.form-control::-webkit-input-placeholder {
    color: var(--form-placeholder-color);
    font-weight: 400;
}

.form-group {
    margin-bottom: 20px;
}



/* ==##==##== utility classes ==##==##== */
.sub-title {
    letter-spacing: 20%;
    font-weight: var(--fw-regular);
    color: var(--color-quaternary);
    text-transform: uppercase;
    margin-bottom: 15px;
}

.section-title h2, .section-title .h2 {
    font-weight: var(--fw-bold);
}

.section-title p {
    font-weight: var(--fw-semibold);
}

/* ========== Choose Card ==========*/
.choose-card {
    padding-block: 20px;
    padding-inline: 30px 75px;
}
.choose-top-info{ gap: 15px;}

.choose-card h3 {
    min-height: 40px;
    font-weight: var(--fw-bold);
}

.choose-card p {
    font-weight: var(--fw-semibold);
}

.choose-card img {
    height:47px;   
    margin-block-end: 15px;
}

/* ========== Choose Card ==========*/

/* ========== Service Card ==========*/
.page-template-templatestpl-services-php .laser-product-card .section-title {
    padding-top: 0;
}

.service-card {
    width: 100%;
    padding-bottom: 142.2%;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.service-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    inset: 0;
    transition: var(--transition-common);
}

/* OVERLAY */
.hover-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(182.23deg, rgba(0, 33, 78, 0) -27.81%, #00214E 85.52%);
    opacity: 0;
    transition: var(--transition-common);
}

.view-overlay {
    position: absolute;
    inset-block-end: 0;
    inset-inline: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(182.79deg, rgba(0, 33, 78, 0) 5.1%, #00214E 97.67%);
}

/* CONTENT */
.hover-content {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    transform: translateY(40px);
    opacity: 0;
    transition: var(--transition-common);
}

.service-card .content {
    padding: 20px;
}

.service-card .content h3 {
    color: var(--bs-white);
    margin-bottom: 20px;
}

.service-card .content p {
    font-size: var(--f-size-S);
    color: var(--bs-white);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.view-content {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    transition: all 0.2s;
}

.view-content h3 {
    margin-bottom: 0;
}

/* HOVER EFFECT */
.service-card:hover img {
    transform: scale(1.1);
}

.service-card:hover .hover-overlay {
    opacity: 1;
}

.service-card:hover .hover-content {
    transform: translateY(0);
    opacity: 1;
}

.service-card:hover .view-content {
    opacity: 0;
    visibility: hidden;
}

/* ========== Service Card ==========*/

/* ========== Review Card ==========*/
.review-card {
    background-color: #fff;
    border: 3px solid #F2F2F2;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0px 10px 30px 0px #0000000D;
    position: relative;
}

.review-card .profile-info {
    margin-bottom: 20px;
}

.review-card .profile-pic {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
}

.review-card .google-logo {
    height: 45px;
}

.review-card .text-details {
    padding-bottom: 15px;
}

.review-card .text-details h4 {
    line-height: 1;
    font-weight: var(--fw-semibold);
    color: var(--bs-black);
    margin-bottom: 10px;
}

.review-card .text-details p {
    font-size: var(--f-size-M);
    line-height: 1;
    color: #777777;
    margin-bottom: 10px;
}

.review-card .rating {
    gap: 4px;
    padding: 0;
    margin: 0;
}

.review-card .rating li svg {
    font-size: 18px;
    color: #FFBB00;
}

.review-card .review-text p {
    font-size: var(--f-size-M);
    line-height: 1.4;
    font-weight: var(--fw-medium);
}

/* ========== Review Card ==========*/

/* ========== Stories Card ==========*/
.stories-image {
    padding-bottom: 63%;
    border-radius: 15px;
}

.stories-card .divider-line {
    width: 100%;
    height: 1px;
    background-color: #AAAAAA;
    margin-block: 20px 10px;
}

.stories-card-body .main-number {
    font-size: 36px;
    color: var(--bs-black);
    font-weight: var(--fw-semibold);
}

.stories-content .year {
    color: var(--bs-black);
    margin-bottom: 5px;
}

.stories-content .title {
    font-weight: var(--fw-semibold);
    color: var(--bs-black);
    margin-bottom: 5px;
}

.stories-content .description {
    font-weight: var(--fw-medium);
    margin-bottom: 5px;
}

.read-more-link {
    font-size: var(--f-size-M);
    line-height: 1.3;
    color: var(--color-quaternary);
    font-weight: var(--fw-medium);
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.arrow-right {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 2px;
    background-color: #1a52b8;
    border-radius: 3px;
    transition: var(--transition-common);
}

.arrow-right::after {
    content: '';
    position: absolute;
    right: 1px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 12px;
    height: 12px;
    border-top: 2px solid #1a52b8;
    border-right: 2px solid #1a52b8;
    transition: var(--transition-common);
}

.read-more-link:hover .arrow-right {
    width: 50px;
}

/* ========== Stories Card ==========*/

/* ========== Blog Card ==========*/
.page-template-templatestpl-blog-list-php .request-quote-section {
    background-color: #FAFAFA;
}

.blog-card {
    padding: 15px;
}

.blog-card .image {
    padding-bottom: 67.5%;
    border-radius: 20px;
    margin-bottom: 25px;
}

.blog-card .images-desc h3 {
    font-weight: var(--fw-bold);
    color: #0F0C2F;
}


@media only screen and (max-width: 991px) {
    .form-row {
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 1199px) {
    .btn-arrow {
        --btn-edge-size: 0.7em;
        padding: 0.55em 0.6em;
        gap: 8px;
    }

    .btn-arrow svg {
        font-size: 16px;
    }
}

@media only screen and (max-width: 479px) {
    .button_primary {
        font-size: 14px;
        gap: 8px;
    }
}



/* ==##==##== form control settings ==##==##== */

/* ~-~-~-~-~-~-~-~-~-~ header adjustments start ~-~-~-~-~-~-~-~-~-~ */

/* ~~hamburger menu start~~ */
.hamburger-nav {
    display: none;
    vertical-align: top;
    width: 28px;
    height: 26px;
    position: relative;
    margin: 0 0 0 15px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin-top: 0;
    z-index: 9;
}

.hamburger-nav span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: var(--color-quaternary);
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.hamburger-nav span:nth-child(1) {
    top: 2px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.hamburger-nav span:nth-child(2) {
    top: 10px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.hamburger-nav span:nth-child(3) {
    top: 18px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.hamburger-nav-close {
    vertical-align: top;
    width: 30px;
    height: 24px;
    position: relative;
    margin: 0 20px 0 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin-top: 0;
    z-index: 999999;
}

.hamburger-nav-close span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: var(--color-black);
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.hamburger-nav-close span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 10px;
    left: 3px;
}

.hamburger-nav-close span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

.hamburger-nav-close span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 10px;
    left: 2px;
}

/* ~~hamburger menu end~~ */


.main-header {
    position: fixed;
    z-index: 999;
    inset: 30px 0 auto 0;
}

.header-inner-wrap {
    padding: 20px 25px;
}

.header-logo .logo {
    display: block;
}

.header-logo .logo img {
    display: block;
    width: auto;
    height: 100%;
}

.header-contact {
    padding-left: 25px !important;
}

.header-contact li a {
    font-weight: var(--fw-medium);
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.header-contact li a {
    color: var(--color-quaternary);
    line-height: 1.2;
}

.header-contact li a:hover {
    color: var(--color-secondary);
}
.header-contact li a span img{ width: 16px;}

.desktop-menu ul {
    align-items: center;
}

.desktop-menu ul li:not(.header-button) a {
    display: block;
    font-family: var(--ff-base);
    font-size: var(--f-size-M);
    color: #5E6577;
    font-weight: var(--fw-bold);
    padding: 20px 0;
    margin: 0 14px;
    position: relative;
}

.desktop-menu ul li a:hover {
    color: var(--color-quaternary);
}

.header-right {
    padding-left: 35px;
}

.header-right-menu {
    gap: 20px;
}

.search-wrapper {
    position: relative;
}

.search-icon {
    cursor: pointer;
}

.search-box {
    position: absolute;
    top: 50px;
    inset-inline-end: 0;
    width: 250px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.4s ease;
}

.search-box input {
    width: 100%;
    font-size: var(--f-size-S);
    background-color: var(--bs-white);
    color: #999999;
    border-radius: 5px;
    padding-block: 0;
    padding-inline: 15px;
    border: 1px solid var(--color-secondary);
    box-shadow: none;
    outline: none;
    height: 50px;
}

.search-box input::placeholder {
    color: var(--color-accent);
}

.search-box.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.header-right-menu .button_primary {
    color: var(--color-quaternary);
    padding: 1em 2.6em 1em 2.6em;
}

.header-right-menu .button_primary::after {
    background-color: var(--color-quinary);
}

.header-right-menu .button_primary:hover {
    color: var(--bs-white);
}

.header-right-menu .button_primary:hover:after {
    background-color: var(--color-quaternary);
}

.mobile-menu-wrap {
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 1200px) {
    .header-logo .logo {
        height: 10.5vh;
    }

    .header-contact li a {
        font-size: 2vh;
    }

    .header-right-menu .button_primary {
        font-size: 2vh;
    }

    .header-contact li:not(:last-child) {
        margin-bottom: 1vh;
    }
}


/* ======== Mega Menu ========= */
/* .main-header .hrd-menu-wrap .mega-sub-menu{ max-width: 1625px !important; width: 100% !important;} */
.main-header .mega-hrd-menu-wrap .mega-sub-menu .mega-menu-row>.mega-sub-menu {
    display: flex !important;
    align-items: stretch;
}


.main-header .mega-menu-wrap {
    position: static !important;
}

.main-header .mega-menu {
    position: static !important;
}

.main-header .mega-menu-item>.mega-sub-menu {
    width: 100% !important;
    margin-top: 27px !important;
    margin-right: 0 !important;
    border: none !important;
}

@media only screen and (min-width: 1700px) {
    .main-header .mega-menu-item>.mega-sub-menu {
        max-width: 1650px !important;
        right: 30px !important;
        left: auto !important;
    }

}

/* gallery Sub menu */
.main-header .mega-menu-item.gallery-megamenu>.mega-sub-menu{ max-width: 550px !important; border-radius: 15px !important; padding-inline: 5px !important; left: auto !important; right: 50px !important;}
.main-header .gallery-megamenu .mega-menu-column {
    padding: 10px 0 10px !important;
    height: auto !important;
}
.main-header .mega-menu-item.gallery-megamenu .mega-sub-menu a{ padding: 5px 0 !important; margin: 0 5px !important;}

.main-header .gallery-megamenu .mega-menu-item{ margin-bottom: 0px !important;}
.gallery-sub-image .image {
    position: relative;
    padding-bottom: 85%;
    border-radius: 15px;
    overflow: hidden;
}
.gallery-sub-image .image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}






#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-megamenu>ul.mega-sub-menu {
    box-shadow: 0px 20px 50px 0px #0000004D;
}

.main-header .mega-menu-column {
    height: 100%;
    padding: 40px 35px 20px !important;
}

.main-header .submenu-inner-ban {
    height: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px;
    border-radius: 40px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.main-header .submenu-inner-ban::after {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(182.23deg, rgba(0, 33, 78, 0) -27.81%, #00214E 85.52%);
}

.main-header .submenu-inner-ban .submenu-ban-logo img {
    height: 85px;
    width: auto;
    margin-bottom: 20px;
}

.main-header .submenu-ban-dtls h3 {
    font-weight: var(--fw-bold);
    color: var(--bs-white);
    margin-bottom: 15px;
}

.main-header .submenu-ban-dtls .button_primary {
    display: inline-block;
    color: var(--color-quaternary);
    padding: 0.5em 1.8em 0.5em 1.8em;
    margin: 0;
}

.main-header .submenu-ban-dtls .button_primary:after {
    background-color: var(--bs-white);
}

.main-header .submenu-inner-ban .emailtext {
    font-size: var(--f-size-S);
    color: var(--bs-white);
    font-weight: var(--fw-medium);
    margin: 10px 0 0;
    padding: 0;
}

.main-header .submenu-inner-ban .submenu-ban-logo,
.main-header .submenu-inner-ban .submenu-ban-dtls {
    position: relative;
    z-index: 2;
}

.main-header .submenu-ban-dtls .button_primary:hover:after {
    background-color: var(--color-quaternary);
}

.main-header .submenu-ban-dtls .button_primary:hover {
    color: var(--bs-white);
}

.main-header .mega-menu-item h3 {
    font-size: var(--f-size-L) !important;
    margin-bottom: 10px !important;
}

.main-header .mega-menu-item h3 a {
    font-size: var(--f-size-L) !important;
    font-weight: var(--fw-bold) !important;
    color: #0F0C2F !important;
    margin: 0 !important;
    padding: 0 !important;
}

.main-header .mega-menu-item h3 a:hover {
    color: var(--color-quaternary) !important;
}

.main-header .mega-menu-item p {
    font-size: var(--f-size-S) !important;
    line-height: 1.2;
    color: var(--color-primary) !important;
    margin-bottom: 0 !important;
}

.main-header .mega-menu-item {
    cursor: pointer;
    margin-bottom: 25px !important;
}

.main-header .mega-menu-column:has(.submenu-inner-ban) {
    padding: 10px !important;
}

.main-header .mega-menu-column>.mega-sub-menu:has(.submenu-inner-ban),
.main-header .mega-menu-column>.mega-sub-menu .mega-menu-item:has(.submenu-inner-ban) {
    height: 100% !important;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item {
    margin-bottom: 0 !important;
}





/* sub-menu start */
.main-header .desktop-menu .new-sub-menu .mega-sub-menu {
    width: 270px !important;
    background-color: var(--bs-white) !important;
    box-shadow: 0px 20px 50px 0px #0000004D !important;
    border-radius: 6px !important;
    right: 0 !important;
    overflow: hidden !important;
}

.main-header .desktop-menu .new-sub-menu .mega-sub-menu li {
    margin-bottom: 0 !important;
}

.main-header .desktop-menu .new-sub-menu .mega-sub-menu li a {
    font-size: var(--f-size-M) !important;
    font-weight: var(--fw-bold) !important;
    color: #0F0C2F !important;
    background-color: var(--bs-white) !important;
    padding-block: 10px !important;
}

.main-header .desktop-menu .new-sub-menu .mega-sub-menu li a:hover {
    background-color: #ededed !important;
    color: var(--color-quaternary) !important;
}


/* sub-menu end */

/* Mobile Menu */
.mobile-menu {
    display: none;
    background: var(--color-white);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    right: -100vw;
    overflow: hidden;
    z-index: 999;
    padding: 0 20px 20px;
    transition: var(--transition-common);
}

.mobile-menu .top-row {
    padding: 30px 0 0;
}

.mobile-menubar {
    padding: 20px 0;
    overflow: auto;
    height: calc(100vh - 210px);
    overflow-y: auto;
}

.menu-open .mobile-menu {
    right: 0;
}

.mobile-search {
    position: relative;
    max-width: 370px;
    margin-bottom: 40px;
}

.mobile-search input {
    font-size: 16px;
    color: #7A8193;
    min-width: 100%;
    height: 45px;
    background-image: url(../images/search-input-bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    outline: none;
    box-shadow: none;
    background-color: transparent;
    padding: 0 50px 0 20px;
}

.mobile-search .search-icon {
    position: absolute;
    right: 7px;
    top: 3px;
    bottom: 0;
    width: 43px;
    height: 40px;
    background-color: transparent;
    outline: none;
    border: 0;
    background-image: url('../images/search-icon-mobile-new.svg');
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
}

.mobile-search .search-icon svg {
    font-size: 18px;
    color: var(--bs-white);
}





.header-sticky .main-header {
    top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.8) !important;
    box-shadow: 4px 4px 15px 0px rgb(0 0 0 / 10%);
    animation: slide-down 0.5s;
    backdrop-filter: blur(15px);
}

.header-sticky .header-contact {
    display: none;
}

.header-sticky .main-header .header-inner-wrap {
    padding-inline: 0;
}

/* ~~ header sticky start ~~ */
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ~~ header sticky end ~~ */
@media only screen and (max-width: 1699px) and (min-width: 1200px) {
    .main-header .mega-menu-column {
        height: 540px !important;
        overflow-y: auto !important;
    }
}

@media only screen and (max-width: 1699px) {
    .main-header .mega-menu-item>.mega-sub-menu {
        right: 0 !important;
        left: 0 !important;
        width: calc(100% - 60px) !important;
        margin-inline: auto !important;
    }

    .main-header .mega-menu-column {
        padding: 20px 15px !important;
    }

    .main-header .mega-menu-item {
        margin-bottom: 15px !important;
    }

}

@media only screen and (max-width: 1599px) {
    .header-right {
        padding-left: 15px;
    }

    .header-right-menu .button_primary {
        padding: 0.8em 1.7em 0.8em 1.7em;
    }

    .header-logo .logo {
        height: 9vh;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item>a.mega-menu-link {
        font-size: 16px !important;
    }

}

@media only screen and (max-width: 1199px) {
    .main-header {
        top: 15px;
    }

    .main-header .header-inner-wrap {
        padding: 15px 25px;
    }

    .desktop-menu,
    .header-right-menu {
        display: none !important;
    }

    .hamburger-nav {
        display: block;
    }

    .mobile-menu {
        display: block;
    }

    .header-right {
        display: flex;
        align-items: center;
    }

    .mobile-menu-wrap {
        align-items: start;
    }

    .main-header .mega-menu {
        position: fixed !important;
    }

    .mobile-menubar .mega-menu-item.hrd-menu-wrap>ul.mega-sub-menu,
    .mobile-menubar .mega-menu-item.new-sub-menu>.mega-sub-menu {
        position: fixed !important;
        top: 0px !important;
        bottom: 0 !important;
        left: -100% !important;
        transform: translateX(-100%) !important;
        max-width: 100% !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 9999 !important;
        transition: all 0.3s ease !important;
        -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
        -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
        -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
        transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
        list-style: none;
        display: block !important;
        overflow-y: auto !important;
        padding: 20px !important;
    }

    .mobile-menubar .mega-menu-item.hrd-menu-wrap>ul.mega-sub-menu.custom-wrapr,
    .mobile-menubar .mega-menu-item.new-sub-menu>.mega-sub-menu.custom-wrapr {
        left: 0 !important;
        transform: translateX(0) !important;
        -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
        -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
        -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
        transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
        content: '' !important;
        vertical-align: middle;
        background-image: url('../images/menu-right-arrow.svg');
        background-repeat: no-repeat;
        background-size: contain;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        margin-top: 4px;
        margin-left: 8px;
    }

    .mobile-menubar ul li a.cstm-back {
        display: inline-block;
        text-decoration: none;
        font-size: 30px !important;
        padding: 0 10px 20px 0 !important;
        margin-bottom: 0;
        border: 0;
        color: #7A8193 !important;
        font-weight: var(--fw-bold) !important;
    }

    .mobile-menubar ul li a.cstm-back .dyn-menuname {
        font-weight: var(--fw-bold) !important;
        color: #3A4660;
        padding-left: 10px;
        margin-left: 10px;
        position: relative;
    }

    .mobile-menubar ul li a.cstm-back .dyn-menuname::before {
        content: ">";
        font-size: 30px;
        color: #3A4660;
        position: absolute;
        left: -12px;
        top: -5px;
    }

    #mega-menu-wrap-header-menu .mega-menu-toggle+#mega-menu-header-menu {
        background-color: transparent;
        padding: 0;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item {
        margin-bottom: 0 !important;
        width: auto;
        max-width: max-content;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item>a.mega-menu-link {
        color: var(--color-secondary) !important;
        background: none !important;
    }

    .mobile-menubar ul li a {
        padding: 12px 0px !important;
        font-weight: 700 !important;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item>a.mega-menu-link {
        font-size: 30px !important;
        line-height: 1;
        height: auto;
    }

    .submenu-inner-ban {
        display: none;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-column {
        width: 100%;
        margin-bottom: 20px;
    }

    .mega-menu-column .mega-sub-menu {
        display: flex !important;
        flex-direction: column;
        row-gap: 20px;
    }

    .mega-sub-menu .mega-menu-item h3 {
        margin: 0 0 5px !important;
    }

    .mega-sub-menu .mega-menu-item h3 a,
    #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        font-size: 20px;
        font-weight: var(--fw-bold) !important;
        color: #0F0C2F;
        padding: 0 !important;
    }

    .mega-sub-menu .mega-menu-item h3 a:hover,
    #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
        color: var(--color-quaternary);
    }

    .mega-sub-menu .mega-menu-item p {
        font-size: 16px;
        line-height: 1.2;
        font-weight: var(--fw-semibold);
        color: #7A8193;
        margin-bottom: 0 !important;
    }

    .header-contact li:first-child {
        margin-bottom: 5px;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        background-color: #e1e1e1 !important;
        padding-block: 7px !important;
        padding-inline: 10px !important;
        margin-bottom: 4px !important;
        border-radius: 4px;
    }

    .sub-open .mobile-menubar .mega-menu-item.hrd-menu-wrap>ul.mega-sub-menu.custom-wrapr,
    .mobile-menubar .mega-menu-item.new-sub-menu>.mega-sub-menu.custom-wrapr {
        left: 100% !important;
        transform: translateX(100) !important;
        -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
        -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
        -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
        transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) !important;
    }
}

@media only screen and (max-width: 991px) {
    .mobile-menu .mobile-menubar li .sub-arrow {
        right: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .main-header .header-inner-wrap {
        padding: 8px 15px;
    }

    .header-contact {
        padding-left: 15px !important;
    }

    .header-logo .logo {
        height: 45px;
    }

    .hamburger-nav-close {
        margin: 0;
    }

}

@media only screen and (max-width: 575px) {
    .header-contact li a {
        font-size: 14px;
    }

    .header-contact li a img {
        width: 18px;
    }

    .hamburger-nav-close {
        width: 24px;

    }

    .mobile-menubar ul li a.cstm-back {
        font-size: 20px !important;
    }

    .mobile-menubar ul li a.cstm-back .dyn-menuname::before {
        font-size: 23px;
        left: -9px;
        top: -5px;
    }

    .mega-sub-menu .mega-menu-item h3 a,
    #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        font-size: 16px;
    }

    .mega-sub-menu .mega-menu-item p {
        font-size: 14px;
    }

    .mega-menu-column .mega-sub-menu {
        row-gap: 15px;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>li.mega-menu-column {
        margin-bottom: 15px;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        line-height: 1.4;
    }
}

@media only screen and (max-width: 410px) {
    .mobile-search .search-icon {
        width: 36px;
        height: 30px;
    }

    .mobile-search input {
        font-size: 14px;
        height: 36px;
        padding: 0 40px 0 20px;
    }

    .mobile-search {
        margin-bottom: 20px;
        max-width: 300px;
    }

    .mobile-search .search-icon svg {
        font-size: 15px;
    }

    .mobile-header-contact-info .btn-arrow {
        padding: 0.55em 0.5em;
    }

    .mobile-header-contact-info .btn-arrow svg {
        font-size: 13px;
    }

    .mobile-header-contact-info .button_primary {
        font-size: 13px;
    }
}

@media only screen and (max-width: 340px) {
    .mobile-search {
        max-width: 275px;
    }

    .mobile-search .search-icon {
        right: 4px;
        top: 3px;
        width: 30px;
        height: 27px;
    }

    .mobile-search .search-icon svg {
        font-size: 13px;
        margin-bottom: 1px;
    }

    .mobile-search input {
        font-size: 13px;
        height: 34px;
    }
}

/* ~~ header sticky end ~~ */
/* ~-~-~-~-~-~-~-~-~-~ global adjustments  end ~-~-~-~-~-~-~-~-~-~ */
/* ~-~-~-~-~-~-~-~-~-~~-~-~-~-~-~-~-~-~-~~-~-~-~-~-~-~-~-~-~~-~-~ */
/* HOME PAGE START HERE ********************/
.banner-section {
    padding-top: 30px;
}

.banner-item {
    background-color: #EEEEEE;
    height: calc(100vh - 60px);
    border-radius: 30px;
    overflow: hidden;
}

.banner-image {
    width: 70%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4;
}

.banner-image img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-image::after {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.8) 30%, rgba(238, 238, 238, 0) 61%);
}

.banner-image::before {
    content: '';
    position: absolute;
    top: 0;
    inset-inline: 0;
    z-index: 5;
    width: 100%;
    height: 27%;
    background: linear-gradient(180deg, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.9) 50%, rgba(217, 217, 217, 0) 100%);
}

.banner-desc {
    position: absolute;
    top: 48vh;
    left: 0;
    transform: translateY(-50%);
    z-index: 5;
    padding-inline: 35px;
}

.banner-desc h2, .banner-desc h1{
    font-weight: var(--fw-bold);
}

.banner-desc p {
    font-weight: var(--fw-semibold);
}

.banner-slider .splide__pagination {
    left: 35px;
    right: auto;
    margin: 0;
}

.splide__pagination {
    gap: 4px;
}

.splide__pagination__page {
    width: 22px;
    height: 22px;
    border-radius: 50px;
    background: rgba(23, 78, 154, 0.3);
    opacity: 1;
    transition: var(--transition-common);
}

.splide__pagination__page .splide__pagination__page {
    margin: 0;
}

.splide__pagination__page.is-active {
    transform: inherit;
    background-color: rgba(23, 78, 154, 0.8);
    width: 40px;
}

@media only screen and (min-width: 1200px) {

    .banner-desc {
        max-width: 105vh;
        padding-top: 6.5vh;
    }

    .banner-item .sub-title {
        font-size: 2vh;
        margin-bottom: 1.5vh;
    }

    .banner-desc h2 {
        font-size: 6vh;
        margin-bottom: 2vh;
    }

    .inner-banner .banner-desc h1, .inner-banner .banner-desc h2 {
        font-size: 5vh;
        margin-bottom: 2vh;
    }

    .banner-desc p {
        font-size: 2vh;
        max-width: 70vh;
        margin-bottom: 2vh;
    }

    .banner-slider .splide__pagination {
        bottom: 4vh;
    }

    .banner-desc .button_primary {
        font-size: 1.6vh;
    }
}

/* ======== why-choose-us-section ========  */
.why-choose-us-section {
    overflow-x: hidden;
    overflow-y: hidden;
}

.why-choose-us-section:after {
    content: '';
    position: absolute;
    right: -10px;
    top: -15%;
    z-index: -1;
    background-image: url('../images/big-circle.svg');
    background-repeat: no-repeat;
    width: 13%;
    height: 53%;
    background-size: contain;
}

.why-choose-us-section::before {
    content: '';
    position: absolute;
    left: -10px;
    bottom: -11%;
    z-index: -1;
    background-image: url('../images/small-circle.svg');
    background-repeat: no-repeat;
    width: 15%;
    height: 36%;
    background-size: contain;
}

.why-choose-us-holder {
    padding-top: 60px;
}

.why-choose-us-holder .row {
    padding: 0;
    margin: 0;
}

.why-choose-us-holder .row .why-choose-col {
    padding: 0;
    margin: 0;
    border-top: 1px solid rgba(23, 78, 154, 0.5);
    border-left: 1px solid rgba(23, 78, 154, 0.5);
}

.why-choose-us-holder .choose-card {
    width: 100%;
    height: 100%;
}

@media only screen and (min-width:992px) {
    .why-choose-us-holder .row .why-choose-col:nth-child(3n + 1) {
        border-left: 0;
    }

    .why-choose-us-holder .row .why-choose-col:is(:nth-child(1), :nth-child(2), :nth-child(3)) {
        border-top: 0;
    }

    .why-choose-col:is(:nth-last-child(2), :nth-last-child(3))::before {
        content: '';
        position: absolute;
        right: -2px;
        top: 0;
        width: 3px;
        height: 100%;
        z-index: 1;
        background: linear-gradient(0deg, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0.05) 80%);
    }
}

@media only screen and (max-width:991px) and (min-width:576px) {
    .why-choose-us-holder .row .why-choose-col:nth-child(odd) {
        border-left: 0;
        border-right: 0;
    }

    .why-choose-us-holder .row .why-choose-col:is(:nth-child(1), :nth-child(2)) {
        border-top: 0;
    }

}

/* ======== Our-Services-section ========  */
.our-services-section {
    background-color: #EEEEEE;
}

.our-services-wrapper .row {
    margin-inline: -5px;
    row-gap: 10px;
    flex-wrap: wrap;
}

.our-services-wrapper .col {
    width: 20%;
    flex: none;
    padding-inline: 5px;
}

.slider-nav {
    display: flex;
    justify-content: end;
    gap: 15px;
}

.testimonials-section .splide__arrow--prev svg {
    transform: inherit;
}

.testimonials-section .splide__arrow--next {
    right: 0;
}

.testimonials-section .splide__arrow--prev {
    left: 0;
}

.testimonials-slider-holder .splide__track {
    padding-bottom: 45px;
}

/* ======== success-stories-section ========  */
.success-stories-section {
    background-color: #EEEEEE;
    isolation: isolate;
}

.success-stories-section::after {
    content: '';
    position: absolute;
    left: 0;
    top: -15%;
    z-index: -1;
    width: 16%;
    height: 50%;
    background-image: url('../images/success-left-line.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

/* ======== request-quote-section ========  */
.request-quote-section {
    background-color: #EEEEEE;
}

.request-quote-inner {
    position: relative;
    background-color: var(--bs-white);
    border-radius: 20px;
    padding: 60px;
}

.upload-group {
    position: relative;
}

.upload-group .file-name {
    font-size: 14px;
    color: var(--color-secondary);
    font-weight: var(--fw-medium);
    margin-top: 6px;
    text-align: center;
}

.upload-box {
    background: var(--form-holder-bg);
    border-radius: var(--form-border-radious);
    text-align: center;
    cursor: pointer;
    padding-block: 11px;
    height: 100px;
}

.upload-group h6 {
    font-size: 14px;
    color: var(--form-font-color);
    margin-bottom: 5px;
}

.upload-group .btn-upload {
    font-size: 10px;
    color: var(--bs-white);
    background-color: #263A48;
    border-radius: 30px;
    padding: 5px 14px;
}

.file-upper-label {
    position: absolute;
    top: 10px;
    inset-inline: 0;
    z-index: 1;
    text-align: center;
    pointer-events: none;
}

.upload-group p {
    margin-bottom: 0;
}

.quote-btn-info {
    padding-top: 40px;
}

.quote-btn-info .captcha-img {
    margin-bottom: 40px;
}

.submit-btn,
.submit-btn p {
    position: relative;
    display: inline-block;
}

.submit-btn .button_primary {
    outline: none;
    border: 0;
    box-shadow: none;
    gap: 8px;
}

.quote-btn-info .call-text h2 {
    font-weight: var(--fw-bold);
}

.quote-btn-info .call-text h2 a {
    color: var(--color-secondary);
}

.quote-btn-info .call-text h2 a:hover {
    color: var(--color-quaternary);
}

.submit-btn .wpcf7-spinner {
    position: absolute;
    right: -70px;
    top: 16px;
}

.upload-group .hbwa-mfu-box{ position: relative !important; text-align: center; }
.upload-group .hbwa-mfu-box .hbwa-mfu-hint{ display: none !important; }
.upload-group .hbwa-mfu-box{ border: none !important; background-color: transparent !important; padding: 0 !important; }
.upload-group .hbwa-mfu-browse input[type=file].hbwa-mfu-native{ position: static !important; display: none !important;}
.upload-group .hbwa-mfu-browse{ width: 100%; background-color: var(--form-holder-bg); border-radius: var(--form-border-radious); padding-block: 34px; padding-inline: 12px;}
.upload-group .hbwa-mfu-browse .hbwa-mfu-browse-text{ font-size: 10px; color: var(--bs-white); background-color: #263A48; border-radius: 30px; padding: 5px 14px;}



/* ======== past-projects-section ========  */
.past-projects-section {
    background-color: #EEEEEE;
}

.past-projects-card .image {
    padding-bottom: 53.8%;
    border-radius: 20px;
}

.project-full-image {
    padding-bottom: 36.2%;
    max-width: 1540px;
    border-radius: 30px;
    margin: 0 auto;
}

/* ======== our-clients-section ========  */
.our-clients-section {
    background-color: #FAFAFA;
}

.our-clients-logo img {
    width: auto;
    height: 90px;
}

#our-clients-slider-rtl {
    margin-top: 40px;
}

/* HOME PAGE END HERE ********************/

@media only screen and (min-width: 768px) {
    .for-mobile {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .for-desktop {
        display: none;
    }
}

/* FOOTER PART START HERE ********************/
.footer-wraper {
    background-color: #00132D;
    position: relative;
    z-index: 5;
}

.top-slider ul li {
    font-size: 100px;
    color: var(--bs-white);
    font-weight: var(--fw-medium);
    display: flex;
    align-items: center;
}

.top-slider ul li span {
    font-size: 50px;
    margin-left: 40px;
    display: inline-block;
}

.ftr-wrapper {
    padding-top: 35px;
}

.ftr-info h3 {
    font-weight: var(--fw-semibold);
    color: var(--bs-white);
    padding-bottom: 5px;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
}

.ftr-info h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70%;
    height: 1px;
    background-color: var(--bs-white);
}

.ftr-menu {
    flex-wrap: wrap;
    row-gap: 10px;
}

.ftr-menu li {
    width: 50%;
}

.ftr-menu li a {
    font-size: var(--f-size-M);
    color: var(--bs-white);
}

.ftr-menu li a:hover {
    color: var(--color-primary);
}

.ftr-image {
    padding-bottom: 53%;
}

.ftr-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 70%;
    background: linear-gradient(164.84deg, #00132D 35.99%, rgba(0, 19, 45, 0) 81.44%);
}

.ftr-image::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 30%;
    background: linear-gradient(0deg, #00132D 30.37%, rgba(0, 19, 45, 0) 87.39%);
}

.ftr-logo {
    margin-top: -65px;
    position: relative;
    z-index: 2;
}

.ftr-logo a {
    display: inline-block;
}

.ftr-logo a img {
    height: 105px;
}

.ftr-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.ftr-contact {
    padding-block: 40px;
}

.ftr-contact ul li {
    width: 33.333%;
    display: flex;
    align-items: start;
}

.ftr-contact ul li a {
    display: flex;
    align-items: center;
}

.ftr-contact ul li .icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--color-quaternary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ftr-contact ul li .text {
    width: calc(100% - 40px);
    padding-left: 8px;
    display: inline-block;
    font-size: var(--f-size-S);
    color: var(--bs-white);
    transition: var(--transition-common);
}

.ftr-contact ul li a:hover .text {
    color: var(--color-primary);
}

.ftr-contact ul li:last-child {
    justify-content: end;
    padding-right: 40px;
}

.footer-bottom {
    border-top: 1px solid var(--bs-white);
    margin-top: 40px;
    padding-block: 30px;
    color: var(--bs-white);
}

.footer-bottom ul {
    gap: 15px;
}

.footer-bottom ul li a {
    font-size: var(--f-size-S);
    color: var(--bs-white);
    position: relative;
}

.footer-bottom ul li a:hover {
    color: var(--color-primary);
}

.footer-bottom ul li:not(:last-child) a::after {
    content: '';
    position: absolute;
    right: -7px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 60%;
    background-color: var(--bs-white);
}

.copyright-text p {
    font-size: var(--f-size-S);
}



/* FOOTER PART END HERE ********************/
/* ========== Responsive Start ==================== ========== */
@media only screen and (max-width: 1699px) {
    html {
        scroll-padding-top: 120px;
    }

    .our-clients-logo img {
        height: 60px;
    }

    .ftr-contact ul li:last-child {
        padding-right: 0;
    }

    .top-slider ul li {
        font-size: 80px;
    }

}

@media only screen and (max-width: 1499px) {
    .our-services-wrapper .col {
        width: 25%;
    }

    .ftr-contact ul li {
        width: 50%;
    }

    .ftr-contact ul li:last-child {
        justify-content: start;
    }

}

@media only screen and (max-width: 1199px) {
    .choose-card {
        padding-block: 25px;
        padding-inline: 20px 25px;
    }

    .review-card {
        padding: 20px;
    }

    .banner-section {
        padding-top: 15px;
    }

    .container-fluid {
        padding-inline: 15px !important;
    }

    .banner-item {
        height: calc(100vh - 30px);
    }

    .banner-desc {
        padding-inline: 15px;
        max-width: 900px;
    }

    .banner-slider .splide__pagination {
        bottom: 30px;
        left: 0;
    }

    .banner-desc {
        top: 56vh;
    }

    .banner-image::after {
        background: linear-gradient(90deg, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.6) 85%, rgba(238, 238, 238, 0.6) 100%);
    }

    .ftr-logo a img {
        height: 85px;
    }

    .top-slider ul li {
        font-size: 80px;
    }

    .past-projects-card .image {
        padding-bottom: 67.8%;
    }



}

@media only screen and (max-width: 991px) {
    .our-services-wrapper .col {
        width: 33.333%;
    }

    .project-full-image {
        padding-bottom: 48.2%;
    }

    .our-clients-logo img {
        height: 50px;
    }

    .top-slider ul li {
        font-size: 50px;
    }

}

@media only screen and (max-width: 767px) {
    .btn-arrow {
        padding: 0.65em 0.8em;
    }

    .banner-item {
        height: auto;
        flex-direction: column-reverse;
        display: flex;
        padding-top: 170px;
    }

    .banner-image {
        width: 100%;
        height: auto;
        position: relative;
        padding-bottom: 130%;
    }

    .banner-slider .banner-item {
        height: 100%;
        justify-content: space-between;
    }

    .banner-desc {
        width: 100%;
        position: static;
        transform: inherit;
        text-align: start !important;
    }

    .banner-image::after {
        background: linear-gradient(90deg, rgba(238, 238, 238, 0.5) 0%, rgba(238, 238, 238, 0.2) 85%, rgba(238, 238, 238, 0) 100%);
    }

    .banner-slider .splide__pagination {
        right: 0;
        bottom: 20px;
    }

    .our-services-section .section-title {
        text-align: center;
    }

    .our-services-wrapper .slider-nav {
        padding-top: 30px;
    }

    .view-content {
        display: none;
    }

    .hover-content {
        opacity: 1;
        transform: inherit;
    }

    .hover-overlay {
        opacity: 1;
    }

    .testimonials-section .section-title {
        text-align: center;
    }

    .about-testimonials::before {
        width: 23%;
        height: 45%;
    }

    .about-testimonials .button_primary {
        margin-top: 25px;
    }

    .success-stories-section::after {
        top: 30%;
        width: 26%;
        height: 50%;
    }

    .success-stories-holder {
        margin-top: 35px;
    }

    .request-quote-inner {
        padding: 30px;
    }

    .past-projects-holder {
        margin-top: 30px;
    }

    .past-projects-holder .slider-nav.for-mobile {
        margin-bottom: 0 !important;
        justify-content: center;
    }

    .footer-bottom {
        flex-wrap: wrap;
        gap: 20px;
        padding-block: 20px;
        margin-top: 30px;
    }

    .call-text {
        margin-top: 20px;
    }

    .quote-btn-info .call-text h2 {
        font-size: 20px;
        text-align: start;
    }
}

@media only screen and (max-width: 575px) {
    .choose-card {
        padding-inline: 0;
    }

    .why-choose-us-holder .row .why-choose-col:first-child {
        border-top: 1px solid rgba(23, 78, 154, 0.5);
    }

    .why-choose-us-holder .row .why-choose-col:first-child::before {
        content: '';
        position: absolute;
        top: -2px;
        left: 0;
        right: 0;
        width: 100%;
        height: 3px;
        z-index: 1;
        background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0.05) 80%);
    }

    .why-choose-us-holder .row .why-choose-col {
        border: 0;
        border-bottom: 1px solid rgba(23, 78, 154, 0.5);
    }

    .why-choose-us-holder .row .why-choose-col::after {
        content: '';
        position: absolute;
        bottom: -2px;
        left: 0;
        right: 0;
        width: 100%;
        height: 3px;
        z-index: 1;
        background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0.05) 80%);
    }

    .why-choose-us-section::before {
        left: -20%;
        bottom: -5%;
        width: 35%;
        height: 24%;
    }

    .why-choose-us-section:after {
        top: 0;
        width: 21%;
        height: 53%;
    }
.copyright-text{ text-align: start !important;}

}

@media only screen and (max-width: 479px) {
    .splide__pagination {
        gap: 0;
    }

    .splide__pagination__page {
        width: 10px;
        height: 10px;
    }

    .review-card .review-text p {
        font-size: 14px;
    }

    .request-quote-inner {
        padding: 15px;
    }

    .quote-btn-info .call-text h2 {
        font-size: 16px;
    }

    .project-full-image {
        padding-bottom: 78.2%;
    }

    .ftr-menu li {
        width: 100%;
    }

    .ftr-contact .nav {
        row-gap: 15px;
    }

    .ftr-contact ul li {
        width: 100%;
    }

    .copyright-text p {
        font-size: 14px;
    }


}


/* INNER PAGE STARY HERE ********************/
.inner-banner {
    position: relative;
    z-index: 2;
    background-color: #FAFAFA;
}

.sub-title-bg {
    font-size: var(--f-size-M);
    color: #666D87;
    display: inline-block;
    background-color: #E2EAFA;
    border-radius: 50px;
    padding: 7px 22px;
    margin-bottom: 20px;
}

.inner-banner .banner-item {
    height: auto;
    min-height: 600px;
}

.inner-banner .banner-desc {
    max-width: 1140px;
    position: relative;
    z-index: 2;
    padding-block: 270px 60px;
    padding-inline: 30px;
    top: auto;
    bottom: auto;
    transform: inherit;
}

.inner-banner .banner-desc p {
    max-width: 700px;
    color: #64676f;
}

.inner-banner .banner-image {
    z-index: 1;
}

.about-full-banner .banner-desc p {
    margin: 0 auto;
}

.inner-banner .banner-desc p a {
    font-weight: var(--fw-bold);
    color: var(--color-secondary);
}

.small-arrow .slider-arrow {
    --btn-edge-size: 0.46em !important;
    padding: 0.45em 0.55em !important;
}

.small-arrow .slider-arrow:after {
    --border-width: 0.5em !important;
}

.small-arrow .btn-arrow svg {
    font-size: 14px;
}

.small-arrow .arrow-text {
    font-size: var(--f-size-S);
    font-weight: var(--fw-bold);
    color: var(--color-quaternary);
    margin-right: 10px;
}

.small-arrow:hover .slider-arrow:after {
    background-color: var(--color-quaternary) !important;
}

.small-arrow:hover .slider-arrow svg {
    color: var(--bs-white) !important;
}

.page-template-tpl-about .request-quote-section {
    background-color: var(--color-quinary);
    padding-bottom: var(--padding-height) !important;
}

.page-template-tpl-about .testimonials-section {
    background-color: var(--color-quinary) !important;
}


/* gallery PAGE STARY HERE ********************/
.recent-projects-section {
    background-color: #FAFAFA;
    background-image: url('../images/recent-line.svg');
    background-repeat: no-repeat;
    background-position: right 90%;
}

.recent-projects-card .image-info {
    padding-bottom: 63%;
    border-radius: 15px;
    overflow: hidden;
}

.recent-projects-card .image-info::after {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: #174E9AB2;
    opacity: 0;
    transition: all 0.2s;
}

.recent-projects-card:hover .image-info::after {
    opacity: 1;
}

.recent-projects-card .image-info img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.recent-projects-desc {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-40%);
    text-align: center;
    z-index: 5;
    opacity: 0;
    transition: all 0.2s;
}

.recent-projects-card h3 {
    font-size: 30px;
    font-weight: var(--fw-semibold);
    color: var(--bs-white);
    margin-bottom: 40px;
    z-index: 1;
}

.recent-projects-desc .read-btn .btn-text {
    font-size: var(--f-size-S);
    font-weight: var(--fw-bold);
    color: var(--bs-white);
}

.recent-projects-card .title h3 {
    font-size: var(--f-size-XL) !important;
    color: var(--color-secondary);
    margin-top: 15px;
    transition: all 0.2s;
}

.recent-projects-card:hover .title h3 {
    opacity: 0;
}

.recent-projects-card:hover .recent-projects-desc {
    opacity: 1;
    transform: translateY(-50%);
}

.previous-projects-section {
    isolation: isolate;
}

.previous-projects-section::after {
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    background-image: url('../images/previous-left-line.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 20%;
    height: 40%;
    z-index: -1;
}

.previous-projects-section::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 20px;
    background-image: url('../images/previous-right-line.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 20%;
    height: 25%;
    z-index: -1;
}

.previous-projects-row {
    margin-inline: -5px;
    row-gap: 10px;
}

.previous-projects-col {
    padding-inline: 5px;
}

.previous-projects-card .image {
    padding-bottom: 67%;
    margin-bottom: 15px;
    border-radius: 20px;
}

.previous-projects-card h3 {
    font-weight: var(--fw-semibold);
}

/* gallery PAGE End HERE ********************/

/* About PAGE STARY HERE ********************/
.about-full-banner .banner-image {
    width: 100%;
}

.about-full-banner .banner-desc {
    max-width: 990px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: auto;
}

.facility-section {
    background-color: #FAFAFA;
}

.facility-section::after {
    content: '';
    position: absolute;
    left: 0;
    top: -17%;
    z-index: 1;
    background-image: url(../images/facility-line.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 15%;
    height: 25%;
}

.about-full-banner .banner-desc p {
    max-width: 100%;
}

.about-full-banner .nav {
    justify-content: center;
}

.about-full-banner .banner-image::after {
    background: linear-gradient(106deg, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.85) 51%, rgba(238, 238, 238, 1) 100%);
}

.facility-card {
    border: 3px solid #F2F2F2;
    border-radius: 20px;
    padding: 30px;
    height: 100%;
}

.facility-card .image {
    padding-bottom: 50%;
    border-radius: 20px;
    margin-bottom: 30px;
}

.about-product-section {
    background-image: url('../images/zeiss-line.svg');
    background-position: right center;
    background-repeat: no-repeat;
}

.about-product-img {
    padding-bottom: 49.5%;
    border-radius: 30px;
    margin-right: 25px;
}

.about-product-laser-section {
    background-repeat: no-repeat;
    background-size: cover;
    isolation: isolate;
}

.about-product-laser-section::after {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(239, 246, 255, 0.9);
    z-index: -1;
}

.about-product-laser-section .about-product-img {
    margin-right: 0;
    margin-left: 25px;
}

.about-testimonials::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 15%;
    height: 50%;
    background-image: url('../images/review-line-top.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.about-testimonials::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: -20%;
    z-index: -1;
    width: 13%;
    height: 42%;
    background-image: url('../images/review-line-btm.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.laser-product-section {
    position: relative;
    z-index: 4;
    background-color: var(--bs-white);
}

.laser-product-card .section-title {
    padding-top: 60px;
}

.laser-product-card {
    padding-inline: 90px;
}

.laser-product-col:first-child {
    border-right: 1px solid #d0def1;
}

.laser-product-col::after {
    content: '';
    position: absolute;
    right: -2px;
    top: 0;
    width: 3px;
    height: 100%;
    z-index: 1;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0.05) 80%);
}

.laser-product-image {
    padding-bottom: 46.3%;
    border-radius: 30px;
}

.laser-product-image img {
    object-fit: contain;
}

.laser-product-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 80px;
    background: linear-gradient(180deg, #FAFAFA 0%, rgba(250, 250, 250, 0) 100%);
}

.laser-product-image::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 80px;
    background: linear-gradient(0deg, #FAFAFA 0%, rgba(250, 250, 250, 0) 100%);
}

.laser-product-image .left-bg {
    width: 127px;
    height: 100%;
    background: linear-gradient(90deg, #FAFAFA 0%, rgba(250, 250, 250, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.laser-product-image .right-bg {
    width: 127px;
    height: 100%;
    background: linear-gradient(-90deg, #FAFAFA 0%, rgba(250, 250, 250, 0) 100%);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}



.surphaser-section {
    background-color: #FAFAFA;
    isolation: isolate;
}

.surphaser-section::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -20%;
    z-index: -1;
    width: 6%;
    height: 50%;
    background-image: url('../images/surphaser-line-btm.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.surphaser-section::before {
    content: '';
    position: absolute;
    left: 0;
    top: -10%;
    z-index: -1;
    width: 30%;
    height: 47%;
    background-image: url('../images/surphaser-line-top.svg');
    background-repeat: no-repeat;
    background-size: contain;
}



.surphaser-image-card {
    margin-right: 50px;
}

.surphaser-image-card .image {
    padding-bottom: 48.6%;
    border-radius: 20px;
    text-align: center;
}

.surphaser-image-card .first-image {
    width: 43%;
}

.surphaser-image-card .last-image {
    width: calc(100% - 43%);
    margin-left: 30px;
}

.surphaser-image-card a {
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    font-size: var(--f-size-L);
    text-decoration: underline;
    color: var(--color-quaternary);
    font-weight: var(--fw-bold);
}

.surphaser-desc ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.surphaser-desc ul li {
    font-size: var(--f-size-L);
    font-weight: var(--fw-bold);
    color: var(--color-secondary);
    display: flex;
    margin-bottom: 20px;
}

.surphaser-desc ul li span {
    width: 30px;
    flex: 0 0 auto;
    margin-right: 15px;
}

.surphaser-desc ul li:last-child {
    margin-bottom: 0;
}

.about-t-scan-image {
    height: 100%;
    width: 53%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

.about-t-scan-section::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(-65deg, #7A8193 50.82%, rgba(122, 129, 147, 0) 75.94%);
}

.about-t-scan-desc {
    min-height: 450px;
}

.about-t-scan-desc :is(h2, p) {
    color: var(--bs-white);
}

.polyworks-section .about-t-scan-image {
    left: auto;
    right: 0;
}

.polyworks-section::after {
    background: linear-gradient(70deg, #EFF6FF 27.8%, rgba(240, 246, 255, 0.955145) 34.81%, rgba(241, 247, 255, 0.893135) 38.97%, rgba(242, 248, 255, 0.820413) 42.58%, rgba(244, 249, 255, 0.686289) 52.99%, rgba(255, 255, 255, 0) 75.94%) !important;
}

.polyworks-section .about-t-scan-desc h2 {
    color: var(--color-secondary);
}

.polyworks-section .about-t-scan-desc p {
    color: var(--color-primary);
}

.polyworks-section .about-t-scan-image {
    width: 80%;
}

.polyworks-section .about-t-scan-desc {
    padding-right: 100px;
}

.geomagic-section::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10%;
    top: auto;
    z-index: -1;
    width: 30%;
    height: 47%;
    background-image: url('../images/ge-line.svg');
}

.geomagic-section::after {
    display: none;
}

.about-request-quote {
    background-color: #FAFAFA;
}

.photogrammetry-section {
    isolation: isolate;
    background-color: var(--bs-white);
}

.photogrammetry-section::after {
    display: none;
}

.photogrammetry-section::before {
    content: '';
    position: absolute;
    right: 0;
    top: -6%;
    z-index: -1;
    background-image: url('../images/photogrammetry-line.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 12%;
    height: 30%;
}

.bambulab-section {
    background-image: none;
}

.bambulab-section::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8%;
    width: 20%;
    height: 40%;
    background-image: url('../images/bambulab-line.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

/* ========= BLOG PAGE START ========== */
.blogs-section {
    background-color: #FAFAFA;
}

.blog-product-section {
    background-image: none;
}

.blog-product-section::after {
    content: '';
    position: absolute;
    top: -14%;
    left: 30.5%;
    width: 20%;
    height: 59%;
    background-image: url('../images/scanning-line.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.inner-past-projects::after {
    content: '';
    position: absolute;
    bottom: -21%;
    left: 15px;
    background-image: url('../images/blog-past-line.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 19%;
    height: 40%;
}

/* ========= BLOG DETAILS PAGE START ========== */
.blog-details-section {
    position: relative;
    background-color: #FAFAFA;
    background-image: url('../images/details-btm-left-line.svg');
    background-repeat: no-repeat;
    background-position: bottom left;
}

.blog-details-inner h3 {
    font-weight: var(--fw-bold);
}

.blog-details-inner .big-tag {
    font-size: 36px;
}

.blog-details-inner ul {
    padding: 0;
    margin: 0;
}

.blog-details-inner ul li {
    display: flex;
    font-weight: var(--fw-bold);
    color: var(--color-secondary);
    margin-bottom: 10px;
    margin-left: 30px;
    position: relative;
}

.blog-details-inner ul li::after {
    content: '';
    position: absolute;
    left: -30px;
    top: 2px;
    width: 20px;
    height: 20px;
    background-image: url('../images/check-icon.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

/* .blog-details-inner ul li span{ display: inline-block; width: 20px; margin-right: 10px; flex: 0 0 auto;} */
.details-image {
    padding-bottom: 52.4%;
    border-radius: 20px;
    background-color: var(--bs-white);
}

.details-image img {
    object-fit: contain;
}

.blog-details-section::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20%;
    height: 20%;
    background-image: url('../images/details-top-left-line.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.blog-details-section::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: -10%;
    width: 11%;
    height: 30%;
    background-image: url('../images/details-btm-right-line.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.blog-details-inner p:has(img) {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.blog-details-inner p img {
    width: 100%;
    border-radius: 20px;
}

.blog-details-inner p img:not(:only-child) {
    width: calc(50% - 10px);
}

.single-blog .request-quote-section, .single-case-study .request-quote-section{ padding-block: var(--padding-height);}
.single-case-study .request-quote-section{ background-color: #fafafa;}
.single-case-study .laser-product-studies{ padding-top: 0;}

/* ========= CONTACT PAGE START ========== */
.contect-section {
    background-color: #FAFAFA;
    isolation: isolate;
}

.contect-wrapper .left-col {
    padding-right: 40px;
}

.contact-info-card {
    display: flex;
    align-items: center;
}

.contact-info-card {
    background-color: #FEFEFE;
    height: 100%;
    border-radius: 20px;
    padding: 20px 20px 20px 0;
    margin-left: 35px;
}

.contact-info-card .icon-badge {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-quaternary);
    margin-left: -35px;
}

.contact-info-card .icon-badge svg {
    font-size: 30px;
    color: var(--bs-white);
}

.contact-info-card .contact-info {
    width: calc(100% - 35px);
    padding-left: 30px;
}

.contact-info h5 {
    font-size: var(--f-size-L);
    font-weight: var(--fw-bold);
    color: var(--color-tertiary);
    margin-bottom: 10px;
}

.contact-info a,
.contact-info p {
    font-size: var(--f-size-S);
    font-weight: var(--fw-bold);
    color: var(--color-primary);
}

.contact-info a:hover {
    color: var(--color-quaternary);
}

.map-card {
    position: relative;
    padding-bottom: 51%;
    border-radius: 10px;
    overflow: hidden;
}

.map-card iframe {
    position: absolute;
    inset: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.form-panel {
    background-color: #fff;
    border: 2px solid #EEEEEE;
    border-radius: 20px;
    padding: 30px;
}

.contect-testimonials {
    background-color: #EEEEEE !important;
}

.contect-section::after {
    content: '';
    position: absolute;
    left: 0;
    top: -10%;
    z-index: -1;
    background-image: url('../images/details-btm-left-line.svg');
    background-repeat: no-repeat;
    width: 20%;
    height: 20%;
    background-size: contain;
}

.contect-section::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: -20%;
    z-index: -1;
    background-image: url('../images/contact-line.svg');
    background-repeat: no-repeat;
    width: 10%;
    height: 36%;
    background-size: contain;
}


.page-template-tpl-contact .form-panel .col-xl-3, .single-service .request-quote-form .col-xl-3{
    width: 50%;
}

.page-template-tpl-contact .form-panel .call-text, .single-service .request-quote-form .call-text{
    display: none;
}


/* ========= CASE-STUDIES PAGE START ========== */
.photograph-section::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 20%;
    height: 40%;
    z-index: 1;
    background-image: url('../images/photograph-btm-left.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.photograph-section::before {
    content: '';
    position: absolute;
    right: 0;
    top: 40px;
    width: 8%;
    height: 40%;
    z-index: 1;
    background-image: url('../images/photograph-top-right.svg');
    background-repeat: no-repeat;
    background-size: contain;
}


.photograph-info .image {
    padding-bottom: 63%;
    border-radius: 15px;
    margin-bottom: 40px;
}

.photograph-info .image-desc h3 {
    font-size: 36px;
    font-weight: var(--fw-semibold);
}

.photograph-holder .slider-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto !important;
    left: 0;
    right: 0;
}

.modifying-setion {
    background-color: #EEEEEE;
}

.modifying-setion::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    background-image: url('../images/mold-line.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 14%;
    height: 35%;
}

.modifying-holder {
    width: 87%;
    margin: 0 auto;
}

.modifying-info .image {
    padding-bottom: 62%;
    border-radius: 15px;
    margin-bottom: 40px;
}

.modifying-info .image-desc h3 {
    font-size: 36px;
    font-weight: var(--fw-semibold);
}

.complex-section {
    background-repeat: no-repeat;
    background-size: cover;
}

.complex-section::after {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(239, 246, 255, 0.9);
}

.texas-mold-section::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 22%;
    height: 30%;
    background-image: url(../images/begin-line.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.texas-mold-holder {
    background-color: var(--bs-white);
    border: 3px solid #F2F2F2;
    border-radius: 20px;
    padding: 30px;
}

.texas-mold-holder .image {
    padding-bottom: 43.8%;
    border-radius: 20px;
}

.texas-mold-section .texas-mold-holder:not(:last-child) {
    margin-bottom: var(--padding-height);
}

.complex-left-info {
    padding-right: 40px;
}

.complex-left-info .splide__slide {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(23, 78, 154, 0.5) !important;
    border-top: 0 !important;
    border-inline: 0 !important;
}

.complex-left-info .splide__slide::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 3px;
    z-index: 1;
    background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0.05) 80%);
}

.complex-left-info .splide__slide h3 {
    font-weight: var(--fw-bold);
    color: var(--color-primary);
    margin-bottom: 0;
}

.complex-left-info .splide__slide.is-active h3 {
    color: var(--color-quaternary);
}

.complex-image-wrap {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.complex-image-wrap .image {
    border-radius: 20px;
    padding-bottom: 41%;
}

.reverse-section::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 70%;
    height: 100%;
    background-color: #EEEEEE;
}

.reverse-info .image {
    padding-bottom: 116%;
    border-radius: 20px;
    margin-bottom: 15px;
}

.reverse-info h3 {
    font-weight: var(--fw-semibold);
    margin-bottom: 0;
}

.reverse-section::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    background-image: url('../images/reverse-line.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 20%;
    height: 50%;
}

.reverse-section .section-title {
    padding-right: 20px;
}

.olympic-section {
    background-color: #FAFAFA;
}

.olympic-image-info {
    padding-right: 60px;
}

.olympic-image-info .image {
    padding-bottom: 66.5%;
    border-radius: 15px;
    margin-bottom: 30px;
}

.olympic-image-info h3 {
    font-size: 36px;
    font-weight: var(--fw-semibold);
    margin-bottom: 0;
}

.olympic-holder .row:nth-child(even) {
    flex-direction: row-reverse;
    margin-top: 50px;
}

.olympic-holder .row:nth-child(even) .olympic-image-info {
    padding-right: 0;
    padding-left: 60px;
}

.creating-section {
    background-repeat: no-repeat;
    background-size: cover;
}

.creating-section::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 27%;
    height: 27%;
    background-image: url(../images/creating-line.svg);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
}

.creating-section::after {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(239, 246, 255, 0.9);
}

.texas-3d-sec .texas-mold-holder .image {
    padding-bottom: 59.2%;
}

.texas-3d-sec::after {
    width: 20%;
    right: 0;
    left: auto;
    background-image: url(../images/3d-line.svg);
}

.building-section,
.texas-3d-sec,
.case-studies-quote {
    background-color: #FAFAFA;
}

.building-section .row {
    flex-direction: row-reverse;
}

.building-section .section-title {
    padding-left: 20px;
}

.building-section::before {
    display: none;
}

.page-template-templatestpl-product-study-php .request-quote-section {
    background-color: var(--color-quinary);
}




/* ========= PRODUCT-STUDIES PAGE START ========== */
.work-product-sec {
    background-color: #FAFAFA;
}
.work-product-sec .container-fluid{ position: relative; z-index: 5;}

.fender-section {
    background-color: var(--bs-white);
}

.fender-section::after {
    display: none;
}

.fender-section .facility-card {
    background-color: #F2F2F2;
    border-color: #F2F2F2;
    position: relative;
    padding-bottom: 100px;
}
    .fender-section .row {
        row-gap: 30px;
    }

.fender-section .facility-card .button_primary {
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.gun-section .about-product-card{ padding-block: 60px;}
.gun-section .about-product-card:nth-child(even) {
    flex-direction: row-reverse;    
    /* padding-top: 100px; */
}
.applications-about .about-product-card:nth-child(even){ background-color: var(--bs-white);}
.gun-section .about-product-card:first-child{ padding-top: 0 !important;}
.gun-section .about-product-card:last-child{ padding-bottom: 0 !important;}
.gun-section .about-product-card:nth-child(even) .about-product-img {
    margin-left: 0;
    margin-right: 25px;
}

.laser-product-studies .laser-product-card {
    padding-inline: 40px;
}

.laser-product-studies .laser-product-card p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.laser-product-studies {
    background-color: #FAFAFA;
}

.thankyou-page {
    margin-bottom: 30px;
}

/* ========= Applications PAGE START ========== */
.applications-about {
    background-color: #FAFAFA;
    background-image: url('../images/auto-btm-right-line.svg');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto;
}

.applications-about::before {
    content: '';
    position: absolute;
    left: 0;
    top: -10%;
    width: 13%;
    height: 40%;
    background-image: url('../images/auto-top-left-line.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.applications-about::after {
    display: none;
}

.manufacturing-sec::after {
    display: block;
    top: auto;
    bottom: 0;
}

.applications-laser::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 11%;
    height: 40%;
    background-image: url('../images/mold-line.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.applications-past-projects::after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    background-image: url('../images/past-projects-line.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 30%;
    height: 55%;
}

/* ========= applications-mold PAGE START ========== */

.advanced-section::after {
    content: '';
    position: absolute;
    left: 0;
    top: -10%;
    background-image: url('../images/advanced-top-line.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 20%;
    height: 30%;
}

.advanced-section::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url('../images/advanced-bottom-line.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 16%;
    height: 25%;
}

.advanced-section .section-title p a {
    text-transform: uppercase;
    text-decoration: underline;
    color: var(--color-primary);
}

.advanced-list ul {
    column-gap: 20px;
}

.advanced-list ul li {
    font-size: var(--f-size-L);
    color: var(--color-secondary);
    font-weight: var(--fw-bold);
    width: calc(50% - 10px);
    margin-bottom: 10px;
    display: flex;
    gap: 10px;
}

.advanced-list ul li span {
    width: 20px;
    flex: 0 0 auto;
}

.advanced-info .image {
    padding-bottom: 53.8%;
    border-radius: 15px;
    margin-bottom: 15px;
}

.applications-mold-about {
    background-image: none;
    background-color: #EEEEEE;
}

.applications-mold-about::before {
    display: none;
}

.applications-mold-about .about-product-img {
    margin-left: 0;
    margin-right: 25px;
}

.page-template-templatestpl-application-php .request-quote-section {
    background-color: #FAFAFA;
    padding-top: var(--padding-height);
}

.page-template-tpl-application-molds .request-quote-section {
    background-color: var(--color-quinary);
    padding-block: var(--padding-height);
}

.gun-section .about-product-card.flex-row-reverse{ background-color: transparent !important;}


/* ========= SERVICE PAGE START ========== */
.page-template-templatestpl-services-php .request-quote-section {
    background-color: #FAFAFA;
    padding-top: var(--padding-height);
}

.reverse-service-holder .advanced-info .image {
    padding-bottom: 63.3%;
}

.reverse-service-section {
    background-color: #EEEEEE;
}

.reverse-service-section::after {
    content: '';
    position: absolute;
    right: 10%;
    bottom: 20%;
    width: 17%;
    height: 36%;
    background-image: url(../images/reverse-line.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.reverse-service-image {
    border-radius: 30px;
    padding-bottom: 49.5%;
    margin-right: 40px;
}

.reverse-service-holder .slider-nav {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.design-service-section {
    background-color: #FAFAFA;
}

.design-service-section::before {
    content: '';
    position: absolute;
    left: -10%;
    bottom: 10%;
    width: 17%;
    height: 36%;
    background-image: url(../images/reverse-line.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.design-service-section .reverse-service-image {
    margin-right: 0;
    margin-left: 40px;
}

.service-product-section::after {
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    bottom: -15%;
    width: 8%;
    height: 35%;
    background-image: url('../images/service-product-line-btm.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.service-product-section::before {
    content: '';
    position: absolute;
    left: 0;
    right: auto;
    top: -15%;
    width: 8%;
    height: 50%;
    background-image: url('../images/service-product-line-top.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

/* ========= Service-engineering PAGE START ========== */
.reverse-engineering-section::after {
    content: '';
    position: absolute;
    right: 0;
    top: -18%;
    background-image: url('../images/engineering-line.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 7%;
    height: 55%;
}

.the-process-section::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -12%;
    width: 15%;
    height: 16%;
    background-image: url(../images/the-process-line.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.the-process-section .container-fluid {
    position: relative;
    z-index: 5;
}

.the-process-image {
    border-radius: 30px;
    padding-bottom: 77%;
    margin-left: 30px;
}

.types-section {
    background-color: #EEEEEE;
}

.types-section::before {
    display: none;
}

.reverse-engineering-section {
    background-color: #FAFAFA;
}

.reverse-engineering-section .advanced-list ul li {
    margin-bottom: 15px;
}

/* .process-content-holder{ padding-top: 20px;} */
/* .process-content-holder .col-lg-6:not(:last-child) .process-box{border-bottom: 1px solid #d0def1; padding-bottom: 30px; margin-bottom: 30px; position: relative;} */
/* .process-content-holder .process-box::after{ content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 3px; background: linear-gradient(-10deg,rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 0.05) 80%); z-index: 2;} */
.process-content-holder .process-box h3 {
    font-weight: var(--fw-bold);
    color: var(--color-quaternary);
}

.process-content-holder .process-box p {
    font-weight: var(--fw-semibold);
}

/* ========= Services-prototyping PAGE START ========== */
.nationwide-section {
    background-color: var(--color-quinary);
}

.nationwide-section::after {
    content: '';
    position: absolute;
    right: 0;
    top: -18%;
    background-image: url('../images/engineering-line.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 7%;
    height: 55%;
}

.nationwide-section .about-product-img {
    margin-right: 0;
}

.anationwide-desc {
    padding-right: 30px;
}

.anationwide-desc ul li {
    display: flex;
    text-align: start;
    font-size: var(--f-size-L);
    color: var(--color-secondary);
    font-weight: var(--fw-bold);
    margin-bottom: 10px;
}

.anationwide-desc ul li:last-child {
    margin-bottom: 0;
}

.anationwide-desc ul li span {
    display: inline-block;
    width: 20px;
    flex: 0 0 auto;
    margin-right: 10px;
}

.anationwide-desc strong {
    color: var(--color-secondary);
}

.service-why-choose-us {
    background-color: #EEEEEE;
}

.service-why-choose-us::after,
.service-why-choose-us::before {
    display: none;
}

.service-why-choose-us .why-choose-col:is(:nth-last-child(2), :nth-last-child(3))::before {
    background: linear-gradient(0deg, rgba(238, 238, 238, 1) 10%, rgba(238, 238, 238, 0.05) 80%);
}

.zeiss-rental-section {
    background-color: var(--bs-white);
}

.available-section::after {
    content: '';
    position: absolute;
    left: 0;
    top: -11%;
    background-image: url('../images/available-line.svg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 15%;
    height: 28%;
}

.available-top-desc {
    padding-bottom: 30px;
}

.available-top-desc p strong {
    color: var(--color-secondary);
}

.available-technologies .box {
    gap: 20px;
}

.available-technologies .box:not(:last-child) {
    margin-bottom: 30px;
}

.available-technologies .box h3 {
    font-weight: var(--fw-bold);
    color: var(--color-quaternary);
    flex: 0 0 auto;
    margin-bottom: 0;
}

.available-technologies .box ul {
    gap: 35px;
    row-gap: 15px;
}

.available-technologies .box ul li {
    font-size: var(--f-size-L);
    color: var(--color-secondary);
    font-weight: var(--fw-bold);
    display: flex;
    gap: 10px;
}

.available-technologies .box ul li span {
    display: inline-block;
    width: 20px;
}

.prototyping-quote-section {
    background-color: #EEEEEE;
}

.prototyping-quote-image-info {
    margin-right: 40px;
}

.quote-image {
    padding-bottom: 40.7%;
    border-radius: 30px;
    margin-bottom: 30px;
}

.prototyping-quote-image-info .quote-map {
    position: relative;
    padding-bottom: 40%;
    overflow: hidden;
    border-radius: 20px;
}

.prototyping-quote-image-info .quote-map iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.prototyping-quote-section .request-quote-form {
    background-color: #EEEEEE;
    border: 2px solid rgba(58, 70, 96, 0.2);
    border-radius: 20px;
    padding: 30px;
}

.quote-tell-info {
    gap: 40px;
    margin-bottom: 25px;
}

.quote-tell-info .quote-tell-box .icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--color-quaternary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    margin-right: 15px;
}

.quote-tell-info .quote-tell-box .icon img {
    filter: brightness(0) invert(1);
}

.quote-tell-info .quote-tell-box .icon-desc h4 {
    color: #0F0C2F;
    font-weight: var(--fw-bold);
    margin-bottom: 10px;
}

.quote-tell-info .quote-tell-box .icon-desc a {
    font-weight: var(--fw-bold);
    color: #666D87;
    word-break: break-all;
}

.quote-tell-info .quote-tell-box .icon-desc a:hover {
    color: var(--color-quaternary);
}

.prototyping-quote-section .form-control {
    background-color: var(--bs-white) !important;
}

.prototyping-quote-section .quote-btn-info {
    padding-top: 30px;
}

.prototyping-quote-section .quote-btn-info .captcha-img {
    margin-bottom: 20px;
}

.prototyping-project-section {
    background-color: #FAFAFA;
}

.prototyping-project-section::after {
    left: auto;
    right: 0;
    top: -20%;
    background-image: url('../images/prototyping-project-line.svg');
    width: 11%;
    height: 35%;
}

.prototyping-quote-section .section-title h3 {
    font-size: 36px;
    color: #0F0C2F;
    max-width: 570px;
}

/* ========= Services-Rental PAGE START ========== */

.zeiss-rental-section::after {
    display: none;
}

.zeiss-rental-section::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10%;
    background-image: url(../images/zeiss-rental-line.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 10%;
    height: 33%;
}

.zeiss-rental-section .section-title h3 {
    font-size: 36px;
    font-weight: var(--fw-bold);
}

.single-service .request-quote-section {
    padding-top: var(--padding-height) !important;
    background-color: var(--color-quinary);
}

.single-service .past-projects-section {
    background-color: var(--color-quinary);
}

.polyworks-section {
    background-color: #EEEEEE;
}

.list-check {
    gap: 50px;
    row-gap: 30px;
    display: flex;
    flex-wrap: wrap;
}

.list-check li {
    display: flex;
    flex: 0 auto;
    font-weight: var(--fw-bold);
    color: var(--color-secondary);
}

.list-check li span {
    display: inline-block;
    width: 20px;
    margin-right: 10px;
    flex: 0 0 auto;
}

.polyworks-image {
    padding-bottom: 52.4%;
    border-radius: 20px;
}



/* ===========  */
.grecaptcha-badge {
    z-index: 999999;
}

.wpcf7-not-valid {
    border-color: #dc3232 !important;
}

.wpcf7-not-valid-tip {
    font-size: 14px;
    font-weight: 400 !important;
}

.wpcf7 form .wpcf7-response-output {
    text-align: center;
}

.pagination {
    gap: 20px;
    margin: 35px 0 0;
    padding: 0;
}

.pagination .page-link {
    font-size: var(--f-size-M);
    color: var(--bs-black);
    width: 44px;
    height: 44px;
    border: 1px solid var(--bs-black);
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination .page-link:hover,
.pagination .active .page-link {
    background-color: var(--color-quaternary);
    color: var(--bs-white);
    border-color: var(--color-quaternary);
}

/* ====== Common-page ======== */
.common-page {
    min-height: 400px;
    display: flex;
    align-items: center;
}

.errorimg img {
    width: 300px;
    margin-bottom: 40px;
}

.section-title .button_primary {
    margin-top: 10px;
}

.common-page-bnr.inner-banner .banner-item {
    min-height: 430px;
}

.search-header h2 {
    font-weight: var(--fw-semibold);
}

.search-input-info input {
    max-width: 600px;
    width: 100%;
    border: 1px solid var(--color-tertiary);
    border-radius: 6px;
    font-size: var(--f-size-S);
    color: var(--color-secondary);
    padding: 13px 20px;
}

.search-entry-item {
    border: 1px solid #bbbbbb;
    border-radius: 15px;
    text-align: start;
    padding: 30px;
}

.search-entry-item h3 a {
    color: var(--color-quaternary);
}

.search-entry-item h3 a:hover {
    color: var(--color-secondary);
}




@media only screen and (max-width: 1699px) {}

@media only screen and (max-width: 1599px) {

    .inner-banner .banner-item {
        min-height: 450px;
    }

    .inner-banner .banner-desc {
        padding-block: 220px 60px;
        max-width: 700px;
    }

    .blog-card {
        padding: 0;
    }

    .laser-product-card {
        padding-inline: 40px;
    }

    .about-product-laser-section .about-product-img {
        margin-left: 0;
    }

    .surphaser-image-card {
        margin-right: 0;
    }

    .recent-projects-card h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .complex-left-info {
        padding-right: 0;
    }

    .complex-left-info .splide__slide h3 {
        font-size: 20px;
    }

    .modifying-info .image-desc h3,
    .olympic-image-info h3 {
        font-size: 26px;
    }

    .olympic-image-info {
        padding-right: 0;
    }

    .olympic-holder .row:nth-child(even) .olympic-image-info {
        padding-right: 0;
        padding-left: 0;
    }

    .available-section .col-lg-9 {
        width: 100%;
    }

    .available-technologies .box ul {
        gap: 20px;
    }

    .prototyping-quote-section .section-title h3 {
        font-size: 30px;
    }

    .prototyping-quote-image-info {
        margin-right: 0;
    }

    .prototyping-quote-section .request-quote-form {
        padding: 20px;
    }

    .quote-tell-info {
        gap: 20px;
    }

    .quote-tell-info .quote-tell-box .icon-desc a {
        font-size: 16px;
    }

    .contact-info-card .icon-badge {
        width: 50px;
        height: 50px;
        margin-left: -25px;
    }

    .contact-info-card .icon-badge svg {
        font-size: 22px;
    }

    .contact-info-card .contact-info {
        width: calc(100% - 25px);
        padding-left: 10px;
    }

    .contect-wrapper .left-col {
        padding-right: 15px;
    }

    .contact-info-card {
        margin-left: 25px;
    }

    .contact-info-card .contact-info a {
        word-break: break-all;
    }


}

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

    /* .inner-banner .banner-item {
    height: calc(90.5vh - 60px);
} */
    .inner-banner .banner-desc {
        max-width: 100%;
    }


    .surphaser-desc ul li span {
        width: 20px;
        margin-right: 10px;
    }

    .polyworks-section .about-t-scan-desc {
        padding-right: 0;
    }

    .laser-product-card {
        padding-inline: 15px;
    }

    .facility-card {
        padding: 20px;
    }

    .about-product-img {
        margin-right: 0;
    }

    .surphaser-image-card .last-image {
        margin-left: 15px;
    }

    .texas-mold-holder .image {
        padding-bottom: 61.8%;
    }

    .photograph-info .image {
        margin-bottom: 20px;
    }

    .photograph-info .image-desc h3 {
        font-size: 26px;
    }

    /* .gun-section .about-product-card:nth-child(even) {
        padding-top: 60px;
    } */

    .reverse-service-image {
        margin-right: 0;
    }

    .the-process-section .row {
        flex-direction: column-reverse;
        row-gap: 30px;
    }

    .the-process-image {
        margin-left: 0;
    }

    .anationwide-desc {
        padding-right: 0;
    }

    .gun-section .about-product-card:nth-child(even) .about-product-img {
        margin-left: 0;
        margin-right: 0;
    }

    .prototyping-quote-section .for-mobile {
        display: block;
    }

    .prototyping-quote-section .for-desktop {
        display: none;
    }

    .prototyping-quote-row {
        flex-direction: column-reverse;
        row-gap: 35px;
    }

    .applications-mold-about .about-product-img {
        margin-right: 0;
    }

    .contect-section .contect-wrapper {
        row-gap: 35px;
    }



}

@media only screen and (max-width: 991px) {
    .about-product-card {
        row-gap: 30px;
        flex-direction: column-reverse;
    }
    
    .about-product-laser-section .about-product-card, .work-product-sec .about-product-card {
        flex-direction: column;
    }

    .surphaser-section .row {
        row-gap: 30px;
    }

    .about-t-scan-section {
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 0;
    }

    .about-t-scan-image {
        height: auto;
        width: 100%;
        position: relative;
        padding-bottom: 62%;
    }

    .about-t-scan-section::after {
        height: 100%;
        width: 100%;
        background: linear-gradient(180deg, #7A8193 40.82%, rgba(122, 129, 147, 0) 75.94%);
    }

    .about-t-scan-desc {
        min-height: auto;
        text-align: center;
    }

    .surphaser-desc {
        text-align: center;
    }

    .polyworks-section .about-t-scan-image {
        width: 100%;
    }

    .polyworks-section::after {
        background: linear-gradient(180deg, rgba(239, 246, 255, 1) 0%, rgba(239, 246, 255, 0.93) 24%, rgba(239, 246, 255, 1) 25%, rgba(239, 246, 255, 0.89) 51%, rgba(239, 246, 255, 0.8) 72%, rgba(239, 246, 255, 0.55) 90%, rgba(239, 246, 255, 0) 100%) !important;
    }

    .facility-section .section-title.pb-4,
    .about-product-desc {
        text-align: center;
    }

    .geomagic-section .row {
        flex-direction: column-reverse;
    }

    .blog-product-section::after {
        width: 60%;
        height: 39%;
    }

    .blog-product-section .about-product-card {
        flex-direction: column;
    }

    .modifying-holder {
        width: 100%;
    }

    .complex-right-info {
        padding-top: 35px;
    }

    .texas-mold-holder .row {
        row-gap: 20px;
    }

    .texas-mold-section .texas-mold-holder:not(:last-child) {
        margin-bottom: 50px;
    }

    .texas-mold-section::after {
        width: 62%;
        height: 20%;

    }

    .reverse-section .row {
        row-gap: 30px;
    }

    .reverse-section::after {
        width: 100%;
    }

    .gun-section .about-product-card:nth-child(even) .about-product-img {
        margin-left: 0;
        margin-right: 0;
    }

    .laser-product-studies .row {
        row-gap: 60px;
    }

    .laser-product-studies .laser-product-card {
        padding-inline: 0;
    }

    .reverse-service-top {
        row-gap: 30px;
    }

    .design-service-section .reverse-service-image {
        margin-right: 0;
        margin-left: 0;
    }

    .anationwide-row {
        row-gap: 30px;
    }

    .anationwide-desc {
        text-align: start;
    }

    .zeiss-rental-section .section-title h3 {
        font-size: 26px;
    }

    .polyworks-section .row {
        row-gap: 25px;
    }

    .available-technologies .box {
        flex-wrap: wrap;
        text-align: start !important;
        justify-content: start !important;
    }

    .available-technologies .box h3 {
        width: 100%;
    }

    .available-technologies .box ul {
        gap: 16px;
    }

}

@media only screen and (max-width: 767px) {
    .about-full-banner .nav {
        justify-content: start;
    }

    .inner-banner .banner-desc {
        padding-block: 0;
        padding-inline: 15px;
    }

    .inner-banner .banner-item {
        height: auto;
    }

    .banner-item {
        padding-top: 170px;
    }

    .inner-banner .banner-image {
        padding-bottom: 92%;
    }

    .about-full-banner .banner-image::after {
        background: linear-gradient(106deg, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 0.1) 51%, rgba(238, 238, 238, 0) 100%);
    }

    .facility-section .row {
        row-gap: 25px;
    }

    .laser-product-col::after {
        display: none;
    }

    .laser-product-col:first-child {
        border: 0;
    }

    .recent-projects-desc {
        transform: translateY(-50%) !important;
        opacity: 1;
    }

    .recent-projects-card .title {
        display: none;
    }

    .recent-projects-card .image-info::after {
        opacity: 1;
    }

    .previous-projects-section::after {
        width: 37%;
        height: 42%;
    }

    .pagination {
        gap: 10px;
    }

    .pagination .page-link {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }

    .blog-details-section::after {
        width: 40%;
    }

    .photograph-holder .slider-nav {
        position: static;
        transform: inherit;
        justify-content: center;
        width: 100%;
        margin-top: 30px !important;
    }

    .photograph-info .image-desc h3 {
        font-size: 20px;
    }

    .modifying-info .image-desc h3,
    .olympic-image-info h3 {
        font-size: 20px;
    }

    .modifying-info .image {
        margin-bottom: 20px;
    }

    .photograph-section .section-title,
    .modifying-setion .section-title,
    .reverse-section .section-title {
        text-align: center;
        padding-right: 0;
    }


    .texas-mold-holder {
        padding: 20px;
    }

    .photograph-section .section-title {
        padding-right: 0 !important;
    }

    .laser-product-card .section-title {
        padding-top: 40px;
    }

    .laser-product-studies .laser-product-card {
        padding-inline: 0;
    }

    .laser-product-image .right-bg,
    .laser-product-image .left-bg {
        width: 60px;
    }

    .laser-product-image::after,
    .laser-product-image::before {
        height: 60px;
    }

    .reverse-service-holder .slider-nav {
        width: auto;
        position: static;
        top: auto;
        transform: inherit;
        justify-content: center !important;
        margin-top: 15px;
    }

    .applications-laser::after {
        width: 40%;
        height: 40%;


    }

    .reverse-service-top .section-title {
        text-align: center;
    }

    .laser-product-card .section-title {
        text-align: center;
    }

    .the-process-section::after {
        width: 45%;
    }

    .zeiss-rental-section .section-title h3 {
        font-size: 20px;
    }

    .laser-product-card {
        padding-inline: 0;
    }

    .available-section::after {
        width: 35%;
    }

    .quote-tell-info {
        flex-wrap: wrap;
    }

    .page-template-tpl-contact .form-panel .col-xl-3, .single-service .request-quote-form .col-xl-3 {
        width: 100%;
    }

    .form-panel {
        padding: 20px;
    }

    .errorimg img {
        width: 170px;
        margin-bottom: 20px;
    }

}

@media only screen and (max-width: 575px) {
    .about-testimonials::before {
        z-index: -1;
        width: 37%;
    }

    .polyworks-section::after {
        background: linear-gradient(180deg, rgba(239, 246, 255, 1) 0%, rgba(239, 246, 255, 0.93) 24%, rgba(239, 246, 255, 1) 25%, rgba(239, 246, 255, 0.89) 51%, rgba(239, 246, 255, 1) 72%, rgba(239, 246, 255, 0.55) 90%, rgba(239, 246, 255, 0) 100%) !important;
    }

    .about-testimonials::after {
        width: 30%;

    }

    .blog-details-inner p img:not(:only-child) {
        width: 100%;
    }

    .texas-mold-holder .section-title h2 {
        font-size: 20px;
    }

    .about-product-img {
        padding-bottom: 79.5%;
    }

    .facility-card .image {
        padding-bottom: 75%;
    }

    .reverse-service-image {
        padding-bottom: 64.5%;
    }

    .reverse-service-top {
        row-gap: 30px;
        flex-direction: column-reverse;
    }

    .advanced-list ul li {
        width: 100%;
    }

    .quote-image,
    .prototyping-quote-image-info .quote-map {
        padding-bottom: 77.7%;
    }

    .map-card {
        padding-bottom: 100%;
    }

    .laser-product-image {
        padding-bottom: 66.3%;
    }

    .laser-product-image::after,
    .laser-product-image::before {
        height: 40px;
    }

}

@media only screen and (max-width: 479px) {
    .complex-image-wrap .image {
        padding-bottom: 55%;
    }

    .complex-left-info .splide__slide h3 {
        font-size: 18px;
    }


}


/* ============= FAQ PAGE ============= */


    .faq-accordion {
        --faq-accent-soft: rgba(13, 110, 253, 0.08);
        --faq-radius: 14px;
        max-width: 960px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .faq-accordion .accordion-item {
        border: 1px solid var(--color-tertiary);
        border-radius: var(--faq-radius);
        background: #fff;
        overflow: hidden;
        box-shadow: 0 2px 6px rgba(17, 24, 39, 0.04);
        transition: border-color 0.3s ease, box-shadow 0.3s ease;
    }

    /* Bootstrap removes top border / radius on stacked items; restore since we use gaps */
    .faq-accordion .accordion-item:not(:first-of-type) {
        border-top: 1px solid var(--color-tertiary);
    }

    .faq-accordion .accordion-item:first-of-type,
    .faq-accordion .accordion-item:last-of-type {
        border-radius: var(--faq-radius);
    }

    .faq-accordion .accordion-item .accordion-button,
    .faq-accordion .accordion-item:first-of-type .accordion-button,
    .faq-accordion .accordion-item:last-of-type .accordion-button.collapsed {
        border-radius: 0;
    }

    .faq-accordion .accordion-item:hover {
        border-color: var(--color-quaternary);
        box-shadow: 0 8px 24px rgba(17, 24, 39, 0.08);
    }

    .faq-accordion .accordion-item:has(.accordion-collapse.show) {
        border-color: var(--color-quaternary);
        box-shadow: 0 10px 30px rgba(17, 24, 39, 0.1);
    }

    .faq-accordion .accordion-header {
        margin: 0;
    }

    .faq-accordion .accordion-button {
        position: relative;
        padding: 22px 72px 22px 28px;
        font-size: 1.125rem;
        font-weight: 600;
        line-height: 1.4;
        color: var(--color-secondary);
        background: transparent;
        box-shadow: none;
        transition: color 0.3s ease, background-color 0.3s ease;
    }

    .faq-accordion .accordion-button:not(.collapsed) {
        color: var(--color-quaternary);
        background: var(--faq-accent-soft);
        box-shadow: none;
    }

    .faq-accordion .accordion-button:focus {
        box-shadow: none;
    }

    .faq-accordion .accordion-button:focus-visible {
        outline: 2px solid var(--color-quaternary);
        outline-offset: -2px;
    }

    /* Replace Bootstrap chevron with a circular plus / minus icon */
    .faq-accordion .accordion-button::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 24px;
        width: 32px;
        height: 32px;
        margin: 0;
        border-radius: 50%;
        background-color: var(--faq-accent-soft);
        background-image:
            linear-gradient(var(--color-quaternary), var(--color-quaternary)),
            linear-gradient(var(--color-quaternary), var(--color-quaternary));
        background-size: 12px 2px, 2px 12px;
        background-position: center;
        background-repeat: no-repeat;
        transform: translateY(-50%);
        transition: transform 0.3s ease, background-color 0.3s ease, background-size 0.3s ease;
    }

    .faq-accordion .accordion-button:not(.collapsed)::after {
        background-color: var(--color-quaternary);
        background-image:
            linear-gradient(#fff, #fff),
            linear-gradient(#fff, #fff);
        background-size: 12px 2px, 2px 0;
        transform: translateY(-50%) rotate(180deg);
    }

    .faq-accordion .accordion-body {
        padding: 4px 28px 24px;
        font-size: 1rem;
        line-height: 1.75;
        color: var(--faq-muted);
        background: var(--faq-accent-soft);
    }

    .faq-accordion .accordion-body strong {
        color: var(--faq-text);
    }

    .faq-accordion .accordion-body code {
        padding: 2px 6px;
        border-radius: 4px;
        background: rgba(17, 24, 39, 0.06);
        color: var(--faq-accent);
    }

    @media (max-width: 767px) {
        .faq-accordion {
            gap: 12px;
        }

        .faq-accordion .accordion-button {
            padding: 18px 60px 18px 18px;
            font-size: 1rem;
        }

        .faq-accordion .accordion-button::after {
            right: 16px;
            width: 28px;
            height: 28px;
        }

        .faq-accordion .accordion-body {
            padding: 4px 18px 20px;
            font-size: 0.9375rem;
        }
    }