@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);

:root {
    --LufgaRegular: "Montserrat", sans-serif;
    --LufgaLight: "Montserrat", sans-serif;
    --LufgaMedium: "Montserrat", sans-serif;
    --LufgaSemiBold: "Montserrat", sans-serif;
    --LufgaBold: "Montserrat", sans-serif;
    --primary-color: #1b1d3d;
    --secondary-color: #cd8f5c;
    --bg-color: #f9f8f6
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

body,
html {
    font-family: var(--LufgaLight);
    font-size: 16px
}

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

    body,
    html {
        font-size: 18px
    }
}

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

    body,
    html {
        font-size: 16px
    }
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.input-field .iti.iti--allow-dropdown,
ul.iti__country-list {
    width: 100%
}

ul.iti__country-list li {
    white-space: normal
}

input.country_code_select {
    padding-left: 60px !important
}

ul {
    list-style-type: square
}

.bg-color {
    background-color: var(--bg-color)
}

.cp-l {
    padding-left: 5em
}

.cp-r {
    padding-right: 5em
}

@media screen and (max-width:575px) {
    .cp-l {
        padding-left: 16px
    }

    .cp-r {
        padding-right: 16px
    }
}

.web-loader {
    align-items: center;
    background-color: #fff;
    bottom: 0;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    padding: 4rem;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999
}

.web-loader img,
.web-loader video {
    max-width: 280px;
    width: 100%
}

.tel-btn {
    animation: whatsapp-btn .8s ease-in-out .5s infinite alternate;
    bottom: 10px;
    left: 14px;
    position: fixed;
    z-index: 99
}

.tel-btn img {
    scale: .75;
    width: 50px
}

@media screen and (min-width:575px) {
    .tel-btn {
        display: none !important
    }
}

.whatsapp-btn img {
    width: 60px
}

.whatsapp-btn {
    animation: whatsapp-btn .8s ease-in-out .5s infinite alternate;
    bottom: 20px;
    position: fixed;
    right: 15px;
    z-index: 99
}

@keyframes whatsapp-btn {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.8)
    }
}

@media screen and (max-width:767px) {
    .whatsapp-btn img {
        width: 50px
    }

    .whatsapp-btn {
        bottom: 10px;
        right: 14px
    }
}

.scroll-to-top {
    align-items: center;
    background-color: #1b1d3d;
    border: 1px solid #1b1d3d;
    bottom: 92px;
    box-shadow: none;
    color: #fff;
    display: flex;
    font-size: 18px;
    height: 30px;
    justify-content: center;
    opacity: 0;
    outline: none;
    pointer-events: none;
    position: fixed;
    right: 30px;
    transition: .3s;
    width: 30px;
    z-index: 999
}

.scroll-to-top.active {
    opacity: 1;
    pointer-events: all
}

.sticky_get_quote_btn {
    animation: sticky_get_quote_btn 1.2s ease-in-out infinite alternate;
    background-color: var(--primary-color);
    border: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #fff !important;
    display: none;
    font-family: var(--LufgaLight);
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 3px;
    outline: none;
    padding: .4em 1.2em;
    position: fixed;
    right: 0;
    text-decoration: none;
    top: calc(50% - 20px);
    transform-origin: center bottom;
    z-index: 99
}

@keyframes sticky_get_quote_btn {
    0% {
        transform: translate(50%, -100%) rotate(-90deg) scale(1)
    }

    to {
        transform: translate(50%, -100%) rotate(-90deg) scale(.8)
    }
}

@media screen and (max-width:767px) {
    .sticky_get_quote_btn {
        display: inline-block;
        font-size: .92em;
        padding: .5em 1em;
        top: 40vh
    }
}

.btn-reset {
    background-color: transparent;
    border: none;
    box-shadow: none;
    display: inline-block;
    outline: none;
    text-decoration: none
}

.btn-1 {
    background-color: var(--primary-color);
    font-size: .8em;
    padding: .85em 1.6em .78em
}

.btn-1,
.btn-1:hover {
    color: #fff
}

.btn-2 {
    background-color: transparent;
    border: none;
    box-shadow: none;
    outline: none
}

.cart-btn {
    align-items: flex-end;
    color: var(--primary-color) !important;
    display: inline-flex !important;
    text-decoration: none
}

.cart-btn .icon {
    background-color: #e5e5e5;
    font-size: 1.2em;
    font-weight: 600;
    padding: .2em .5em
}

.cart-btn span {
    background-color: #dc3545;
    color: #fff;
    display: inline-block;
    font-size: .8em;
    min-width: 15px;
    padding: .2em .3em .1em;
    text-align: center
}

.cart-btn.in-main.hide {
    display: none !important
}

.cart-btn.in-main {
    margin-left: 5px;
    position: relative;
    top: 0
}

.cart-btn.in-main .icon {
    padding: .3em .5em
}

.side-menu-btn {
    align-items: flex-end;
    background-color: #fff;
    border: none;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    height: 20px;
    justify-content: space-between;
    line-height: 0;
    outline: none;
    padding-right: .2em;
    text-decoration: none;
    width: 25px
}

.side-menu-btn span {
    background-color: var(--secondary-color);
    border-radius: 1em;
    display: block;
    flex: none;
    height: 2px;
    line-height: 0;
    width: 100%
}

.side-menu-btn span:nth-child(2) {
    width: 80%
}

#inquiry-btn {
    border: 2px solid var(--primary-color);
    padding: .72em 1.2em .62em;
    transition: background-color .5s, color .3s
}

#inquiry-btn:hover {
    background-color: #fff;
    color: var(--primary-color);
    font-weight: 600
}

header {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .4);
    left: 0;
    position: sticky;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999
}

.top-nav-header {
    background-color: hsla(0, 0%, 90%, .2);
    display: inline-block;
    padding-left: .8em;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.top-nav-header ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.top-nav-header ul li {
    display: inline-block;
    padding: 0 .8em;
    position: relative
}

.top-nav-header ul li a {
    color: var(--primary-color);
    display: inline-block;
    font-size: .85em;
    font-weight: 500;
    padding: .5em .4em .4em;
    text-decoration: none;
    white-space: nowrap
}

.top-nav-header ul li a.drop-down:after {
    content: "\f0d7";
    display: inline-block;
    font-family: Font Awesome\ 5 Pro;
    font-size: 1em;
    font-weight: 900;
    margin-left: 5px
}

.top-nav-header ul li:not(.location-tab li):last-child,
.top-nav-header ul li:not(.location-tab li):last-child a {
    padding-right: 0
}

.top-nav-header ul li.location-tab .sub-menu {
    display: none;
    padding-top: .25em
}

.top-nav-header ul li.location-tab:hover .sub-menu {
    display: block
}

.top-nav-header ul li.location-tab .sub-menu ul {
    background-color: #fff;
    box-shadow: 0 0 5px hsla(0, 0%, 50%, .5);
    display: flex;
    padding: 0 .5em;
    position: absolute;
    right: 1em;
    top: 100%;
    z-index: 11
}

.top-nav-header ul li.location-tab .sub-menu li {
    display: inline-block;
    padding: 0 .65em
}

.main-header .logo {
    padding: 1.2em 0
}

.main-header .logo img {
    max-width: 25em
}

.main-header .header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.main-header .header nav {
    border-top: 2px solid #cdcdcd;
    padding: 1em 0
}

.main-header .header nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.main-header .header nav ul li {
    display: inline-block
}

.main-header .header nav ul li a {
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: .85em;
    padding: .8em 1em;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

.main-header .header nav>ul>li.active>a,
.main-header .header nav>ul>li:hover>a {
    font-weight: 600
}

.main-header .header nav ul li a.drop-down:after {
    content: "\f0d7";
    display: inline-block;
    font-family: Font Awesome\ 5 Pro;
    font-size: 1em;
    font-weight: 900;
    margin-left: 5px;
    transition: .3s ease
}

.main-header .header nav>ul>li:hover>a.drop-down:after {
    transform: rotate(-180deg)
}

.main-header .header nav ul li:first-child a {
    padding-left: 0
}

.main-header .header nav ul li:last-child a {
    padding-right: 0
}

.main-header .header nav ul li li {
    display: block
}

.main-header .header nav ul li .sub-menu1 {
    background-color: #fff;
    box-shadow: 0 10px 8px rgba(0, 0, 0, .24);
    display: flex;
    left: 0;
    opacity: 0;
    padding-bottom: 2.4em;
    padding-top: calc(1.6em + 25px);
    pointer-events: none;
    position: absolute;
    top: calc(100% - 25px);
    transition: opacity .3s;
    width: 100%;
    z-index: 1
}

.main-header .header nav ul li .sub-menu1>* {
    margin-right: 50px
}

.main-header .header nav ul li .sub-menu1 .sub-menu1-col .sub-menu1-title {
    color: #2c588e !important;
    display: block;
    font-size: 1.4em !important;
    font-weight: 600;
    margin: unset;
    padding: unset;
    text-transform: none !important
}

.main-header .header nav ul li .sub-menu1 .sub-menu1-col>.cover {
    margin-top: .4em
}

.vl-line {
    border: .1px solid var(--primary-color);
    margin: 10px 0
}

.main-header .header nav ul li .sub-menu1 .sub-menu1-col>ul>li>a {
    display: inline-block;
    font-size: .9em;
    padding: 0;
    position: relative;
    text-transform: unset
}

.main-header .header nav ul li .sub-menu1 .sub-menu1-col>ul>li>a:after {
    background-color: #777;
    content: "";
    display: block;
    height: 2px;
    transition: .3s;
    width: 0
}

.main-header .header nav ul li .sub-menu1 .sub-menu1-col>ul>li>a:hover:after {
    width: 100%
}

.main-header .header nav ul li .sub-menu1>ul>li {
    padding: 0 .6em
}

.main-header .header nav ul li .sub-menu1 a {
    align-items: center;
    display: flex;
    font-size: .8em;
    justify-content: space-between;
    margin: 0;
    padding: .4em 1.2em .2em
}

.main-header .header nav ul li .sub-menu1 a.drop-down:after {
    color: #aaa;
    content: "\f105";
    display: inline-block;
    font-family: Font Awesome\ 5 Pro;
    font-weight: 400;
    margin-right: 3px
}

.main-header .header nav ul li .sub-menu2 {
    background-color: #fff;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .24);
    left: 100%;
    min-width: 12em;
    opacity: 0;
    padding: .6em;
    pointer-events: none;
    position: absolute;
    top: -1em;
    transition: opacity .3s;
    z-index: 1
}

.main-header .header nav li:hover>.sub-menu1,
.main-header .header nav li:hover>.sub-menu2 {
    opacity: 1;
    pointer-events: all
}

.main-header .header .left-btns {
    display: flex;
    position: relative;
    z-index: 2
}

.main-header .header .left-btns>* {
    flex: none
}

.m-header {
    padding: .8em 0
}

.m-header>div {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.m-header>div>* {
    flex: none
}

.m-header .logo img {
    width: 8em
}

.m-header .cart-btn {
    font-size: .75em
}

.side-menu-area {
    bottom: 0;
    height: 100vh;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999
}

.side-menu-area.active {
    pointer-events: all
}

.side-menu-area .overlay {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    opacity: 0;
    position: relative;
    transition: .3s ease;
    width: 100%;
    z-index: 0
}

.side-menu-area.active .overlay {
    opacity: 1
}

.side-menu-area .side-menu-box {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(-120%);
    transition: .3s ease;
    width: 280px;
    z-index: 1
}

.side-menu-area.active .side-menu-box {
    transform: translateX(0)
}

.side-menu-area .side-menu-box .side-menu::-webkit-scrollbar {
    display: none;
    width: 0 !important
}

.side-menu-area .side-menu-box .side-menu {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    position: relative;
    scrollbar-width: none;
    width: 100%
}

.side-menu-area .side-menu {
    padding: 22px
}

.side-menu-area .close-btn {
    align-items: center;
    background-color: transparent;
    background-color: var(--primary-color);
    border: none;
    border-radius: 50%;
    box-shadow: none;
    color: #fff;
    display: flex;
    height: 24px;
    justify-content: center;
    outline: none;
    position: absolute;
    right: 0;
    top: 34px;
    transform: translateX(50%);
    width: 24px;
    z-index: 1
}

.side-menu-area .logo img {
    max-width: 180px;
    width: 100%
}

.side-menu-area nav {
    margin-top: 30px
}

.side-menu-area nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.side-menu-area nav ul li a {
    color: #333;
    display: inline-block;
    padding: 5px 0;
    text-decoration: none
}

.side-menu-area nav ul li a:hover {
    color: var(--primary-color)
}

.side-menu-area nav ul.main-menu>li>a {
    font-family: var(--LufgaBold);
    font-size: 20px;
    font-weight: 600
}

.side-menu-area nav ul.sub-menu {
    margin-bottom: 5px
}

.side-menu-area nav ul.sub-menu>li>a {
    font-size: 14px;
    font-weight: 500;
    padding: 8px 0
}

.side-menu-area nav ul.sub-menu>li>a.bold {
    font-weight: 600
}

.side-menu-area [data-inquiry-btn] {
    border-radius: 50px;
    margin-top: 16px;
    padding-left: 1.92em;
    padding-right: 1.92em
}

.side-menu-area .social-icons {
    margin-top: 25px
}

.side-menu-area .social-icons a {
    align-items: center;
    background-color: var(--primary-color);
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    font-size: .8em;
    height: 24px;
    justify-content: center;
    margin-right: 3px;
    text-decoration: none;
    width: 24px
}

.hero-area {
    position: relative
}

.hero-area .bg-img img {
    width: 100%
}

.hero-area .banner-sec {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.hero-area .banner-sec .content-box {
    background-color: hsla(0, 0%, 100%, .8);
    bottom: 2em;
    color: var(--primary-color);
    display: inline-block;
    font-size: 1.8em;
    line-height: 1.4;
    padding: 1.2em 1.4em 1em;
    position: absolute
}

.hero-area .banner-sec .content-box:after {
    background-color: var(--secondary-color);
    bottom: 0;
    content: "";
    display: block;
    height: .1em;
    position: absolute;
    width: 5.5em
}

.hero-area .banner-sec .content-box a.btn-1 {
    font-size: 1rem;
    padding: 12px 16px
}

@media screen and (max-width:991px) {
    .hero-area .banner-sec .content-box {
        font-size: 1.8em
    }
}

@media screen and (max-width:767px) {
    .hero-area .banner-sec .content-box {
        font-size: 1.6em
    }
}

@media screen and (max-width:575px) {
    .hero-area .bg-img img {
        -o-object-fit: cover;
        object-fit: cover
    }

    .hero-area .banner-sec .content-box {
        bottom: 1em;
        font-size: 1.2em
    }
}

.quick-info-sec {
    margin: 4em 0
}

.card-1 {
    background-color: var(--bg-color);
    height: 100%;
    padding: 1.2em
}

.card-1 .info {
    background-color: #fff;
    padding: .8em
}

.card-1 .info .icon {
    height: 3.2em
}

.card-1 .info .icon img {
    height: 100%
}

.card-1 .info h4 {
    font-size: 1.07em;
    margin: .4em 0 0
}

.card-1 .des {
    font-size: .85em;
    padding: .8em .8em 0
}

.card-1 .des p:last-child {
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .card-1 {
        font-size: .85em
    }
}

@media screen and (max-width:767px) {
    .card-1 {
        font-size: 1em
    }
}

@media screen and (max-width:575px) {
    .quick-info-sec {
        margin: 3em 0
    }
}

.sec-heading {
    margin-bottom: 1.4em
}

.sec-heading .h2 {
    color: var(--primary-color);
    font-size: 1.6em;
    margin-bottom: .4em
}

.sec-heading .h2:after {
    background-color: #cdcdcd;
    content: "";
    display: block;
    height: .12em;
    width: 1.6em
}

.sec-heading p {
    font-size: .85em
}

.sec-heading.white .h2 {
    color: #fff
}

@media screen and (max-width:575px) {
    .sec-heading p br {
        display: none
    }
}

.bottom-content {
    padding-bottom: 30px
}

.bottom-content .content .display.active,
.bottom-content .content .visible {
    display: block
}

.bottom-content .content .display,
.bottom-content .content .visible.active {
    display: none
}

.bottom-content .content p {
    font-family: var(--poppins);
    margin-bottom: 15px
}

.bottom-content .read-more-btn button {
    background-color: transparent;
    border: none;
    color: #13105c;
    display: inline-block;
    font-family: var(--poppins);
    font-weight: 600;
    margin-top: 20px;
    outline: none
}

@media screen and (max-width:575px) {
    .bottom-content {
        margin: 0 auto;
        max-width: 320px;
        padding: 0 15px 30px
    }

    .bottom-content .heading {
        padding-bottom: 15px
    }

    .bottom-content .heading h2 {
        color: #221c59;
        font-size: 16px;
        font-weight: 600;
        padding-left: 10px;
        padding-right: 10px
    }

    .bottom-content .content p {
        font-size: 14px;
        font-weight: 600;
        text-align: justify;
        -moz-text-align-last: center;
        text-align-last: center
    }
}

.office-product-sec {
    background-color: var(--bg-color);
    padding-bottom: 5em;
    padding-top: 5em
}

.office-product-sec .filter-btns {
    background-color: #fff;
    display: inline-block;
    margin-bottom: 2.8em;
    padding: 0 .8em
}

.office-product-sec .filter-btns button:not(.drop-btn) {
    background-color: #fff;
    border: none;
    box-shadow: none;
    color: #000;
    display: inline-block;
    font-size: .85em;
    outline: none;
    padding: .8em 1em .6em
}

.office-product-sec .filter-btns button:not(.drop-btn).active {
    color: #000
}

.office-product-sec .filter-btns button:not(.drop-btn).active:after {
    background-color: var(--secondary-color);
    content: "";
    display: block;
    height: .1em;
    width: 1em
}

.office-product-sec .filter-box .pro-img {
    border: none;
    box-shadow: none;
    color: #000;
    display: block;
    outline: none;
    position: relative;
    text-decoration: none;
    width: 100%
}

.office-product-sec .filter-box .pro-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.office-product-sec .filter-box .pro-img .btn {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .65);
    border: none;
    border-radius: 0;
    bottom: .65em;
    box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    color: var(--primary-color);
    display: flex;
    height: 3em;
    justify-content: space-between;
    left: .65em;
    max-width: 13em;
    outline: none;
    padding: .65em .65em .5em;
    position: absolute;
    width: calc(100% - 1.4em);
    z-index: 1
}

.office-product-sec .filter-box .pro-img .btn:hover {
    background-color: #1b1d3d;
    color: #fff
}

.office-product-sec .filter-box .pro-img .btn span {
    display: inline-block;
    font-size: .85em;
    font-weight: 550;
    line-height: 1.2;
    margin-right: .5em;
    text-align: left
}

.office-product-sec .filter-box .pro-img .btn i {
    display: inline-flex;
    font-size: .8em;
    margin-top: .15em
}

.office-product-sec .filter-box .c-margin {
    margin: -.8em;
    padding: 0
}

.office-product-sec .filter-box .c-padding {
    margin: 0;
    padding: .8em
}

@media screen and (min-width:768px) {
    .office-product-sec .filter-box .pro-img.img1 {
        aspect-ratio: 1/1
    }

    .office-product-sec .filter-box .pro-img.img2 {
        aspect-ratio: 4/3.58
    }

    .office-product-sec .filter-box .pro-img.img3,
    .office-product-sec .filter-box .pro-img.img4 {
        aspect-ratio: 1/1
    }

    .office-product-sec .filter-box .pro-img.img5 {
        aspect-ratio: 2/1.2
    }

    .office-product-sec .filter-box .pro-img.img6 {
        aspect-ratio: 2/1.71
    }
}

@media screen and (max-width:991px) {
    .office-product-sec .filter-box .c-margin {
        margin: -.5em
    }

    .office-product-sec .filter-box .c-padding {
        padding: .5em
    }
}

@media screen and (max-width:575px) {
    .office-product-sec {
        padding-bottom: 3em;
        padding-top: 3em
    }

    .office-product-sec .filter-box .pro-img .btn span {
        font-size: .8em
    }
}

.office-product-sec.mobile-view .filter-btns {
    background-color: transparent;
    margin-bottom: 1.4em;
    margin-top: 1em;
    padding: 0;
    width: 100%
}

.office-product-sec.mobile-view .filter-btns .selected {
    align-items: center;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom: .4em;
    padding: .5em .65em
}

.office-product-sec.mobile-view .filter-btns .tag {
    color: var(--primary-color);
    display: inline-block;
    font-size: 1.1em
}

.office-product-sec.mobile-view .filter-btns .drop-btn {
    align-items: center;
    background-color: transparent;
    border: none;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    font-size: 1em;
    height: 1.8em;
    justify-content: space-between;
    line-height: 0;
    outline: none;
    padding: .3em .2em;
    width: 1.8em
}

.office-product-sec.mobile-view .filter-btns .drop-btn span {
    background-color: #000;
    display: block;
    height: 2px;
    transform-origin: center right;
    transition: .3s;
    width: 100%
}

.office-product-sec.mobile-view .filter-btns .drop-btn span:nth-child(2) {
    transition: .1s
}

.office-product-sec.mobile-view .filter-btns .drop-btn.active span:first-child {
    transform: rotate(-45deg)
}

.office-product-sec.mobile-view .filter-btns .drop-btn.active span:nth-child(2) {
    opacity: 0;
    transform: translate(-100%)
}

.office-product-sec.mobile-view .filter-btns .drop-btn.active span:nth-child(3) {
    transform: rotate(45deg)
}

.office-product-sec.mobile-view .filter-btns .drop-down {
    background-color: #fff;
    display: none;
    padding: 1em
}

.office-product-sec.mobile-view .filter-btns .drop-down button {
    border: 1px solid #ccc;
    display: block;
    text-align: center;
    width: 100%
}

.office-product-sec.mobile-view .filter-btns .drop-down button:not(:last-child) {
    margin-bottom: 1em
}

.office-product-sec.mobile-view .filter-btns .drop-down button.active:after {
    margin: 0 auto
}

.office-product-sec.mobile-view .filter-box .row {
    margin: 0 -.25em
}

.office-product-sec.mobile-view .filter-box .col-6 {
    padding: 0 .25em
}

.office-product-sec.mobile-view .filter-box .pro-img {
    margin: .5em 0
}

.office-product-sec.mobile-view .filter-box .pro-img img {
    aspect-ratio: 2/1.5;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.office-product-sec.mobile-view .filter-box .pro-img .btn {
    background-color: #e6e6e6;
    bottom: unset;
    box-shadow: none;
    left: unset;
    margin-top: .5em;
    max-width: 100%;
    position: relative;
    width: 100%
}

.video-sec {
    background-color: var(--bg-color)
}

.video-sec .img-box {
    position: relative
}

.video-sec .img-box .img img {
    width: 100%
}

.video-sec .img-box .popup-link {
    align-items: center;
    background-color: hsla(40, 20%, 97%, .3);
    bottom: 1.4em;
    color: var(--primary-color);
    display: flex;
    justify-content: center;
    padding: .8em 1em;
    position: absolute;
    right: 1.8em;
    text-decoration: none;
    transition: .3s;
    z-index: 1
}

.video-sec .img-box .popup-link:hover {
    background-color: var(--primary-color);
    color: #fff
}

.video-sec .img-box .popup-link i {
    font-size: 1.6em
}

.video-sec .img-box .popup-link span {
    display: inline-block;
    margin-left: .5em;
    margin-top: .1em
}

@media screen and (max-width:575px) {
    .video-sec .img-box .popup-link {
        background-color: #f9f8f6;
        bottom: 50%;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        right: 50%;
        transform: translate(50%, 50%)
    }
}

.custom-design-sec {
    align-items: flex-end;
    background-color: var(--bg-color);
    display: flex;
    padding-bottom: 5em;
    padding-top: 5em
}

.custom-design-sec .img-box {
    flex: none;
    width: 40%
}

.custom-design-sec .img-box img {
    width: 100%
}

.custom-design-sec .content-box {
    aspect-ratio: 2/1.2;
    background-color: var(--primary-color);
    width: 100%
}

.custom-design-sec .content {
    padding: 5em
}

.custom-design-sec .content .sec-heading .h2 {
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px
}

.custom-design-sec .content .sec-heading .h2:after {
    height: 2px;
    margin-top: .2em
}

.custom-design-sec .content .des {
    padding-right: 3em
}

.custom-design-sec .content .des p {
    color: #fff;
    font-size: .85em
}

.custom-design-sec .content .des p:last-child {
    margin-bottom: 0
}

.consult-btn {
    background-color: #fff;
    border: none;
    box-shadow: none;
    display: inline-block;
    font-size: .92em;
    margin-top: 5em;
    outline: none;
    padding: .8em 1.2em;
    text-align: center;
    text-decoration: none
}

.consult-btn,
.consult-btn:hover {
    color: var(--primary-color)
}

@media screen and (min-width:768px) {
    .custom-design-sec {
        padding-right: 0
    }
}

@media screen and (max-width:1199px) {
    .custom-design-sec .content .consult-btn {
        margin-top: 4em
    }
}

@media screen and (max-width:991px) {
    .custom-design-sec .content-box {
        padding-right: 0
    }

    .custom-design-sec .content {
        font-size: .96em;
        padding: 3em
    }

    .custom-design-sec .content .consult-btn {
        margin-top: 3em
    }
}

@media screen and (max-width:767px) {
    .custom-design-sec {
        display: block
    }

    .custom-design-sec .content-box {
        aspect-ratio: auto;
        padding: 5em 0 0
    }

    .custom-design-sec .content .des {
        padding: 0
    }

    .custom-design-sec .img-box {
        margin: 0 auto -5em;
        max-width: 320px;
        width: calc(100% - 5em)
    }
}

@media screen and (max-width:575px) {
    .custom-design-sec {
        padding-bottom: 4em;
        padding-top: 4em
    }

    .custom-design-sec .content {
        padding: 2em
    }

    .custom-design-sec .content .des p {
        text-align: justify
    }
}

.product-sec {
    background-color: var(--bg-color)
}

.product-card {
    display: block;
    position: relative;
    text-decoration: none
}

.product-card .img {
    aspect-ratio: 1/1;
    width: 100%
}

.product-card .img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.product-card .content-box {
    background-color: #fff;
    padding: 1em
}

.product-card .content-box .parttens {
    align-items: center;
    display: flex
}

.product-card .content-box .parttens .tag {
    color: #7f7f7f;
    display: inline-block;
    font-size: .85em;
    margin-right: .8em
}

.product-card .content-box .parttens button {
    background-color: transparent;
    border: none;
    box-shadow: none;
    flex: none;
    height: 1.5em;
    margin: 0 .1em;
    outline: none;
    padding: 3px;
    text-decoration: none;
    width: 1.5em
}

.product-card .content-box .parttens button.active {
    border: 1px solid #ccc;
    margin-right: .2em
}

.product-card .content-box .parttens button img {
    background-color: inherit;
    display: block;
    height: 100%;
    width: 100%
}

.product-card .content-box .pro-name {
    color: var(--primary-color);
    font-size: 1em;
    letter-spacing: 1px;
    margin-top: .5em
}

.product-card .content-box .quote-btn {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #000;
    font-size: .75em;
    margin-bottom: .2em;
    outline: none
}

.product-card .content-box .quote-btn:after {
    background-color: var(--secondary-color);
    content: "";
    display: block;
    height: 2px;
    width: 100%
}

.product-card .remove-btn {
    align-items: center;
    background-color: #aaa;
    border: none;
    border-radius: 50%;
    box-shadow: none;
    color: #fff;
    display: flex;
    font-size: .8em;
    height: 22px;
    justify-content: center;
    outline: none;
    position: absolute;
    right: -.6em;
    top: -.6em;
    width: 22px;
    z-index: 1
}

@media screen and (max-width:991px) {
    .product-card .content-box .pro-name {
        font-size: .92em
    }
}

@media screen and (max-width:575px) {
    .product-card .content-box {
        padding: .85em
    }

    .product-card .content-box .parttens .tag {
        font-size: .8em;
        margin-right: .5em
    }

    .product-card .content-box .parttens button {
        height: 1em;
        padding: 2px;
        width: 1em
    }
}

.fitout-sec {
    background-color: var(--bg-color);
    padding-bottom: 5em;
    padding-top: 5em
}

.fitout-sec a {
    color: var(--primary-color) !important;
    text-decoration: none !important
}

.fitout-sec .sec-heading {
    background-color: #fff;
    font-size: .85em;
    margin-bottom: 0;
    margin-left: 5em;
    padding: 2em
}

.fitout-sec .sec-heading p {
    margin-bottom: 0
}

.fitout-sec .img-box {
    position: relative
}

.fitout-sec .img-box img {
    width: 100%
}

.fitout-sec .img-box .connect-now {
    align-items: center;
    border: none;
    border-radius: 0;
    bottom: .65em;
    box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    display: flex;
    height: 3em;
    justify-content: space-between;
    left: .65em;
    max-width: 13em;
    outline: none;
    padding: .65em .65em .5em;
    position: absolute;
    text-decoration: none;
    width: calc(100% - 1.4em);
    z-index: 1
}

.fitout-sec .img-box .connect-now,
.fitout-sec .img-box .connect-now:hover {
    background-color: #fff;
    color: var(--primary-color)
}

@media screen and (max-width:575px) {
    .fitout-sec {
        padding-bottom: 3em;
        padding-top: 3em
    }

    .fitout-sec .sec-heading {
        margin-left: 0
    }
}

.quick-service-sec {
    background-color: var(--bg-color);
    padding-top: 1.4em
}

.quick-service-sec>div {
    background-color: #fff
}

.quick-service-sec .card {
    align-items: center;
    background-color: transparent;
    border: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    outline: none;
    padding: 1.6em 1em
}

.quick-service-sec .card .icon {
    margin-right: 1em;
    width: 3em
}

.quick-service-sec .card .icon img {
    width: 100%
}

.quick-service-sec .card h6 {
    color: #000;
    font-size: .92em;
    margin-bottom: 0
}

.quick-service-sec .card span {
    color: #7f7f7f;
    display: inline-block;
    font-size: .75em
}

@media screen and (max-width:767px) {
    .quick-service-sec .card {
        justify-content: flex-start;
        margin: 0 auto;
        max-width: 220px
    }
}

@media screen and (max-width:575px) {
    .quick-service-sec {
        padding-bottom: .65em
    }
}

.blog-sec {
    background-color: var(--bg-color);
    padding-bottom: 5em;
    padding-top: 5em
}

.blog-sec .sec-heading {
    align-items: flex-end;
    display: flex;
    justify-content: space-between
}

.blog-sec .view-all-btn {
    border: 1px solid #3a3a3a;
    color: #3a3a3a;
    display: inline-block;
    font-size: .85em;
    margin-bottom: 1em;
    padding: .6em 1.4em .5em;
    text-decoration: none
}

.blog-card .img {
    aspect-ratio: 1/.75;
    display: block;
    margin-bottom: 1em;
    position: relative;
    text-decoration: none;
    width: 100%
}

.blog-card .img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.blog-card .img .time {
    background-color: var(--bg-color);
    color: #000;
    font-size: .8em;
    left: 0;
    padding: .3em .85em;
    position: absolute;
    top: 0;
    z-index: 1
}

.blog-card .info a {
    align-items: center;
    color: #7f7f7f;
    display: inline-flex;
    font-size: .85em;
    text-decoration: none
}

.blog-card .info a:not(:last-child):after {
    background-color: #aaa;
    content: "";
    display: inline-block;
    height: 14px;
    margin-left: 8px;
    margin-right: 3px;
    margin-top: -2px;
    width: 2px
}

.blog-card .title {
    color: #000;
    display: block;
    font-size: 1.1em;
    margin: .5em 0 .2em;
    text-decoration: none
}

.blog-card .des {
    color: #555;
    font-size: .8em
}

.blog-card .read-more a {
    align-items: center;
    color: #777;
    display: inline-flex;
    font-size: .85em;
    margin-top: 1em;
    text-decoration: none
}

.blog-card .read-more a:before {
    background-color: #777;
    content: "";
    display: inline-block;
    height: 2px;
    margin-right: 5px;
    width: 30px
}

@media screen and (max-width:575px) {
    .blog-sec {
        padding-bottom: 3em;
        padding-top: 3em
    }

    .blog-sec .sec-heading {
        margin-bottom: 0
    }
}

.subscribe-sec {
    background-color: #f2f2f2;
    padding-bottom: 3em;
    padding-top: 3em
}

.subscribe-sec .sec-heading,
.subscribe-sec .sec-heading p {
    margin-bottom: 0
}

.subscribe-sec .subscribe-form form {
    align-items: center;
    border-bottom: 1px solid #000;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.2em;
    padding-bottom: 1.2em
}

.subscribe-sec .subscribe-form input {
    background-color: transparent;
    border: none;
    box-shadow: none;
    display: block;
    font-size: .8em;
    outline: none;
    width: 100%
}

.subscribe-sec .subscribe-form button {
    align-items: center;
    background-color: transparent;
    border: none;
    box-shadow: none;
    display: flex;
    font-size: 1em;
    height: 1.4em;
    justify-content: center;
    outline: none;
    width: 1.4em
}

.subscribe-sec .subscribe-form p {
    color: #7f7f7f;
    font-size: .75em;
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .subscribe-sec .sec-heading {
        margin-bottom: 5em
    }
}

@media screen and (max-width:575px) {
    .subscribe-sec {
        padding-bottom: 3.2em;
        padding-top: 3.6em
    }

    .subscribe-sec .sec-heading {
        margin-bottom: 3em
    }
}

.mid-section-form {
    padding: 50px 0
}

.mid-section-form .input-field input {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    display: block;
    font-size: .8em;
    outline: none;
    padding: .8em 0;
    width: 100%
}

.mid-section-form .input-field .btn-1 {
    border: none;
    width: 100%
}

.mid-section-form .input-field {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .mid-section-form {
        padding: 80px 0
    }

    .mid-section-form .input-field {
        margin-bottom: 0
    }
}

footer .footer {
    padding: 3em 0 1em;
    position: relative
}

footer .footer .social-icons {
    bottom: 0;
    position: absolute;
    right: 0
}

@media screen and (max-width:646px) {
    footer .footer .social-icons {
        bottom: 0;
        left: 0;
        position: absolute
    }
}

footer .footer .social-icons ul {
    margin: 0 !important;
    padding: 0 !important
}

footer .footer .social-icons ul li {
    display: inline-block;
    padding: 0 5px
}

footer .footer .social-icons ul li a {
    color: #7f7f7f;
    text-decoration: none
}

footer .logo img {
    width: 220px
}

footer .footer-des {
    margin-top: 1em
}

footer .footer-des p {
    font-size: .8em;
    text-align: justify
}

footer .footer-des p:last-child {
    margin-bottom: 0
}

footer .footer-des .iso-section {
    align-items: flex-start;
    display: flex
}

footer .footer-des .iso-section .img-svg {
    width: 85px
}

footer .navs {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-top: 22px
}

footer .navs .nav {
    display: block
}

footer .navs .nav .title {
    margin-bottom: 1em
}

footer .navs .nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

footer .navs .nav ul li a {
    color: #7f7f7f;
    display: inline-block;
    font-size: .8em;
    text-decoration: none
}

footer .bottom-footer .copy-msg {
    color: #7f7f7f;
    font-size: .85em
}

footer .bottom-footer {
    align-items: center;
    border-top: 1px solid #aaa;
    display: flex;
    justify-content: space-between;
    padding: 2em 0
}

footer .bottom-footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}

footer .bottom-footer ul li {
    display: inline-block
}

footer .bottom-footer ul li a {
    align-items: center;
    color: #7f7f7f;
    display: inline-flex;
    font-size: .8em;
    text-decoration: none
}

footer .bottom-footer ul li a:after {
    background-color: #aaa;
    content: "";
    display: inline-block;
    height: 14px;
    margin-left: 8px;
    margin-right: 5px;
    margin-top: -2px;
    width: 1px
}

footer .bottom-footer ul li:last-child a:after {
    display: none
}

@media screen and (max-width:991px) {
    footer .footer-des {
        margin-bottom: 3em;
        max-width: 580px
    }

    footer .navs {
        margin-top: 0
    }
}

@media screen and (max-width:767px) {
    footer .bottom-footer {
        display: block;
        text-align: center
    }

    footer .bottom-footer .copy-msg {
        margin-bottom: 1em
    }
}

@media screen and (max-width:646px) {
    footer .footer {
        padding-bottom: .8em
    }

    footer .navs {
        flex-wrap: wrap
    }

    footer .navs .nav {
        flex: none;
        margin-bottom: 1.8em;
        width: 50%
    }
}

.our-project-hero-sec {
    padding-bottom: 5em;
    padding-top: 6em
}

.our-project-hero-sec>div {
    position: relative
}

.our-project-hero-sec .bg-img {
    margin-left: auto;
    width: 62vw
}

.our-project-hero-sec .bg-img img {
    width: 100%
}

.our-project-hero-sec .company-status {
    background-color: hsla(0, 0%, 100%, .8);
    display: inline-flex;
    left: 0;
    padding: .4em 1.4em;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

.our-project-hero-sec .company-status:before {
    background-color: var(--secondary-color);
    content: "";
    display: block;
    height: calc(100% - 3em);
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .1em;
    z-index: 1
}

.our-project-hero-sec .company-status .status {
    padding: 2em;
    text-align: center
}

.our-project-hero-sec .company-status .status span {
    display: block
}

.our-project-hero-sec .company-status .status .count {
    color: var(--primary-color);
    font-size: 2em
}

.our-project-hero-sec .company-status .status .title {
    color: #333;
    font-size: .75em
}

@media screen and (max-width:767px) {
    .our-project-hero-sec {
        padding-bottom: 6em;
        padding-top: 5em
    }

    .our-project-hero-sec .bg-img {
        width: 100%
    }

    .our-project-hero-sec .bg-img img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

    .our-project-hero-sec .company-status {
        display: flex;
        justify-content: space-between;
        position: relative;
        top: 0;
        transform: translateY(0);
        width: 100%
    }
}

@media screen and (max-width:640px) {
    .our-project-hero-sec .company-status {
        flex-wrap: wrap;
        padding: 1.2em 2em
    }

    .our-project-hero-sec .company-status:before {
        height: calc(100% - 6em)
    }

    .our-project-hero-sec .company-status>div {
        flex: none;
        width: 50%
    }

    .our-project-hero-sec .company-status .status {
        padding: 1.2em 2em;
        text-align: left
    }
}

@media screen and (max-width:575px) {
    .our-project-hero-sec {
        padding-bottom: 4em;
        padding-top: 4em
    }

    .our-project-hero-sec .bg-img {
        aspect-ratio: 2/1.6;
        width: 100%
    }

    .our-project-hero-sec .company-status {
        font-size: .85em;
        margin-bottom: .65em
    }

    .our-project-hero-sec .company-status .status {
        padding: 1.2em 1em
    }
}

.our-project-sec {
    padding-bottom: 5em
}

.our-project-sec>div {
    background-color: #f1e5d9
}

.our-project-sec .heading-box {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 0 2.2em
}

.our-project-sec .sec-heading {
    font-size: .92em
}

.our-project-sec .sec-heading,
.our-project-sec .sec-heading p {
    margin-bottom: 0
}

.our-project-sec .pro-des-box {
    padding-bottom: 2em;
    padding-right: .8em
}

.our-project-sec .pro-des {
    background-color: #e2cdb8;
    font-size: .8em;
    padding: 1.6em
}

.our-project-sec .pro-img {
    display: block;
    text-decoration: none
}

.our-project-sec .pro-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.our-project-sec .main-img .pro-img {
    aspect-ratio: 2/1.25;
    padding-right: .8em;
    width: 100%
}

.our-project-sec .side-nav .pro-img:not(:last-child) {
    padding-bottom: .8em
}

.our-project-sec .side-nav .pro-img {
    aspect-ratio: 2/1.25;
    width: 100%
}

.our-project-sec .slider-nav ul {
    list-style: none;
    margin: 0;
    padding: .5em .8em;
    text-align: center
}

.our-project-sec .slider-nav ul li {
    display: inline-block
}

.our-project-sec .slider-nav ul li button {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: var(--primary-color);
    display: inline-block;
    font-size: .85em;
    margin: 0 .4em;
    outline: none;
    padding: .4em
}

.our-project-sec.red-dot>div {
    background-color: #e9e9e9
}

.our-project-sec.red-dot .pro-des {
    background-color: #dbdcdd
}

.our-project-sec.asco-jvc>div {
    background-color: #f0ecea
}

.our-project-sec.asco-jvc .pro-des {
    background-color: #e8e0dd
}

@media screen and (min-width:768px) {
    .our-project-sec .justify-content-end {
        padding-right: 1em
    }

    .our-project-sec .justify-content-end .heading-box {
        padding-left: .8em
    }

    .our-project-sec .justify-content-end .main-img .pro-img,
    .our-project-sec .justify-content-end .pro-des-box {
        padding-left: .8em;
        padding-right: 0
    }

    .our-project-sec.glass {
        padding-right: 0
    }

    .our-project-sec.red-dot {
        padding-left: 0
    }

    .our-project-sec.asco-jvc>div {
        padding-right: 1em
    }
}

@media screen and (max-width:767px) {
    .our-project-sec>div {
        padding: 0 .8em
    }

    .our-project-sec .heading-box {
        justify-content: center;
        padding: 2.6em 1em 2.2em
    }

    .our-project-sec .pro-des-box {
        padding: 0
    }

    .our-project-sec .pro-des {
        font-size: .85em;
        margin-bottom: 2em;
        padding: 2em
    }

    .our-project-sec .main-img .pro-img {
        padding-right: 0
    }

    .our-project-sec .side-nav {
        display: flex;
        margin: .8em -.4em 0
    }

    .our-project-sec .side-nav .pro-img {
        padding: 0 .4em !important
    }

    .our-project-sec .slider-nav ul {
        padding: 1.5em .8em 1.2em
    }

    .our-project-sec .slider-nav ul li button {
        font-size: 1em
    }
}

@media screen and (max-width:575px) {
    .our-project-sec {
        padding-bottom: 4em
    }

    .our-project-sec .slider-nav ul li button {
        font-size: 1em
    }
}

.review-sec {
    background-color: #fff;
    padding-bottom: 5em;
    padding-top: 5em
}

.review-sec .review-card-2 .img {
    margin-right: .5em;
    width: 5em
}

.review-sec .sec-heading {
    border-bottom: 2px solid #ccc;
    font-size: .92em;
    margin-bottom: 4em;
    padding-bottom: 3em
}

.review-sec .review-card {
    padding-left: 4em
}

.review-sec .review-card .review-info {
    align-items: flex-start;
    display: flex
}

.review-sec .review-card .review-info .rating {
    font-family: var(--LufgaLight);
    font-size: 3em;
    line-height: 1;
    margin-right: .5em
}

.review-sec .review-card .review-info .info .name {
    color: #333;
    font-size: .82em;
    font-weight: 500;
    margin-bottom: .3em
}

.review-sec .review-card .review-info .info .pro {
    color: #999;
    font-size: .65em;
    margin-bottom: .3em
}

.review-sec .review-card .review-info .info .stars {
    color: #cd8f5c;
    font-size: .6em
}

.review-sec .review-card .comment {
    color: #7f7f7f;
    font-size: .8em;
    line-height: 1.85;
    margin-top: 2.4em
}

.review-sec .review-card .review-info .rating .img img {
    display: inline;
    flex: none;
    height: auto;
    max-height: 50px;
    max-width: 100px;
    width: auto
}

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

    .review-sec .review-card,
    .review-sec .sec-heading {
        padding-left: 0
    }
}

@media screen and (max-width:575px) {
    .review-sec {
        padding-bottom: 4em;
        padding-top: 4em
    }
}

.our-clients-sec {
    padding-left: 9em;
    padding-right: 9em
}

.our-clients-sec .client-img {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
    max-height: 100px;
    max-width: 100px;
    padding: 20px 0;
    width: 100%
}

.our-clients-sec .client-img img {
    max-height: 100%;
    max-width: 100%
}

.our-clients-sec .owl-carousel .client-img {
    align-items: center;
    aspect-ratio: 2/1;
    display: flex;
    justify-content: center;
    padding: 1em .6em;
    width: 100%
}

.our-clients-sec .owl-carousel .client-img img {
    display: inline;
    flex: none;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
}

.our-clients-sec .our-clients-cover {
    background-color: var(--bg-color);
    padding-top: 2em;
    position: relative;
    top: -3.4em
}

@media screen and (max-width:767px) {
    .our-clients-sec {
        padding-left: 6em;
        padding-right: 6em
    }
}

@media screen and (max-width:575px) {
    .our-clients-sec {
        padding: 2em
    }

    .our-clients-sec .our-clients-cover {
        padding-top: 0
    }
}

.products-sec {
    padding-bottom: 3em;
    padding-top: 3em
}

.products-sec .load-more {
    margin-top: 2em;
    text-align: center
}

.product-filter {
    background-color: #fff;
    margin-top: 1rem;
    padding: 2em
}

.product-filter .drop-down-btn {
    align-items: center;
    background-color: rgba(205, 143, 92, .2);
    display: flex;
    font-size: .85em;
    justify-content: space-between;
    padding: .6em 1em
}

.product-filter .drop-down-btn button {
    background-color: transparent;
    border: none;
    box-shadow: none;
    display: inline-block;
    margin-bottom: -.3em;
    outline: none;
    padding: 0 .3em;
    text-decoration: none;
    transition: .3s
}

.product-filter .drop-down-btn button.active {
    transform: rotate(-180deg)
}

.product-filter ul {
    margin: 0 0 2.4em;
    padding: 0
}

.product-filter ul li {
    display: block
}

.product-filter ul li>div:not(.sub-menu) {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: .25em;
    padding: .4em 1em
}

.product-filter ul li>div:not(.sub-menu).active {
    background-color: rgba(205, 143, 92, .2)
}

.product-filter ul li a {
    color: #3a3a3a;
    font-size: .92em;
    text-decoration: none
}

.product-filter ul li a.active {
    font-weight: 600
}

.product-filter ul li span {
    cursor: pointer;
    display: inline-block;
    font-size: .75em;
    margin-right: -.3em;
    padding: 0 .3em;
    transition: .3s
}

.product-filter ul li span.active {
    transform: rotate(-180deg)
}

.product-filter ul li>.sub-menu {
    background-color: var(--bg-color);
    display: none;
    margin-bottom: .4em;
    padding: .4em 0
}

.product-filter ul li>.sub-menu.active {
    display: block
}

.product-filter ul li>.sub-menu ul {
    margin: .2em 0
}

.product-filter ul li>.sub-menu li {
    padding: .4em 1em
}

.product-filter .download {
    align-items: center;
    color: #000;
    display: flex;
    font-size: .85em;
    justify-content: space-between;
    margin-bottom: 1.4em;
    padding: .8em 1em;
    text-decoration: none
}

.product-filter .download-1 {
    background-color: #000;
    color: #fff
}

.product-filter .download-2 {
    background-color: #a6a6a6;
    color: #fff
}

.product-filter .download-2:hover {
    background-color: var(--primary-color);
    color: #fff
}

.product-filter .download-3 {
    background-color: hsla(0, 0%, 65%, .48);
    color: rgba(0, 0, 0, .39);
    font-weight: 600;
    margin-bottom: 0
}

.btn-2 {
    border: 1px solid #3a3a3a;
    color: var(--secondary-color);
    display: inline-block;
    font-size: .85em;
    margin-bottom: 1em;
    padding: .6em 1.8em .5em;
    text-decoration: none
}

@media screen and (max-width:767px) {
    .product-filter {
        margin-top: -1rem
    }

    .product-filter ul li>div:not(.sub-menu).active {
        background-color: transparent
    }

    .product-filter .in-mobile {
        display: none;
        margin-top: 1em
    }
}

@media screen and (max-width:575px) {
    .product-filter {
        padding: 1.2em
    }

    .products-sec .products-padding {
        margin: 0 -.4em
    }

    .products-sec .products-padding>div {
        padding: 0 .4em
    }
}

.grid {
    --bs-gap: .25rem 1rem;
    display: grid;
    gap: var(--bs-gap, 1.5rem);
    grid-template-columns: repeat(var(--bs-columns, 12), 1fr);
    grid-template-rows: repeat(var(--bs-rows, 1), 1fr)
}

.g-col-6 {
    grid-column: auto/span 6
}

.breadcrumbs-sec ul {
    list-style: none;
    margin: 0 0 1em;
    padding: 0
}

.breadcrumbs-sec ul li {
    color: #999;
    display: inline-block;
    font-size: .8em
}

.breadcrumbs-sec ul li a {
    color: inherit;
    display: inline-block;
    font-size: inherit;
    text-decoration: none
}

.breadcrumbs-sec ul li:not(.active):after {
    content: "\f105";
    display: inline-block;
    font-family: Font Awesome\ 5 Pro;
    margin: 0 .4em
}

.breadcrumbs-sec ul li.active {
    color: var(--secondary-color)
}

.products-detail-sec {
    padding-bottom: 5em;
    padding-top: 5em
}

.products-detail-sec .main-img img {
    width: 100%
}

.products-detail-sec .slider-nav {
    -moz-column-count: 4;
    column-count: 4;
    -moz-column-gap: .8em;
    column-gap: .8em;
    margin-top: .8em
}

.products-detail-sec .slider-nav .img img {
    width: 100%
}

.products-detail-sec .product-name {
    color: var(--primary-color);
    font-size: 1.6em;
    line-height: 1.4;
    margin-bottom: .4em
}

.products-detail-sec .rating {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin-bottom: .85em
}

.products-detail-sec .rating .stars {
    color: var(--secondary-color);
    font-size: .72em;
    margin-right: .8em
}

.products-detail-sec .rating .review {
    font-size: .85em
}

.products-detail-sec .product-des {
    font-size: .85em;
    margin-bottom: 3em
}

.products-detail-sec .tag-flex {
    align-items: center;
    display: flex;
    margin-bottom: 2.2em
}

.products-detail-sec .pro-tag {
    color: #7f7f7f;
    flex: none;
    font-size: .8em
}

.products-detail-sec .size .btns button {
    background-color: transparent;
    border: 1px solid #aaa;
    box-shadow: none;
    color: #aaa;
    display: inline-block;
    font-size: .72em;
    margin-right: .6em;
    outline: none;
    padding: .65em 1.4em;
    text-decoration: none;
    width: 15em
}

.products-detail-sec .size .btns button.active {
    border-color: var(--primary-color);
    color: var(--primary-color)
}

.products-detail-sec .pattern .btns button {
    background-color: transparent;
    border: none;
    box-shadow: none;
    display: inline-block;
    height: 3.65em;
    margin-right: .2em;
    outline: none;
    padding: .4em;
    text-decoration: none;
    width: 3.65em
}

.products-detail-sec .pattern .btns button.active {
    border: 1px solid var(--primary-color)
}

.products-detail-sec .pattern .btns button img,
.products-detail-sec .pattern .btns button span {
    display: block;
    height: 100%;
    width: 100%
}

.products-detail-sec .quantity .btns {
    width: 100%
}

.products-detail-sec .quantity .btns>* {
    display: inline-block;
    height: 3.6em;
    margin-right: 1em
}

.products-detail-sec .quantity .quant-btn {
    display: inline-flex;
    height: 2.8em;
    transform: translateY(2px);
    width: 4em
}

.products-detail-sec .quantity .quant-btn input {
    background-color: #e9e9e9;
    border: none;
    box-shadow: none;
    color: var(--primary-color);
    display: block;
    flex: none;
    font-weight: 500;
    outline: none;
    text-align: center;
    width: 70%
}

.products-detail-sec .quantity .quant-btn .inc-dec-btns {
    display: flex;
    flex: none;
    flex-direction: column;
    width: 30%
}

.products-detail-sec .quantity .quant-btn button {
    background-color: transparent;
    border: none;
    box-shadow: none;
    display: block;
    flex: none;
    font-size: .65em;
    height: 50%;
    outline: none;
    text-decoration: none;
    width: 100%
}

.products-detail-sec .quantity .quant-btn button.increase-btn {
    background-color: #1b1d3d;
    color: #fff
}

.products-detail-sec .quantity .quant-btn button.decrease-btn {
    background-color: #b9b9c1;
    color: #1b1d3d
}

.products-detail-sec .quantity .add-cart-btn {
    align-items: center;
    background-color: var(--secondary-color);
    border: none;
    box-shadow: none;
    color: #fff;
    display: inline-flex;
    font-size: .8em;
    outline: none;
    padding: .85em 1.6em;
    text-decoration: none
}

.products-detail-sec .quantity .add-cart-btn i {
    display: inline-block;
    font-size: .8em;
    margin-left: .4em
}

.products-detail-sec .quantity .add-cart-btn.mobile,
.products-detail-sec .quantity .get-quote.mobile {
    display: flex;
    justify-content: center;
    width: 50%
}

.products-detail-sec .quantity .get-quote {
    align-items: center;
    background-color: var(--primary-color);
    border: none;
    border: 1px solid var(--primary-color);
    box-shadow: none;
    color: #fff;
    display: inline-flex;
    font-size: .8em;
    justify-content: center;
    max-width: 16em;
    outline: none;
    padding: .8em 1.2em;
    text-decoration: none;
    transition: .3s
}

.products-detail-sec .quantity .get-quote:hover {
    background-color: #fff;
    color: var(--primary-color)
}

.products-detail-sec .navs .nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.products-detail-sec .navs .nav ul li a {
    color: #7f7f7f;
    display: inline-block;
    font-size: .8em;
    text-decoration: none
}

.product-desc-review .nav ul {
    border-bottom: 2px solid #ccc;
    list-style: none;
    margin: 5em 0 2.6em;
    padding: 0;
    width: 100%
}

.product-desc-review .nav ul li {
    display: inline-block
}

.product-desc-review .nav ul li button {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #7f7f7f;
    display: inline-block;
    font-size: 1.2em;
    margin-bottom: -2px;
    margin-right: 1.6em;
    outline: none;
    padding: .65em 0;
    text-decoration: none
}

.product-desc-review .nav ul li button.active {
    color: #000
}

.product-desc-review .nav ul li button.active:after {
    background-color: var(--secondary-color);
    content: "";
    display: block;
    height: 2px;
    transform: translateY(.68em);
    width: 2.2em
}

.product-desc-review .pro-content-box>div {
    display: none
}

.product-desc-review .pro-content-box>div.active {
    display: block
}

.product-desc-review .description {
    font-size: .8em
}

.product-desc-review .review-box {
    margin-top: 2em
}

.owl-theme .owl-dots .owl-dot span,
.review-sec .owl-theme .owl-dots .owl-dot span {
    border-radius: 0 !important
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.review-sec .owl-theme .owl-dots .owl-dot.active span,
.review-sec .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--primary-color) !important
}

.review-card-2 {
    margin-bottom: 4em
}

.review-card-2>div:not(.mobile) {
    align-items: flex-start;
    display: flex
}

.review-card-2 .img {
    margin-right: 2em;
    width: 13em
}

.review-card-2 .img img {
    width: 100%
}

.review-card-2 .info-box {
    display: flex;
    margin-bottom: .2em
}

.review-card-2 .info-box .rating {
    font-family: var(--LufgaLight);
    font-size: 3em;
    line-height: 1;
    margin-bottom: 0;
    margin-right: .3em
}

.review-card-2 .info-box .info .date {
    color: #aaa;
    font-size: .68em;
    margin-bottom: .3em
}

.review-card-2 .info-box .info .name {
    color: #555;
    font-size: .92em
}

.review-card-2 .stars i {
    color: var(--secondary-color);
    display: inline-block;
    font-size: .65em;
    margin: 0 .1em
}

.review-card-2 .comment {
    font-size: .8em;
    margin-top: .8em
}

.review-card-2 .comment.mobile {
    display: none
}

.review-form .title {
    font-size: 1.2em;
    margin-bottom: .72em
}

.review-form .title:after {
    background-color: #aaa;
    content: "";
    display: block;
    height: 2px;
    width: 5em
}

.review-form .tag-line {
    font-size: .8em;
    margin-bottom: 3em
}

.review-form .label {
    font-size: .92em;
    margin-bottom: .6em
}

.review-form .rating {
    margin-bottom: 1.5em
}

.review-form .rating button {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: var(--secondary-color);
    display: inline-block;
    font-size: 1em;
    margin-right: .6em;
    outline: none;
    text-decoration: none
}

.review-form .rating button i.far {
    color: #7f7f7f
}

.review-form .input-field {
    margin-bottom: 1em
}

.review-form .input-field input,
.review-form .input-field textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    display: block;
    font-size: .85em;
    outline: none;
    padding: .8em 0;
    width: 100%
}

.review-form .input-field input::-moz-placeholder,
.review-form .input-field textarea::-moz-placeholder {
    color: #aaa
}

.review-form .input-field input::placeholder,
.review-form .input-field textarea::placeholder {
    color: #aaa
}

.review-form .input-field.submit {
    margin-top: 2.4em
}

.review-form .input-field.submit button {
    background-color: var(--primary-color);
    border: none;
    box-shadow: none;
    color: #fff;
    font-size: .82em;
    outline: none;
    padding: .8em 2.4em;
    text-decoration: none
}

@media screen and (max-width:991px) {
    .breadcrumbs-sec {
        display: none
    }

    .products-detail-sec .product-name {
        margin-top: 1.8em
    }

    .product-desc-review .nav ul {
        margin-top: 3em
    }

    .review-card-2 .img {
        margin-right: 1em;
        width: 4.5em
    }

    .review-card-2 .comment {
        display: none
    }

    .review-card-2 .comment.mobile {
        display: block
    }
}

@media screen and (max-width:767px) {
    .products-detail-sec .quantity .get-quote {
        max-width: 14em
    }
}

@media screen and (max-width:575px) {
    .products-detail-sec {
        padding-bottom: 3em;
        padding-top: 3em
    }

    .products-detail-sec .size .btns button {
        font-size: .65em;
        margin: .4em
    }

    .products-detail-sec .quantity .btns .add-cart-btn,
    .products-detail-sec .quantity .btns .get-quote {
        display: none
    }

    .products-detail-sec .quantity .add-cart-btn,
    .products-detail-sec .quantity .get-quote {
        height: 4em
    }

    .products-detail-sec .quantity {
        display: flex;
        justify-content: space-between
    }

    .review-card-2 {
        margin-bottom: 2em
    }

    .product-desc-review .nav ul {
        margin-bottom: 1.4em
    }
}

.related-products-sec {
    padding-bottom: 5em
}

.related-products-sec .sec-heading {
    text-align: center
}

.related-products-sec .sec-heading .h2:after {
    margin: 0 auto
}

@media screen and (max-width:575px) {
    .related-products-sec {
        padding-bottom: 3em
    }
}

.blogs-sec-area {
    padding-bottom: 5em;
    padding-top: 5em
}

.blogs-sec-area .other-blogs {
    padding-top: 3em
}

.blog-aside {
    background-color: #fff
}

.blog-aside .content-box {
    padding: 3em 4em
}

.blog-aside .content-box .title {
    color: var(--primary-color);
    font-size: 1.4em;
    margin-bottom: .6em
}

.blog-aside .content-box .title:after {
    background-color: #aaa;
    content: "";
    display: block;
    height: 2px;
    transform: translateY(-.2em);
    width: 2em
}

.blog-aside .content-box ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.blog-aside .content-box ul a {
    color: #3a3a3a;
    display: inline-block;
    font-size: .85em;
    text-decoration: none
}

.blog-aside .content-box ul.cate {
    margin-bottom: 2em
}

@media screen and (min-width:768px) {
    .blogs-sec-area {
        padding-right: 0
    }
}

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

    .blog-aside,
    .blogs-sec-area .other-blogs {
        padding-right: 0
    }

    .blog-aside {
        margin-bottom: 5em
    }
}

@media screen and (max-width:575px) {
    .blogs-sec-area {
        padding-bottom: 3em;
        padding-top: 3em
    }

    .blogs-sec-area .other-blogs {
        padding-top: 1em
    }

    .blog-aside {
        margin-bottom: 3em
    }
}

.blog-detail-sec {
    padding-bottom: 5em;
    padding-top: 5em
}

.blog-detail-sec .blog-detail .blog-img {
    margin-bottom: 1.2em;
    position: relative
}

.blog-detail-sec .blog-detail .blog-img img {
    width: 100%
}

.blog-detail-sec .blog-detail .blog-img .time {
    background-color: var(--bg-color);
    color: #000;
    font-size: .88em;
    left: 0;
    padding: .3em .85em;
    position: absolute;
    top: 0;
    z-index: 1
}

.blog-detail-sec .blog-detail .info a {
    align-items: center;
    color: #7f7f7f;
    display: inline-flex;
    font-size: .85em;
    text-decoration: none
}

.blog-detail-sec .blog-detail .info a:not(:last-child):after {
    background-color: #aaa;
    content: "";
    display: inline-block;
    height: 14px;
    margin-left: 8px;
    margin-right: 3px;
    margin-top: -2px;
    width: 2px
}

.blog-detail-sec .blog-detail .title {
    color: var(--primary-color);
    font-family: var(--LufgaRegular);
    font-size: 1.6em;
    margin-top: 1em
}

.blog-detail-sec .blog-detail .blog-share {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-top: 1.4em
}

.blog-detail-sec .blog-detail .blog-share .share span,
.blog-detail-sec .blog-detail .blog-share .tags a {
    color: #7f7f7f;
    display: inline-block;
    font-size: .8em;
    margin-right: .2em
}

.blog-detail-sec .blog-detail .blog-share .share a {
    color: var(--primary-color);
    display: inline-block;
    font-size: .8em;
    margin-left: .4em;
    padding: .2em;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .blog-detail-sec {
        padding-right: 0
    }
}

@media screen and (max-width:575px) {
    .blog-detail-sec {
        padding-bottom: 4em;
        padding-top: 3em
    }

    .blog-detail-sec .blog-detail .title {
        font-size: 1.4em
    }

    .blog-detail-sec .blog-detail .blog-share {
        display: block
    }

    .blog-detail-sec .blog-detail .blog-share .share {
        margin-top: 1em
    }
}

.related-blog-sec {
    padding-bottom: 5em
}

@media screen and (max-width:575px) {
    .related-blog-sec {
        padding-bottom: 3em
    }
}

.cart-product-empty {
    height: 250px;
    margin-bottom: 50px;
    position: relative
}

.cart-product-empty .label {
    color: #7b7b7b;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.cart-product-box {
    margin-bottom: 50px;
    position: relative
}

.cart-product-box .cross-btn {
    left: 50%;
    position: absolute;
    top: -10px;
    transform: translateY(-50%)
}

@media screen and (min-width:576px) {
    .cart-product-box .cross-btn {
        left: 100%;
        position: absolute;
        top: -10px
    }
}

.cart-product-box .cross-btn [type=button] {
    background-color: #bbb;
    border: none;
    border-radius: 50px;
    color: #fff;
    font-size: 10px;
    height: 20px;
    width: 20px
}

.cart-product-box .cart-product-image {
    height: 250px;
    max-width: 250px
}

.cart-product-box .cart-product-image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.cart-products {
    height: 250px;
    position: relative
}

.cart-products>div {
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.cart-products h2 a {
    color: #1b1d3d;
    font-family: var(--LufgaRegular);
    font-size: 26px;
    text-decoration: none;
    text-transform: lowercase
}

.cart-products .row .label {
    color: #000;
    font-family: var(--LufgaRegular);
    font-size: 14px;
    padding: 5px 0
}

@media (min-width:576px) {
    .cart-products .row .value {
        padding: 5px 0
    }
}

.cart-products .row .value {
    color: #787878;
    font-size: 12px;
    padding: 0 0 5px
}

.cart-products .row .value div,
.cart-products .row .value img {
    height: 18px;
    width: 18px
}

.cart-btn-box {
    border: 1px solid #cd8f5c;
    height: 250px;
    padding: 1em;
    position: relative
}

.cart-btn-box .inner {
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.cart-btn-box .inner .label {
    color: #9f9f9f;
    font-size: 14px
}

.cart-btn-box .inner .item-count {
    color: #1b1d3d;
    font-family: var(--LufgaRegular);
    font-size: 24px
}

.container-place-my-order [type=button] {
    background-color: var(--secondary-color);
    border: none;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-size: .6em;
    margin-top: 2em;
    outline: none;
    padding: 1em 2.4em;
    text-decoration: none
}

.container-place-my-order [type=button]:disabled {
    opacity: .5
}

.cart-sec {
    padding-bottom: 3em;
    padding-top: 3em
}

.cart-sec .sec-heading {
    display: none;
    margin-bottom: 2.2em
}

.cart-sec .inner-box {
    padding: 0 8em
}

.resume-order-btn {
    background-color: var(--secondary-color);
    border: none;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-size: .8em;
    margin: 3.8em auto 0;
    outline: none;
    padding: 1em 2.4em;
    text-decoration: none
}

.resume-order-btn:hover {
    color: #fff
}

.resume-order-btn i {
    display: inline-block;
    margin-left: .4em;
    position: relative;
    top: 1px
}

@media screen and (max-width:991px) {
    .cart-sec .inner-box {
        padding: 0
    }
}

.get-quote-sec {
    padding-bottom: 5em;
    padding-top: 5em
}

.get-quote-sec .pro-img {
    aspect-ratio: 2/1.4;
    width: 100%
}

.get-quote-sec .pro-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.get-quote-form .title {
    color: var(--primary-color);
    font-size: 1.6em;
    margin-bottom: .8em
}

.get-quote-form .pro-info {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1em;
    text-align: left
}

.get-quote-form .pro-info>div {
    margin-bottom: 1.4em;
    margin-right: 2.8em
}

.get-quote-form .pro-info .tag {
    font-size: .92em;
    margin-bottom: .4em
}

.get-quote-form .pro-info .info {
    color: #aaa;
    font-size: .72em
}

.get-quote-form .pro-info .pattern {
    height: 2em;
    width: 2em
}

.get-quote-form .pro-info .pattern img {
    height: 100%;
    width: 100%
}

.get-quote-form .input-field {
    margin-bottom: 1em
}

.get-quote-form .input-field input,
.get-quote-form .input-field textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    display: block;
    font-size: .8em;
    outline: none;
    padding: .8em 0;
    width: 100%
}

.get-quote-form .input-field input::-moz-placeholder,
.get-quote-form .input-field textarea::-moz-placeholder {
    color: #aaa
}

.get-quote-form .input-field input::placeholder,
.get-quote-form .input-field textarea::placeholder {
    color: #aaa
}

.get-quote-form .input-field.submit {
    margin: 1.6em 0 0
}

.get-quote-form .input-field.submit button {
    background-color: var(--secondary-color);
    border: none;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-size: .85em;
    outline: none;
    padding: .72em 2em;
    text-decoration: none
}

@media screen and (max-width:767px) {
    .get-quote-sec .pro-img {
        margin-bottom: 3em
    }

    .get-quote-form .pro-info {
        margin-bottom: 0
    }
}

@media screen and (max-width:575px) {
    .get-quote-sec {
        padding-bottom: 3em;
        padding-top: 3em
    }
}

.contact-form-sec {
    padding-bottom: 5em;
    padding-top: 5em
}

.contact-form-sec .sec-heading {
    margin-bottom: 1.8em
}

.contact-form .input-field {
    margin-bottom: 1em
}

.contact-form .input-field .field-title {
    font-size: .96em;
    margin-bottom: .8em;
    margin-top: .4em
}

.contact-form .input-field input,
.contact-form .input-field textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    display: block;
    font-size: .8em;
    outline: none;
    padding: .8em 0;
    width: 100%
}

.contact-form .input-field input::-moz-placeholder,
.contact-form .input-field textarea::-moz-placeholder {
    color: #aaa
}

.contact-form .input-field input::placeholder,
.contact-form .input-field textarea::placeholder {
    color: #aaa
}

.contact-form .input-field .option-tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: -.6em
}

.contact-form .input-field .option-tags label {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-right: .92em;
    margin-top: .92em
}

.contact-form .input-field .option-tags label input {
    display: none
}

.contact-form .input-field .option-tags label span {
    align-items: center;
    display: inline-flex;
    font-size: .8em;
    white-space: nowrap
}

.contact-form .input-field .option-tags label span:before {
    align-items: center;
    border: 1px solid #ccc;
    content: "";
    display: flex;
    flex: none;
    font-size: .8em;
    height: 14px;
    justify-content: center;
    margin-right: .5em;
    padding-top: .1em;
    position: relative;
    top: -1px;
    width: 14px
}

.contact-form .input-field .option-tags label input[type=checkbox]:checked~span:before {
    background-color: #1b1d3d;
    border-color: transparent;
    color: #fff;
    content: "\f00c";
    font-family: Font Awesome\ 5 Pro
}

.contact-form .input-field.submit {
    margin-bottom: 0;
    margin-top: 1.2em
}

.contact-form .input-field.submit button {
    background-color: var(--primary-color);
    border: none;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-size: .8em;
    outline: none;
    padding: 1em 2.4em;
    text-decoration: none
}

@media screen and (max-width:575px) {
    .contact-form-sec {
        padding-bottom: 4em;
        padding-top: 4em
    }
}

.contact-address-sec {
    background-color: #fff;
    padding-bottom: 3.2em;
    padding-top: 5em
}

.contact-address-sec .sec-heading {
    margin-bottom: 3.4em
}

.contact-address-sec .quick-contact-info ul {
    list-style: none;
    margin: 0 0 2em;
    padding: 0
}

.contact-address-sec .quick-contact-info ul li {
    display: inline-block;
    font-size: 1.2em;
    margin-right: 2em
}

.contact-address-sec .quick-contact-info ul li span {
    display: block;
    font-size: .92em
}

.contact-address-sec .quick-contact-info ul li a {
    color: #7f7f7f;
    display: inline-block;
    font-size: .8em;
    text-decoration: none
}

.contact-address-sec .address-box>div>* {
    padding-right: 1.5em
}

.address-card {
    font-size: 1.2em;
    margin-bottom: 2.2em
}

.address-card .name {
    color: var(--secondary-color);
    font-size: 1em;
    margin-bottom: .4em
}

.address-card address {
    color: #7f7f7f;
    font-size: .8em;
    margin-bottom: .4em
}

.address-card .number {
    align-items: center;
    display: flex;
    font-size: .85em
}

.address-card .number a,
.address-card .number span {
    color: #7f7f7f;
    display: inline-flex;
    flex: none;
    margin-right: .4em;
    text-decoration: none
}

.address-card .number a:hover {
    color: var(--primary-color)
}

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

    .contact-address-sec .address-box>div:nth-child(3n)>*,
    .contact-address-sec .address-box>div:nth-child(3n+1)>*,
    .contact-address-sec .address-box>div>* {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width:575px) {
    .contact-address-sec {
        padding-bottom: 3em;
        padding-top: 3em
    }
}

.contact-map-section {
    margin-bottom: -8px
}

.contact-location-sec {
    background-color: rgba(205, 143, 92, .2);
    padding-bottom: 3em;
    padding-top: 5em
}

.location-card {
    display: block;
    margin-bottom: 2.2em;
    padding: 0 .4em;
    text-decoration: none
}

.location-card .img {
    aspect-ratio: 2/1.2;
    width: 100%
}

.location-card .img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.location-card .location {
    align-items: center;
    background-color: #fff;
    color: #333;
    display: flex;
    font-size: .85em;
    justify-content: space-between;
    padding: 1.2em 1.2em 1em
}

.location-card .location .icon {
    align-items: center;
    border: 1px solid #333;
    display: flex;
    flex: none;
    height: 1.4em;
    justify-content: center;
    width: 1.4em
}

@media screen and (max-width:991px) {
    .contact-location-sec .sec-heading {
        padding-right: 0
    }

    .location-card {
        margin-bottom: 1.6em;
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .contact-location-sec .sec-heading {
        margin-bottom: 2.8em
    }
}

.solution-sec {
    padding-bottom: 5em;
    padding-top: 5em
}

.solution-sec .inner-box {
    position: relative
}

.solution-sec .inner-box .img-box {
    aspect-ratio: 1/1;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20%;
    z-index: 1
}

.solution-sec .inner-box .img-box img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.solution-sec .content-box {
    background-color: #fff;
    margin-left: auto;
    width: 85%
}

.solution-sec .content-box .content {
    padding: 6em 0 6em 8em
}

.solution-sec .content-box .content .des {
    font-size: .85em;
    line-height: 1.6
}

.solution-sec .content-box .content .des p:last-child {
    margin: 0
}

@media screen and (min-width:768px) {
    .solution-sec {
        padding-right: 0
    }
}

@media screen and (max-width:991px) {
    .solution-sec .inner-box .img-box {
        width: 25%
    }

    .solution-sec .content-box .content {
        padding: 5em 0 5em 8em
    }
}

@media screen and (max-width:767px) {
    .solution-sec .inner-box .img-box {
        left: 0;
        margin: 0 auto -6em;
        max-width: 320px;
        position: relative;
        top: 0;
        transform: translateY(0);
        width: 80%
    }

    .solution-sec .content-box {
        padding: 10em 5em 5em;
        width: 100%
    }

    .solution-sec .content-box .content {
        padding: 0
    }
}

@media screen and (max-width:575px) {
    .solution-sec {
        padding: 5em 0 4em
    }

    .solution-sec .content-box {
        padding-bottom: 4em;
        padding-left: 1.4em;
        padding-right: 1.4em
    }

    .solution-sec .content-box .content .des p {
        text-align: justify
    }
}

.solution-sec-2 {
    padding-bottom: 5em;
    padding-top: 4em
}

.solution-sec-2 .inner-box {
    background-color: var(--primary-color)
}

.solution-sec-2 .img {
    aspect-ratio: 2/1.6;
    position: relative;
    top: -40px;
    width: 100%
}

.solution-sec-2 .img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    width: 100%
}

.solution-sec-2 .sec-heading {
    margin-bottom: 2.2em
}

.solution-sec-2 .sec-heading .h2 {
    color: #cdcdcd;
    font-size: 1.4em
}

.solution-sec-2 .content-box {
    color: #cdcdcd;
    padding: 4em
}

.solution-sec-2 .content-box .des p {
    font-size: .8em;
    line-height: 1.8
}

.solution-sec-2 .content-box .des p:last-child {
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .solution-sec-2 .img {
        margin-bottom: -40px
    }

    .solution-sec-2 .img img {
        width: 85%
    }
}

@media screen and (max-width:575px) {
    .solution-sec-2 {
        padding: 3em 0 4em
    }

    .solution-sec-2 .content-box {
        padding: 3.8em 1.6em
    }

    .solution-sec-2 .content-box .des p {
        text-align: justify
    }
}

.products-sub-sec {
    padding-bottom: 5em;
    padding-top: 5em
}

.products-sub-sec .main-sec {
    margin-bottom: 5em
}

.products-sub-sec .main-sec .sec-heading {
    margin-bottom: 4em
}

.products-sub-sec .main-sec .sec-heading .h2 {
    margin-bottom: 1em
}

.products-sub-sec .main-sec .main-img img {
    width: 100%
}

.products-sub-sec .other-sec .pro-img {
    aspect-ratio: 2/1.8;
    border: none;
    box-shadow: none;
    color: #000;
    display: block;
    margin-bottom: 1.8em;
    outline: none;
    position: relative;
    text-decoration: none;
    width: 100%
}

.products-sub-sec .other-sec .pro-img.last {
    aspect-ratio: 2/.8
}

.products-sub-sec .other-sec .pro-img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.products-sub-sec .other-sec .pro-img .btn {
    background-color: #fff;
    border: none;
    border-radius: 0;
    bottom: .65em;
    box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    color: var(--primary-color);
    display: inline-block;
    left: .65em;
    max-width: 280px;
    outline: none;
    padding: .8em;
    position: absolute;
    text-align: left;
    width: calc(100% - 1.4em);
    z-index: 1
}

.products-sub-sec .other-sec .pro-img .btn .pro-name {
    color: var(--primary-color);
    font-size: .8em;
    letter-spacing: 1px;
    line-height: 0;
    margin-bottom: .3em;
    margin-top: .8em
}

.products-sub-sec .other-sec .pro-img .btn .get-quote {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #000;
    display: inline-block;
    font-size: .65em;
    line-height: 1;
    margin-bottom: 0;
    outline: none
}

.products-sub-sec .other-sec .pro-img .btn .get-quote:after {
    background-color: var(--secondary-color);
    content: "";
    display: block;
    height: 2px;
    width: 100%
}

@media screen and (max-width:767px) {
    .products-sub-sec .other-sec .pro-img.last {
        aspect-ratio: 2/1.8
    }
}

@media screen and (max-width:575px) {
    .products-sub-sec {
        padding-bottom: 3em;
        padding-top: 3em
    }

    .products-sub-sec .main-sec {
        margin-bottom: 3em
    }

    .products-sub-sec .main-sec .sec-heading {
        margin-bottom: 2em
    }
}

.about-sec {
    padding-bottom: 5em;
    padding-top: 5em
}

.about-sec .main-img img {
    width: 100%
}

.about-sec .content-box {
    padding-top: 5em
}

.about-sec .content-box .content p {
    font-size: .85em
}

.about-sec .content-box .content p:last-child {
    margin-bottom: 0
}

@media screen and (max-width:575px) {
    .about-sec {
        padding-bottom: 3em;
        padding-top: 3em
    }

    .about-sec .main-img {
        margin: 0 -16px
    }

    .about-sec .content-box {
        padding-top: 3em
    }
}

.quick-info-sec.about-page {
    background-color: #fff;
    margin: 0;
    padding-bottom: 5em;
    padding-top: 5em
}

@media screen and (max-width:575px) {
    .quick-info-sec.about-page {
        padding-bottom: 3em;
        padding-top: 3em
    }
}

.iso-sec {
    margin: 5em 0
}

.iso-sec .inner-box {
    background-image: url(../img/iso-bg.png);
    background-size: cover;
    padding: 6em 0;
    position: relative
}

.iso-sec .bg-img {
    display: none
}

.iso-sec .bg-img img {
    width: 100%
}

.iso-sec .content-box {
    background-color: var(--primary-color);
    color: #cdcdcd;
    padding: 4em;
    width: 75%
}

.iso-sec .content-box .sec-heading .h2 {
    color: #cdcdcd
}

.iso-sec .content-box .des p {
    font-size: .8em
}

.iso-sec .content-box .des p:last-child {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .iso-sec .inner-box {
        padding: 0
    }

    .iso-sec .bg-img {
        display: block
    }

    .iso-sec .content-box {
        width: 100%
    }
}

@media screen and (max-width:575px) {
    .iso-sec {
        margin: 4em 0
    }

    .iso-sec .content-box {
        padding: 2.4em
    }
}

.about-service-sec {
    margin: 5em 0
}

.about-service-sec .img-box {
    height: 100%;
    padding-left: 2em
}

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

.about-service-sec .service-card-box {
    margin: -1em
}

.about-service-sec .service-card-box>div {
    padding: 1em
}

.about-service-sec .service-card {
    height: 100%;
    padding: 3.4em;
    width: 100%
}

.about-service-sec .service-card .title {
    align-items: center;
    color: #3a3a3a;
    display: flex;
    font-size: .92em;
    font-weight: 500;
    margin-bottom: 1.4em;
    text-transform: uppercase
}

.about-service-sec .service-card .title .icon {
    color: var(--secondary-color);
    display: inline-block;
    margin-right: .4em
}

.about-service-sec .service-card .des p {
    color: #555;
    font-size: .8em
}

.about-service-sec .service-card .des p:last-child {
    margin-bottom: 0
}

@media screen and (max-width:1075px) {
    .about-service-sec .service-card {
        padding: 3em
    }
}

@media screen and (max-width:575px) {
    .about-service-sec {
        margin: 4em 0
    }
}

.company-status-sec-2 {
    margin: 5em 0
}

.company-status-sec-2 .inner-box {
    align-items: center;
    background-color: #f1e5d9;
    display: flex;
    justify-content: space-between;
    padding: 4em 8em
}

.company-status-sec-2 .company-status .count {
    color: var(--primary-color);
    font-size: 2em
}

.company-status-sec-2 .company-status span {
    font-size: .85em
}

@media screen and (max-width:991px) {
    .company-status-sec-2 .inner-box {
        padding: 3em 4em
    }
}

@media screen and (max-width:575px) {
    .company-status-sec-2 {
        margin: 4em 0
    }

    .company-status-sec-2 .inner-box {
        display: block;
        padding: 1em 3em
    }

    .company-status-sec-2 .inner-box>div {
        margin: 2em 0
    }
}

.video-sec-2 {
    margin: 5em 0
}

.video-sec-2 .popup-link {
    color: #3a3a3a;
    display: block;
    position: relative;
    text-decoration: none
}

.video-sec-2 .popup-link .img-box img {
    width: 100%
}

.video-sec-2 .popup-link .icon {
    color: #fff;
    font-size: 4em;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

@media screen and (max-width:991px) {
    .video-sec-2 .popup-link .icon {
        font-size: 3em
    }
}

@media screen and (max-width:767px) {
    .video-sec-2 {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width:575px) {
    .video-sec-2 {
        margin: 4em 0
    }

    .video-sec-2 .popup-link .icon {
        font-size: 2em
    }
}

.our-value-sec {
    background-color: #83a9ac;
    padding-bottom: 5em;
    padding-top: 5em
}

.our-value-sec .sec-heading .h2 {
    color: #f9f8f6;
    margin-bottom: 2em
}

.our-value-sec .img-box {
    margin-top: auto
}

.our-value-sec .img-box img {
    width: 100%
}

.our-value-sec .services-sec {
    padding-right: 5em
}

.our-value-sec .services-sec .nav-btns {
    border-bottom: 2px solid #f9f8f6;
    list-style: none;
    margin: 0 0 4em;
    padding: 0
}

.our-value-sec .services-sec .nav-btns li {
    display: inline-block
}

.our-value-sec .services-sec .nav-btns li button {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #f9f8f6;
    display: inline-block;
    margin-bottom: -2px;
    outline: none;
    padding: .4em 1.4em;
    text-decoration: none
}

.our-value-sec .services-sec .nav-btns li button.active {
    border: 2px solid #f9f8f6;
    border-bottom-color: #83a9ac
}

.our-value-sec .services-sec .content {
    color: #f9f8f6;
    display: none
}

.our-value-sec .services-sec .content.active {
    display: block
}

.our-value-sec .services-sec .content .title {
    font-size: 1.2em;
    margin-bottom: 1.6em
}

.our-value-sec .services-sec .content .des p {
    font-size: .85em
}

.our-value-sec .services-sec .content .des p:last-child {
    margin-bottom: 0
}

@media screen and (min-width:768px) {
    .our-value-sec {
        padding-right: 0
    }
}

@media screen and (max-width:767px) {
    .our-value-sec .services-sec {
        padding-right: 0
    }
}

@media screen and (max-width:575px) {
    .our-value-sec {
        padding-bottom: 4em;
        padding-top: 4em
    }

    .our-value-sec .services-sec .nav-btns {
        margin-bottom: 3em
    }

    .solution-sec.about-page {
        padding-bottom: 5em
    }
}

.location-sec-1 {
    background-color: #fff;
    padding-bottom: 5em;
    padding-top: 5em
}

.location-sec-1 .sec-heading {
    margin-bottom: 2.2em
}

.location-sec-1 .sub-title {
    margin-bottom: 1.2em
}

.location-sec-1 .des p {
    font-size: .8em
}

.location-sec-1 .des p:last-child {
    margin-bottom: 0
}

.location-sec-1 .img-box img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media screen and (max-width:991px) {
    .location-sec-1 .img-box {
        height: 100%
    }
}

@media screen and (max-width:767px) {
    .location-sec-1 .img-box {
        padding-bottom: 3em
    }
}

@media screen and (max-width:575px) {
    .location-sec-1 {
        padding-bottom: 3em;
        padding-top: 3em
    }
}

.location-sec-2 {
    margin: 5em 0
}

.location-sec-2 .img-box img {
    width: 100%
}

.location-sec-2 .inner-box {
    background-color: #f1e5d9
}

.location-sec-2 .content-box {
    padding: 4em 3em 4em 0
}

.location-sec-2 .sec-heading {
    margin-bottom: 2.4em
}

.location-sec-2 .info-card:not(:last-child) {
    margin-bottom: 1.8em
}

.location-sec-2 .info-card .title {
    font-family: var(--LufgaMedium);
    font-size: 1em;
    margin-bottom: .6em
}

.location-sec-2 .info-card .des {
    border-left: 2px solid var(--secondary-color);
    padding-left: .4em
}

.location-sec-2 .info-card .des p {
    font-size: .8em
}

.location-sec-2 .info-card .des p:last-child {
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .location-sec-2 .inner-box {
        padding-right: 0
    }
}

@media screen and (max-width:991px) {
    .location-sec-2 .content-box {
        padding-right: 0
    }
}

@media screen and (max-width:575px) {
    .location-sec-2 {
        margin: 4em 0
    }
}

.location-sec-3 {
    margin: 5em 0
}

.location-sec-3 .inner-box {
    position: relative
}

.location-sec-3 .img-box {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30%;
    z-index: 1
}

.location-sec-3 .img-box img {
    width: 100%
}

.location-sec-3 .content-box {
    background-color: #fff;
    margin-left: auto;
    padding: 5em 3em 5em 11em;
    width: 80%
}

.location-sec-3 .content-box .sec-heading {
    margin-bottom: 2em
}

.location-sec-3 .content-box .title {
    font-family: var(--LufgaMedium);
    margin-bottom: 1em
}

.location-sec-3 .content-box .des p {
    font-size: .8em
}

.location-sec-3 .content-box .des p:last-child {
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .location-sec-3.reverse .img-box {
        left: unset;
        right: 0
    }

    .location-sec-3.reverse .content-box {
        margin-left: 0;
        margin-right: auto;
        padding-left: 3em;
        padding-right: 11em
    }
}

@media screen and (max-width:991px) {
    .location-sec-3 .inner-box {
        display: flex;
        flex-direction: column
    }

    .location-sec-3 .img-box {
        left: unset;
        margin: 0 auto -5em;
        max-width: 320px;
        order: 1;
        position: relative;
        right: unset;
        top: unset;
        transform: none;
        width: 80%
    }

    .location-sec-3 .content-box {
        order: 2;
        padding: 8em 4em 4em;
        width: 100%
    }
}

@media screen and (max-width:575px) {
    .location-sec-3 {
        margin: 4em 0
    }

    .location-sec-3 .content-box {
        padding: 7em 2em 3em
    }
}

.location-sec-4 {
    margin: 5em 0
}

.location-sec-4 .img-box img {
    width: 100%
}

@media screen and (max-width:575px) {
    .location-sec-4 {
        margin: 4em 0
    }
}

.location-sec-5 {
    padding-bottom: 5em
}

.location-sec-5 .inner-box {
    background-color: var(--primary-color)
}

.location-sec-5 .img-box {
    margin-left: auto;
    margin-right: 2em;
    margin-top: auto
}

.location-sec-5 .img-box img {
    max-width: 280px;
    width: 100%
}

.location-sec-5 .sec-heading .h2,
.location-sec-5 .sec-heading p {
    color: #f9f8f6
}

.location-sec-5 .sec-heading .h2 {
    margin-bottom: 1em
}

.location-sec-5 .content-box {
    padding: 4em
}

.location-sec-5 .content-box .consult-btn {
    margin-top: 2em
}

@media screen and (max-width:575px) {
    .location-sec-5 .content-box {
        padding: 2em
    }

    .location-sec-5 .content-box .consult-btn {
        margin-top: 1em
    }
}

.fitout-sec-1 {
    padding-bottom: 5em;
    padding-top: 5em
}

.fitout-sec-1 .inner-box {
    position: relative
}

.fitout-sec-1 .img-box {
    width: 70%
}

.fitout-sec-1 .img-box img {
    width: 100%
}

.fitout-sec-1 .content-box {
    background-color: #fff;
    bottom: 0;
    padding: 3.4em 4em;
    position: absolute;
    right: 0;
    width: 40%
}

.fitout-sec-1 .content-box .des p {
    color: #7f7f7f;
    font-size: .8em
}

.fitout-sec-1 .content-box .des p:last-child {
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .fitout-sec-1 .content-box {
        position: relative;
        width: 100%
    }
}

@media screen and (max-width:575px) {
    .fitout-sec-1 {
        padding: 3em 0
    }

    .fitout-sec-1 .img-box {
        width: 100%
    }

    .fitout-sec-1 .content-box {
        padding: 3em
    }
}

.fitout-sec-2 {
    padding-bottom: 5em
}

.fitout-sec-2 .sec-heading {
    padding-bottom: 1em
}

.fitout-sec-2 .info-card {
    border: 1px solid #3a3a3a;
    display: flex;
    padding: 1.8em
}

.fitout-sec-2 .h-100 {
    padding: 1em 0
}

.fitout-sec-2 .info-card .icon {
    align-items: center;
    background-color: #f0efee;
    display: flex;
    flex: none;
    height: 6.5em;
    justify-content: center;
    margin-right: 1.4em;
    width: 6.5em
}

.fitout-sec-2 .info-card .icon img {
    flex: none;
    width: 2.4em
}

.fitout-sec-2 .info-card .title {
    font-family: var(--LufgaMedium);
    margin-bottom: .4em
}

.fitout-sec-2 .info-card .des p {
    font-size: .8em
}

.fitout-sec-2 .info-card .des p:last-child {
    margin-bottom: 0
}

@media screen and (max-width:575px) {
    .fitout-sec-2 {
        padding-bottom: 3em
    }

    .fitout-sec-2 .sec-heading {
        padding-bottom: 0
    }

    .fitout-sec-2 .info-card {
        display: block
    }

    .fitout-sec-2 .info-card .icon {
        margin-bottom: 1em
    }
}

.fitout-sec-3 .sec-heading {
    margin-bottom: 2em
}

.fitout-sec-3 .inner-box {
    position: relative
}

.fitout-sec-3 .content-box {
    background-color: #fff;
    padding-bottom: 5em;
    padding-top: 5em;
    width: 75%
}

.fitout-sec-3 .content-box ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.fitout-sec-3 .content-box ul li {
    color: #7f7f7f;
    display: flex;
    font-size: .8em
}

.fitout-sec-3 .content-box ul li:last-child p {
    margin-bottom: 0
}

.fitout-sec-3 .content-box ul li:before {
    background-color: var(--secondary-color);
    content: "";
    display: inline-block;
    flex: none;
    height: 5px;
    margin-right: .5em;
    transform: translateY(4px);
    width: 5px
}

.fitout-sec-3 .img-box {
    bottom: 1.6em;
    position: absolute;
    right: 0;
    width: 30%
}

.fitout-sec-3 .img-box img {
    width: 100%
}

@media screen and (max-width:991px) {
    .fitout-sec-3 {
        padding-right: 0
    }

    .fitout-sec-3 .content-box {
        width: 100%
    }

    .fitout-sec-3 .img-box {
        display: none
    }
}

@media screen and (max-width:575px) {
    .fitout-sec-3 .content-box {
        padding-bottom: 3em;
        padding-top: 3em
    }
}

.fitout-sec-4 {
    position: relative
}

.fitout-sec-4 .bg-img img {
    width: 100%
}

.fitout-sec-4 .content-box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

.fitout-sec-4 .content-box .sec-heading {
    background-color: hsla(40, 20%, 97%, .65);
    margin: 0;
    padding: 2em;
    text-align: center
}

.fitout-sec-4 .content-box .sec-heading .h2 {
    display: inline-block;
    margin: 0
}

.faq-sec {
    background-color: #fff;
    padding-bottom: 5em;
    padding-top: 5em
}

.faq-sec .faq-search form {
    align-items: center;
    background-color: #f7f7f7;
    display: flex;
    max-width: 280px
}

.faq-sec .faq-search form button,
.faq-sec .faq-search form input {
    background-color: transparent;
    border: none;
    box-shadow: none;
    display: block;
    font-size: .75em;
    outline: none;
    padding: 1.1em 1.4em;
    width: 100%
}

.faq-sec .faq-search form button {
    flex: none;
    width: auto
}

.faq-sec .filter-tags .title {
    color: var(--primary-color);
    font-family: var(--LufgaMedium);
    font-size: 1.2em;
    margin-bottom: 1em
}

.faq-sec .filter-tags ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.faq-sec .filter-tags ul li button {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #3a3a3a;
    display: inline-block;
    font-size: .85em;
    margin-bottom: .5em;
    outline: none;
    padding: 0;
    text-decoration: none
}

.faq-sec .filter-tags ul li button.active {
    color: var(--secondary-color)
}

.accordion-box .accordion {
    border-bottom: 2px solid #cdcdcd;
    margin-bottom: 0
}

.accordion-box .accordion .accordion-title {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 1em 0
}

.accordion-box .accordion .accordion-title h3,
.accordion-box .accordion .accordion-title h4 {
    color: #444;
    font-family: var(--LufgaMedium);
    font-size: .92em;
    margin-bottom: 0
}

.accordion-box .accordion .accordion-title .icon {
    padding: 0 1.4em
}

.accordion-box .accordion .accordion-title .icon:after {
    content: "\f067";
    display: inline-block;
    font-family: Font Awesome\ 5 Pro;
    transition: .3s
}

/* .accordion-box .accordion.active .accordion-title .icon:after {
    transform: rotate(45deg)
} */

.accordion-box .accordion .accordion-slide {
    color: #777;
    display: none;
    font-size: .8em;
    padding-bottom: 1.2em
}

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

@media screen and (max-width:575px) {
    .faq-sec {
        padding-bottom: 3em;
        padding-top: 3em
    }
}

.policy-pages .update-date {
    background-color: #a6a6a6;
    color: #fff;
    display: inline-block;
    font-size: .8em;
    margin-bottom: 2.4em;
    padding: .6em 1em .5em
}

.policy-pages p {
    font-size: .8em
}

.policy-pages p big {
    font-size: 1.2em
}

.career-page {
    padding-bottom: 5em;
    padding-top: 5em
}

.career-page .sec-heading {
    margin-bottom: 3em
}

.career-page .h-100 {
    padding: 1em 0
}

.career-page .career-card {
    background-color: #fff;
    height: 100%;
    padding: 1.6em
}

.career-page .career-card .job-type {
    background-color: #f5f5f5;
    margin-bottom: 1.4em;
    padding: 2em
}

.career-page .career-card .job-type .title {
    color: var(--primary-color);
    font-size: 1.2em;
    margin-bottom: .4em
}

.career-page .career-card .job-type .location {
    font-size: .85em
}

.career-page .career-card .content-box .skills {
    color: var(--secondary-color);
    font-family: var(--LufgaMedium);
    font-size: .92em;
    margin-bottom: .3em
}

.career-page .career-card .content-box .des p {
    font-size: .8em
}

.career-page .career-card .content-box .des p:last-child {
    margin-bottom: 0
}

.career-page .career-card .apply-btn {
    border: 1px solid #aaa;
    color: var(--secondary-color);
    display: block;
    font-size: .8em;
    margin-top: 2em;
    padding: .6em;
    text-align: center;
    text-decoration: none
}

@media screen and (max-width:575px) {
    .career-page {
        padding-bottom: 3em;
        padding-top: 3em
    }

    .career-page .sec-heading {
        margin-bottom: 1em
    }
}

.career-header-sec {
    background-color: #fff;
    padding-bottom: 5em;
    padding-top: 5em
}

.career-header-sec .inner-box {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.career-header-sec .inner-box .info-box .title {
    color: var(--primary-color);
    font-size: 1.6em;
    margin-bottom: .3em
}

.career-header-sec .inner-box .info-box .other {
    color: #7f7f7f;
    font-size: .92em
}

.career-header-sec .inner-box .info-box .other span {
    align-items: center;
    display: inline-flex
}

.career-header-sec .inner-box .info-box .other span:not(:last-child):after {
    background-color: #7f7f7f;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 3px;
    margin-left: .5em;
    margin-right: .3em;
    width: 3px
}

.career-header-sec .inner-box .btns-box>* {
    align-items: center;
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #7f7f7f;
    display: flex;
    font-size: .8em;
    height: 3em;
    justify-content: center;
    outline: none;
    padding: .5em 1em;
    text-decoration: none;
    width: 12.5em
}

.career-header-sec .inner-box .btns-box .apply-btn {
    background-color: var(--secondary-color);
    color: #f7f7f7;
    margin-bottom: 1.8em
}

.career-header-sec .inner-box .btns-box .apply-btn span {
    display: inline-block;
    margin-left: .5em
}

.career-header-sec .inner-box .btns-box .apply-btn i {
    display: inline-block;
    font-size: .92em
}

.career-header-sec .inner-box .btns-box .share-btn {
    border: 1px solid #cdcdcd;
    color: #7f7f7f;
    justify-content: space-between
}

.career-header-sec .inner-box .btns-box .share-btn i {
    display: inline-block;
    font-size: .85em;
    margin-right: .3em
}

@media screen and (max-width:767px) {
    .career-header-sec .inner-box {
        display: block
    }

    .career-header-sec .inner-box .info-box {
        margin-bottom: 2em
    }
}

@media screen and (max-width:575px) {
    .career-header-sec {
        padding-bottom: 3em;
        padding-top: 3em
    }
}

.career-detail-page {
    padding-bottom: 3em;
    padding-top: 3em
}

.career-detail-page .content-box h4 {
    color: var(--primary-color)
}

.career-detail-page .content-box p {
    font-size: .85em
}

.career-detail-page .content-box ul.check {
    list-style: none;
    padding: 0
}

.career-detail-page .content-box ul.check li {
    align-items: flex-start;
    display: flex
}

.career-detail-page .content-box ul.check li:before {
    align-items: center;
    color: #36b37e;
    content: "\f00c";
    display: flex;
    flex: none;
    font-family: Font Awesome\ 5 Pro;
    font-size: .8em;
    height: 10px;
    justify-content: center;
    margin-right: .8em;
    position: relative;
    top: 4px;
    width: 10px
}

.career-detail-page .info-box {
    background-color: #fff;
    color: #7f7f7f;
    font-size: .8em;
    padding: 3em
}

.career-detail-page .info-box p strong {
    color: var(--primary-color)
}

@media screen and (min-width:768px) {
    .career-detail-page {
        padding-right: 0
    }
}

@media screen and (max-width:575px) {
    .career-detail-page {
        padding-bottom: 1em
    }

    .career-detail-page .inner-box {
        padding-left: 0
    }
}

.file-box input[type=file] {
    display: none
}

.file-box label {
    cursor: pointer;
    height: 100%;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.file-box label p {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #999;
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    width: 100%
}

.file-box label p.selected {
    color: #333
}

.file-box label span {
    align-items: center;
    background-color: #999;
    bottom: 0;
    color: #fff;
    display: flex;
    font-size: 12px;
    justify-content: center;
    min-width: 80px;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
    z-index: 1
}

.career-detail-form {
    background-color: #fff;
    padding-bottom: 5em;
    padding-top: 5em
}

.career-detail-form .input-field {
    margin-bottom: 1em
}

.career-detail-form .input-field input,
.career-detail-form .input-field select,
.career-detail-form .input-field textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    display: block;
    font-size: .85em;
    outline: none;
    padding: .8em 0;
    width: 100%
}

.career-detail-form .input-field select {
    padding-top: 1.2em
}

.career-detail-form .input-field select option {
    color: #3a3a3a
}

.career-detail-form .input-field select.not-select {
    color: #aaa
}

.career-detail-form .input-field input::-moz-placeholder,
.career-detail-form .input-field textarea::-moz-placeholder {
    color: #aaa
}

.career-detail-form .input-field input::placeholder,
.career-detail-form .input-field textarea::placeholder {
    color: #aaa
}

.career-detail-form .input-field .msg {
    color: #7f7f7f;
    font-size: .8em;
    margin-top: .4em
}

.input-field .file-box {
    border-bottom: 1px solid #ccc;
    padding-bottom: .2em;
    padding-top: 1em
}

.input-field .file-box label p {
    color: #aaa;
    font-size: .85em
}

.input-field .file-box label p.selected {
    color: #000
}

.input-field .file-box label span {
    background-color: transparent;
    color: #555
}

.input-field .file-box label span i {
    display: inline-block;
    font-size: .8em;
    margin-left: .5em
}

.career-detail-form .input-field.submit {
    margin-bottom: 0;
    margin-top: 1.6em
}

.career-detail-form .input-field.submit button {
    background-color: var(--secondary-color);
    border: none;
    box-shadow: none;
    color: #f9f8f6;
    display: inline-block;
    font-size: .8em;
    outline: none;
    padding: .8em 2em
}

@media screen and (max-width:575px) {
    .career-detail-form {
        padding-bottom: 3em;
        padding-top: 2em
    }
}

.modal .modal-content {
    border-radius: 0;
    position: relative
}

.modal .modal-content .close-btn {
    background: #fff;
    border: none;
    border-radius: 10px;
    color: #000;
    font-size: 12px;
    height: 18px;
    left: 50%;
    position: absolute;
    top: -10px;
    transform: translateY(-50%);
    width: 18px
}

@media (min-width:576px) {
    .modal .modal-dialog {
        max-width: 80vh;
        right: -20px
    }

    .modal .modal-content .close-btn {
        left: 100%;
        top: 0;
        transform: translateY(0)
    }
}

.modal .modal-body .title {
    font-family: var(--LufgaRegular)
}

.modal .modal-body .get-quote-form .modal-submit-btn {
    background-color: var(--primary-color);
    border: none;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-size: .8em;
    outline: none;
    padding: .72em 3em;
    text-decoration: none
}

.thank-you {
    color: var(--primary-color) !important;
    font-family: var(--LufgaRegular);
    font-size: 4em
}

.inquiry-form-popup {
    height: 100vh;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 20000000000 !important
}

.inquiry-form-popup .side-popup-container {
    height: 100%;
    position: relative;
    width: 100%
}

.inquiry-form-popup.active {
    pointer-events: all
}

.inquiry-form-popup .overlay {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    opacity: 0;
    transition: .3s ease;
    width: 100%
}

.inquiry-form-popup.active .overlay {
    opacity: 1
}

.inquiry-form-popup .inquery-form {
    background-color: #fff;
    display: flex;
    height: 100vh;
    max-width: 380px;
    overflow: scroll;
    padding: 0 20px;
    position: absolute;
    right: 0;
    scrollbar-width: none;
    top: 0;
    transform: translateX(100%);
    transition: .5s ease;
    width: 100%;
    z-index: 1
}

.inquiry-form-popup .inquery-form .inquiry-form-container {
    padding: 50px 15px
}

.inquiry-form-popup .inquery-form .newForm {
    height: 100%;
    position: relative;
    width: 100%
}

.close-btn-side-form .close-btn-side {
    cursor: pointer
}

.close-btn-side-form button {
    background: transparent;
    border: none;
    position: absolute;
    right: 0;
    top: 14px
}

.inquiry-form-popup .inquery-form .logo {
    width: 100%
}

.inquiry-form-popup .inquery-form .shape {
    text-align: center
}

.inquiry-form-popup .inquery-form .logo img {
    max-height: 100%;
    width: 80%
}

.inquiry-form-popup.active .inquery-form {
    transform: translateX(0)
}

.inquiry-form-popup .inquery-form::-webkit-scrollbar {
    display: none
}

.contact-form .h2 {
    color: var(--primary-color);
    font-family: var(--LufgaRegular);
    font-size: 1.2em;
    margin-bottom: .4em;
    margin-top: 20px
}

.contact-form .h2:after {
    background-color: #cdcdcd;
    content: "";
    display: block;
    height: .12em;
    width: 1.6em
}

@media screen and (max-width:767px) {
    .inquiry-form-popup .inquery-form {
        display: flex;
        justify-content: center;
        max-width: 100vw
    }
}

.inquiry-form-container .input-field input[type=radio] {
    -webkit-appearance: none;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    padding: 0 9px
}

.inquiry-form-container .input-field input[type=radio]:checked {
    background: url(/assets/img/icons/tick.png) no-repeat 50%;
    background-color: var(--primary-color);
    background-size: 9px 9px
}

.inquiry-form-container .input-field input[type=radio]:focus {
    outline-color: transparent
}

.inquiry-form-container .input-field .radio-container {
    position: relative
}

.inquiry-form-container .input-field .c-flex {
    align-items: center;
    display: flex
}

.inquiry-form-container .input-field input[type=radio] {
    background-color: #fff;
    border: 1px solid var(--primary-color);
    display: block;
    flex: none;
    height: 20px;
    margin-right: 5px;
    width: 20px
}

.onload-popup {
    bottom: 0;
    height: 100vh;
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999999999
}

.onload-popup.active {
    pointer-events: all
}

.onload-popup .overlay {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: .3s;
    width: 100%
}

.onload-popup.active .overlay {
    opacity: 1;
    pointer-events: all
}

.onload-popup .popup-sec {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    padding: 40px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.onload-popup .popup {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 15px #252323;
    flex: none;
    max-width: 860px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: relative;
    transform: translateY(-20px);
    transition: .3s ease;
    width: 100%
}

.onload-popup.active .popup {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0)
}

.onload-popup .close-btn {
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-size: 20px;
    outline: none;
    padding: 3px 8px;
    position: absolute;
    right: 28px;
    top: 22px;
    z-index: 5
}

.onload-popup .form {
    display: flex;
    min-height: 440px;
    width: 100%
}

.onload-popup .form .img {
    align-items: center;
    display: flex;
    flex: none;
    justify-content: center;
    width: 50%
}

.onload-popup .form .img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.onload-popup .form form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px;
    width: 100%
}

.onload-popup .form form .logo img {
    display: block;
    margin-bottom: 40px;
    max-width: 140px;
    width: 100%
}

.onload-popup .form form .title {
    color: var(--primary-color);
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px
}

.onload-popup .form form .sub-title {
    color: #3a3a3a;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 40px
}

.onload-popup .form form .input-field {
    margin-bottom: 10px
}

.onload-popup .form form .input-field input,
.onload-popup .form form .input-field textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    box-shadow: none;
    display: block;
    font-size: .8em;
    outline: none;
    padding: .8em 0;
    width: 100%
}

.onload-popup .form form .input-field input::-moz-placeholder,
.onload-popup .form form .input-field textarea::-moz-placeholder {
    color: #aaa
}

.onload-popup .form form .input-field input::placeholder,
.onload-popup .form form .input-field textarea::placeholder {
    color: #aaa
}

.onload-popup .form form .input-field button {
    background-color: var(--primary-color);
    border: none;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-size: .92em;
    margin-top: 20px;
    outline: none;
    padding: .6em 1.4em;
    text-decoration: none
}

@media screen and (max-width:882px) {
    .onload-popup .popup-sec {
        align-items: unset;
        display: flex;
        justify-content: unset;
        overflow-y: auto
    }

    .onload-popup.active .popup-sec {
        pointer-events: all
    }

    .onload-popup .popup {
        margin: auto;
        max-width: 420px
    }

    .onload-popup .form {
        display: block
    }

    .onload-popup .form .img {
        aspect-ratio: 4/3;
        width: 100%
    }
}

@media screen and (max-width:575px) {
    .onload-popup .popup-sec {
        padding: 15px
    }

    .onload-popup .form form {
        padding: 40px 25px
    }

    .onload-popup .form form .logo img {
        margin-bottom: 30px;
        max-width: 150px
    }

    .onload-popup .form form .title {
        font-size: 22px;
        line-height: 1.2;
        margin-bottom: 15px
    }

    .onload-popup .form form .sub-title {
        font-size: 13px;
        margin-bottom: 30px
    }
}

.sec-heading.footer-form-center {
    margin: 0 auto 3.8em;
    max-width: 820px;
    text-align: center
}

.sec-heading.footer-form-center h2:after {
    margin: 0 auto
}

.page-link {
    box-shadow: none !important;
    color: var(--primary-color);
    outline: none !important
}

.page-item.active .page-link {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.page-link:hover {
    color: var(--primary-color)
}

.page-item.disabled .page-link {
    color: #b3b3b3
}

.search-popup-btn {
    background-color: var(--primary-color);
    border: none;
    box-shadow: none;
    color: #fff;
    outline: none;
    padding: .5em .72em;
    transform: translateY(1px)
}

@media screen and (max-width:991px) {
    .search-popup-btn {
        margin-right: 3px;
        transform: translateY(0)
    }
}

@media screen and (max-width:767px) {
    .search-popup-btn {
        background-color: transparent;
        color: var(--primary-color);
        font-size: 1.2em;
        margin-right: 8px;
        padding: .3em;
        transform: translateY(4px)
    }
}

.search-box-popup {
    bottom: 0;
    height: 100vh;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999999999
}

.search-box-popup.active {
    pointer-events: all
}

.search-box-popup .overlay {
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    opacity: 0;
    position: relative;
    transition: .3s ease;
    width: 100%;
    z-index: 0
}

.search-box-popup.active .overlay {
    opacity: 1
}

.search-box-popup>.search-box {
    background-color: #fff;
    bottom: 0;
    height: 100%;
    max-width: 380px;
    padding: 20px 30px 40px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(120%);
    transition: .3s ease;
    width: 100%;
    z-index: 1
}

.search-box-popup.active>.search-box {
    transform: translateX(0)
}

.search-box-popup .search-box>div {
    display: flex;
    flex-direction: column;
    height: 100%
}

.search-box-popup .close-btn {
    margin-bottom: 5px;
    text-align: right
}

.search-box-popup .close-btn button {
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-size: 20px;
    outline: none;
    padding: 3px
}

.search-box-popup form {
    background-color: #fff;
    border: 1px solid var(--primary-color);
    border-radius: 8px;
    margin-bottom: 20px;
    position: relative
}

.search-box-popup form input {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: var(--primary-color);
    font-weight: 600;
    outline: none;
    padding: 10px 40px 10px 15px;
    width: 100%
}

.search-box-popup form input::-moz-placeholder {
    color: var(--primary-color);
    font-family: var(--LufgaRegular);
    font-size: 13px;
    font-weight: 500
}

.search-box-popup form input::placeholder {
    color: var(--primary-color);
    font-family: var(--LufgaRegular);
    font-size: 13px;
    font-weight: 500
}

.search-box-popup form button {
    background-color: transparent;
    border: none;
    bottom: 0;
    box-shadow: none;
    color: var(--primary-color);
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 1
}

.scroll_bar::-webkit-scrollbar {
    width: 4px
}

.scroll_bar::-webkit-scrollbar-track {
    background-color: #e1e1e1;
    border-radius: 25px
}

.scroll_bar::-webkit-scrollbar-thumb {
    background-color: #555;
    border-radius: 25px
}

.search-result {
    box-shadow: 0 0 15px rgba(0, 0, 0, .15);
    max-height: 100%;
    min-height: 1px;
    overflow: auto
}

.search-result .search-output a {
    display: block;
    padding: 10px 15px;
    text-decoration: none
}

.search-result .search-output:not(:last-child) a {
    border-bottom: 1px solid #dfdfdf
}

.search-result .search-output a:hover {
    background-color: rgba(230, 229, 237, .3)
}

.search-result .search-output .output-box {
    align-items: center;
    display: flex
}

.search-result .search-output .output-box .img {
    align-items: center;
    display: flex;
    flex: none;
    height: 65px;
    justify-content: center;
    margin-right: 20px;
    width: 65px
}

.search-result .search-output .output-box .img img {
    flex: none;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.search-result .search-output .output-box .product-name {
    color: #333;
    font-family: var(--poppins);
    font-size: 14px;
    font-weight: 600
}

.search-result-box.m-view {
    height: 100vh;
    margin-top: -20px;
    max-width: 100vw;
    width: 100vw
}

.search-result-box.m-view .search-result {
    max-height: 60vh
}

@media screen and (max-width:575px) {
    .search-box-popup>.search-box {
        padding: 15px
    }
}

.thank-you-page {
    margin: 0 auto;
    max-width: 720px;
    padding: 80px 0;
    text-align: center
}

.thank-you-page .title {
    color: var(--primary-color);
    font-family: var(--LufgaBold);
    font-size: 38px;
    font-weight: bolder;
    margin-bottom: 25px
}

.thank-you-page .sub-title {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 600;
    margin: 0 auto;
    max-width: 520px
}

.thank-you-page .thank-img {
    display: block;
    margin: 60px auto;
    max-width: 280px
}

.thank-you-page .thank-img img {
    width: 100%
}

.thank-you-page .social-line {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 600
}

.thank-you-page .social-icons a {
    color: #787878;
    display: inline-block;
    font-size: 18px;
    margin: 0 3px;
    text-decoration: none
}

@media screen and (max-width:575px) {
    .thank-you-page {
        padding: 60px 0 40px
    }

    .thank-you-page .title {
        font-size: 28px
    }

    .thank-you-page .sub-title {
        font-size: 14px
    }

    .thank-you-page .thank-img {
        margin: 40px 0;
        padding: 0 30px
    }

    .thank-you-page .social-line {
        font-size: 14px
    }
}

.header-search-bar {
    margin-right: 15px;
    max-width: 260px;
    position: relative
}

.header-search-bar .overlay {
    bottom: 0;
    height: 100vh;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 1
}

.header-search-bar .search-result {
    background-color: #fff;
    display: none;
    left: 0;
    max-height: 320px;
    position: absolute;
    right: 0;
    top: calc(100% + 12px);
    width: 100%;
    z-index: 3
}

.header-search-bar form {
    background-color: #fff;
    border: 1px solid var(--primary-color);
    border-radius: 8px;
    display: inline-block;
    position: relative;
    top: 1px;
    z-index: 2
}

.header-search-bar form input {
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: var(--primary-color);
    font-weight: 600;
    outline: none;
    padding: 7px 40px 7px 15px;
    width: 100%
}

.header-search-bar form input::-moz-placeholder {
    color: var(--primary-color);
    font-family: var(--LufgaRegular);
    font-size: 13px;
    font-weight: 500
}

.header-search-bar form input::placeholder {
    color: var(--primary-color);
    font-family: var(--LufgaRegular);
    font-size: 13px;
    font-weight: 500
}

.header-search-bar form button {
    background-color: transparent;
    border: none;
    bottom: 0;
    box-shadow: none;
    color: var(--primary-color);
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 1
}

.header-search-bar.active .search-result {
    display: block
}

.header-search-bar.active .overlay {
    pointer-events: all
}

.custom-design-sec .consult-btn {
    border: 2px solid #fff;
    padding: .68em 1em;
    transition: .3s
}

.custom-design-sec .consult-btn:hover {
    background-color: var(--primary-color);
    color: #fff
}

.fitout-sec .img-box .connect-now {
    background-color: hsla(0, 0%, 100%, .65);
    transition: .3s
}

.fitout-sec .img-box .connect-now:hover {
    background-color: #1b1d3d;
    color: #fff !important
}

.products-sub-sec .other-sec .pro-img .btn {
    background-color: hsla(0, 0%, 100%, .72)
}

.products-sub-sec .other-sec .pro-img .btn:hover {
    background-color: #1b1d3d
}

.products-sub-sec .other-sec .pro-img .btn:hover .get-quote,
.products-sub-sec .other-sec .pro-img .btn:hover .pro-name {
    color: #fff
}

.location-sec-5 .content-box .consult-btn {
    border: 2px solid #fff;
    transition: .3s
}

.location-sec-5 .content-box .consult-btn:hover {
    background-color: var(--primary-color);
    color: #fff
}

.characteristics-sec {
    margin-left: auto;
    max-width: 360px
}

.characteristics-sec .title {
    border-bottom: 1px solid #ccc;
    color: #333;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 18px;
    padding-bottom: 5px
}

.characteristics-sec .sec-box {
    display: flex;
    flex-wrap: wrap
}

.characteristics-sec .sec-box .box {
    align-items: center;
    display: flex;
    flex: none;
    margin: 5px 0;
    width: 50%
}

.characteristics-sec .sec-box .box img {
    display: inline-block;
    margin-right: 8px;
    width: 50px
}

.characteristics-sec .sec-box .box span {
    display: inline-block;
    font-size: 12px
}

.characteristics-sec .sec-box .box span b,
.characteristics-sec .sec-box .box span small {
    display: block;
    margin: 2px 0
}

.news-letter-sec {
    background-color: #f1f1f1;
    padding-bottom: 4em;
    padding-top: 4em
}

.news-letter-sec .heading {
    font-size: 1.8em;
    font-weight: 600
}

.news-letter-sec .form form {
    display: flex;
    width: 100%
}

.news-letter-sec .form form button,
.news-letter-sec .form form input {
    background-color: transparent;
    border: none;
    box-shadow: none;
    display: block;
    outline: none;
    width: 100%
}

.news-letter-sec .form form input {
    background-color: #fff;
    padding: 1em
}

.news-letter-sec .form form button {
    background-color: var(--primary-color);
    color: #fff;
    flex: none;
    font-size: 1.5em;
    margin-left: 8px;
    width: 65px
}

.news-letter-sec .form form button i {
    position: relative;
    top: 2px
}

.news-letter-sec .social-title {
    font-size: 1.4em;
    font-weight: 600
}

.news-letter-sec .social-icons {
    text-align: right
}

.news-letter-sec .social-icons a {
    align-items: center;
    background-color: var(--primary-color);
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    font-size: 1.4em;
    height: 42px;
    justify-content: center;
    margin-left: 5px;
    text-decoration: none;
    width: 42px
}

.news-letter-sec .social-box {
    margin-top: 40px
}

@media screen and (max-width:767px) {
    .news-letter-sec .heading {
        font-size: 1.6em;
        margin-bottom: .65em;
        text-align: center
    }

    .news-letter-sec .social-title {
        margin-bottom: 1em;
        text-align: center
    }

    .news-letter-sec .social-icons {
        text-align: center
    }

    .news-letter-sec .social-icons a {
        font-size: 1.2em;
        height: 35px;
        width: 35px
    }
}

header .top-nav-header .cart-btn {
    padding-left: 0;
    position: relative
}

header .top-nav-header .cart-btn .icon {
    background-color: transparent;
    font-size: 1.4em
}

header .top-nav-header .cart-btn .cart-count {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 16px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: -2px;
    top: 6px;
    width: 16px
}

header .main-header .cart-btn {
    margin-left: 10px;
    position: relative
}

header .main-header .cart-btn .icon {
    background-color: transparent;
    padding-left: 4px
}

header .main-header .cart-btn .icon i {
    position: relative;
    top: 2px
}

header .main-header .cart-btn .cart-count {
    align-items: center;
    border-radius: 50%;
    display: flex;
    font-size: .65em;
    height: 16px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px
}

header .m-header .cart-btn {
    display: inline-block;
    margin-right: 6px;
    position: relative
}

header .m-header .cart-btn .icon {
    background-color: transparent;
    font-size: 1.5em;
    padding: 0;
    position: relative;
    top: 3px
}

header .m-header .cart-btn .cart-count {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 15px;
    justify-content: center;
    position: absolute;
    right: -8px;
    top: -2px;
    width: 15px
}

header .d-header #inquiry-btn {
    border-radius: 50px
}

.ch {
    font-size: 1.07em;
    margin: .4em 0 0
}

.acco-heading {
    color: #444;
    font-family: var(--LufgaMedium);
    font-size: .92em;
    margin-bottom: 0
}

.location-btns-sec {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: center
}

.location-btns-sec a {
    color: #333;
    display: inline-block;
    text-align: center;
    text-decoration: none
}

.location-btns-sec a .icon {
    margin: 0 auto 1rem;
    width: 30px
}

.location-btns-sec a .icon img {
    width: 100%
}

.location-btns-sec a span {
    border: 2px solid #1a1d3d;
    border-radius: 25px;
    display: inline-block;
    font-size: .8rem;
    font-weight: 600;
    padding: .3rem 1.2rem;
    transition: .3s
}

.location-btns-sec a:hover span {
    background-color: #1a1d3d;
    color: #fff
}

@media screen and (max-width:575px) {
    .location-btns-sec {
        gap: 25px;
        justify-content: space-between
    }

    .location-btns-sec a .icon {
        width: 24px
    }

    .location-btns-sec a span {
        font-size: .8rem;
        padding: .2rem 1rem
    }
}

.form-sec-1 {
    padding-bottom: 5rem;
    padding-top: 5rem
}

.form-sec-1 .sec-heading {
    margin-bottom: 1.6rem;
    text-align: center
}

.form-sec-1 .sec-heading .h2 {
    font-weight: 600
}

.form-sec-1 .sec-heading .h2:after {
    display: none
}

.form-sec-1 form {
    margin: 0 auto
}

.form-sec-1 form .input-field {
    height: 100%;
    padding: 0 1rem 1.2rem
}

.form-sec-1 form .input-field .label {
    border-bottom: 1.5px solid #cdcdcd;
    height: 100%
}

.form-sec-1 form .input-field input:not([type=radio], [type=checkbox]) {
    background-color: transparent;
    border: none;
    box-shadow: none;
    display: block;
    outline: none;
    padding: .65rem 0;
    width: 100%
}

.form-sec-1 form .input-field input::-moz-placeholder {
    color: #1a1d3d;
    font-size: .85rem;
    font-weight: 600
}

.form-sec-1 form .input-field .checkbox,
.form-sec-1 form .input-field input::placeholder {
    color: #1a1d3d;
    font-size: .85rem;
    font-weight: 600
}

.form-sec-1 form .input-field .checkbox {
    align-items: center;
    -moz-column-gap: 5rem;
    column-gap: 5rem;
    display: flex;
    padding: .65rem 0
}

.form-sec-1 form .input-field .checkbox p {
    margin: 0
}

.form-sec-1 form .input-field .checkbox .box {
    align-items: center;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: inline-flex;
    margin-right: 2rem
}

.form-sec-1 form .input-field .checkbox label {
    align-items: center;
    cursor: pointer;
    display: inline-flex
}

.form-sec-1 form .input-field .checkbox label input {
    accent-color: #1a1d3d;
    cursor: pointer;
    display: inline-block;
    margin-right: .4rem
}

.form-sec-1 form .input-field.submit {
    padding-bottom: 0;
    padding-top: 1.2rem
}

.form-sec-1 form .input-field.submit .label {
    border-bottom: 0
}

.form-sec-1 form .input-field.submit input {
    background-color: #1a1d3d;
    border: 2px solid #1a1d3d;
    border-radius: 50px;
    color: #fff;
    font-size: .85rem;
    margin: 0 auto;
    max-width: 320px;
    padding: .6rem;
    transition: background-color .5s, color .3s
}

.form-sec-1 form .input-field.submit input:hover {
    background-color: #fff;
    color: #1a1d3d;
    font-weight: 600
}

@media screen and (max-width:575px) {
    .form-sec-1 form .input-field .checkbox {
        -moz-column-gap: normal;
        column-gap: normal;
        justify-content: space-between
    }

    .form-sec-1 form .input-field .checkbox .box {
        margin-right: .3rem
    }
}

.logistics-sec-margin {
    margin-bottom: 5em
}

.logistics-sec-1 {
    padding: 3rem 0
}

.logistics-sec-1>div {
    background-color: #f1e5d9;
    padding-bottom: 3rem;
    padding-top: 3rem
}

.logistics-sec-1 .sec-img {
    align-items: center;
    bottom: 0;
    display: flex;
    left: 0;
    margin: -5.5rem 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.logistics-sec-1 .sec-img img {
    max-height: 100%;
    max-width: 100%
}

.logistics-sec-1 .content {
    color: #1a1d3d;
    font-family: serif;
    font-size: 1.8rem;
    padding-left: 3rem;
    padding-top: 1rem;
    position: relative
}

.logistics-sec-1 .content .des {
    position: relative;
    z-index: 1
}

.logistics-sec-1 .content:before {
    color: rgba(26, 29, 60, .1);
    content: "„";
    font-family: Font Awesome\ 5 Pro;
    font-size: 12rem;
    font-weight: 600;
    left: calc(5rem + 60px);
    position: absolute;
    top: -12rem;
    z-index: 0
}

@media screen and (max-width:575px) {
    .logistics-sec-margin {
        margin-bottom: 4em
    }
}

@media screen and (max-width:767px) {
    .logistics-sec-1 {
        padding: 5rem 0 0
    }

    .logistics-sec-1 .sec-img {
        margin: 0 auto -4rem;
        max-width: 320px;
        position: relative;
        top: -8rem
    }

    .logistics-sec-1 .content {
        padding: 0
    }

    .logistics-sec-1 {
        padding-top: 5rem
    }

    .logistics-sec-1 .sec-img {
        margin-bottom: -5rem;
        max-width: 240px;
        top: -8rem
    }

    .logistics-sec-1 .content {
        font-size: 1.5rem
    }

    .logistics-sec-1 .content:before {
        font-size: 10rem;
        left: calc(-2rem + 72px);
        top: calc(-10rem - 10px)
    }
}

.iti__country-list {
    z-index: 2999
}