/* English (LTR) font stack. The old PeydaFaNum font rendered digits as
   Persian numerals, so it is no longer used. */
:root {
    --font-main: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.mce-content-body {
    font-family: var(--font-main) !important;


}

html {
    overflow-x: hidden;

}

body {
    font-family: var(--font-main);
    cursor: default;
    direction: ltr;
    font-size: 1rem;
    font-weight: 400;
    background-color: #f1f7f8;
    text-align: start;
    overflow: hidden;
    line-height: 1.8;


}

h1,
h2,
h3,
h4,
h5,
h6 {
    text-wrap: balance;
}

p,
li {
    text-wrap: pretty;
}

.html-lazy {
    content-visibility: auto;
}


h1 {
    font-size: 1.5rem;
    line-height: 1.8;
}

h2,
h3,
h4,
h5,
h6 {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.8;
}

a {

    text-decoration: none;
}

.aligncenter {

    margin: auto;
    display: flex;
    width: 100%;
    border-radius: 40px;
}

input::placeholder {
    color: #CBCBCB;
}

.contact-form input::placeholder {
    color: #757575
}

img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
    vertical-align: middle;
    transition: 0.4s;
}

td,
th {
    padding: 13px 16px;
    border-bottom: 1px solid #e9e9e9;
    color: #4a5b6b;
    font-size: 14px;
}

tr:last-child td {
    border-bottom: 0;
}

tr td:first-child {
    color: #919191;

}

@media (max-width: 991px) {

    table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}


.swiper {
    width: 100%;
    height: 100%
}

.main-page {
    margin-bottom: 50px;
}

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

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


#carouselExample {
    position: relative;
    height: 525px;
    overflow: hidden;
    transition: height 0.5s ease-in-out;
    border-radius: 40px;
    margin-top: 60px;
}

.slider-collapse {
    height: 20vh !important;
    transition: height 0.5s ease-in-out;
    overflow: hidden;
}

.carousel-inner img {
    height: 525px;
    object-fit: cover;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 40px;

}



.carousel-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    color: #fff;


}

.carousel-text h2 {
    font-size: 2rem;
    font-weight: bold;
}



.carousel-indicators .container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}



.carousel-indicators button {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background-color: #E4E4E4CF !important;
    border: 2px solid #E4E4E4CF !important;
    opacity: 0.7 !important;
    transition: opacity 0.3s ease, transform 0.3s ease;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    -ms-border-radius: 50% !important;
    -o-border-radius: 50% !important;
}

.carousel-indicators button.active {
    border: 3px solid #fff !important;
    opacity: 1;

}

.carousel-indicators {

    bottom: 20px;
}

.carousel-control-icon svg {
    color: var(--primery);
    background: #464646;
    width: 45px;
    height: 45;
}


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

    .carousel-control-icon svg {

        width: 25px;
        height: 25;
    }


}







.slider-column-left {
    margin-bottom: 29px;
}

.slider-video {
    width: 100% !important;
    height: calc(100vh - 116px);
    object-fit: cover;
}

.progress-bar-container {
    position: absolute;
    bottom: 150px;
    right: 0;
    width: 100%;
    height: 5px;
    background: #e0e0e0;
    z-index: 10;
    margin: auto;
}

#progress-bar {
    height: 100%;
    background: #3BD4AE;
    width: 0;
    transition: width 1s ease;
}



.carousel-indicators button.active {
    border: 3px solid #fff !important;
    opacity: 1;
    background: #fff !important;
}





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

    .slider_text1 {
        position: relative;
        top: 0px;
        display: block;
    }



    #carouselExample {

        height: 30vh;
        margin-top: 15px;
        border-radius: 20px;

    }

    .carousel-inner img {
        height: 35vh;
        border-radius: 20px;

    }

    .slider-video {

        height: 30vh;
        border-radius: 20px;

    }

    .carousel-control-prev,
    .carousel-control-next {
        display: none
    }

}


.arrow-slider {
    position: absolute;
    right: 0;

}

.arrow-slider span {

    color: #fff;
}

.arrow-slider svg {
    color: #fff;

}

/*------------header---------------*/

.main-menu {
    margin-right: auto;
    margin-left: auto;
}

.main-header {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    background: #fff;
    z-index: 20;
    box-shadow: none;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;

}

@media (min-width: 992.98px) {
    .main-header {

        background: rgb(104, 204, 233);

    }

}

.main-header a {
    color: #000;
}


.main_menu ul {
    margin: 0;
}

.menu-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    background: #fff;
    border-radius: 20px;
    position: relative;
    top: 34px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.11);
    border-radius: 20px;


}

.logo a {
    font-size: 20px;
    font-weight: 700;
    color: #353535;
    text-transform: uppercase;
}

.logo figure {
    margin: 0
}

/* responsive css */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .container-menu {
        width: 960px;
    }


}


@media (min-width: 992.98px) {

    .search-holder-icon,
    .language-switcher {
        order: 3;
        cursor: pointer;
    }

    .main_menu {
        order: 2
    }

}

.logo {
    display: flex;

}

.logo img {
    width: 200px;
}


.search-modal-wrapper {
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #000000c9;
    display: none;
    opacity: 0;
}

.search-modal-wrapper .search-form-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.close-search-modal {
    position: absolute;
    top: 65px;
    left: 25px;
    color: #fff;
    cursor: pointer;
}

.bg-white {
    background-color: #fff !important;
}



.search-form form {
    border: 1px solid #EDEDED;
    background: #EDEDED;
        width: 534px;
            height: 45px;
    border-radius: 15px;
    overflow: hidden;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
}





.search-form form input.s-text {
    width: calc(100% - 25px);
    padding: 5px 10px;
    font-size: 1rem;
    height: 100%;
    border: 0;
    outline: 0;
    background: #EDEDED;
}

.search-form form button {
    background: #EDEDED;
    border: none;
    color: var(--primery);
    font-size: 1.3rem;
}

.language-switcher {
    font-size: 16px;
    margin: 0 15px;
    cursor: pointer;
}

.language {
    transition: font-size 0.3s ease;
}

.language.active {
    font-size: 24px;
    /* Larger size for the active language */
    font-weight: bold;

}

@media (max-width: 991.98px) {




    .menu-box {
        border-radius: 0 !important;
        padding-left: 0;
        padding-right: 0;
        background: #fff;
        top: 0;
        box-shadow: none;
        flex-direction: row-reverse;
        box-shadow: unset !important;
    }

    .search-form form {

        width: 280px;
    }

}

/* Desktop */
.search-form-main {
    display: block;
}



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

    .search-form-main {
        display: none;
    }

    .search-holder-icon-mobile {
        display: flex;
        cursor: pointer;
        margin-left: auto;
    }


}


/*------------------------------------*/

.rank-math-breadcrumb {
    border-radius: 5px;
    line-height: 50px;

}

.rank-math-breadcrumb .last {
    /*color: var(--primery)*/
}

.bread-crump {
    padding-top: 45px;
    background-color: transparent;
    border-top: 0px solid;
    line-height: 1.7;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
}

@media (max-width: 991px) {
    .bread-crump {
        padding-top: 10px;
        padding-bottom: 10px;
    }

}

.rank-math-breadcrumb,
.rank-math-breadcrumb p {

    height: 100%;
    margin-bottom: 0 !important;
    color: #CBCBCB;
    flex-wrap: wrap;
    line-height: 1.7;

}

.rank-math-breadcrumb p * {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.7;
    color: #CBCBCB;
    text-transform: capitalize;
}

.rank-math-breadcrumb p a:hover {
    color: var(--primery);
}

.separator {
    color: #CBCBCB !important;
    font-family: monospace;

}

/*----------------------*/

.main-footer {

    margin: 50px 0 0 0;
    position: relative;
    background: #0E2B3E;
    border-radius: 37px 37px 0px 0px;
    position: relative;
    color: #fff;
}

.main-footer::before {
    background: url(../image/Asset.png);
    position: absolute;
    content: "";
    width: 443px;
    height: 620px;
    top: -96px;
    margin: auto;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    left: -53px;
}

.footer-section {

    padding: 70px 0px 50px 0px;
    z-index: 2;
    position: relative;
}


.footer-link {
    padding: 0;
}

.footer-text {
    color: #fff;
    text-align: justify;

}

.footer-title {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 25px;
    display: inline-block;
}

.phone-header {
    padding-bottom: 8px;
}

.footer-link li {
    color: #fff;
    position: relative;
    display: flex;
    align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 15px;

}

.footer-link li a {
    color: #fff;
}

.social-items {
    display: flex;

}

.social-title {
    margin-right: 8px
}

.social-item {
    margin-right: 5px;
    width: 24px;
    height: 24px;

    display: flex;
    justify-content: center;
    align-items: center;

}


.footer-link.contact svg {
    position: relative;
    top: 4px;
    margin-right: 5px;
    flex-shrink: 0;
}

.footer-link.contact li:last-child svg {

    top: 10px;

}

/* .social-title
{
   color: #000;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 15px;
    display: inline-block;
} */

.footer-address {
    padding-right: 15px;
}



.copyright-section {
    color: #fff;
    font-size: 12px;

}

.copyright-text .text-left a {
    color: #fff;
    display: flex;
    align-items: center;
}

.copyright-text .text-left a figure {
    margin: 0;
    padding-left: 5px;
}

.footer_text {
    padding-right: 60px;
}



@media (max-width: 991px) {
    .footer-section {
        margin-left: 0;
        margin-right: 0
    }

    .footer-title {

        margin-bottom: 10px;
    }

    .footer_text {
        padding-right: 0px;
    }

    .footer-section {
        padding: 30px 0;
    }

    .copyright-section {

        padding: 5px 0px;
    }

}

.footer-button {
    background-color: var(--gray);
    padding: 5px 15px;
    border-radius: 60px;
    color: #fff;
    margin-top: 15px;
    font-size: 14px;
}

.footer-logo {
    display: flex;
    padding: 15px 0;
    width: 100px;
    justify-content: center;
    margin: auto;
}


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


    .social-items {

        margin-top: 50px;

    }

}





/*----------------------*/
.error-section {
    width: 100%;
    min-height: 80vh;
    margin-top: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}

.error-section figure {
    width: 100%;
    max-height: 500px;
    display: flex;
    justify-content: center;
}


.error-section figure img {
    max-height: 500px;
    max-width: 80%;
}


.error-page-button {
    text-align: center;
}

.error-section span {
    width: 540px;
    max-width: 90%;
    font-size: 1.5rem;
    color: var(--primery);
    text-align: center;
    font-weight: 700;
    margin: 16px 0;
}


/*--------swiper------------*/


.swiper-button-next,
.industry-button-next {
    right: -25px !important;
    border-radius: 100% !important;
    width: 40px !important;
    height: 40px !important;
    left: unset !important;
}

.swiper-button-next::after,
.industry-button-next::after {
    font-size: 0 !important;
}

/* The inline SVG chevron points left (RTL design); flip it to point right for LTR */
.swiper-button-next svg {
    padding-left: 7px;
    transform: scaleX(-1);
}



/*-------------------------*/

.go-to-up {
    position: fixed;
    cursor: pointer;
    display: none;
    /* Hidden by default */
    font-size: 1rem;
    z-index: 2;
    width: 70px;
    align-items: center;
    justify-content: center;

}

.go-to-up svg {
    position: relative;
    bottom: 2px;

}

/*--------------------------*/

/* =======================
   HAMBURGER ICON
======================= */
#click-menu {
    width: 30px;
    height: 30px;

    position: relative;
    cursor: pointer;
    display: none;
}

#click-menu>span {
    width: 30px;
    height: 3px;
    background-color: #000;
    position: absolute;
    right: 0;
    border-radius: 3px;
    transition: 0.4s;
}

#click-menu>span:nth-of-type(1) {
    top: 6px;
}

#click-menu>span:nth-of-type(2) {
    top: 14px;
}

#click-menu>span:nth-of-type(3) {
    top: 22px;
}

/* =======================
   MAIN MENU (DESKTOP)
======================= */
.main-menu>ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.main-menu>ul>li {
    list-style: none;
    padding-right: 12px;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 12px;
}

.main-menu>ul>li>ul>li {
    list-style: none;
}

.close-menu {
    display: none;
}

.main-menu>ul>li>a {
    font-size: 1rem;
    font-weight: 700;
    color: #070707;
}

/* SUBMENU */
.main-menu>ul>li>ul {
    position: absolute;
    left: 0;
    width: 250px;
    border-radius: 16px;
    padding: 0 16px;
    opacity: 0;
    visibility: hidden;
    flex-direction: column;
    transition: 0.3s;
    z-index: 99;
    border: 0;
    background: #fff;
    border-radius: 0;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
    top: calc(100% + 1px);
    border-radius: 0 0 20px 20px;
}

.main-menu>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
}


/* =======================
   MOBILE MENU
======================= */
@media (max-width: 991px) {

    #click-menu {
        display: flex;
        order: 2;
    }

    .logo {
        display: flex;
        order: 1;
        margin-right: auto;
        margin-left: auto;
    }

    .close-menu {
        display: block;
        position: absolute;
        right: 15px;
        margin-bottom: 30px;
    }

    .main-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #fff;
        transform: translateX(-100%);
        transition: 0.35s ease;
        overflow-y: auto;
        z-index: 1002;
        padding-top: 50px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-menu.menu-open {
        transform: translateX(0);
    }

    body.menu-open {
        overflow: hidden;
    }

    .main-menu>ul {
        flex-direction: column;
        align-items: flex-start;
    }

    .main-menu>ul>li {
        width: 100%;
        padding: 12px 0;
        border-bottom: 1px solid #eee;
        flex-wrap: wrap;
    }

    /* SUBMENU MOBILE (ANIMATION) */
    .main-menu>ul>li>ul {
        position: static;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: 0.35s ease;
        padding: 0;
        border: none;
        background: transparent;
    }

    .main-menu>ul>li>ul.open {
        max-height: 1000px;
        opacity: 1;
        padding: 10px;
    }

    .main-menu>ul>li>ul>li>ul {
        max-height: 0;
        overflow: hidden;
        transition: 0.3s ease;
    }

    .main-menu>ul>li>ul>li>ul.open {
        max-height: 600px;
    }
}


/* Sticky menu style */
.sticky-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    top: -25px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    animation: all 5s ease-in-out;
    border-radius: 0;
}

/* Animation for smooth scrolling */
@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

/* Prevent overlapping the page content */
.sticky-menu+* {
    margin-top: 60px;
    /* Same as the menu height */
}


/* Required: overflow: hidden breaks sticky */
html {
    overflow-x: clip;
    scroll-behavior: smooth;
}

body {
    overflow-x: clip;
    overflow-y: visible;
}

.main-footer {
    overflow: clip;
    /* or overflow: hidden */
}

.main-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: background-color .35s ease;
}

.menu-box {
    transition: top .35s ease, border-radius .35s ease,
        box-shadow .35s ease, padding .35s ease;
}

/* Stuck state */
.main-header.is-stuck {
    height: 37px;
}

.main-header.is-stuck .menu-box {
    top: 0;
    border-radius: 0 0 20px 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .12);
}

@media (max-width: 991.98px) {

    .main-header.is-stuck {
        height: auto;
    }
}

/*------------------*/
.search-form-live {
    position: relative
}

.search-input {
    width: 100%;
    padding: 5px 15px;
    border: 0;
    border-bottom: 1px solid #ccc;
    outline: 0;
}

.search-results-live {
    background: #fff;
    color: #000;
    overflow-y: auto;
    padding: 15px;
    height: 190px;
    display: none;
    z-index: 2;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 5px;
    position: absolute;
    width: 100%;
    font-size: 14px;
}

.search-results-live li {
    list-style: none;
    padding-bottom: 5px;
}

.search-results-live li a {
    color: #848484 !important;
    display: flex;
    align-items: baseline;
}

.search-results-live li svg {
    fill: #ccc;
    margin-right: 3px;
    flex-shrink: 0;
    position: relative;
    top: 5px;
    right: 2px;
}

.search-category {
    display: block;
    margin-left: 23px;
}

.search-results-live li .search-category a {
    color: #19bfd3 !important;
    font-weight: 600;
}

.svg-exit {
    position: absolute;
    right: 15px;
    cursor: pointer;
    display: none;
}


.current-menu-item {
    position: relative;
}

.current-menu-item::before {
    content: "";
    position: absolute;
    border-bottom: 3px solid #68CCE9;
    bottom: 0;
    width: 100%;
    right: 0;
}


.main-menu>ul>li.current-menu-item>a {
    color: #68CCE9 !important;
}

/*--------------------*/
.news-header {
    font-size: 28px;
    font-weight: 600;
    white-space: nowrap;
    padding-bottom: 15px;


}

.header__center {
    font-size: 28px;
    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-column-gap: 1.2rem;
    align-items: center;
    padding-bottom: 15px;
    font-weight: 600;
    margin: 0 auto;
    margin-top: 15px;
}

.header__center::before,
.header__center::after {
    content: "";
    display: block;
    height: 2px;
    background-color: #DAB38D;
}

.section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    direction: ltr;
    color: #070707;
}

.section-title::before {
    content: "";
    width: 100%;
    height: 2px;
    background: #DAB38D;
    margin-left: 20px;
}


/*--------------------------*/


.about-image {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
}

.about-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 40px 0 0 40px;
}

@media (min-width:992px) {

    .about-image {
        width: calc((100vw - 1200px) / 2 + 540px);
        height: 415px;
        margin: auto;
        top: 0;
        bottom: 0;
    }

}


@media (max-width:991px) {
    .about-image {
        position: relative;
        width: 100%;
        height: 100%;
        padding: 0 15px 15px;
    }

    .about-image img {

        border-radius: 20px;
    }
}







.request-popup {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .5);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.request-popup-content {
    background: #fff;
    width: 400px;
    max-width: 95%;
    padding: 30px;
    border-radius: 12px;
    position: relative;
}

.request-popup-title {
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 5px;
}

.close-popup,
.close-popup2 {
    position: absolute;
    top: 5px;
    right: 15px;
    cursor: pointer;
    font-size: 25px;
    color: #000;
    cursor: pointer;
}


.ln-box {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 200px;
    justify-content: flex-end;
}

.left-side-header {
    border-right: 2px solid #ADADAD;
    border-left: 2px solid #ADADAD;
    padding: 0 10px;
    height: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.other-ln {
    font-size: 20px;
    color: #CBCBCB !important;
    font-weight: 300;
    position: relative;


}

@media (max-width: 991px) {
    .other-ln {
        font-size: 18px;
        color: #000 !important;

    }

    .ln-box {


        width: auto;
    }

    .ln-box svg {
        width: 16px
    }

    .logo img {
        width: auto;
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
        top: 0;
        bottom: 0;
        width: 100px;
    }

}


.section3-about {
    position: relative;
    padding: 50px 0;
}

.about-container {
    position: relative;
    min-height: 360px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.about-container::before {
    content: "";
    position: absolute;
    background: url(../image/1.png);
    height: 360px;
    width: 100%;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin: auto;
        transform: rotateY(180deg);
}

/* ---------- Version 2: right side inside the container, left side to the page edge ---------- */
.about-container2 {
    position: relative;
    min-height: 325px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.about-container3 {

    min-height: 360px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.about-container4 {
    min-height: 325px;
    padding-top: 50px;
    padding-bottom: 0;
}
.section-full-content{
    margin-bottom: 50px;
}
/* The container becomes the positioning reference for the background */
.about-container2>.container {
    position: relative;
}

.page-template-about_us .about-container::before {
    display: none;
}

.about-container2>.container::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    /* Right edge of the container */
    left: calc(50% - 50vw);
    /* Extends out to the left edge of the page */
    /*background: url("https://www.bonyan-tajar.com/wp-content/uploads/2026/08/Group-80.png");*/
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    height: auto;
}

@media (min-width: 2000px) {
    .about-container2>.container::before {

        height: 455px;
    }
}

@media (max-width: 991px) {
    .about-container2>.container::before {
        right: calc(50% - 50vw);
        /* Full width on both sides on mobile */
        background-size: cover;
    }
        .section-full-content {
            margin-bottom: 30px;
        }
}

.section3-about::after {
    background: #d4f2f9;
    content: "";
    position: absolute;
    height: 360px;
    width: 50%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
}

.page-template-about_us .section3-about::after {
    display: none;
}

.section3_title {
    font-size: 24px;
    font-weight: 700;
    color: #070707;
    display: block;
}

.section3_text {
    color: #757575;
    text-align: justify;
    font-size: 16px;
    font-weight: 300;
}

.section3_button_link {
    background: #0E2B3E;
    border-radius: 8px;
    color: #fff;
    height: 40px;
    display: flex;
    width: 155px;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .section3_text {

        padding-right: 50px;
    }

    .section4_text {

        padding-right: 100px;
    }
}

@media only screen and (max-width: 991px) {
    .section3-about::after {
        background: #d4f2f9;
        content: "";
        position: absolute;
        height: auto;
        width: 100%;
    }

    .about-container2>.container::before {

        background: #daf1f8;
        height: auto;
    }
}

@media only screen and (min-width: 2000px) {
    .about-container2 {
        background: #daf1f8;
    }
}

/*--------------------*/

.product-card {
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.04);
    border-radius: 24px;

}

.product-card__image {
    margin: 15px;
    margin-bottom: 0;
}

.product-card__image img {
    width: 100%;
    object-fit: cover;
    height: 290px;
    border-radius: 16px;
    border: 1px solid #cccccc45;

}

.product-card__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px 15px 15px;
    min-height: 90px;
}

.product-card__btn {
    background: #0E2B3E;
    color: #fff;
    border-radius: 8px;
    font-size: 12px;
    text-decoration: none;
    width: 84px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.product-card__title {
    font-size: 14px;
    margin: 0;
    color: #070707;
    font-weight: 700;
    margin-right: 10px;
    display: block;
}


/* ================= Price inquiry ================= */

.price-inquiry {
    position: relative;
    padding: 55px 0;
    background-image: url("../image/Rectangle260.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}



.price-inquiry .container {
    position: relative;
    z-index: 1;
}

/* ---------- Glass card ---------- */
.pi-form {
    border: 1px solid #F9F9F9;
    border-radius: 16px;
    padding: 22px 28px 26px;
    background: rgba(255, 255, 255, .06);
    backdrop-filter: blur(4px);
}

/* ---------- Header: title + logo ---------- */
.pi-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 6px;
}

.pi-title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.pi-title svg {
    flex: 0 0 auto;
}

.pi-logo {
    height: 40px;
    width: auto;
    object-fit: contain;
}

/* ---------- Field row ---------- */
.pi-row {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    flex-wrap: wrap;
}

.pi-field {
    flex: 1 1 220px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.pi-field--action {
    flex: 0 0 auto;
}

.pi-field label {
    color: rgba(255, 255, 255, .85);
    font-size: 12px;
    margin: 0;
}

.pi-field input {
    width: 100%;
    height: 42px;
    border: none;
    border-radius: 5px;
    background: #fff;
    padding: 0 14px;
    font-size: .92rem;
    color: #0E2B3E;
    outline: none;
    transition: box-shadow .2s;
}

.pi-field input:focus {
    box-shadow: 0 0 0 3px rgba(93, 196, 231, .45);
}

.pi-field input.is-invalid {
    box-shadow: 0 0 0 2px #E86A6A;
}

/* ---------- Button ---------- */
.pi-submit {
    height: 42px;
    min-width: 140px;
    border: none;
    border-radius: 5px;
    background: #68CCE9;
    color: #0E2B3E;
    font-size: .95rem;
    font-weight: 700;
    cursor: pointer;
    transition: .2s;
}

.pi-submit:hover:not(:disabled) {
    background: #68CCE9;
}

.pi-submit:disabled {
    opacity: .65;
    cursor: not-allowed;
}

/* ---------- Messages ---------- */
.pi-error {
    display: none;
    color: #FFC4C4;
    font-size: .78rem;
    line-height: 1.6;
}

.pi-response {
    margin-top: 14px;
    font-size: .9rem;
    line-height: 1.8;
}

.pi-response:empty {
    margin-top: 0;
}

.pi-response.is-success {
    color: #9BE8B4;
}

.pi-response.is-error {
    color: #FFC4C4;
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
    .price-inquiry {
        padding: 35px 0;
    }

    .pi-form {
        padding: 20px 18px 22px;
    }

    .pi-head {
        align-items: center;
        gap: 10px;
        margin-bottom: 14px;
    }

    .pi-row {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .pi-field {
        flex: 1 1 50px;
    }

    .pi-field--action {
        flex: 1 1 auto;
    }

    .pi-submit {
        width: 100%;
    }
}

/*------------------------------*/

.brand-reasons {
    background: #D4F2F9;
    padding: 30px 0;
    margin-top: 30px;
}

.brand-reasons__title {
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    color: #0E2B3E;
    display: block;
    padding-bottom: 20px;
}

.brand-reasons__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 26px;
}

/* ---------- Card ---------- */
.brand-card {
    position: relative;
    display: block;
    aspect-ratio: 3.85 / 1;
    border-radius: 25px;
    overflow: hidden;
    background: #12293C;
    text-decoration: none;
    isolation: isolate;
}

.brand-card__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
    transition: transform .4s ease;
}

/* Dark gradient overlay from the left */
.brand-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(to right,
            rgba(14, 43, 62, .92) 0%,
            rgba(14, 43, 62, .72) 38%,
            rgba(14, 43, 62, .25) 100%);
}

.brand-card2::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: transparent;
}



.brand-card__title {
    position: absolute;
    inset-inline-start: 22px;
    bottom: 18px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    max-width: 75%;
    text-shadow: 0 1px 6px rgba(0, 0, 0, .4);
}

/* Hover only for linked cards */
a.brand-card:hover .brand-card__bg {
    transform: scale(1.06);
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
    .brand-reasons__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .brand-card {
        aspect-ratio: 2.6 / 1;
    }

    .brand-reasons__title {
        font-size: 1.25rem;
        margin-bottom: 26px;
    }
}


.section6-image {
    height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.section6-image-txt {
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}

.section6-image-title {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}

.section6-image-link {
    width: 141px;
    height: 31px;
    background-color: #fff;
    color: #000;
    border-radius: 8px;
    line-height: 31px;
    text-align: center;
    margin-top: 15px;
}

.section-archive-image {
    margin-top: 50px;
}

/* pagination */
.article-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    border-top: 1px solid #EDEDED;
    padding-top: 25px;
}

/* Both sides: fixed width so the numbers stay centered when an arrow is missing */
.article-pagination .pg-side {
    flex: 0 0 38px;
    display: flex;
    z-index: 2;
}

.article-pagination .pg-next {
    justify-content: flex-end;
}

.article-pagination .pg-numbers {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}


.article-pagination .pg-numbers a.page-numbers:hover {
    border-color: var(--brand);
    color: var(--brand);
}

.article-pagination .pg-numbers .page-numbers.dots {
    border: none;
    width: auto;
}


.article-pagination .pg-side .page-numbers:hover {
    opacity: .7;
}

.page-circle {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid var(--line);
    color: var(--ink);
    font-size: 0.85rem;
    text-decoration: none;
}

.page-circle:hover {
    border-color: var(--brand);
    color: var(--brand);
}

.page-circle.active {
    background: var(--dark);
    color: #fff;
    border-color: var(--dark);
}

.page-nav {
    background: transparent;
    border: none;
    color: var(--ink);
    font-size: 1rem;
}


.article-pagination .page-numbers.current {
    background: #0E2B3E;
    color: #fff;
}

.article-pagination .page-numbers {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 12px;
    text-decoration: none;
    margin: 0 4px;
}

.article-pagination .prev,
.article-pagination .next {
    background: #D4F2F9;
    border: none;
    border-radius: 4px;
}

.article-pagination .pg-side {
    flex: 0 0 38px;
    display: flex;
    z-index: 2;
}

/*------------------------*/
/* ================== Mega menu (desktop only) ================== */
@media (min-width: 992px) {

    /* Products item — the panel is positioned relative to it */
    .main-menu>ul>li.mega-menu {
        position: relative;
    }

    /* Invisible bridge between the link and the panel (active only on hover)
     so the mouse can move down without closing the menu */
    .main-menu>ul>li.mega-menu::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 14px;
        display: none;
    }

    .main-menu>ul>li.mega-menu:hover::after {
        display: block;
    }

    /* Main mega menu panel — opens only under "Products" itself */
    .main-menu>ul>li.mega-menu>ul {
        position: absolute;
        top: calc(100% + 6px);
        left: 0;
        right: auto;
        width: 832px;
        max-width: 90vw;
        height: auto;
        min-height: 258px;
        display: block;
        padding: 0;
        border: 0;
        background: #fff;
        border-radius: 0;
        box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
        overflow: visible;
        z-index: 999;
        border-radius: 0 0 20px 20px;
    }







    /* Vertical line between the categories column and the content */
    .main-menu>ul>li.mega-menu>ul::before {
        content: "";
        position: absolute;
        top: 15px;
        bottom: 15px;
        left: 265px;
        width: 1px;
        background: #EDEDED;
    }





    /* ---- Left column: main categories ---- */
    .main-menu>ul>li.mega-menu>ul>li {
        width: 265px;
        position: static;
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px;
    }

    .main-menu>ul>li.mega-menu>ul>li:first-child {

        margin-top: 10px;
    }

    .main-menu>ul>li.mega-menu>ul>li>a,
    .main-menu>ul>li>ul>li>a {
        flex: 1;
        display: block;
        padding: 11px 0;
        font-size: 15px;
        font-weight: 500;
        color: #070707;
    }

    /* Arrow for categories that have children */
    .main-menu>ul>li.mega-menu>ul>li.menu-item-has-children>.open-submenu {
        width: 8px;
        height: 8px;
        flex-shrink: 0;
        border-right: 2px solid #ADADAD;
        border-bottom: 2px solid #ADADAD;
        transform: rotate(-45deg);
    }

    /* Active category */
    .main-menu>ul>li.mega-menu>ul>li.is-active {
        background: #F1F7F8;
    }

    .main-menu>ul>li.mega-menu>ul>li.is-active>a {
        color: var(--primery);
    }

    .main-menu>ul>li.mega-menu>ul>li.is-active>.open-submenu {
        border-color: var(--primery);
    }

    /* ---- Right area: children ---- */
    .main-menu>ul>li.mega-menu>ul>li>ul {
        position: absolute;
        top: 0;
        bottom: 0;
            left: 265px;
        right: 0;
        width: auto;
        height: auto;
        display: none;
        grid-template-columns: repeat(3, 1fr);
                gap: 6px 10px;
        align-content: start;
        padding: 12px 15px;
        margin: 0;
        background: transparent;
        border: 0;
        border-radius: 0;
        opacity: 1;
        visibility: visible;
        overflow-y: auto;
    }

    .main-menu>ul>li.mega-menu>ul>li.is-active>ul {
        display: grid;
    }

    .main-menu>ul>li.mega-menu>ul>li>ul>li {
        list-style: none;
    }

    .main-menu>ul>li.mega-menu>ul>li>ul>li>a {
        display: block;
        padding: 8px 0;
        font-size: 14px;
        color: #495057;
        transition: .2s;
    }

    .main-menu>ul>li.mega-menu>ul>li>ul>li>a:hover {
        color: var(--primery);
    }

    /* Extra arrows are not needed in the right column */
    .main-menu>ul>li.mega-menu>ul>li>ul .open-submenu {
        display: none;
    }
}

@media (min-width: 992px) {
    .main-menu>ul>li.mega-menu>ul {
        width: 652px;
    }

}

@media (min-width: 1200px) {
    .main-menu>ul>li.mega-menu>ul {
        width: 742px;
    }

}

@media (min-width: 1400px) {
    .main-menu>ul>li.mega-menu>ul {

        width: 832px;
    }

}

@media (max-width: 1199px) {



    .main-menu>ul>li.mega-menu>ul::before {

        left: 265px;
    }

}



/* ================== Submenus on mobile ================== */
@media (max-width: 991px) {

    /* Arrow only for items that have children */
    .main-menu .open-submenu {
        display: none;
    }

    .main-menu li:has(> ul)>.open-submenu {
        display: block;
        width: 40px;
        height: 40px;
        margin-left: auto;
        flex-shrink: 0;
        position: relative;
        cursor: pointer;
    }

    .main-menu li:has(> ul)>.open-submenu::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 50%;
        width: 8px;
        height: 8px;
        border-right: 2px solid #070707;
        border-bottom: 2px solid #070707;
        transform: translate(50%, -70%) rotate(45deg);
        transition: transform .3s ease;
    }

    /* Open state: flip the arrow */
    .main-menu li:has(> ul)>.open-submenu.openarrow::before {
        transform: translate(50%, -20%) rotate(-135deg);
    }

    /* The link takes the remaining space so the arrow sits next to it */
    .main-menu>ul>li>a {
        flex: 1;
    }

    /* ---- Level 2: categories inside Products ---- */
    .main-menu>ul>li>ul>li {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
        list-style: none;
        border-bottom: 1px solid #F5F5F5;
    }

    .main-menu>ul>li>ul>li>a {
        flex: 1;
        display: block;
        padding: 10px 0;
        font-size: 15px;
        color: #070707;
    }

    /* ---- Level 3: children ---- */
    .main-menu>ul>li>ul>li>ul {
        width: 100%;
        padding: 0;
        margin: 0;
        background: #F1F7F8;
        border-radius: 8px;
    }

    .main-menu>ul>li>ul>li>ul.open {
        max-height: 600px;
        padding: 8px 15px;
        margin-bottom: 8px;
    }

    .main-menu>ul>li>ul>li>ul>li {
        list-style: none;
    }

    .main-menu>ul>li>ul>li>ul>li>a {
        display: block;
        padding: 7px 0;
        font-size: 14px;
        color: #495057;
    }
}

/* ===== Mega menu hover fix ===== */
@media (min-width: 992px) {

    /* A closed panel must not catch the mouse */
    .main-menu>ul>li>ul {
        pointer-events: none;
    }

    /* Usable only once open */
    .main-menu>ul>li:hover>ul {
        pointer-events: auto;
    }

    /* Children must not bypass the parent visibility */
    .main-menu>ul>li.mega-menu>ul>li>ul {
        visibility: inherit;
    }
}

@media (max-width: 991px) {
    .main-menu>ul>li>ul {
        visibility: visible;
        pointer-events: auto;
    }
}

/* When the select has only one option */
select.property_select:has(option:only-child) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: none !important;
    /* Remove the theme arrow */
    pointer-events: none;
    /* Keep the list from opening */
    padding-right: 12px;
    /* Fills the empty arrow space */
}


.post-content.single-content ,.brand_text,.post-content,.single_product_excerpt,.section-body,p{
        text-align: left!important;
}