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

:root {
  /* Define Color Variables */
  --gray-50: #FAFAFA;
  --white-color: #ffffff;
  --black-color: #000000;
  --gray-950: #1D1D1E;
  --primary-500: #F04E23;
  --primary-700: #B22F0C;
  --border-color: #E4E4E4;
  --gray-600: #747478;
  --primary-950: #390F04;
  --gray-100: #E4E4E4;
  --gray-800: #49494C;
  --gray-400: #A1A1A4;
  --gray-500: #8A8A8E;
  --gray-700: #5F5F62;

  /* Define Font Size Variables */
  --heading-h1: clamp(2.625rem, 1.446rem + 3.143vw, 4rem);
  --body-size: 16px;
  --body-sm: 14px;
  --body-sm-10-14: clamp(0.6rem, 0.625rem + 0.286vw, 0.875rem);
  --body-sm-12-14: clamp(0.75rem, 0.643rem + 0.286vw, 0.875rem);
  --body-xl: clamp(1.125rem, 1.018rem + 0.286vw, 1.25rem);
  --body-md: clamp(0.875rem, 0.768rem + 0.286vw, 1rem);
  --heading-h2: clamp(2.125rem, 1.357rem + 1.714vw, 2.75rem);
  --heading-h3: clamp(1.875rem, 1.448rem + 0.892vw, 2.25rem);
  --heading-h4: 28px;
  --heading-h5: clamp(1.375rem, 1.054rem + 0.857vw, 1.5rem);
  --heading-h6: clamp(1rem, 0.786rem + 0.571vw, 1.25rem);
  --body-lg: clamp(1rem, 0.893rem + 0.286vw, 1.125rem);
  --heading-70: clamp(2.625rem, 1.125rem + 4vw, 4.375rem);
  --heading-28-24: clamp(1.5rem, 1.14rem + 0.75vw, 1.75rem);
}

html {
    scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
  font-size: var(--body-md);
  color: var(--gray-950);
  font-family: "Mona Sans", sans-serif;
  line-height: 1.5; 
  letter-spacing: 0;
  font-weight: 400;
  background-color: var(--gray-50);
  -webkit-font-smoothing: antialiased;
}
a {
    transition: 0.3s;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Mona Sans", sans-serif;
    line-height: 1.1;
    font-weight: 600;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
    color: var(--primary-500);
}
ul {
    margin: 0;
}

/* ==================================
   BREAKPOINTS (Mobile First)

   Mobile:   0 - 767px
   Tablet:   768px+
   Desktop:  1025px+
   Large:    1600px+
================================== */

/* ==================================
   CONTAINER
================================== */

.container {
    width: 100%;
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
    position: relative;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
}
.row > * {
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
    width: 100%;
}
.align-center {
    align-items: center;
}
.align-end {
    align-items: end;
}
.justify-end {
    justify-content: end;
}
.justify-start {
    justify-content: start;
}
.justify-center {
    justify-content: center;
}
.justify-sb {
    justify-content: space-between;
}
.flex-display {
  display: flex;
  flex-wrap: wrap;
}
.f-display {
  display: flex;
  flex-wrap: nowrap;
}
.justify-end-ms {
  justify-content: start;
}
.fd-col {
  flex-direction: column;
}
.heading-h1 {
    font-size: var(--heading-h1);
}
.heading-xl {
    font-size: var(--body-xl);
    font-weight: 600;
}
.heading-md {
    font-size: var(--body-md);
    font-weight: 600;
    line-height: 1.5;
}
.pri-heading {
    font-size: var(--heading-h2);
    color: var(--gray-950);
}
.heading-h3 {
    font-size: var(--heading-h3);
}
.heading-h4 {
    font-size: var(--heading-h4);
}
.heading-h5 {
    font-size: var(--heading-h5);
}
.heading-h6 {
    font-size: var(--heading-h6);
}
.default-cnt p:not(:last-child) {
    margin-bottom: 20px;
}
.sbtitle {
    font-weight: 500;
}


.col-1  { width: 8.333%; }
.col-2  { width: 16.666%; }
.col-3  { width: 25%; }
.col-4  { width: 33.333%; }
.col-5  { width: 41.666%; }
.col-6  { width: 50%; }
.col-7  { width: 58.333%; }
.col-8  { width: 66.666%; }
.col-9  { width: 75%; }
.col-10 { width: 83.333%; }
.col-11 { width: 91.666%; }
.col-12 { width: 100%; }

/* Tablet */
@media (min-width: 768px) {
    .container {
        max-width: 100%;
    }
    .col-md-1  { width: 8.333333%; }
    .col-md-2  { width: 16.666667%; }
    .col-md-3  { width: 25%; }
    .col-md-4  { width: 33.333333%; }
    .col-md-5  { width: 41.666667%; }
    .col-md-6  { width: 50%; }
    .col-md-7  { width: 58.333333%; }
    .col-md-8  { width: 66.666667%; }
    .col-md-9  { width: 75%; }
    .col-md-10 { width: 83.333333%; }
    .col-md-11 { width: 91.666667%; }
    .col-md-12 { width: 100%; }
}

/* Desktop */
@media (min-width: 1025px) {
    .container {
        max-width: 1440px;
        padding-left: 70px;
        padding-right: 70px;
    }
    .col-lg-1  { width: 8.333333%; }
    .col-lg-2  { width: 16.666667%; }
    .col-lg-3  { width: 25%; }
    .col-lg-4  { width: 33.333333%; }
    .col-lg-5  { width: 41.666667%; }
    .col-lg-6  { width: 50%; }
    .col-lg-7  { width: 58.333333%; }
    .col-lg-8  { width: 66.666667%; }
    .col-lg-9  { width: 75%; }
    .col-lg-10 { width: 83.333333%; }
    .col-lg-11 { width: 91.666667%; }
    .col-lg-12 { width: 100%; }
}

/* Large */
@media (min-width: 1600px) {
    .container {
        max-width: 1760px;
    }
    .col-xl-1  { width: 8.333333%; }
    .col-xl-2  { width: 16.666667%; }
    .col-xl-3  { width: 25%; }
    .col-xl-4  { width: 33.333333%; }
    .col-xl-5  { width: 41.666667%; }
    .col-xl-6  { width: 50%; }
    .col-xl-7  { width: 58.333333%; }
    .col-xl-8  { width: 66.666667%; }
    .col-xl-9  { width: 75%; }
    .col-xl-10 { width: 83.333333%; }
    .col-xl-11 { width: 91.666667%; }
    .col-xl-12 { width: 100%; }
}

.container-fluid {
    max-width: 1800px;
    margin: 0 auto;
    padding: 0 16px;
    position: relative;
}
.bg-brown {
    background-color: var(--primary-950);
}
.bg-gray950 {
    background-color: var(--gray-950);
}
.bg-white {
    background-color: var(--white-color);
}
.bg-gray {
    background-color: #F5F5F5;
}
.color-gray50 {
    color: var(--gray-50);
}
.bg-default {
    background-color: var(--gray-50);
}
.ptb-64 {
    padding-top: 32px;
    padding-bottom: 32px;

    @media (min-width: 768px) {
        padding-top: 64px;
        padding-bottom: 64px;
    }
}
.gap-24 {
    gap: 20px;
}
.gap-16 {
    gap: 16px;
}
.gap-48 {
    gap: 34px;

    @media (min-width: 768px) {
        gap: 42px;
    }
}
.btn {
    background-color: var(--primary-500);
    color: var(--white-color);
    font-size: var(--body-sm-12-14);
    font-weight: 600;
    border: 1px solid var(--primary-500);
    border-radius: 8px;
    padding: 14px 16px;
    text-align: center;
}
.btn:hover {
    background-color: var(--primary-700);
    border-color: var(--primary-700);
}
.btn.btn1 {
    background-color: transparent;
    color: var(--white-color);
    border-color: var(--white-color);
}
.btn.btn1.noarrow:after {
    content: none;
}
.btn1:after {
    content: '';
    background-image: url(../img/arrow.svg);
    width: 10px;
    display: inline-block;
    background-size: 10px;
    height: 10px;
    position: relative;
    transition: 0.3s;
    margin-left: 8px;
    background-repeat: no-repeat;
}
.btn.btn1:hover {
    background-color: rgb(255 255 255 / 30%);
}
.btn1:hover:after {
    transform: rotate(45deg);
}
.btn.btn1.btn1bcol {
    background-color: rgb(240 78 35 / 5%);
    color: var(--primary-500);
    border-color: var(--primary-500);
}
.btn1.btn1bcol:after {
    background-image: url(../img/arrow-up.svg);
}
.btn.btn1.btn1bcol:hover {
    background-color: rgb(240 78 35 / 10%);
}
.btn1.noicon:after {
    content: none;
}
.color-white {
    color: var(--white-color);
}
.color-gray950 {
    color: var(--gray-950);
}
.text-center {
    text-align: center;
}
.title-wrp {
    max-width: 700px;
    margin: 0 auto;
}
.title-wrp.max-800 {
    max-width: 800px;
}
.color-white .pri-heading {
    color: var(--white-color);
}
.color-gray50 .pri-heading {
    color: var(--gray-50);
}
.n-anchor {
    font-size: var(--body-size);
    color: var(--primary-500);
    font-weight: 600;
}
.n-anchor:after {
    content: '';
    background-image: url(../img/arrow-up.svg);
    width: 10px;
    display: inline-block;
    background-size: 10px;
    height: 10px;
    position: relative;
    transition: 0.3s;
    margin-left: 8px;
    background-repeat: no-repeat;
}
.n-anchor:hover:after {
    transform: rotate(45deg);
}
.dwn-btn {
    font-size: var(--body-md);
    color: var(--primary-500);
    font-weight: 600;
}
.dwn-btn:after {
    content: '';
    background-image: url(../img/download-btn.svg);
    width: 15px;
    display: inline-block;
    background-size: 15px;
    height: 15px;
    position: relative;
    transition: 0.3s;
    margin-left: 8px;
    background-repeat: no-repeat;
}

/*-- Breadcrumb --*/
.rank-math-breadcrumb {
    p {
        font-size: var(--body-md) !important;
        text-transform: capitalize;
        font-weight: 500;
        width: 100%;
        color: var(--white-color);

        a {
            color: var(--white-color);

            &:hover {
                color: var(--primary-500);
            }
        }
    }
}

.titcnt-side {
    .pri-heading {
        @media (min-width: 1025px) {
            padding-right: 10px;
        }
    } 
}
.imgdiv {
    img {
        max-width: 100%;
    }
}

/*-- Announcement Bar --*/
.ann-bar {
    padding: 12px 0;
    font-size: var(--body-sm-10-14);
    color: var(--white-color);
    font-weight: 500;

    span {
        span {
            color: var(--primary-500)
        }
    }

    .ann-cntinfo {
        ul {
            display: flex;
            gap: 8px 32px;
            list-style: none;

            li {
                display: flex;
                align-items: center;
                position: relative;

                a {
                    font-size: 8px;
                    color: var(--white-color);
                    font-weight: 500;
                    margin-right: 8px;
                    display: flex;
                    align-items: center;
                    
                    @media (min-width: 768px) {
                        font-size: 14px;
                    }

                    &:hover {
                        color: var(--primary-500);
                    }

                    &:after {
                        content: '';
                        width: 4px;
                        height: 4px;
                        border-radius: 50%;
                        background: var(--white-color);
                        display: inline-block;
                        position: relative;
                        margin-left: 8px;
                    }

                    &:last-child {
                        margin-right: 0;

                        &:after {
                            content: none;
                        }
                    }
                }
                img {
                    max-width: 15px;
                    width: 100%;
                    margin-right: 8px;
                }

                &:before {
                    content: '';
                    position: absolute;
                    right: -16px;
                    width: 1px;
                    top: 1px;
                    bottom: 1px;
                    background: var(--white-color);
                }

                &:last-child {
                    &:before {
                    display: none;
                    }
                }
            }

            @media (min-width: 768px) {
                gap: 8px 48px;

                li {
                    &:before {
                        right: -24px;
                    }
                }
            }
        }
    }
}

/*-- Header CSS --*/
.header-middle {
    padding: 10px 0;
    position: relative;

    .container {
        position: initial;
    }

    .mh-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;

        .site-branding {
            width: 40%;

            img {
                max-width: 160px;
                width: 100%;
            }

            @media (min-width: 1025px) { 
                width: 20%;

                img {
                    max-width: 180px;
                }
            }
        }

        .hdsearch {
            .allpro {
                padding: 17px 18px;
                border: 0;
                border-radius: 8px;
                background: var(--primary-500);
                color: var(--white-color);
                font-size: var(--body-sm);
                font-weight: 600;
                display: flex;
                align-items: center;
                gap: 8px;
                transition: 0.3s;
                cursor: pointer;

                &:hover {
                    background: var(--primary-700);
                }

                img {
                    max-width: 15px;
                }
            }
        }

        .hdicon {
            width: 60%;
            display: flex;
            justify-content: end;
            gap: 8px;

            .ibox {
                width: 46px;
                height: 46px;
                background-color: var(--gray-100);
                border-radius: 8px;
                display: flex;
                justify-content: center;
                align-items: center;
                transition: 0.3s;

                &:hover {
                    background-color: var(--primary-500);
                }

                img {
                    width: 20px;
                }
            }

            .xoo-wsc-sc-cont {
                width: 46px;
                height: 46px;
                background-color: var(--gray-100);
                border-radius: 8px;
                display: flex;
                justify-content: center;
                align-items: center;
                transition: 0.3s;

                &:hover {
                    background-color: var(--primary-500);
                }
                .xoo-wsc-sc-bki {
                    font-size: 20px;
                }
                .xoo-wsc-sc-subt {
                    display: none;
                }
                .xoo-wsc-sc-count {
                    height: 24px;
                    width: 24px;
                    line-height: 24px;
                    top: -20px;
                    right: -20px;
                    font-size: 12px;
                    background-color: var(--primary-500);
                    color: var(--white-color);
                }
            }

            @media (min-width: 1025px) { 
                width: 20%;

                img {
                    max-width: 180px;
                }
            }
        }

        .hdsearch {
            width: 60%;
            display: flex;
            justify-content: space-between;
            gap: 16px;

            .searchbar {
                width: calc(100% - 158px);
                position: relative;

                form {
                    position: relative;
                }

                .search-field {
                    width: 100%;
                    padding: 16px;
                    background: #fff;
                    border: 1px solid var(--gray-100);
                    font-size: var(--body-sm);
                    color: var(--gray-400);
                    border-radius: 8px;

                    &:focus {
                        outline: none;
                    }
                }

                .search-submit {
                    background: transparent;
                    border: none;
                    padding: 0;
                    top: calc(50% - 9px);
                    right: 16px;
                    position: absolute;
                    font-size: 0;
                    background-image: url(../img/search.svg);
                    background-size: 16px;
                    width: 16px;
                    height: 16px;
                    background-repeat: no-repeat;
                    background-position: center;

                    &:focus {
                        outline: none;
                    }
                }
            }
        }
    }
}

/*-- Navigation --*/
.main-navigation {
    border-top: 1px solid var(--gray-100);
    border-bottom: 1px solid var(--gray-100);
}

/*-- Homepage baner --*/
.homebanner {
    padding: 16px;

    .hb-wrp {
       border-radius: 16px;
       padding: 70px 0 24px 24px;
       background-position: center bottom;
       background-repeat: no-repeat;
       background-size: cover;
       position: relative;
       overflow: hidden;

       &:before {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
       }

       &.default-design {
            min-height: 600px;
            display: flex;
            flex-wrap: wrap;
            align-items: end;
            
            &:before {
                background: linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.9) 100%);
            }
            
            .wrphb {
                .hb-cnt {
                    p {
                        font-size: var(--body-md);
                    }
                }
            }
       }

       .wrphb {
            position: relative;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 24px;
            width: 100%;

            .hb-cnt {
                width: 100%;
                display: flex;
                flex-direction: column;
                gap: 24px;
                padding-right: 24px;

                p {
                    font-size: var(--body-sm);
                }

                .btnwrp {
                    margin-top: 20px;
                }
            }

       }

        .banner-product {
            width: 100%;

            .new-pro {
                margin-top: 16px;

                .swiper-slide {
                    height: auto !important;
                }
            }
        }

       @media (min-width: 768px) { 
            padding: 190px 0 120px 24px;
            align-items: center;

            &.default-design {
                padding: 116px 0 64px 24px;
            }

            .wrphb {

                .hb-cnt {
                    max-width: 700px;
                    width: 52%;
                    padding-right: 0;
                }
            }

            .banner-product {
                width: 46%;
                max-width: 410px;

                .new-pro {
                    margin-top: 24px;
                }
            }
       }

       &.sp-banner {
         .wrphb {
            .hb-cnt {
                max-width: 980px;
                width: 100%;
            }
         }
       }

       @media (min-width: 1025px) { 
            padding: 190px 0 120px 64px;

            &.default-design {
                padding: 116px 0 64px 64px;
            }
       }
    }
    &.shop-banner {
        .hb-wrp {
            &.default-design {
                @media (min-width: 768px) { 
                    align-items: center;
                }
            }
        }
    }
}

.swiper-pagination-progressbar {
    position: relative;
    margin-top: 16px;
    max-width: 200px;
    height: 4px;
    border-radius: 4px;
    overflow: hidden;
    background: rgb(255 255 255 / 20%);

    .swiper-pagination-progressbar-fill {
        background: var(--white-color);
    }

    @media (min-width: 768px) { 
        margin-top: 24px;
    }
}

/*-- New Product Item --*/
.newpro {
    .swiper-wrapper {
        height: auto;
    }
}
.proitem {
    background-color: var(--white-color);
    border-radius: 8px;
    overflow: hidden;
    transition: 0.3s;
    height: 100%;

    &:hover {
        background-color: var(--gray-50);
    }

    a {
        padding: 10px;
        display: block;
        color: inherit;
        font-size: inherit;
        font-weight: inherit;

        .pi-img {
            border-radius: 4px;
            border: 1px solid var(--gray-100);
            overflow: hidden;
            margin-bottom: 16px;

            img {
                width: 100%;
                height: 140px;
                object-fit: cover;
                object-position: center;

                @media (min-width: 1025px) { 
                    height: 180px;
                }
            }
        }
        .pi-price {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
            font-size: var(--body-md);
            color: var(--primary-500);
            font-weight: 600;

            ins {
                order: 1;
                text-decoration: none;
            }
            del {
                order: 2;
                color: var(--gray-600);
                font-weight: 500;
            }
            .gst-suffix {
                order: 3;
                color: var(--gray-600);
                font-size: var(--body-sm-12-14);
                font-weight: 400;
            }
        }
    }
}

/*-- Image content image --*/
.img-cnt-img {
    .bgimg {
        min-height: 400px;
        border-radius: 16px;
        overflow: hidden;
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        height: 100%;
    }
    .ic-wrp {
        padding: 16px 0 0;

        .btn {
            margin-top: 16px;
        }

        .innercntimg {
            width: 100%;
            margin-top: 24px;
            gap: 16px;
            justify-content: space-between;

            .inimg-cnt {
                width: 100%;
                padding: 0;
                order: 2;

                ul {
                    list-style: none;

                    li {
                        display: flex;
                        gap: 16px;
                        font-size: 16px;
                        font-weight: 600;
                        color: var(--gray-950);
                        margin-bottom: 16px;
                        align-items: center;

                        &:last-child {
                            margin-bottom: 0;
                        }

                        span {
                            width: 36px;
                            min-width: 36px;

                            img {
                                width: 100%;
                            }
                        }
                    }
                }
            }

            .inimg-img {
                width: 100%;
                min-height: 240px;
                border-radius: 8px;
                overflow: hidden;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                order: 1;
            }

            &.img-left {
                .inimg-cnt {
                    order: 1;
                    margin-top: 16px;

                    @media (min-width: 768px) { 
                        margin-top: 0;
                    }

                    @media (min-width: 1025px) { 
                        padding-left: 50px;
                    }

                    .btn {
                        display: inline-block;
                    }
                }
                .inimg-img {
                    order: 1;
                }
            }
        }

        @media (min-width: 768px) { 
            padding: 35px 0 35px 0px;

            &.ptb-0 {
                padding: 0;
            }

            .innercntimg {
                .inimg-img {
                    width: 28%;
                    order: 2;
                }
                .inimg-cnt {
                    width: calc(72% - 16px);
                    order: 1;
                    padding: 20px 0;

                    ul {
                        li {
                            gap: 24px;
                            margin-bottom: 24px;

                            span {
                                width: 40px;
                                min-width: 40px;
                            }
                        }
                    }
                }
            }
        }

        @media (min-width: 1025px) { 
            padding: 35px 0 35px 30px;

            &.ptb-0 {
                padding: 0 0 0 30px;
            }

            .innercntimg {
                margin-top: 40px;
            }
        }
    }
}

/*-- Featured Product --*/
.tas-cps {
    width: 100%;
    margin-top: 48px;

    .tas-cps-filter {
        display: flex;
        gap: 12px;
        border-bottom: 1px solid var(--gray-100);
        overflow-x: auto;
        margin-bottom: 32px;
        justify-content: start;

        @media (min-width: 1025px) { 
            justify-content: center;
        }

        &::-webkit-scrollbar {
            display: none;
        }

        button {
            background: transparent;
            border: 0;
            padding: 16px;
            cursor: pointer;
            font-size: 16px;
            font-weight: 500;
            color: var(--gray-800);
            white-space: nowrap;
            border-bottom: 2px solid transparent;

            &.is-active {
                color: var(--primary-500);
                border-color: var(--primary-500);
                font-weight: 600;
            }
        }
    }

    .tas-cps-slider-area {
        .is-loading {
            opacity: .45;
            pointer-events: none;
        }
        .tas-cps-swiper {
            .swiper-wrapper {
                height: auto;
            }
            .swiper-slide {
                height: auto;
            }
        }
        .tas-cps-category-card {
            min-height: 300px;
            border-radius: 8px;
            padding: 32px;
            color: var(--white-color);
            background: linear-gradient(135deg, #d84a25, #8c321f);
            background-image: url(../img/bg-color.avif);
            background-size: cover;
            background-position: center;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            overflow: hidden;
            height: 100%;
            
            .ccc-top {
                margin-bottom: 40px;

                img {
                    width: 100%;
                    max-width: 130px;
                    margin-bottom: 16px;
                }

                h3 {
                    margin-bottom: 16px;
                }

                p {
                    font-size: var(--body-sm);
                }
            }
            .btn {
                display: block;
                text-align: center;
            }
        }

        .tas-cps-product-card {
            background: var(--white-color);
            position: relative;

            .tas-cps-product-image {
                display: block;
                position: relative;
                background: var(--gray-50);
                border-radius: 8px;
                overflow: hidden;
                border: 1px solid var(--gray-100);
                line-height: 0;

                &:after {
                    content: '';
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    background: rgba(0, 0, 0, 0);
                    transition: 0.3s;
                    z-index: 0;
                }

                img {
                    height: 280px;
                    width: 100%;
                    object-fit: contain;
                    object-position: center;
                }

                .tas-cps-sale-badge {
                    position: absolute;
                    top: 16px;
                    left: 16px;
                    padding: 5px 9px;
                    border-radius: 4px;
                    background: var(--primary-500);
                    color: var(--white-color);
                    font-size: 12px;
                    font-weight: 500;
                    line-height: 1;
                }

                span {
                    background: var(--white-color);
                    padding: 12px;
                    font-size: 14px;
                    color: var(--gray-950);
                    width: calc(100% - 32px);
                    display: block;
                    border-radius: 5px;
                    text-align: center;
                    position: absolute;
                    left: 16px;
                    bottom: -50px;
                    transition: 0.3s;
                    font-weight: 600;
                    line-height: 1.5;
                    z-index: 1;

                    &:hover {
                        background-color: var(--primary-500);
                        color: var(--white-color);
                    }
                }
            }

            &:hover {
                .tas-cps-product-image {
                    span {
                        bottom: 16px;
                    }

                    &:after {
                        background: rgba(0, 0, 0, 0.2);
                    }
                }
            }

            .tas-cps-product-content {
                padding-top: 20px;

                h4 {
                    margin: 0 0 8px;
                    font-size: var(--body-xl);
                    line-height: 1.5;
                    color: var(--gray-950);

                    a {
                        color: inherit;
                        font-size: inherit;
                        font-weight: inherit;

                        &:hover {
                            color: var(--primary-500);
                        }
                    }
                }

                .tas-cps-price {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 6px;
                    text-decoration: none;
                    margin-top: 8px;
                    align-items: end;

                    ins {
                        font-size: var(--body-md);
                        font-weight: 600;
                        color: var(--primary-500);
                        order: 1;
                        text-decoration: none;
                    }
                    del {
                        font-size: var(--body-md);
                        font-weight: 400;
                        color: var(--gray-600);
                        order: 2;

                        span {
                            color: var(--gray-600) !important;
                        }
                    }
                    .ex-gst {
                        font-size: var(--body-sm);
                        color: var(--gray-600);
                        order: 3;
                    }
                    .woocommerce-Price-amount {
                        font-size: var(--body-md);
                        font-weight: 600;
                        color: var(--primary-500);
                        order: 1;
                        text-decoration: none;
                    }
                    .gst-suffix {
                        order: 3;
                        font-size: var(--body-sm-12-14);
                        color: var(--gray-600);
                    }
                }
            }

        }
    }
    .tas-cps-empty {
        min-height: 300px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 24px;
        text-align: center;
    }
}

.tas-cps-nav {
    display: flex;
    gap: 8px;
    margin-top: 32px;

    .tas-cps-prev,
    .tas-cps-next {
        min-width: 44px;
        min-height: 44px;
        max-width: 44px;
        max-height: 44px;
        border: 0;
        border-radius: 8px;
        cursor: pointer;
        font-size: 18px;
        line-height: 1;
        background: var(--gray-950);
        
        img {
            filter: brightness(0) invert(1);
        }

        &.swiper-button-disabled {
            cursor: not-allowed;
            background: var(--gray-100);
            opacity: 1;

            img {
                filter: none;
            }
        }
    }

    &:has(.swiper-button-lock) {
        display: none;
    }
}

/*-- counter section --*/
.count-se {
    padding-left: 16px;
    padding-right: 16px;

    .container-fluid {
        padding: 0;
    }

    .btnwrp {
        margin-top: 32px;

        @media (min-width: 768px) {
            margin-top: 48px;
        }
    }

    .count-wrp {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding: 48px 24px 24px;
        border-radius: 16px;
        overflow: hidden;
        position: relative;

        &:before {
            content: '';
            position: absolute;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.64) 100%);
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
        }

        .pri-heading {
            color: var(--white-color);
        }

        @media (min-width: 768px) {
            padding: 64px 24px 40px;
        }

        @media (min-width: 1025px) {
            padding: 64px 48px 40px;
        }
    }
}

.info-items {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
    margin-top: 40px;

    .item-info {
        padding: 16px;
        border-radius: 16px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 32px;

        span {
            font-size: var(--heading-70);
            color: var(--primary-500);
            line-height: 1.1;
        }

        .info-btm-cnt {
            p {
                color: var(--gray-800);
                margin-top: 10px;
            }
        }
    }

    @media (min-width: 600px) {
        grid-template-columns: repeat(2, 1fr);

    }

    @media (min-width: 768px) {
        grid-template-columns: repeat(4, 1fr);
        margin-top: 48px;
    }

    @media (min-width: 1025px) {
        .item-info {
            padding: 24px;
            gap: 64px;
        }
    }
}

/*-- Image Content section --*/
.img-full-cnt {
    .wrp-ifc {
        position: relative;

        .sideimg {
            position: relative;
            min-height: 340px;
            width: calc(100% - 48px);
            border-radius: 16px;
            margin-left: 24px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;

            @media (min-width: 768px) {
                position: absolute;
                min-height: 340px;
                left: 0;
                width: 42%;
                top: 0;
                bottom: 0;
                border-radius: 0 16px 16px 0px;
                margin-left: 0;
            }
        }
    }

    .fimg-cnt {
        padding-top: 40px;

        .pri-heading {
            margin-bottom: 24px;
        }
        p {
            font-size: var(--body-size);
        }
        .btnwrp {
            margin: 32px 0 48px;
        }
        .list-plusicon {
            ul {
                list-style: none;

                li {
                    display: flex;
                    align-items: center;
                    gap: 14px;
                    font-size: var(--body-size);
                    font-weight: 600;
                    margin-bottom: 12px;

                    &:last-child {
                        margin-bottom: 0;
                    }

                    &:before {
                        content: '';
                        background-image: url(../img/plus.svg);
                        min-width: 18px;
                        max-width: 18px;
                        height: 18px;
                        background-size: 18px;
                        background-repeat: no-repeat;
                        background-position: center;
                    }
                }
            }
        }

        @media (min-width: 768px) {
            padding-top: 48px;
            padding-bottom: 48px;

            .btnwrp {
                margin: 40px 0 64px;

                &:last-child {
                    margin-bottom: 0;
                }
            }
        }
    }

    .img-ins {
        position: relative;
        overflow: hidden;
        min-height: 340px;

        .imgwrp {
            position: absolute;
            left: 12px;
            right: 12px;
            top: 0;
            bottom: 0;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            border-radius: 16px;
        }
    }

    &.img-right  {
        .sideimg {
            border-radius: 16px;
            @media (min-width: 768px) {
                left: auto;
                right: 0;
                border-radius: 16px 0 0 16px;
            }
        }

        .col-md-6 {
            order: 2;

            &.fimg-cnt {
                order: 1;
            }
        }
        @media (max-width: 767px) {
            .wrp-ifc {
            display: grid;
            grid-template-columns: 1fr;
            }

            .sideimg {
                order: 2;
            }
            .container {
                order: 1;
            }
            .fimg-cnt { 
                padding-top: 0;
                padding-bottom: 40px;
            }
        }
    }

    &.img-cnt-ins {
        .fimg-cnt {
            .list-plusicon {
                p:not(:last-child),
                ul {
                    margin-bottom: 30px;

                    li {
                        font-weight: 400;
                    }
                }
            }
        }
        @media (min-width: 768px) {
            .fimg-cnt {
                padding-top: 28px;
                padding-bottom: 28px;
            }
        }
        @media (min-width: 1025px) {
            .fimg-cnt {
                padding-right: 6%;

                &.ptb-large {
                    padding-top: 80px;
                    padding-bottom: 80px;
                }

                .list-plusicon {
                    p:not(:last-child),
                    ul
                    {
                        margin-bottom: 30px;
                    }
                }
            }
            .img-ins {
                .imgwrp {
                    left: 40px;
                }
            }

        }

        &.image-left {
            @media (min-width: 1025px) {
                .fimg-cnt {
                    padding-left: 6%;
					padding-right: 0;
                }
                .img-ins {
                    .imgwrp {
                        right: 40px;
                        left: 0;
                    }
                }

            }
        }
    }
}

/*-- Industry List --*/
.ts-industries {
    background-image: url(../img/bg-1.avif);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    &.nobg {
        background-image: none;
    }

    .btnwrp {
        margin-top: 10px;

        @media (min-width: 1025px) {
            margin-top: 16px;
        }
    }
}

.in-lists {
    display: grid;
    grid-template-columns: repeat(1, 1fr); 
    gap: 24px;
    margin-top: 40px; 

    .ind-item {
        grid-column: span 2;
        min-height: 360px;
        padding: 24px;
        border-radius: 16px;
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: end;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;

        &:before {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
        }

        .inditem-cnt {
            position: relative;

            .slide-cnt {
                display: grid;
                grid-template-rows: 0fr;
                transition: grid-template-rows 0.4s cubic-bezier(0.25, 1, 0.5, 1);

                .slide-inner {
                    overflow: hidden;
                }

                p {
                    font-size: var(--body-size);
                    margin-bottom: 24px;
                }
            }
        }

        &:hover {
            .inditem-cnt {
                .slide-cnt {
                    grid-template-rows: 1fr;
                    margin-top: 16px;
                }
            }
        }
    }

    @media (min-width: 768px) {
        margin-top: 48px;
        grid-template-columns: repeat(6, 1fr);

        .ind-item {
            min-height: 340px;

            &:nth-child(1),
            &:nth-child(2) {
                grid-column: span 3;
                min-height: 360px;
            }
        }
    }
}

/*-- Usercase section --*/
.uc-wrap {
    padding-left: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;

    .sidetitle {
        max-width: 100;
        padding-right: 24px;

        .pri-heading {
            margin-bottom: 24px;
        }

        p {
            margin-bottom: 40px;
        }

        @media (min-width: 768px) {
            max-width: 390px;
            padding-right: 0;
        }

        @media (min-width: 1025px) {
            max-width: 490px;
        }
    }

    .uc-items {
        max-width: 100%;
        margin-top: 40px;

        .swiper-pagination-bar {
            background: var(--gray-100);
            margin-left: auto;
            margin-right: auto;
            max-width: 300px;
            margin-top: 32px;

            .swiper-pagination-progressbar-fill {
                background: var(--gray-950);
            }
        }

        @media (min-width: 768px) {
            max-width: calc(100% - 420px);
            margin-top: 0;
        }

        @media (min-width: 1025px) {
            max-width: calc(100% - 580px);
        }
    }

    .tas-cps-nav {
        margin-top: 0;
    }

    @media (min-width: 1025px) {
        padding-left: 70px;
    }

    @media (min-width: 1440px) {
        padding-left: calc((100% - 1300px) / 2);
    }

    @media (min-width: 1600px) {
        padding-left: 70px;
    }

    @media (min-width: 1760px) {
        padding-left: calc((100% - 1620px) / 2);
    }
}

.uc-slide-item {
    background-color: var(--gray-50);
    border-radius: 16px;
    padding: 8px;
    border: 1px solid var(--gray-100);
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    .uc-img {
        width: 100%;
        height: 224px;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 8px;
    }

    .uc-cnt {
        width: 100%;
        padding: 24px 16px;

        p {
            color: var(--gray-800);
            margin: 16px 0;
        }
    }

    @media (min-width: 601px) {
        .uc-img {
            width: 46%;
            height: 390px;
        }

        .uc-cnt {
            width: 54%;
            padding: 36px;
        }
    }
}

/*-- Case Study filter --*/
.cs-filter {
    background-image: url(../img/bg-2.avif);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    .title-wrp {
        max-width: 640px;
    }

    .btnwrp {
        margin-top: 40px;

        @media (min-width: 1025px) {
            margin-top: 48px;
        }
    }
}
.case-studies-filter-container {
    margin-top: 40px;

    .project-type-filter {
        display: flex;
        gap: 12px;
        overflow-x: auto;
        margin-bottom: 40px;
        justify-content: start;
        list-style: none;
        position: relative;
        
        &:after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            height: 1px;
            background: rgb(255 255 255 / 20%);
            bottom: 2px;
            z-index: 0;
        }

        &::-webkit-scrollbar {
            display: none;
        }

        li {

            a {
                padding: 16px;
                cursor: pointer;
                font-size: var(--body-md);
                font-weight: 500;
                color: rgb(255 255 255 / 50%);
                white-space: nowrap;
                border-bottom: 2px solid transparent;
                display: inline-block;
                position: relative;

                &.active {
                    font-weight: 600;
                    color: var(--primary-500);
                    
                    &:after {
                        content: '';
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        height: 2px;
                        background: var(--primary-500);
                        z-index: 1;
                    }
                }
            }
        }  
    }

    .case-studies-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;

        .case-study-card {
            height: 340px;
            position: relative;
            border-radius: 16px;
            overflow: hidden;
            border: 1px solid #343435;
            padding: 16px;
            display: flex;
            align-items: end;
            transition: all 0.3s ease-in-out;
            cursor: pointer;

            .case-study-image {
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;

                &:after {
                    content: '';
                    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 58.57%, #000000 100%);
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                }

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    object-position: center;
                }
            }
            .cs-cntwrp {
                position: relative;

                .cntwrp-btm {
                    display: grid;
                    grid-template-rows: 0fr;
                    transition: grid-template-rows 0.4s cubic-bezier(0.25, 1, 0.5, 1);

                    .slide-inner {
                        overflow: hidden;
                    }

                    .n-anchor {
                        margin-top: 14px;
                        display: inline-block;
                    }
                }
            }

            &:hover {
                .cs-cntwrp {
                    .cntwrp-btm {
                        margin-top: 14px;
                        grid-template-rows: 1fr;
                    }
                }
            }
        }
    }

    @media (min-width: 768px) {
        .case-studies-grid {
            grid-template-columns: 1fr 1fr 1fr;
            transition: grid-template-columns 0.3s ease-in-out !important;
            width: 100%;

            &:has(.case-study-card:nth-child(1):hover) {
                grid-template-columns: 2fr 1fr 1fr;
            }

            &:has(.case-study-card:nth-child(2):hover) {
                grid-template-columns: 1fr 2fr 1fr;
            }

            &:has(.case-study-card:nth-child(3):hover) {
                grid-template-columns: 1fr 1fr 2fr;
            }
        }
    }

    @media (min-width: 1025px) {
        margin-top: 48px;

        .project-type-filter {
            justify-content: center;
            margin-bottom: 48px;
        }

        .case-studies-grid {
            .case-study-card {
                height: 500px;
                padding: 24px;
            }
        }
    }
}

/*-- Recent Post --*/
.tas-cps-nav.mt-0 {
    margin-top: 0;
}
.rp-items {
    margin-top: 48px;
}

.post-item {
    .post-thumbnail {
        height: 200px;
        overflow: hidden;
        border-radius: 8px;
        margin-bottom: 12px;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .2s;
        }

        &:hover {
            img {
                transform: scale(1.1);
            }
        }
    }

    .postmeta {
        font-size: var(--body-sm-12-14);
        color: var(--gray-600);
        margin-bottom: 12px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;

        .post-date:after {
            content: '';
            width: 4px;
            height: 4px;
            position: relative;
            display: inline-block;
            background: var(--gray-600);
            border-radius: 50%;
            top: -2px;
            margin-left: 5px;
        }
    }

    .heading-h6 {
        a {
            font-weight: inherit;
            font-size: inherit;
            color: inherit;

            &:hover {
                color: var(--primary-500);
            }
        }
    }

    p {
        color: var(--gray-800);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-top: 20px;
        margin-top: 12px;
    }
    .n-anchor {
        display: inline-block;
        margin-top: 12px;
    }

    @media (min-width: 1025px) { 
        .post-thumbnail {
            height: 312px;
            margin-bottom: 20px;
        }
        .postmeta {
            margin-bottom: 20px;
        }
        .n-anchor {
            margin-top: 20px;
        }
    }
}

/*--- CTA ---*/
.cta-wrp {
    padding: 24px;
    border: 1px solid var(--gray-100);
    border-radius: 16px;
    background-image: url(../img/bg-3.avif);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    .ctaimg {
        
        overflow: hidden;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 8px;
            min-height: 340px;
        }
    }
    .ctacnt {
        padding: 0;
        margin-top: 40px;

        ul {
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            font-weight: 600;
            gap: 16px 30px;
            gap: 16px 16px;

            li:not(:last-child) {
                &:after {
                    content: '';
                    width: 5px;
                    height: 5px;
                    background: var(--gray-950);
                    border-radius: 4px;
                    display: inline-block;
                    margin-left: 10px;
                    position: relative;
                    top: -3px;
                }
            }
        }

        .btnwrp {
            margin-top: 16px;
        }
    }

    @media (min-width: 768px) {
        .ctacnt {
            margin-top: 0;
        }
    }

    @media (min-width: 1025px) {
        .ctacnt {
            padding: 0 44px;
            margin-top: 0;
        }
        .ctaimg {
            padding-right: 16px;
            img {
                min-height: 460px;
            }
        }
    }
    @media (max-width: 484px) {
        .ctacnt {
            .btnwrp {
                .btn {
                    width: 100%;
                }
            }
        }
    }
}

/*--- Footer ---*/
.site-footer {
    padding: 16px;

    .footer-wrp {
        padding: 32px 8px;
        background: var(--white-color);
        border-radius: 16px;
        border: 1px solid var(--gray-100);

        .footer-item {
            margin-bottom: 24px;

            &:last-child {
                margin-bottom: 0;
            }

            .social-icon {
                margin-top: 12px;
            }

            .widget_text {
                p {
                    font-size: var(--body-lg);
                    color: var(--gray-800);
                    max-width: 350px;
                }
            }

            .widget-title {
                font-size: var(--body-sm-12-14);
                font-weight: 700;
                color: var(--gray-950);
                text-transform: uppercase;
                margin-bottom: 12px;
                display: block;
            }

            .menu {
                list-style: none;

                li {
                    display: block;
                    margin-bottom: 12px;

                    a {
                        color: var(--gray-800);
                        font-size: var(--body-md);

                        &:hover {
                            color: var(--primary-500);
                        }
                    }

                    &:last-child {
                        margin-bottom: 0;
                    }
                }
            }
        }
        .btm-footer {
            border-top: 1px solid #E1E1E1;
            margin-top: 48px;
            padding-top: 32px;

            .fbt-item {
                font-size: var(--body-sm-12-14);
                color: var(--gray-800);
                margin-bottom: 16px;

                &:last-child {
                    margin-bottom: 0;
                }

                &.copyright {
                    text-align: center;
                }

                &.websiteby {
                    text-align: center;

                    a {
                        color: var(--primary-500);

                        &:hover {
                            color: var(--primary-700);
                        }
                    }
                }

                &.terms-cnd {
                    ul {
                        list-style: none;
                        display: flex;
                        justify-content: center;
                        flex-wrap: wrap;
                        gap: 16px 0;

                        li {
                            line-height: 1;

                            a {
                                color: var(--gray-800);

                                &:hover {
                                    color: var(--primary-500);
                                }
                            }
                        }
                        
                        li:not(:first-child) {
                            padding-left: 16px;
                            margin-left: 16px;
                            border-left: 1px solid var(--gray-800);
                        }
                    }
                }
            }
        }
    }

    @media (min-width: 768px) {
        .footer-wrp {
            padding: 64px 0;

            .footer-item {
                margin-bottom: 0;

                .widget-title {
                    margin-bottom: 20px;
                }
            }

            .btm-footer {
                margin-top: 64px;
                padding-top: 40px;

                .fbt-item {
                    margin-bottom: 0;

                    &.copyright {
                        text-align: left;
                    }

                    &.terms-cnd {
                        ul {
                            justify-content: end;
                        }
                    }
                }
            }
        }
    }
}

.social-icon {
    gap: 8px;
    list-style: none;

    li {
        a {
            width: 40px;
            height: 40px;
            background-color: #FEF0EC;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 4px;

            &:hover {
                background-color: #f6e2dd;
            }

            img {
                max-width: 20px;
                width: 100%;
            }
        }
    }
}

.accordion-item {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.accordion-item:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.accordion-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    cursor: pointer;
    text-align: left;
    font-size: var(--heading-h5);
    color: var(--gray-950);
    transition: color 0.2s ease;
    font-weight: 600;
    padding: 16px 0;
    line-height: 1.1;

    @media (min-width: 768px) {
        padding: 24px 0;
    }
}
.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}
.accordion-item.active .accordion-content {
    max-height: 200px;
}
.accordion-content p {
    margin-bottom: 16px;
}
.accordion-header:after {
    content: '+';
    font-family: 'iconmoon';
    font-size: 16px;
    transition: transform 0.3s ease;
    background: var(--gray-100);
    min-width: 36px;
    min-height: 36px;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    color: var(--gray-950);
}
.accordion-item.active .accordion-header:after { 
    content: '\2212';
    background: var(--gray-950);
    color: var(--white-color);
}

.cnt-acc {
    .titcnt-side {
        margin-bottom: 40px;

        @media (min-width: 1025px) {
            margin-bottom: 48px;
        }
    }

    .imgdiv {
        margin-top: 24px;
    }

    .accwrp {
        .accordion-item {
            &:first-child {
                border-top: none;

                .accordion-header {
                    padding-top: 0;
                }
            }
            &:last-child {
                border-bottom: none;
            }
            &.active {
                .accordion-header {
                    color: var(--primary-500);
                }
            }
        }

        @media (min-width: 1025px) {
            padding-right: 32px;
        }
    }

    @media (min-width: 768px) {
        .imgdiv {
            margin-top: 0;
        }
    }
}

.acnt-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 24px;
    margin-bottom: 16px;

    .aci-cnt {
        width: 100%;
        order: 2;

        p:last-child {
            margin-bottom: 0;
        }
    }
    .aci-img {
        width: 100%;
        line-height: 0;
        order: 1;

        img {
            width: 100%;
            border-radius: 16px;
        }
    }

    @media (min-width: 600px) {
        margin-bottom: 24px;

        .aci-cnt {
            width: calc(100% - 32% - 24px);
            order: 1;
        }
        .aci-img {
            width: 32%;
            order: 2;
        }
    }
}

.faqwrp {
    max-width: 1000px;
    margin: 0 auto;

    .wrpfaq {
        margin-top: 40px;

        .accordion-item {
            background-color: var(--white-color);
            padding: 0 16px;
            border: 1px solid var(--gray-100);
            border-radius: 8px;
            margin-bottom: 8px;

            .accordion-header {
                font-size: var(--body-lg);
                padding: 16px 0;

                &:after {
                    min-width: 16px;
                    min-height: 16px;
                    background-size: 16px;
                    background-repeat: no-repeat !important;
                    background: transparent;
                    font-size: 0;
                    background-image: url(../img/faq-Icon.svg);
                    height: 16px;
                    transition: 0.3s;
                }
            }

            .accordion-content {
                color: var(--gray-600);
            }

            &:last-child {
                margin-bottom: 0;
            }

            &.active {
                 .accordion-header {
                    &:after {
                        transform: rotate(-180deg);
                    }
                 }
            }
        }
    }

    @media (min-width: 1025px) {
        .wrpfaq {
            margin-top: 48px;

            .accordion-item {
                padding: 0 24px;

                .accordion-header {
                    padding: 19px 0;
                }
            }
        }
    }
}

/*-- Category List --*/
.pro-category {
    .category-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 16px;
        
        .category-box {
            .imgwrp {
                border-radius: 8px;
                overflow: hidden;
                margin-bottom: 20px;
                line-height: 0;

                img {
                    height: 200px;
                    object-fit: cover;
                    width: 100%;
                    object-position: center;
                    transition: transform 0.3s ease;
                }
            }

            .cat-meta {
                display: flex;
                gap: 10px;
                justify-content: space-between;
                align-items: start;

                h3 {
                    font-size: var(--heading-h6);
                    color: var(--gray-950);
                    font-weight: 600;
                    transition: 0.3s;
                }

                .icon {
                    min-width: 40px;
                    min-height: 40px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 8px;
                    background-color: var(--gray-100);
                    transition: 0.3s;

                    img {
                        width: 10px;
                    }
                }
            }

            &:hover {
                .imgwrp {
                    img {
                        transform: scale(1.1);
                    }
                }
                .cat-meta {
                    h3 {
                        color: var(--primary-500);
                    }

                    .icon {
                        background-color: var(--primary-500);

                        img {
                            filter: brightness(0) invert(1);
                        }
                    }
                }
            }
        }

        @media (max-width: 1024px) {
            display: flex;
            overflow-x: auto;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
            gap: 8px;
            -ms-overflow-style: none;
            scrollbar-width: none;

            &::-webkit-scrollbar {
                display: none;
            }

            .category-box {
                flex: 0 0 300px;

                .imgwrp {
                    margin-bottom: 12px;
                }
            }
        }
    }
}

/*-- Product List --*/
.productlists {
    &.hide_filter {
        .title-wrp-full {
            text-align: center;
        }
        .wcaf-sidebar,
        .wcaf-toolbar
        {
            display: none;
        }

        @media (min-width: 1025px) {
            .wcaf-products-grid.wcaf-columns-3 {
                grid-template-columns: repeat(4, 1fr);
            }
        }
    }
    .title-wrp-full {
        margin-bottom: 40px;

        @media (min-width: 1024px) {
            margin-bottom: 48px;
        }
    }

    .wcaf-results-count {
        display: none;
    }

    .wcaf-sort {
        position: relative;

        .wcaf-orderby {
            font-size: 14px;
            color: var(--gray-950);
            font-weight: 600;
            padding: 12px 16px 12px 70px;
            border: 1px solid var(--gray-100);
            border-radius: 8px;

            &:focus {
                outline: none;
            }
        }

        label {
            position: absolute;
            left: 16px;
            font-size: 14px;
            top: 48%;
            transform: translateY(-52%);
            font-weight: 600;
            z-index: 0;
        }
    }
}

.woocommerce-LoopProduct-link {
    .custom-product-image-wrapper {
        position: relative;
        border-radius: 8px;
        overflow: hidden;
        line-height: 0;
        margin-bottom: 16px;
        border: 1px solid var(--gray-100);
		background: #fbfcfd;

        &:after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0);
            transition: 0.3s;
        }

        .custom-product-image-link {
            position: absolute;
            left: 16px;
            right: 16px;
            background: var(--white-color);
            color: var(--gray-950);
            text-align: center;
            bottom: -90px;
            display: inline-block;
            padding: 12px;
            font-size: var(--body-sm-12-14);
            line-height: 1.5;
            z-index: 1;
            font-weight: 600;
            border-radius: 5px;
            transition: 0.3s;
        }

        img {
            height: 200px;
            width: 100%;
            object-fit: contain;
        }

        .onsale {
            background: var(--primary-500);
            font-size: 12px;
            border-radius: 0;
            padding: 5px 8px;
            min-height: auto;
            min-width: auto;
            text-transform: var(--white-color);
            line-height: 1.1;
            left: 16px;
            top: 16px;
            font-weight: 500;
            border-radius: 4px;
            color: var(--white-color);
            position: absolute;
        }

        @media (min-width: 1025px) {
            margin-bottom: 24px;

            img {
                height: 280px;
            }
        }
    }

    .woocommerce-loop-product__title {
        font-size: var(--body-xl);
        font-weight: 600;
        color: var(--gray-950);
        line-height: 1.5;
        margin-bottom: 8px;
    }

    .price {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        font-size: var(--body-md);
        color: var(--primary-500);
        font-weight: 600;

        del {
            order: 2;
            color: var(--gray-600);
            font-weight: 500;
        }

        ins {
            order: 1;
            text-decoration: none;
        }

        .gst-suffix {
            order: 3;
            color: var(--gray-600);
            font-size: var(--body-sm-12-14);
            font-weight: 400;
        }
    }
}

.woocommerce-loop-product__link:hover .custom-product-image-wrapper:after {
    background: rgba(0, 0, 0, 0.2);
}

.woocommerce-loop-product__link:hover .custom-product-image-link {
    bottom: 16px;
}

.teslist {
    margin-top: 40px;

    .tas-cps-nav {
        justify-content: center;
        margin-top: 40px;

        @media (min-width: 768px) {
            margin-top: 48px;
        }
    }

    .swiper-wrapper {
        align-items: stretch;
    }

    .swiper-slide {
        width: 80%;
        transition: transform 0.3s, opacity 0.3s;
        height: auto;
    }

    .testiwrp {
        padding: 8px;
        border-radius: 16px;
        border: 1px solid var(--gray-100);
        background-color: var(--white-color);
        height: 100%;

        .testi-img {
            width: 100%;
            min-height: 224px;
            border-radius: 8px;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }
        .testi-cnt {
            width: 100%;
            padding: 30px 16px 24px;

            img {
                width: 100%;
                max-width: 96px;
                margin-bottom: 12px;
            }

            p {
                font-size: var(--body-lg);
                font-weight: 600;
                color: var(--gray-950);
            }

            .client-details {
                margin-top: 12px;

                span {
                    width: 100%;
                    display: block;

                }

                .cli-name {
                    font-size: 16px;
                    font-weight: 700;
                    color: var(--gray-950);
                }
                .cli-pos {
                    font-size: var(--body-sm-12-14);
                    color: var(--gray-600);
                    margin-top: 5px;
                }
            }
        }
    }
    @media (min-width: 500px) {
        .swiper-slide {
            width: 75%;
        }
    }
    @media (min-width: 768px) {
        margin-top: 48px;

        .swiper-slide {
            width: 70%;
        }

        .testiwrp {
            .testi-img {
                width: 48%;
            }
            .testi-cnt {
                width: 52%;
                padding: 14px 32px;

                img {
                    margin-bottom: 16px;
                }

                .client-details {
                    margin-top: 20px;
                }
            }
        }
    }

    @media (min-width: 1025px) {
        .swiper-slide {
            width: 43%;
        }
    }
}

.single-industlist {
    .in-lists {
            .ind-item {
                grid-column: span 3;

                .heading-h4 {
                    font-size: var(--heading-28-24);
                }
            }
    }
}

/*-- --*/
.simsol-sec {
    padding-left: 16px;
    padding-right: 16px;

    .simsol-wrp {
        padding: 48px 0 16px;
        border-radius: 16px;
        background-size: cover;
        background-repeat: repeat;
        background-position: center;
        position: relative;
        overflow: hidden;

        &:before {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: rgba(0, 0, 0, 0.2);
        }

        .simsol {
            width: 100%;
            background: var(--white-color);
            padding: 24px;
            border-radius: 8px;

            .simsol-cnt {
                display: flex;
                flex-wrap: wrap;
                flex-direction: column;
                gap: 24px;
                padding-bottom: 32px;
                margin-bottom: 32px;
                border-bottom: 1px solid var(--gray-100);
            }
        }

        .tas-cps-nav {
            margin-top: 32px;
            .swiper-pagination {
                position: relative;
                top: 0;
                font-size: var(--body-xl);
                color: #8A8A8E;

                .swiper-pagination-current {
                    color: var(--primary-500);
                    font-weight: 600;
                }
            }
        }
    }

    @media (max-width: 767px) {
        .container {
            padding-left: 16px;
            padding-right: 16px;
        }
    }

    @media (min-width: 768px) {
        .simsol-wrp {
            padding: 40px 0;

            .simsol {
                max-width: 620px;
                padding: 40px;

                .simsol-cnt {
                    padding-bottom: 40px;
                    margin-bottom: 40px;
                }
            }
            .tas-cps-nav {
                margin-top: 40px;
            }
        }
        
    }
}

.simsol-list {
    .list-simsol {
        display: flex;
        gap: 24px;
        justify-content: space-between;
        align-items: self-start;

        .ss-icon {
            width: 36px;
            min-width: 36px;

            img {
                width: 100%;
            }
        }
        .ss-cnt {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 16px;

            h3 {
                font-size: var(--body-xl);
                color: var(--gray-950);
            }
            p {
                color: var(--gray-800);
            }
        }
    }
    @media (min-width: 768px) {
        .list-simsol {
            gap: 32px;
        }
    }
}

.tax-product_cat .testimonial {
    background-color: var(--white-color);
}
.tax-product_cat .testimonial .teslist .testiwrp {
    background-color: var(--gray-50);
}

.catitem {
    .title-wrp {
        max-width: 800px;
    }
}

.itemsboxs {
    margin-top: 40px;

    &.item-col2 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    &.gap-40 {
        gap: 40px;
    }

    .bitmwrp {
        .bitm-img {
            height: 300px;
            border-radius: 16px;
            overflow: hidden;
            margin-bottom: 32px;

            img {
                height: 100%;
                width: 100%;
                object-fit: cover;
                object-position: center top;
            }
        }

        .bitm-cnt {
            .heading-h4 {
                margin-bottom: 20px;
            }

            p {
                margin-bottom: 20px;
            }

            p:last-child {
                margin-bottom: 0;
            }

            .n-anchor {
                margin-top: 8px;
                display: inline-block;
            }
        }
    }

    @media (min-width: 768px) {
        margin-top: 48px;
        
        &.item-col2 {
            grid-template-columns: repeat(2, 1fr);
        }

        .bitmwrp {
            .bitm-img {
                height: 400px;
                margin-bottom: 40px;
            }
            .bitm-cnt {
                .n-anchor {
                    margin-top: 14px;
                }
            }
        }
    }
}

.list-plus {
    ul {
        list-style: none;
        li {
            display: flex;
            align-items: center;
            gap: 14px;
            font-size: var(--body-size);
            font-weight: 600;
            margin-bottom: 12px;

            &:last-child {
                margin-bottom: 0;
            }

            &:before {
                content: '';
                background-image: url(../img/plus.svg);
                min-width: 18px;
                max-width: 18px;
                height: 18px;
                background-size: 18px;
                background-repeat: no-repeat;
                background-position: center;
            }
        }
    }
}

.lisusecase {
    margin-top: 40px;
	position: relative;

    @media (min-width: 768px) {
        margin-top: 48px;
    }
}

.caseit {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: space-between;
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid var(--gray-100);
	position: sticky;
    top: 50px;
	background-color: var(--gray-50);

    &:last-child {
        border-bottom: 1px solid var(--gray-100);
    }

    .caseit-img {
        width: 100%;
        line-height: 0;
        border-radius: 8px;
        overflow: hidden;

        img {
            width: 100%;
            height: 240px;
            object-fit: cover;
            object-position: center;
        }
    }

    .caseit-cnt {
        width: 100%;
        padding: 16px 0;
        display: flex;
        flex-wrap: wrap;

        .cs-count {
            width: 100%;
            font-size: var(--body-xl);
            color: var(--gray-500);
            gap: 6px;
            display: flex;
            justify-content: start;
            margin-bottom: 20px;

            span:first-child {
                color: var(--primary-500);
                font-weight: 600;
            }
        }

        .cs-cntwrp {
            width: 100%;

            p {
                color: var(--gray-800);
            }
        }

        
    }

    @media (min-width: 768px) {
        .caseit-img {
            width: 38%;

            img {
                height: 340px;
            }
        }
        .caseit-cnt {
            width: calc(62% - 24px);
            padding: 24px 0;

            .cs-count {
                width: 18%;
                justify-content: center;
                margin-bottom: 0;
            }

            .cs-cntwrp {
                width: 82%;
                padding-left: 24px;
            }
        }
    }

    @media (min-width: 1200px) {
        gap: 40px;
        padding-top: 48px;
        padding-bottom: 48px;

        .caseit-cnt {
            width: calc(62% - 40px);
            padding: 40px;

            .cs-cntwrp {
                padding-left: 64px;
            }
        }
    }
}

.icb-content {
    padding-left: 16px;
    padding-right: 16px;

    .icb-wrp {
        display: flex;
        flex-wrap: wrap;
        align-items: center;

        .img-icb {
            width: calc(50% - 4px);
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            gap: 8px;

            & > div {
                line-height: 0;
                border-radius: 16px;
                overflow: hidden;
                width: 100%;
            }

            .smlwidth {
                width: 100%;
            }

            img {
                width: 100%;
            }
            .smlwidth {
                width: 100%;
            }
            &.imglast {
                align-items: end;
            }
        }
        .icb-cnt {
            width: 100%;
            padding: 0;

            .sbtitle {
                color: var(--primary-500);
            }

            .btn {
                margin-top: 16px;
            }
        }
        @media (max-width: 767px) {
            justify-content: space-between;
            .icb-cnt {
                order: 1;
                margin-bottom: 48px;
            }
            .imgfirst {
                order: 2;
            }
            .imglast {
                order: 3;
            }
            .img-icb {
                img {
                    height: 220px;
                    object-fit: cover;
                    object-position: center;
                }
            }
        }
        @media (min-width: 768px) {
            .icb-cnt {
                width: 55%;
                padding: 0 24px;
            }
            .img-icb {
                width: 22.5%;
                gap: 16px;
            }
            .img-icb {
                .smlwidth {
                    width: 78%;
                }
            }
        }
        @media (min-width: 1200px) {
            .icb-cnt {
                padding: 0 64px;
            }
        }
    }
}

.teamitems {
    margin-top: 48px;

    .singleteam {
        padding: 8px;
        border-radius: 16px;
        background-color: var(--white-color);
        border: 1px solid var(--border-color);
        transition: 0.3s;
        cursor: pointer;

        &:hover {
            background-color: var(--border-color);
        }

        .team-img {
            height: 320px;
            border-radius: 8px;
            overflow: hidden;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: top center;
                transition: 0.3s;
            }

            @media (min-width: 768px) {
                height: 400px;
            }
        }
        .team-cnt {
            padding: 16px;
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            gap: 8px;

            .team-pos {
                color: var(--gray-600);
                margin-bottom: 6px;
            }
        }
    }
    @media (min-width: 768px) {
        margin-top: 64px;
    }
}

.team-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    opacity: 0;
    padding: 16px;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;

    &.is-open {
        opacity: 1;
        visibility: visible;
        display: flex;
    }

    .team-modal-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.65);
        backdrop-filter: blur(4px);
    }

    .team-modal-content {
        position: relative;
        background: var(--white-color);
        width: 100%;
        max-width: 1080px;
        max-height: 90vh;
        overflow-y: auto;
        border-radius: 12px;
        padding: 12px;
        z-index: 10;
        border: 1px solid var(--gray-100);

        .team-modal-body {
            display: grid;
            grid-template-columns: 1fr;
            gap: 16px;
            align-items: start;

            .modal-img-wrap {
                max-width: 300px;

                img {
                    width: 100%;
                    height: auto;
                    border-radius: 10px;
                }
                .tmpopuptitle {
                    .heading-h5 {
                        margin: 12px 0 8px;
                    }
                    .team-pos {
                        color: var(--primary-500);
                    }
                }
            }

            .modal-text-wrap {
                display: flex;
                flex-direction: column;
                gap: 12px;
            }

            .modal-description {
                color: var(--gray-800);

                p {
                    margin-bottom: 24px;

                    &:last-child {
                        margin-bottom: 0;
                    }
                }
            }

            
        }

        @media (min-width: 768px) {
            padding: 24px;

             .team-modal-body {
                grid-template-columns: 29% 1fr;
                gap: 32px;

                .modal-img-wrap {
                    max-width: 100%;
                }

                .modal-description {
                padding-top: 16px;
                }
            }
        }
    }
    .team-modal-close {
        position: absolute;
        top: 16px;
        right: 20px;
        background: var(--gray-50);
        font-size: 16px;
        line-height: 1;
        cursor: pointer;
        color: var(--black-color);
        transition: color 0.2s ease;
        width: 30px;
        height: 30px;
        display: inline-block;
        border-radius: 50%;
        border: 1px solid var(--gray-100);
    }
}

/*-- Global Partner --*/
.global-partner {
    .op-thumbgrid {
        display: flex;
        flex-wrap: wrap;
        gap: 16px;
        justify-content: center;
        margin-top: 40px;

        .thumb-item {
            width: calc(50% - 8px);
            padding: 16px 12px;
            display: flex;
            justify-content: center;
            align-items: center;
            background: var(--white-color);
            border-radius: 8px;
            border: 1px solid var(--gray-100);
            cursor: pointer;

            &.active {
                border-color: var(--primary-500);
            }

            img {
                width: auto;
                height: 40px;
                max-width: 100%;
            }
        }
        
        &.nofullgp {
            .thumb-item {
                cursor: auto;
              &.active {
                    border-color: var(--gray-100);
                }
            }
        }
        @media (min-width: 580px) {
            .thumb-item {
                width: calc(33.3333% - 12px);
            }
        }
        @media (min-width: 768px) {
            .thumb-item {
                width: calc(25% - 12px);
            }
        }
        @media (min-width: 1025px) {
            margin-top: 48px;

            .thumb-item {
                width: calc(12.5% - 14px);
                padding: 24px 12px;
            }
        }
    }

    .gpwrp {
        max-width: 880px;
        margin: 32px auto 0;
        position: relative;
        text-align: center;

        .single-gp {
            padding: 16px;
            background: var(--white-color);
            border-radius: 8px;
            border: 1px solid var(--gray-100);
            display: flex;
            flex-wrap: wrap;

            .sgp-img {
                width: 100%;

                img {
                    width: 100%;
                    max-width: 170px;
                }
            }
            .sgp-cnt {
                width: 100%;
                margin-top: 30px;
                text-align: left;

                h3 {
                    font-size: var(--body-xl);
                    margin-bottom: 10px;
                }

                p {
                    color: var(--gray-800);
                    margin-bottom: 24px;

                    &:last-child {
                        margin-bottom: 0;
                    }
                }

                .sgp-details {
                    margin-top: 40px;
                    ul {
                        display: flex;
                        list-style: none;
                        flex-wrap: wrap;
                        gap: 24px;
                        max-width: 340px;

                        a {
                            font-size: var(--body-sm-12-14);
                            font-weight: 600;
                            display: flex;
                            gap: 8px;
                            align-items: center;
                            color: var(--primary-500);

                            &:hover {
                                color: var(--primary-700);
                            }

                            img {
                                max-width: 15px;
                            }
                        }
                    }
                }
            }

            @media (min-width: 600px) {
                padding: 24px;

                .sgp-img {
                    width: 21%;
                }
                .sgp-cnt {
                    width: 79%;
                    padding-left: 40px;
                    margin-top: 0;

                    .sgp-details {
                        ul {
                            max-width: 440px;
                        }
                    }
                }
            }

        }

        button {
            margin: 16px 3px 0;
        }

        @media (min-width: 1025px) {
            button {
                position: absolute;
                top: 50%;
                z-index: 1;
                transform: translateY(-50%);
                margin: 0;
            }

            .tas-cps-next {
                right: -68px;
            }

            .tas-cps-prev {
                left: -68px;
            }
        }

        .tas-cps-prev,
        .tas-cps-next {
            min-width: 44px;
            min-height: 44px;
            max-width: 44px;
            max-height: 44px;
            border: 0;
            border-radius: 8px;
            cursor: pointer;
            font-size: 18px;
            line-height: 1;
            background: var(--gray-950);
            
            img {
                filter: brightness(0) invert(1);
            }

            &.swiper-button-disabled {
                cursor: not-allowed;
                background: var(--gray-100);
                opacity: 1;

                img {
                    filter: none;
                }
            }
        }
    }
}

/*-- Mission Vission --*/
.mis-vis {
    padding: 16px;

    .misvis-wrp {
        padding: 40px 0;
        background-image: url(../img/bg-1.avif);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border-radius: 16px;

        .container {
            max-width: 1340px;
        }

        .logwrp {
            margin-bottom: 40px;
            text-align: left;

            img {
                max-width: 190px;
            }
        }

        .mission-list {
            display: grid;
            grid-template-columns: repeat(1, 1fr);

            .milist {
                display: flex;
                gap: 30px;
                flex-direction: column;

                &:first-child {
                    padding-bottom: 40px;
                    margin-bottom: 40px;
                    border-bottom: 1px solid rgb(255 255 255 / 20%);
                }
            }
        }
        @media (min-width: 768px) {
             padding: 80px 0;
            .logwrp {
                margin-bottom: 80px;
                text-align: center;

                img {
                    max-width: 360px;
                }
            }
            .mission-list {
                grid-template-columns: repeat(2, 1fr);

                .milist {
                    display: flex;
                    gap: 40px;
                    flex-direction: column;

                    &:first-child {
                        padding-right: 20px;
                        border-bottom: 0;
                        padding-bottom: 0;
                        margin-bottom: 0;
                        border-right: 1px solid rgb(255 255 255 / 20%);
                    }

                    &:last-child {
                        padding-left: 20px;
                    }
                }
                
            }
        }
        @media (min-width: 1025px) {
            .logwrp {
                margin-bottom: 80px;
            }
            .mission-list {

                .milist {

                    &:first-child {
                        padding-right: 40px;
                    }

                    &:last-child {
                        padding-left: 40px;
                    }
                }
                
            }
        }
    }
}

.nrmcnt {
    &.bg-black {
        background-image: url(../img/bg-2.avif);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .imgnrml {
        img {
            width: 100%;
        }
    }

    .cntnrml {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 48px;

        .btnwrp {
            margin-top: 10px;
        }
    }

    &.image-left {
        .imgnrml {
            order: 1;
        }
        .cntnrml {
            order: 2;
            margin-bottom: 0;
            margin-top: 48px;
        }
    }

    @media (min-width: 768px) {
        .cntnrml {
            padding-right: 12px;
            margin-bottom: 0;

            .btnwrp {
                margin-top: 20px;
            }
        }
        &.image-left {
            .cntnrml {
                padding-left: 12px;
                margin-top: 0;
            }
        }
    }

    @media (min-width: 1025px) {
        .cntnrml {
            padding-right: 50px;
        }
        &.image-left {
            .cntnrml {
                padding-left: 50px;
            }
        }
    }
}

.gclistwrp {
    margin-top: 40px;
    ul {
        gap: 8px;
        list-style: none;
        justify-content: start;

        li {
            display: flex;
            align-items: center;
            gap: 16px;
            padding: 7px 32px 7px 8px;
            background-color: var(--white-color);
            border: 1px solid var(--gray-100);
            font-weight: 600;
            font-size: var(--body-lg);
            border-radius: 30px;
            width: 100%;

            img {
                max-width: 34px;
            }
        }

        @media (min-width: 600px) {
            gap: 16px;
            justify-content: center;

            li {
                width: auto;
                img {
                    max-width: 36px;
                }
            }
        }
    }
    @media (min-width: 768px) {
        margin-top: 48px;
    }
}
.gallist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    margin-top: 40px;
    padding: 0 24px;

    .glimg {
        border-radius: 16px;
        overflow: hidden;
        line-height: 0;

        img {
            width: 100%;
            object-fit: cover;
            height: 220px;
        }
    }

    @media (min-width: 600px) {
        .glimg {
            img {
                height: 320px;
            }
        }
    }

    @media (min-width: 768px) {
        margin-top: 48px;
        grid-template-columns: repeat(4, 1fr);
        padding: 0;

        .glimg {
            img {
                height: 400px;
            }
        }
    }
}

.normalbanner {
    padding: 16px;

    .nbwrp {
        padding: 48px 0;
        background-image: url(../img/bg-1.avif);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border-radius: 16px;

        .container {
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
            align-items: end;
        }

        .nb-cnt {
            width: 100%;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            gap: 20px;
        }

        .nbimg {
            width: 100;

            img {
                max-width: 240px;
            }
        }

        @media (min-width: 768px) {
            padding: 80px 0 64px;

            .container {
                gap: 24px;
            }

            .nb-cnt {
                width: 54%;
            }
            .nbimg {
                width: calc(46% - 24px);
                text-align: right;

                img {
                    max-width: 195px;
                }
            }
        }
    }
}

.recent-catlog {
    .catlog-lists {
        margin-top: 40px;
    }
    .btnwrp {
        display: flex;
        justify-content: center;
        margin-top: 40px;
    }

    @media (min-width: 768px) {
        .catlog-lists {
            margin-top: 48px;
        }
        .btnwrp {
            margin-top: 48px;
        }
    }
}

.catlog-lists {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;

    .catlog-item {
        background-color: var(--white-color);
        padding: 8px;
        border-radius: 16px;
        border: 1px solid var(--gray-100);
        overflow: hidden;

        .catlog-img {
            border-radius: 8px;
            border: 1px solid var(--gray-100);
            overflow: hidden;
            height: 320px;

            img {
                height: 100%;
                width: 100%;
                object-fit: cover;
                object-position: center;
            }
        }

        .catlog-cnt {
            padding: 16px 14px;

            h3 {
                margin-bottom: 12px;
            }

            @media (min-width: 1025px) {
                padding: 16px 14px;

                h3 {
                    margin-bottom: 20px;
                }
            }
        }
    }
    @media (min-width: 580px) {
        gap: 24px;
        grid-template-columns: repeat(2, 1fr);
    }
    @media (min-width: 1025px) {
        gap: 24px;
        grid-template-columns: repeat(4, 1fr);
    }
}

/*-- Featured Poste --*/
.fetpost-wrp {
    background-color: var(--white-color);
    border-radius: 16px;
    border: 1px solid var(--gray-100);
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    .fetpost-img {
        width: 100%;
        padding: 24px;

        .fpimgwrp {
            border-radius: 8px;
            overflow: hidden;
            line-height: 0;

            img {
                width: 100%;
            }
        }
    }
    .etpost-cnt {
        width: 100%;
        padding: 24px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: start;
        gap: 24px;

        .fetag {
            padding: 5px 16px;
            border: 1px solid #F8AF9C;
            background-color: #FEF0EC;
            font-size: var(--body-sm-12-14);
            color: var(--primary-500);
            font-weight: 600;
            border-radius: 20px;
        }

        .postmeta {
            font-size: var(--body-sm-12-14);
            color: var(--gray-500);
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 8px;
            font-weight: 500;

            .post-date:after {
                content: '';
                width: 4px;
                height: 4px;
                position: relative;
                display: inline-block;
                background: var(--gray-600);
                border-radius: 50%;
                top: -2px;
                margin-left: 8px;
            }
        }
    }
    @media (min-width: 768px) {
        .etpost-cnt {
            width: 54%;
        }
        .fetpost-img {
            width: 46%;
        }
    }
    @media (min-width: 1025px) {
        .etpost-cnt {
            padding: 40px;
        }
    }
}

.recent-post {
    .btnwrp {
        margin-top: 40px;
    }
    @media (min-width: 768px) {
        .btnwrp {
            margin-top: 48px;
        }
    }
}

.apl-controls {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 40px;

    .apl-filter-group {
        display: none;
    }

    .apl-category-list {
        display: flex;
        list-style: none;
        gap: 8px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
        flex-wrap: nowrap;
        white-space: nowrap;
        justify-content: left;

        .apl-cat-item {
            font-size: var(--body-sm-12-14);
            font-weight: 600;
            padding: 11px 24px;
            background-color: rgb(255 255 255 / 5%);
            border: 1px solid #CDCDCF;
            border-radius: 30px;
            cursor: pointer;

            &.active {
                color: var(--white-color);
                border-color: var(--primary-500);
                background-color: var(--primary-500);            }
        }
    }
    @media (min-width: 768px) {
        margin-top: 48px;
        margin-bottom: 48px;
    }
}

.cslisting {
    .apl-posts-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;

        .apl-post-card {
            height: 340px;
            display: flex;
            flex-wrap: wrap;
            align-items: end;
            position: relative;
            border-radius: 16px;
            overflow: hidden;
            padding: 16px;

            .apl-post-thumbnail {
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                top: 0;

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

                &:before {
                    content: '';
                    position: absolute;
                    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 58.57%, #000000 100%);
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                }
            }

            .apl-post-content {
                position: relative;
                color: var(--white-color);

                .apl-meta-header {
                    display: none;
                }

                .apl-post-title {
                    font-size: var(--heading-h5);

                    a {
                        color: var(--white-color);
                        font-size: inherit;
                        font-weight: inherit;

                        &:hover {
                            color: var(--primary-500);
                        }
                    }
                }

                .slide-cnt {
                    display: grid;
                    grid-template-rows: 0fr;
                    transition: grid-template-rows 0.4s cubic-bezier(0.25, 1, 0.5, 1);

                    .sc-inner {
                        overflow: hidden;
                    }

                    .apl-post-excerpt {
                        margin-bottom: 20px;
                    }
                }
            }

            &:hover {
                .apl-post-content {
                    .slide-cnt {
                        grid-template-rows: 1fr;
                        margin-top: 16px;
                    }
                }
            }
        }


        @media (min-width: 580px) {
            grid-template-columns: repeat(2, 1fr);
        }

        @media (min-width: 768px) {
            grid-template-columns: repeat(3, 1fr);

            .apl-post-card {
                height: 500px;
            }
        }

        @media (min-width: 1025px) {
            grid-template-columns: repeat(12, 1fr);

            .apl-post-card {
                padding: 24px;
            }

            .apl-post-card:nth-child(1) {
                grid-column: span 6;
            }

            .apl-post-card:nth-child(2),
            .apl-post-card:nth-child(3) {
                grid-column: span 3;
            }

            .apl-post-card:nth-child(n+4) {
                grid-column: span 4;
            }
        }
    }
}

.apl-pagination {
    margin-top: 40px;

    .apl-pagination-list {
        display: flex;
        justify-content: center;
        gap: 4px;

        .apl-page-btn {
            width: 40px;
            height: 40px;
            line-height: 38px;
            border: none;
            background: #FEF0EC;
            border-radius: 8px;
            color: var(--primary-500);
            font-weight: 600;
            cursor: pointer;

            &.active {
                background: var(--primary-500);
                color: var(--white-color);
            }

            &.apl-btn-np {
                background: var(--gray-950);

                img {
                    filter: brightness(0) invert(1);
                    max-width: 10px;
                }

                &.disabled {
                    background: var(--gray-100);
                    img {
                    filter: none;
                    }
                }
            }

            &.apl-prev {
                margin-right: 4px;
            }

            &.apl-next {
                margin-left: 4px;
            }
        }
    }

    @media (min-width: 1025px) {
        margin-top: 48px;
    }
}

.imgcntsec {
    .ics-img {
        .iscimgwrp {
            border-radius: 16px;
            line-height: 0;
            overflow: hidden;
            text-align: right;

            img {
                overflow: hidden;
                min-height: 240px;
                object-fit: cover;
                border-radius: 16px;
                width: 100%;
            }
        }
    }
    .ics-cnt {
        .icscntwrp {
            font-size: var(--body-lg);
            color: #5F5F62;
            margin-top: 40px;

            p:not(:last-child) {
                margin-bottom: 24px;
            }

            @media (min-width: 768px) {
                margin-top: 0;
            }
            @media (min-width: 1025px) {
                padding: 40px;
            }
        }
    }
}

.cs-challange {
    padding: 16px;

    .cschawrp {
        background-image: url(../img/bg-1.avif);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        border-radius: 16px;
        overflow: hidden;
        padding: 40px 0;

        .cscntleft {
            max-width: 100%;
        }

        .cscntright {
            margin-top: 28px;

            p:not(:last-child) {
                margin-bottom: 24px;
            }

            ul {
                list-style: none;

                li {
                    display: flex;
                    align-items: center;
                    font-size: var(--body-lg);
                    font-weight: 500;
                    gap: 16px;
                    margin-bottom: 20px;

                    &:last-child {
                        margin-bottom: 0;
                    }

                    &:before {
                        content: '';
                        background-image: url(../img/icon-star.svg);
                        background-size: 12px;
                        width: 12px;
                        height: 14px;
                        background-repeat: no-repeat;
                    }
                }
            }
        }
        @media (min-width: 768px) {
            padding: 80px 0;

            .cscntleft {
                max-width: 400px;
            }

            .cscntright {
                padding-left: 12px;
                margin-top: 0;
            }
        }
        @media (min-width: 1025px) {
            .cscntright {
                padding-left: 48px;
            }
        }
    }
}

.sol-outcome {
    hr {
        margin: 48px 0;
        border: 0;
        border-bottom: 1px solid;
        border-color: var(--gray-100);

        @media (min-width: 768px) {
            margin: 64px 0;
        }
    }
    .ics-img {
        .mw-500 {
            img {
                min-height: 240px;
            }
        }
    }
    .ics-cnt {
        
        .icscntwrp {
            margin-bottom: 32px;
            margin-top: 0;
            font-size: var(--body-md);

            h2 {
                color: var(--gray-950);
                margin-bottom: 20px;
            }

            ul {
                list-style: none;
                padding-left: 10px;
                margin-bottom: 20px;

                li {
                    display: flex;
                    align-items: center;
                    gap: 8px;
                    margin-bottom: 8px;

                    &::before {
                        content: '';
                        width: 5px;
                        height: 5px;
                        background-color: #5F5F62;
                        border-radius: 50%;
                    }
                }
            }
        }
        &.cnt-right {
                .icscntwrp {
                margin-top: 30px;
                margin-bottom: 0;
                }
        }
    }
    @media (min-width: 768px) {
        .ics-cnt {
            .icscntwrp {
                margin-bottom: 0;
            }

            &.cnt-right {
                 .icscntwrp {
                    margin-top: 0;
                 }
            }
        }
    }
    @media (min-width: 1025px) {
        .ics-cnt {
            .icscntwrp {
                padding-left: 0;
                padding-right: 24px;
                padding-top: 0;
                padding-bottom: 0;
            }

            &.cnt-right {
                 .icscntwrp {
                    padding-left: 36px;
                    padding-right: 0;
                 }
            }
        }
        .ics-img {
            .mw-500 {
                img {
                    max-width: 500px;
                }
            }
        }
    }
    .bgwrp {
        background-color: var(--gray-50);
        padding: 24px;
        margin-top: 48px;

        @media (min-width: 768px) { 
            margin-top: 48px;
        }

        @media (min-width: 1025px) { 
            padding: 64px;
        }

    }
}

.rel-posts {
    .more-btn {
        margin-top: 20px;
    }
    .case-studies-filter-container {
        .case-studies-grid {
            .case-study-card {
                border: none;
            }
        }
        @media (min-width: 768px) {
            .case-studies-grid {
                &:has(.case-study-card:nth-child(1):hover) {
                    grid-template-columns: repeat(3, 1fr);
                }
                &:has(.case-study-card:nth-child(2):hover) {
                    grid-template-columns: repeat(3, 1fr);
                }
                &:has(.case-study-card:nth-child(3):hover) {
                    grid-template-columns: repeat(3, 1fr);
                }
            }
        }
    }
    @media (min-width: 768px) {
        .more-btn {
            text-align: right;
            margin-top: 0;
        }
    }
}

.postlisting {
    .apl-posts-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;

        .apl-post-card {
            .apl-post-thumbnail {
                border-radius: 16px;
                overflow: hidden;
                height: 240px;
                margin-bottom: 16px;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    object-position: center;
                }
            }
            .apl-post-content {
                .apl-meta-header {
                    font-size: var(--body-sm-12-14);
                    color: var(--gray-600);
                    margin-bottom: 14px;
                    display: flex;
                    flex-wrap: wrap;
                    align-items: center;
                    gap: 8px;

                    .apl-post-date {
                        &:after {
                            content: '';
                            width: 4px;
                            height: 4px;
                            position: relative;
                            display: inline-block;
                            background: var(--gray-600);
                            border-radius: 50%;
                            top: -2px;
                            margin-left: 5px;
                        }
                    }
                }
                .apl-post-title {
                    font-size: var(--heading-h6);
                    color: var(--gray-950);
                    margin-bottom: 14px;

                    a {
                        font-size: inherit;
                        color: inherit;
                        font-weight: inherit;

                        &:hover {
                            color: var(--primary-500);
                        }
                    }
                }
                .apl-post-excerpt {
                    color: var(--gray-800);
                    margin-bottom: 20px;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                }
            }
        }
        @media (min-width: 600px) {
            grid-template-columns: repeat(2, 1fr);
        }
        @media (min-width: 768px) {
            gap: 32px 24px;

            .apl-post-card {
                .apl-post-thumbnail {
                    height: 312px;
                    margin-bottom: 24px;
                }
                .apl-post-content {
                    .apl-meta-header {
                        margin-bottom: 20px;
                    }
                    .apl-post-title {
                        margin-bottom: 16px;
                    }
                }
            }
        }
    }
}

.cusbreadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;

    li {
        color: var(--gray-950);

        a {
            color: var(--gray-950);
            font-weight: 500;

            &:hover {
                color: var(--primary-500);
            }
        }

        .sepreator {
            border: solid var(--gray-950);
            border-width: 0 2px 2px 0;
            display: inline-block;
            padding: 2.4px;
            transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            position: relative;
            top: -1px;
        }
    }
}

.blogcnt {
    padding-top: 48px;

    .bcntwrp {
        max-width: 980px;
        margin: 0 auto;
    }
    .cnttoppost {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 20px;
    }

    .blog-meta {
        font-size: var(--body-sm-12-14);
        color: var(--primary-500);
        font-weight: 500;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;

        .postdate {
            &:after {
                content: '';
                width: 4px;
                height: 4px;
                position: relative;
                display: inline-block;
                background: var(--primary-500);
                border-radius: 50%;
                top: -2px;
                margin-left: 8px;
            }
        }
    }

    .autname {
        color: var(--gray-700);

        b {
            color: var(--gray-950);
            font-weight: 600;
            text-transform: capitalize;
        }
    }

    .post-thumbnail {
        margin-top: 40px;
        line-height: 0;

        img {
            width: 100%;
            height: 400px;
            object-fit: cover;
            object-position: center;
            border-radius: 16px;
        }
    }

    @media (min-width: 768px) {
        padding-top: 64px;

        .post-thumbnail {
            margin-top: 48px;

            img {
                height: 600px;
            }
        }
    }
	@media (min-width: 1600px) {
        .post-thumbnail {
            img {
                height: 700px;
            }
        }
    }
}

.blogtopcnt {
    padding-bottom: 32px;

    @media (min-width: 768px) {

    }
}

.default-cnt {
    color: var(--gray-700);

    strong {
        font-weight: 600;
    }

    p {
        margin-bottom: 20px;

        &:last-child {
            margin-bottom: 0;
        }
    }
    a {
        color: var(--primary-500);

        &:hover {
            color: var(--primary-700);
        }
    }
    h2 {
       font-size: var(--heading-h3);
       margin-bottom: 16px;
       margin-top: 44px;
       color: var(--gray-950);

       &:first-child {
        margin-top: 0;
       }
    }

    ul {
        list-style: none;
        margin-bottom: 20px;
        
            li {
                display: flex;
                padding-left: 10px;
                gap: 10px;
                align-items: center;
                margin-bottom: 8px;

                &:before {
                    content: '';
                    width: 5px;
                    height: 5px;
                    border-radius: 50%;
                    background-color: var(--gray-700);
                }
            }
    }

    ol {
        padding-left: 16px;

        li {
            margin-bottom: 8px;
        }
    }

    .wp-block-image {
        border-radius: 16px;
        overflow: hidden;
        margin-top: 30px;

        img {
            width: 100%;
            min-height: 280px;
            object-fit: cover;
            object-position: center;
            border-radius: 16px;
        }
        .wp-element-caption {
            font-size: var(--body-sm-12-14);
        }
        
    }

    .img-col {
        gap: 16px;
        margin-top: 24px;

        .wp-block-image {
            margin-top: 0;
            border-radius: 8px;

            img {
                height: 240px;
            }
        }
    }

    @media (min-width: 768px) {
        p {
            margin-bottom: 24px;
        }
        h2 {
            margin-bottom: 24px;
            margin-top: 60px; 
        }

        .img-col {
            margin-top: 30px;

            .wp-block-image {
                img {
                    height: 400px;
                }
            }
        }
    }
}

.social-share {
    .share-title {
        color: var(--gray-950);
        font-weight: 600;
    }

    &.sameline {
        flex-direction: unset;
        align-items: center;
        justify-content: space-between;
        padding-top: 24px;
        margin-top: 48px;
        border-top: 1px solid var(--gray-100);

        @media (min-width: 768px) {
            margin-top: 64px;
        }
    }

    ul {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;

        li {
            a {
                width: 40px;
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                background-color: var(--white-color);
                border: 1px solid var(--gray-100);
                border-radius: 4px;

                img {
                    max-width: 22px;
                    width: 100%;
                }

                &:hover {
                    background-color: var(--gray-50);
                }
            }
        }
    }
}

/*-- Contact us page --*/
.banner-form {
    .cf-banner {
        max-width: 750px;
        margin-bottom: 40px;

        @media (min-width: 768px) {
            margin-bottom: 48px;
        }

        .subtitle {
            color: var(--primary-500);
            font-weight: 500;
        }
    }
}

.form-info {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-content: space-between;
    gap: 24px;

    .infosec {
        max-width: 100%;
    }
    .formsec {
        max-width: 100%;

        .wpcf7 {
            margin-top: 24px;
        }

        .heading-h4 {
            font-size: var(--heading-28-24);
        }
    }

    @media (min-width: 768px) {
        grid-template-columns: repeat(2, 1fr);

        .infosec {
            max-width: 532px;
        }
        .formsec {
            max-width: 642px;

            .wpcf7 {
                margin-top: 32px;
            }
        }
    }
}

.info-box {
    margin-bottom: 16px;

    &:last-child {
        margin-bottom: 0;
    }
    a {
        display: block;
        padding: 24px;
        background-color: var(--white-color);
        border-radius: 16px;
        border: 1px solid var(--gray-100);

        .topicon {
            max-width: 26px;
            width: 100%;
        }

        .ib-cntbtn {
            display: flex;
            margin-top: 64px;
            justify-content: space-between;
            align-items: center;
            gap: 8px;

            .ib-cnt {
                span {
                    display: block;
                    color: var(--gray-950);
                    font-size: var(--body-xl);
                    font-weight: 600;
                    margin-bottom: 8px;
                }
                p {
                    font-size: var(--heading-h6);
                    font-weight: 600;
                    color: var(--primary-500);
                }
            }
            .ib-btn {
                span {
                    width: 42px;
                    height: 42px;
                    border-radius: 8px;
                    background-color: var(--gray-950);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    transition: 0.3s;

                    img {
                        width: 100%;
                        max-width: 10px;
                    }
                }
            }
        }

        &:hover {
            background-color: var(--gray-50);

            .ib-cntbtn {
                .ib-btn {
                    span {
                        background-color: var(--primary-500);
                    }
                }
            }
        }
    }
}

.wpcf7-form {
    font-family: "Mona Sans", sans-serif;
    font-size: var(--body-md);

    .fitem {
        display: block;
        width: 100%;
        margin-bottom: 16px;
    }

    label {
        font-size: var(--body-sm-12-14);
        color: var(--gray-950);
        font-weight: 600;
        display: block;
        margin-bottom: 8px;
    }

    .wpcf7-form-control {
        padding: 14px 16px;
        background: var(--white-color);
        border-radius: 8px;
        border: 1px solid var(--gray-100);
        color: var(--gray-400);
        width: 100%;
        font-family: "Mona Sans", sans-serif;
        font-size: var(--body-md);

        &.wpcf7-textarea {
            max-height: 120px;
        }

        &:focus {
            outline: none;
        }

        &.wpcf7-submit {
            width: auto;
            border: 0;
            background: var(--primary-500);
            transition: 0.3s;
            color: var(--white-color);
            font-weight: 600;
            font-size: var(--body-sm-12-14);
            cursor: pointer;

            &:hover {
                background: var(--primary-700);
            }
        }
    }
    .wpcf7-form-control::placeholder {
        color: var(--gray-400);
    }
}
.cnt-maps {
    padding: 32px 0;

    .addbox {
        border-radius: 16px;
        background: var(--white-color);
        border: 1px solid var(--gray-100);
        margin-right: 0;
        margin-bottom: 32px;

        .imgbox {
            overflow: hidden;
            border-radius: 8px;
            padding: 8px;
            line-height: 0;

            img {
                width: 100%;
                height: 340px;
                object-fit: cover;
                object-position: center;
                border-radius: 8px;
            }
        }
        .addcnt {
            padding: 24px;

            p {
                font-size: var(--body-lg);
                font-weight: 600;
                line-height: 1.4;
                margin-bottom: 14px;
            }

            h3 {
                font-size: var(--heading-h6);
                color: var(--primary-500);
            }
        }
        @media (min-width: 768px) {
            margin-bottom: 0;

            .imgbox {
                img {
                    height: 300px;
                }
            }
        }
        @media (min-width: 1025px) {
            margin-right: 16px;

            .addcnt {
                padding: 32px;
            }
        }
    }
    @media (min-width: 768px) {
        padding: 40px 0;
    }
    .maps {
        height: 100%;
        overflow: hidden;
        border-radius: 16px;
        border: 1px solid var(--gray-100);
        min-height: 400px;

        iframe {
            height: 100%;
            width: 100%;
        }
    }
}

.page-default {
    .pagwrp {
        max-width: 980px;
        margin: 0 auto;
    }
}

.errorwrp {
    max-width: 680px;
    margin: 0 auto;

    .errorimg {
        img {
            width: 100%;
        }
    }

    .errorcnt {
        max-width: 600px;
        margin: 0 auto;

        p {
            margin-top: 24px;
        }

        .searchbar {
            margin: 24px 0;
            position: relative;

            form {
                position: relative;
            }

            .search-field {
                width: 100%;
                padding: 14px 16px;
                background: #fff;
                border: 1px solid var(--gray-100);
                font-size: var(--body-sm);
                color: var(--gray-400);
                border-radius: 8px;

                &:focus {
                    outline: none;
                }
            }

            .search-submit {
                background: transparent;
                border: none;
                padding: 0;
                top: calc(50% - 9px);
                right: 16px;
                position: absolute;
                font-size: 0;
                background-image: url(../img/search.svg);
                background-size: 16px;
                width: 16px;
                height: 16px;
                background-repeat: no-repeat;
                background-position: center;

                &:focus {
                    outline: none;
                }
            }
        }
        .btn {
            display: inline-block;
        }
    }
}

.searchresults {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    gap: 24px 16px;

    @media (min-width: 768px) {
       gap: 24px;
       grid-template-columns: repeat(3, 1fr);
    }
}

.hedallpro {
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
    background: #fff;
    z-index: 9;
    padding: 40px 0;
    display: inline-block;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 16px 16px;
    

    &.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        z-index: 9;
    }
}

/*-- Single Product --*/
.woocommerce {
    .product {
        .rank-math-breadcrumb {
            margin-bottom: 32px;
            p {
                color: var(--gray-950);
            }

            a {
                color: rgb(29 29 30 / 50%);

                &:hover {
                    color: var(--primary-500);
                }
            }

            .separator {
                color: rgb(29 29 30 / 50%);
            }
        }
        .wrp-cnt-gal {
            align-items: start;
            .images {
                width: 100%;
                max-width: 100%;
                display: flex;
                flex-direction: column;
                margin-bottom: 0;
				

                .flex-viewport {
                    border-radius: 8px;
                    overflow: hidden;
                    border: 1px solid var(--gray-100);
                    margin-bottom: 16px;
                    order: 1;
                }

                .flex-control-thumbs {
                    display: flex;
					list-style: none;
					gap: 16px;
					overflow-x: auto;
					-webkit-overflow-scrolling: touch;
					scrollbar-width: none;
					-ms-overflow-style: none;
					flex-wrap: nowrap;
					white-space: nowrap;
					justify-content: flex-start;
					order: 2;
					scroll-behavior: smooth;

					/* Enables horizontal snap points */
					scroll-snap-type: x mandatory;

                    li {
                        width: 100px;
                        max-width: 100px;
                        height: 100px;
                        min-width: 100px;
						scroll-margin: 0 16px;
						flex: 0 0 auto;
						scroll-snap-align: center;
						
						&.flex-active,
						&:focus-within {
							scroll-snap-align: center;
						}
                        

                        img {
                            opacity: 0.8;
                            overflow: hidden;
                            border-radius: 8px;
                            border: 1px solid var(--gray-100);
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                            object-position: center;

                            &.flex-active {
                                opacity: 1;
                                border-color: var(--primary-500);
                            }
                        }
                    }
                }
                .galbelowcnt {
                    order: 3;
                    margin-top: 24px;

                    h2 {
                        font-size: var(--heading-h5);
                        margin-bottom: 16px;
                    }

                    ul {
                        padding-left: 20px;
                        font-weight: 700;

                        li {
                            margin-bottom: 8px;
                        }
                    }

                    @media (min-width: 768px) {
                        margin-top: 64px;
                    }
                }
				@media (min-width: 768px) {
					position: sticky !important;
    				top: 10px;
				}
            }
            .summary {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                flex-direction: column;
                gap: 18px;
                margin-bottom: 0;
                margin-top: 40px;

                .reviewpro {
                    font-size: var(--body-sm-12-14);
                    color: var(--gray-600);
                    font-weight: 600;
                    display: flex;
                    align-items: center;
                    gap: 8px;

                    img {
                        max-width: 96px;
                    }
                }

                .product_title {
                    font-size: var(--heading-h2);
                }
                .price {
                    color: var(--primary-500);
                    font-weight: 600;
                    font-size: var(--heading-h4);

                    ins {
                        text-decoration: none;
                    }

                    del {
                        opacity: 1;
                        font-weight: 400;
                        color: var(--gray-700);
                    }

                    .gst-suffix {
                        font-size: var(--body-sm-12-14);
                        font-weight: 400;
                        color: var(--gray-600);
                    }
                }
                .woocommerce-product-details__short-description {
                    color: var(--gray-600);

                    p:not(:last-child){
                        margin-bottom: 20px;
                    }
                }
                .product_meta {
                    display: flex;
                    flex-wrap: wrap;
                    flex-direction: column;
                    gap: 16px;
                    font-size: var(--body-sm-12-14);
                    color: var(--gray-600);
                    margin-top: 6px;

                    .sku {
                        color: var(--primary-500);
                        font-weight: 700;
                    }
                    .posted_in {
                        a {
                            color: var(--gray-950);
                            font-weight: 600;

                            &:hover {
                                color: var(--primary-500);
                            }
                        }
                    }
                }
                .variations {
                    padding: 24px;
                    border-radius: 16px;
                    background: #F0F0F0;
                    margin-top: 10px;

                    @media (min-width: 768px) {
                        margin-top: 20px;
                    }

                    .value {
                        margin-top: 10px;
						flex-wrap: wrap;
						
						.cfvsw-swatches-container {
							width: 100%;
						}

                        .reset_variations {
                            margin-left: 5px;
                            color: var(--primary-500);
                            font-weight: 500;
							margin-top: 15px;
                        }
                    }

                    th.label {
                        label {
                            color: var(--gray-600);
                            font-weight: 400;

                            .cfvsw-selected-label {
                                font-weight: 700;
                                color: var(--gray-950);

                                &:before {
                                    color: var(--gray-600);
                                    font-weight: 400;
                                    margin-right: 5px;
                                }
                            }
                        }
                    }
                    
                    .cfvsw-swatches-container[swatches-attr="attribute_pa_color"] {
                        .cfvsw-swatches-option {
                            width: 32px;
                            height: 32px;
                            border-radius: 50% !important;
                            
                            &[data-slug="fair-neutral"] {
                                background-color: #c39c87;
                            }
                            
                            &[data-slug="golden-tan"] {
                                background-color: #c98457;
                            }
                            
                            &[data-slug="medium-rose"] {
                                background-color: #936a62;
                            }
                            
                            &[data-slug="rich-brown"] {
                                background-color: #54312a;
                            }
                            
                            .cfvsw-swatch-inner {
                                font-size: 0;
                            }
                        }
                    }

                    .cfvsw-swatches-option {
                        width: auto;
                        height: auto;
                        border-radius: 4px;
                        border: 0px !important;
                        padding: 5px !important;

                        .cfvsw-swatch-inner {
                            border: 0px !important;
                            width: 100%;
                            height: 100%;
                        }
                        &.cfvsw-selected-swatch {
                            border: 2px solid var(--primary-500) !important;
                            padding: 1px;

                            .cfvsw-swatch-inner {
                                width: calc(100% - 5px);
                                height: calc(100% - 5px);
                            }
                        }
                    }
                }
                .woocommerce-variation-availability {
                    .in-stock {
                        display: none;
                    }
                }
                .cart:not(.variations_form) {
                    display: grid !important;
                    grid-template-columns: repeat(3, 1fr);
                    gap: 16px;
                    margin-top: 60px;

                    &:before {
                        content: none;
                    }

                    .quantity {
                        margin: 0;
                        position: relative;

                        .qty {
                            width: 100%;
                            background-color: var(--white-color);
                            border-radius: 8px;
                            font-size: var(--body-md);
                            color: var(--gray-950);
                            padding: 14px 16px;
                            border: 1px solid var(--gray-100);
                            text-align: left;
                            -moz-appearance: textfield;
                            appearance: textfield;

                            &:focus {
                                outline: none;
                            }

                            &::-webkit-outer-spin-button,
                            &::-webkit-inner-spin-button {
                                -webkit-appearance: none;
                                margin: 0;
                            }
                        }
                        &::before {
                            content: 'Quantity';
                            display: block;
                            position: absolute;
                            left: 0;
                            top: -30px;
                            font-size: var(--body-sm-12-14);
                            font-weight: 600;
                        }
                    }

                    .single_add_to_cart_button {
                        padding: 14px;
                        font-size: var(--body-sm-12-14);
                        background-color: var(--primary-500);
                        border-radius: 8px;
                        color: var(--white-color);
                        line-height: 1.5;

                        &:hover {
                            background-color: var(--primary-700);
                        }
                    }

                    .btn {
                        padding: 13px 16px;
                    }

                    @media (min-width: 768px) and (max-width: 870px) {
                        display: grid;
                        grid-template-columns: repeat(2, 1fr); 
                        gap: 16px; 

                        .quantity {
                            grid-column: span 2; 
                        }
                    }
                    @media (max-width: 480px) {
                        display: grid;
                        grid-template-columns: repeat(2, 1fr); 
                        gap: 16px; 

                        .quantity {
                            grid-column: span 2; 
                        }
                    }
                }
                .woocommerce-variation-add-to-cart {
                    display: grid;
                    grid-template-columns: repeat(3, 1fr);
                    gap: 16px;
                    margin-top: 60px;

                    .quantity {
                        margin: 0;
                        position: relative;

                        .qty {
                            width: 100%;
                            background-color: var(--white-color);
                            border-radius: 8px;
                            font-size: var(--body-md);
                            color: var(--gray-950);
                            padding: 14px 16px;
                            border: 1px solid var(--gray-100);
                            text-align: left;
                            -moz-appearance: textfield;
                            appearance: textfield;

                            &:focus {
                                outline: none;
                            }

                            &::-webkit-outer-spin-button,
                            &::-webkit-inner-spin-button {
                                -webkit-appearance: none;
                                margin: 0;
                            }
                        }
                        &::before {
                            content: 'Quantity';
                            display: block;
                            position: absolute;
                            left: 0;
                            top: -30px;
                            font-size: var(--body-sm-12-14);
                            font-weight: 600;
                        }
                    }

                    .single_add_to_cart_button {
                        padding: 14px;
                        font-size: var(--body-sm-12-14);
                        background-color: var(--primary-500);
                        border-radius: 8px;
                        color: var(--white-color);
                        line-height: 1.5;

                        &:hover {
                            background-color: var(--primary-700);
                        }
                    }

                    .btn {
                        padding: 13px 16px;
                    }

                    @media (min-width: 768px) and (max-width: 870px) {
                        display: grid;
                        grid-template-columns: repeat(2, 1fr); 
                        gap: 16px; 

                        .quantity {
                            grid-column: span 2; 
                        }
                    }
                    @media (max-width: 480px) {
                        display: grid;
                        grid-template-columns: repeat(2, 1fr); 
                        gap: 16px; 

                        .quantity {
                            grid-column: span 2; 
                        }
                    }
                }
            }

            @media (min-width: 768px) {
                .images {
                    width: 50%;
                }
                .summary {
                    width: 50%;
                    padding-left: 30px;
                    margin-top: 0;
                }
            }
            @media (min-width: 1025px) {
                .images {
                    width: 50%;
                    padding-right: 8px;
                }
                .summary {
                    width: 50%;
                    padding-left: 50px;
                }
            }
        }
    }
}

.custom-upsell-slider-wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    position: relative;

    h3 {
        font-size: var(--body-xl);
    }

    .sbnp {
        width: 36px;
        height: 36px;
        border-radius: 8px;
        background: var(--gray-950);
        top: 8px;
        right: 0;
        left: auto;
        opacity: 1;

        img {
            max-width: 10px;
        }

        svg {
            display: none;
        }

        &.swiper-button-prev {
            right: 44px;


        }

        &:not(.swiper-button-disabled) {
            img {
                filter: brightness(0) invert(1);
            }
        }

        &.swiper-button-disabled {
            background: var(--gray-100);
        }
    }

    .mySwiperUpsells {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
        margin-top: 24px;

        .swiper-wrapper {
            display: flex;
            box-sizing: border-box;

            .swiper-slide {
                height: auto; 
                box-sizing: border-box;
                width: 100%;
                max-width: 240px;

                .product {
                    position: relative;
                    background: var(--white-color);
                    padding: 10px;
                    border-radius: 8px;
                    border: 1px solid var(--gray-100);
                    height: 100%;

                    .custom-product-image-wrapper {
                        border-radius: 4px;
                        margin-bottom: 16px;
                        img {
                            height: 180px;
                        }

                        .custom-product-image-link {
                            &:hover {
                                background: var(--primary-500);
                                color: var(--white-color);
                            }
                        }
                    }
                    .woocommerce-loop-product__title {
                        font-size: var(--body-md);
                    }

                    .price {
                        font-size: var(--body-md);

                        .gst-suffix {
                            font-size: var(--body-sm-12-14);
                        }
                    }
                }
            }
        }
    }
}

.progal-img {
    .tas-cps-nav {
        margin-top: 0;
    }
    .gal {
        margin-top: 40px;

        .swiper-slide {
            img {
                height: 320px;
                object-fit: cover;
                object-position: center;
                border-radius: 8px;
                width: 100%;
            }
        }
    }
    @media (max-width: 767px) {
        .container {
            padding-right: 0;
        }
        .tas-cps-nav {
            padding-right: 24px;
        }
    }
    @media (min-width: 768px) {

        .swiper-slide {
            img {
                height: 400px;
            }
        }
    }
}

.woocommerce {
    .custom-related-products {
        .pri-heading {
            text-align: left;

            @media (min-width: 768px) {
                text-align: center;
            }
        }
        .related-products-swiper {
            margin-top: 40px;
        }
        .product {
            .price {
                display: flex;
                flex-wrap: wrap;
                gap: 6px;
                font-size: var(--body-md);
                color: var(--primary-500);
                font-weight: 600;

                del {
                    order: 2;
                    color: var(--gray-600);
                    font-weight: 500;
                }

                ins {
                    order: 1;
                    text-decoration: none;
                }

                .gst-suffix {
                    order: 3;
                    color: var(--gray-600);
                    font-size: var(--body-sm-12-14);
                    font-weight: 400;
                }
            }
        }

        @media (min-width: 768px) {
            .related-products-swiper {
                margin-top: 48px;
            }
        }
        @media (max-width: 767px) {
            .container {
                padding-right: 0;
            }
        }
    }
}

.protabcnt {
    margin-top: 24px;
    .woo-h2-accordion {
        padding: 24px 0;
        border-top: 1px solid var(--gray-100);

        &:last-child {
            border-bottom: 1px solid var(--gray-100);
        }
        .woo-h2-accordion-header {
            font-size: var(--heading-h5);
            display: flex;
            justify-content: space-between;
            cursor: pointer;
            align-items: center;

            &:after {
                content: '';
                background-image: url(../img/down-up.svg);
                background-size: 22px;
                min-width: 22px;
                min-height: 22px;
                background-repeat: no-repeat;
                transition: 0.3s;
            }
        }
        .woo-h2-accordion-content {
            display: none;
            padding-top: 24px;

            h3 {
                color: var(--gray-950);
                margin-bottom: 16px;
            }

            ul {
                li {
                    align-items: start;

                    &:before {
                        position: relative;
                        top: 8px;

                        @media (min-width: 768px) {
                            top: 10px;
                        }
                    }
                }
            }
        }

        &.active {
            .woo-h2-accordion-content {
                display: block;
            }
            .woo-h2-accordion-header {
                &:after {
                    transform: rotate(-180deg);
                }
            }
        }
    }
}

/* Dark background overlay */
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  padding: 24px;
}
.popup-box {
  background: #fff;
  padding: 24px;
  border-radius: 8px;
  width: 90%;
  max-width: 980px;
  transform: scale(0.9);
  transition: transform 0.3s ease;
  position: relative;
}

.popup-overlay.active {
  opacity: 1;
  visibility: visible;
}

.popup-overlay.active .popup-box {
  transform: scale(1);
}
#closePopup {
    position: absolute;
    top: 20px;
    right: 20px;
    border: 0;
    background: transparent;
    font-size: 18px;
}
#closePopup:focus {
    outline: none;
}

.form-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0 16px;

    .f-wrp {
        width: 100%;
        margin-bottom: 16px;
    }

    &.item-2 {
        .f-wrp {
            width: 100%;

            @media (min-width: 600px) {
                width: calc(50% - 8px);
            }
        }
    }
}

/*-- Primary Menu --*/
#primary-menu .nav-menu {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 0 30px;
}
#primary-menu .nav-menu .nav-item > a {
    font-size: 14px;
    font-weight: 600;
    color: var(--gray-950);
}
#primary-menu .nav-menu .nav-item > a:hover {
    color: var(--primary-500);
}
#primary-menu .nav-menu .nav-item {
    padding: 14px;
}
.site-nav .row > div {
    width: auto;
}
.dm-wrp {
    position: absolute;
    top: 100%;
    display: none;
    padding-top: 30px;
    left: 0;
    right: 0;
    z-index: 2;
}
.nav-item.has-sub-menu:hover > .dm-wrp {
    display: block;
}
.wrap-innermenu {
    background-color: var(--white-color);
    border-radius: 24px;
    padding: 24px;
}
.mi-top {
    margin-bottom: 24px;
}
.mm-fullitem {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 48px 24px;
}
.single-mm-item img {
    height: 160px;
    width: 100%;
    object-fit: cover;
    border-radius: 16px;
}
.single-mm-item .title-h5 {
    margin: 20px 0 12px;
    display: block;
}
.single-mm-item p {
    font-size: var(--body-sm);
    letter-spacing: 0.2px;
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.single-mm-item .navtitle {
    color: rgb(25 24 27 / 30%);
    text-transform: uppercase;
    display: block;
    margin-bottom: 16px;
    font-weight: 500;
}
.mm-sub-menu {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.mm-sub-menu li {
    width: 100%;
}
.mm-sub-menu li a {
    color: var(--gray-950);
    font-size: 14px;
    font-weight: 500;
}
.mm-sub-menu li:last-child a {
    text-decoration: underline;
}
.mm-sub-menu li a:hover {
    color: var(--primary-500);
}
.mi-top.br-btm {
    padding-bottom: 24px;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}
.normal-dropdown {
    position: absolute;
    top: calc(100% - 26px);
    display: none;
    padding-top: 30px;
    width: 100%;
    max-width: 250px;
    z-index: 1;
}
.nav-item.has-sub-menu:hover > .normal-dropdown {
    display: block;
}
.normal-dropdown .mm-sub-menu {
    background: var(--white-color);
    padding: 24px;
    border-radius: 24px;
    border: 1px solid var(--gray-100);
    gap: 10px;
    box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 10%);
}
.normal-dropdown .mm-sub-menu li:last-child a {
    text-decoration: none;
}
.single-mm-item .heading-h6 {
    font-weight: 600;
    margin: 10px 0;
    display: block;
}
.single-mm-item a.titleanc {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
}
.single-mm-item a.titleanc:hover {
	color: var(--primary-500);
}
.mi-top .heading-h6 {
    font-weight: 600;
}
.hdicon .hb-wrp {
    width: 46px;
    height: 46px;
    background-color: var(--gray-100);
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}
.hdicon .hb-wrp svg path {
    fill: var(--gray-950);
}
.hdicon .hb-wrp .menuopen {
    display: none;
}
.hdicon .hb-wrp.active .menuopen {
    display: block;
}
.hdicon .hb-wrp.active .menuclose {
    display: none;
}
.nav-item {
    .searchbar {
        width: 100%;
        position: relative;

        form {
            position: relative;
        }

        .search-field {
            width: 100%;
            padding: 16px;
            background: #fff;
            border: 1px solid var(--gray-100);
            font-size: var(--body-sm);
            color: var(--gray-400);
            border-radius: 8px;

            &:focus {
                outline: none;
            }
        }

        .search-submit {
            background: transparent;
            border: none;
            padding: 0;
            top: calc(50% - 9px);
            right: 16px;
            position: absolute;
            font-size: 0;
            background-image: url(../img/search.svg);
            background-size: 16px;
            width: 16px;
            height: 16px;
            background-repeat: no-repeat;
            background-position: center;

            &:focus {
                outline: none;
            }
        }
    }
}
.nav-item .menu-dropdown:before {
    content: '';
    border: solid var(--gray-950);
    border-width: 0 1.5px 1.5px 0;
    display: inline-block;
    padding: 2.5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: relative;
    top: -2px;
    margin-left: 5px;
}
.back-btn .icon {
    width: 22px;
    height: 22px;
    border-radius: 4px;
    background: var(--gray-100);
    margin-right: 5px;
    position: relative;
    top: 2px;
    text-align: center;

    &:before {
        content: '';
        border: solid var(--gray-950);
        border-width: 0 1px 1px 0;
        display: inline-block;
        padding: 2px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        position: relative;
        top: -4px;
    }
}
.xoo-wsc-footer .xoo-wsc-ft-buttons-cont a {
    background: var(--primary-500);
    border-color: var(--primary-500);
    color: var(--white-color);
    font-size: var(--body-sm);
    
    &:hover {
        background: var(--primary-700);
        border-color: var(--primary-700);
        color: var(--white-color);
		
		.amount {
			color: var(--white-color);
		}
    }
}
.wc-quote-qty-wrap .wc-quote-qty-btn {
    font-weight: 500;
}
.wc-block-cart-items__header span {
    font-weight: 600;
    color: var(--gray-950);
}
.wc-block-cart__submit .wc-block-cart__submit-button {
    background-color: var(--primary-500);
    color: var(--white-color);
    font-size: var(--body-sm-12-14);
    font-weight: 600;
    border: 1px solid var(--primary-500);
    border-radius: 8px;
    padding: 14px 16px;
    text-align: center;
    
    &:hover {
        background: var(--primary-700);
        color: var(--white-color);
    }
}

.wp-block-woocommerce-cart-order-summary-block {
    color: var(--gray-950);
}
.woocommerce-checkout .pagwrp {
    max-width: 100%;
}
.wc-block-components-checkout-place-order-button {
    background-color: var(--primary-500);
    color: var(--white-color);
    font-size: var(--body-sm-12-14);
    font-weight: 600;
    border: 1px solid var(--primary-500);
    border-radius: 8px;
    padding: 14px 16px;
    text-align: center;
    
    &:hover {
        background: var(--primary-700);
        color: var(--white-color);
    }
}
p.wc-block-components-checkout-order-summary__title-text,
.wc-block-components-totals-item__label,
.wc-block-components-formatted-money-amount
{
    color: var(--gray-950);
}
.wc-block-components-express-payment--checkout .wc-block-components-express-payment__event-buttons {
    list-style: none !important;
}
.default-cnt ul.wc-block-components-express-payment__event-buttons li:before {
    content: none;
}
.xoo-wsc-body .xoo-wsc-empty-cart a.xoo-wsc-btn {
        background-color: rgb(240 78 35 / 5%);
        color: var(--primary-500);
        border-color: var(--primary-500);
        font-size: var(--body-sm-12-14);
        font-weight: 600;
        border: 1px solid var(--primary-500);
        border-radius: 8px;
        padding: 14px 16px;
        text-align: center;
        
        &:hover {
            background-color: rgb(240 78 35 / 10%);
        }
}
.wp-block-woocommerce-empty-cart-block .wp-block-heading:not(.wc-block-cart__empty-cart__title),
.wp-block-woocommerce-empty-cart-block .wp-block-woocommerce-product-new
{
    display: none;
}
.tax-product_cat.term-18 .img-cnt-img .bgimg {
	background-position: center bottom;
}
.wpcf7-response-output {
    border-color: var(--primary-500) !important;
}
.entry-summary .single_variation_wrap {
	width: 100%;
}
.page-id-367 .img-ins .imgwrp {
	background-position: center top;
}
.wc-view-quote-btn.btn.btn1.btn1bcol {
    width: 46px;
    height: 46px;
    padding: 0;
    font-size: 10px;
    font-weight: 600;
    background-color: var(--gray-100);
    border-radius: 8px;
    color: var(--gray-950);
    border: none;
}
.wc-view-quote-btn.btn.btn1.btn1bcol:hover {
    background-color: var(--primary-500);
}
.woocommerce-product-attributes-item__label {
    text-align: left;
}
ul.flex-direction-nav {
    list-style: none;
}
ul.flex-direction-nav li a {
    min-width: 44px;
    min-height: 44px;
    max-width: 44px;
    max-height: 44px;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    background: var(--gray-950);
    display: flex;
    font-size: 0;
    align-items: center;
    justify-content: center;
}
ul.flex-direction-nav li a:before {
    content: '';
    background-size: 12px;
    width: 12px;
    height: 12px;
    display: inline-block;
    filter: brightness(0) invert(1);
    background-repeat: no-repeat;
}
ul.flex-direction-nav .flex-prev:before {
    background-image: url(../img/arrow-prev.svg);
}
ul.flex-direction-nav .flex-next:before {
    background-image: url(../img/arrow-next.svg);
}
ul.flex-direction-nav li {
    position: absolute;
    top: 40%;
    z-index: 1;
    transform: translateY(-42%);
}
ul.flex-direction-nav li.flex-nav-prev {
    left: 16px;
}
ul.flex-direction-nav li.flex-nav-next {
    right: 16px;
}
ul.flex-direction-nav li a:hover {
    opacity: 0.9;
}
.asnp_easy_product_bundle .asnp-App-GridItem-wrapper {
    display: none;
}
.no-results.not-found {
    text-align: center;
}
.no-results.not-found .search-field {
    width: 100%;
    padding: 16px;
    background: #fff;
    border: 1px solid var(--gray-100);
    font-size: var(--body-sm);
    color: var(--gray-400);
    border-radius: 8px;
    max-width: 500px;
    margin-top: 30px;
}
.no-results.not-found .search-submit {
	display: none;
}
.no-results.not-found .page-content {
	margin-top: 15px;
}
.hdicon #wcc-switcher-style-02 {
    width: 100px;
    position: relative;
	margin-top: 0;
}
.hdicon #wcc-switcher-style-02 .wcc-crnt-currency {
    height: 46px;
    background: #fafafa;
}
.hdicon #wcc-switcher-style-02 .wcc-crnt-currency:before {
	background: #fafafa;
}
.hdicon #wcc-switcher-style-02 .wcc-list-opened,
.hdicon #wcc-switcher-style-02 .wcc-list li,
.hdicon #wcc-switcher-style-02 .wcc-list li:hover
{
    border-color: #f04e23;
}
.hdicon #wcc-switcher-style-02 .wcc-list li:hover
{
	color: #f04e23;
	box-shadow: 0 -1px 0 #f04e23 inset, 0 -2px 0 #f04e23, -1px 0 0 #f04e23 inset, 1px 0 0 #f04e23 inset;
}
.hdicon #wcc-switcher-style-02 .wcc-list-opened:before {
    color: #f04e23;
}


/*-- Ajax Search --*/
.wc-ajax-search-wrapper {
	position: relative !important;
	display: block;
}
.wc-ajax-search-results {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #ffffff;
	border: 1px solid var(--gray-100);
	box-shadow: 0 4px 10px rgba(0,0,0,0.15);
	z-index: 999999;
	max-height: 350px;
	overflow-y: auto;
	display: none;
}
.wc-ajax-search-results ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.wc-ajax-search-results li a {
	display: flex;
	align-items: center;
	color: var(--primary-500);
	padding: 10px 12px;
	text-decoration: none;
	border-bottom: 1px solid var(--gray-100);
}
.wc-ajax-search-results li a:hover {
	background-color: #f9f9f9;
}
.wc-ajax-search-results img {
	width: 40px;
	height: 40px;
	object-fit: cover;
	margin-right: 10px;
	border-radius: 4px;
}
.hdicon .wcc-name {
    font-size: 10px;
}
@media (max-width: 1024px) {
    .mb-hide {
        display: none !important;
    }
    .justify-center-ms {
        justify-content: center;
    }
    .site-nav {
        position: absolute;
        background: var(--white-color);
        left: 0;
        right: 0;
        width: 100%;
        top: 0;
        border-radius: 0;
        padding: 24px;
        opacity: 0;
        visibility: hidden;
        z-index: -999;
        transform: translateY(-10px);
        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
    }
    .site-nav.active {
        opacity: 1;
        z-index: 999;
        visibility: visible;
        transform: translateY(0);
        height: calc(100vh - 130px);
        overflow: hidden;
        box-shadow: 0px 4px 3px 0px rgb(0 0 0 / 20%);
        border-radius: 0 0 8px 8px;
    }
    #primary-menu .nav-menu > .nav-item {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    #primary-menu .nav-menu > .nav-item a{
        display: flex;
        justify-content: space-between;
    }
    .site-nav .row .navbtn {
        width: 100%;
        justify-content: start;
        margin-top: 24px;
    }
    .header-wrap > .row {
        justify-content: space-between;
    }
    .site-nav > .row.justify-end {
        justify-content: space-between;
        flex-direction: column;
        height: 100%;
    }
    .nav-item.has-sub-menu:hover > .dm-wrp {
        display: none;
    }
    .dm-wrp, .normal-dropdown {
        padding-top: 0;
        left: 100%;
        right: 0;
        background: var(--bg-color);
        top: 0;
        bottom: 0;
        transition: 0.5s ease;
        width: 0;
        display: block !important;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .dm-wrp.active {
        left: 0;
        width: 100%;
        min-width: 250px;
        z-index: 1;
    }
    .normal-dropdown.active {
        max-width: 100%;
        height: 100%;
        left: 0;
        width: 100%;
        z-index: 1;
        background: var(--white-color);
    }
    .normal-dropdown .mm-sub-menu {
        box-shadow: none;
        border: 0;
        border-radius: 0;
    }
    body.menuopen {
        overflow: hidden;
    }
    .wrap-innermenu {
        padding: 24px 0;
    }
    .site-nav .row .mainnav {
        width: 100%;
    }
    .dm-wrp.active .container {
        display: block;
    }
    .dm-wrp .container {
        display: none;
    }
    .hb-wrp .menuopen {
        display: none;
    }
    .hb-wrp.active .menuopen {
        display: block;
    }
    .hb-wrp.active .menuclose {
        display: none;
    }
    #primary-menu .nav-menu > .nav-item a.category-box {
        display: block;
    }
    .nav-menu .pro-category .category-grid {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 14px;
        overflow-x: auto;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .nav-item .menu-dropdown:before {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    .back-btn .icon {
        display: inline-block;
    }
    .mi-top .btn {
        margin-top: 16px;
    }
}

.crwrp {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
    text-align: center;
    background: var(--gray-50);
    padding: 40px 24px;
    border-radius: 8px;
    
    img {
        width: auto;
        max-width: 220px;
		max-height: 100px;
    }
    
    .recnt {
        p {
            font-size: var(--body-xl);
            color: var(--gray-950);
            margin-bottom: 24px;
            
            &:last-child {
                margin-bottom: 0;
            }
        }
    }
    
    .revname {
        font-size: var(--body-sm);
        color: var(--gray-600);
    }
    
    @media (min-width: 768px) {
        gap: 48px;
        padding: 48px;
    }
}

.prouse {
    text-align: center;
    
    .tas-cps-slider-area {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
        display: grid;
        grid-template-columns: repeat(1, 1fr); 
        gap: 16px; 
        
        @media (min-width: 580px) {
            grid-template-columns: repeat(2, 1fr); 
        }
        
        @media (min-width: 768px) {
            grid-template-columns: repeat(3, 1fr); 
        }
    }
}

.adcnt {
    .imgsec {
        margin-top: 24px;
        
        @media (min-width: 768px) {
            margin-top: 0;
        }
        
        img {
            width: 100%;
            border-radius: 8px;
            height: 100%;
            object-fit: cover;
        }
    }
    .adseccnt {
        max-width: 570px;
        
        h2 {
            margin-bottom: 20px;
        }
        
        &>p:not(:last-child) {
            margin-bottom: 24px;
        }
        .cldwrp {
            background: var(--white-color);
            padding: 24px;
            border-radius: 8px;
            
            a {
                color: var(--primary-500);
            }
            
            p:not(:last-child) {
                margin-bottom: 10px;
            }
        }
    }
}

@media (max-width: 767px) {
    .m-text-left {
        text-align: left;
    }
    .m-text-center {
        text-align: center;
    }
    .mm-fullitem {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px 24px;
    }
    .nav-menu .pro-category .category-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .home .fet-pro .pri-heading {
        text-align: left;
    }
}
@media (max-width: 600px) {
    .mm-fullitem {
        grid-template-columns: repeat(1, 1fr);
        gap: 24px 24px;
    }
    .wrap-innermenu .mi-top {
        flex-direction: column;
        align-items: start;
    }
    .nav-menu .pro-category .category-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
	.hdicon #wcc-switcher-style-02 {
		width: 50px;
	}
	.hdicon #wcc-switcher-style-02 .wcc-crnt-currency {
		padding: 0 5px;
		font-size: 12px;
	}
}

@media (min-width: 1025px) {
   .md-hidden {
        display: none;
   }
    .hdicon .hb-wrp { 
        display: none;
    }
    .dm-wrp {
        width: 100vw;
        left: 50%;
        transform: translateX(-50%);
        box-sizing: border-box;
        background: var(--white-color);
        box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);
        border-radius: 0px 0px 16px 16px;
        padding-top: 0;
    }
}