@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --primary: #2C4063;
    --secondary: #222;
    --white: #ffffff;
    --black: #000000;
    --border-color:#393939;
    --text-primary:#888;

    /* ikram variables */

    --text-secondary: #222222;
    --tertiary-bg: #f7f7f7;
    --btn-border: #e1e1e1;
    --tertiary-bg: #f7f7f7;
    --section-bg: #F5F5F7;
    --dark-brown: #1B0000;
    --light-gray: #e1e1e1;
    --et-light-gray: #fafafa;
    --et-light-gray2: #9a9a9a;
    --page-title-color: #1C1A19;
    --et-light-gray-3: #ccc;
    --blackish-grey: #383838;
    --e-color-text: #7a7a7a;

    /* sameer's create variables  */
    --primary-200: #2C4063;
    --theme-yellow: #ffb75d;
    --gray-light: #f2f2f2;  
    --theme-yellow-light: #f8e6a8;
    --gray-light-100: #f5f5f5;
    --gray-700: #555555;
    --gray-200: #f8f8f8;
    --gray-300: #AFAFAF;
    --gray-400: #888888;
    --gray-500: #A4A4A4;
    --theme-black: #0a0a0a;
    --theme-black-100: #262626;
    --text-color: #939393;
    --btn-hover-color: #565656;
    --theme-red: #d64444;
    --primary-light: #2C4063;
    --yellow: #fdd835;
}

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

body{

    .text-primary{
        color:var(--primary) !important;
    }

    color:var(--text-primary);
    font-family: "Lato", serif;
    a{
        text-decoration: none;
        color:var(--secondary);
    }
    svg{
        color:var(--text-primary);
        fill:var(--text-primary);
    }
    @media (min-width: 1400px) {
        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            max-width: 1170px;
        }
    }
    @media (min-width:1200px) {
        .container.small {
            max-width: 1170px;
        }
    }
    .border{
        border-color:var(--border-color) !important;
    }
     .btn.black:hover,
     .btn.black{
        background-color: var(--secondary);
        border-color: var(--secondary);
        color: var(--white);
        border-radius:0px;
    }
    ul {
        margin: 0;
        padding: 0;
    }
    li{
        list-style: none;
    }
    img {
        max-width: 100%;
    }
    .btn {
        font-size: 14px;
        line-height: 22px;
        padding: 7px 29px;
        text-transform: uppercase;
        border-radius: 0;
        font-weight: 700;
        transition: all .4s;
        border: 0;
    
        &.btn-dark {
            background-color: var(--theme-black);
    
            &:hover {
                background-color: var(--btn-hover-color);
            }
        }
    
        &.btn-light {
            background-color: var(--bs-white);
            color: var(--secondary);
    
            &:hover {
                background-color: var(--gray-light-100);
            }
        }
    
        &.btn-secondary {
            background-color: var(--gray-light);
            color: var(--secondary);
    
            &:hover {
                background-color: var(--primary);
                color: var(--bs-white);
            }
        }
    
    }
    .heading-sec {
        max-width: 52%;
        margin-inline: auto;
        margin-bottom: 40px;
        text-align: center;
    
        @media (max-width: 1199px) {
            max-width: 60%;
        }
    
        @media (max-width: 991px) {
            max-width: 80%;
        }
    
        @media (max-width: 767px) {
            max-width: 100%;
        }
    
        h2 {
            color: var(--secondary);
            font-size: 36px;
            line-height: 46px;
            font-weight: 900;
            margin-bottom: 10px;
    
            @media (max-width:575px) {
                font-size: 26px;
                line-height: 36px;
            }
        }
    
        p {
            font-size: 16px;
            line-height: 24px;
            color: var(--gray-700);
        }
    }
    .btn-light{
        background: var(--section-bg) !important;
    }
    .disabled{
        opacity: 0.5;
        pointer-events: none;
    }
}

.bg-primary {
    background-color: var(--primary) !important;
}
.text-black {
    color:var(--black);
}
.announcementbar{
    font-size: 14px;
    font-weight:400;
    padding:5px;

    .carousel{
        .carousel-control-next-icon, .carousel-control-prev-icon {
            width: 1.5rem;
            height: 1.5rem;
            display: none;
        }
        &:hover{
            .carousel-control-next-icon, .carousel-control-prev-icon {
                display: block;
            }
        }
    }
    svg{
        color:var(--secondary);
        fill:var(--white);
    }
    @media only screen and (max-width:576px) {
        font-size: 13px;
    }
}

.main-header{
    min-height:90px;
    display:flex;
    align-items:center;
    justify-content:center;
    .logo{
        width: 100%;
    max-width: 260px;
    }
    .menu-list{
        .menu-list-item{
            text-decoration: none;
            font-weight: 400;
            text-transform: uppercase;
            border-bottom: 2px solid transparent;
            padding-bottom: 5px;
            font-size:14px;
            &.active,
            &:hover{
                color: var(--primary);
                border-color: var(--primary);
            }
        }
        .mega-dropdown{
            position: relative;
            .menu-list-item{
                text-decoration: none;
                font-weight: 400;
                text-transform: uppercase;
                border-bottom: 2px solid transparent;
                display:flex;
                align-items:center;
                gap:10px;
                &.active,
                &:hover{
                    color: var(--primary);
                    border-color: var(--primary);
                }
            }
            .dropdownMenuContainer{
                display: none;
                position: absolute;
                top:100%;
                transform: translateX(-50%);
                transition: all ease 0.4s;
                z-index: 99999;
                .dropdownMenu {
                    background-color: var(--white);
                    width: 800px;
                    padding: 1rem;
                    padding-left:3rem;
                    border: 1px solid var(--btn-border);
                    box-shadow: 0 0px 15px 0px #0000000f;
                    font-family: "lato", sans-serif;
                    border-radius:5px;
                    div{
                        ul {
                            display:flex;
                            flex-direction:column;
                            align-items:start;
                            gap:0.7rem;
                            li {
                                .menu-title{
                                    h6 {
                                        margin: 0;
                                        font-size: 18px;
                                        font-weight: 700;
                                        cursor: pointer;
                                        color:var(--black);
                                        text-transform:capitalize;
                                        border:0px;
                                        &:hover{
                                            color: var(--primary);
                                        }
                                    }
                                }

                                a {
                                    font-size: 16px;
                                    padding:10px 0px;
                                    color: var(--text-primary);
                                    text-transform:capitalize;
                                    &:hover{
                                        color: var(--black);
                                    }
                                }
                            }
                        }
                    }


                    .dropdown-menu-link-img {
                        img {
                            width: 100%;
                            height: auto;
                        }
                    }
                }
            }
            &:hover{
                .dropdownMenuContainer{
                    display:block;
                }
            }
        }
        .dropdown{
            margin-bottom: 10px;
            a{
                text-decoration: none;
                font-weight: 400;
                text-transform: uppercase;
                border-bottom: 2px solid transparent;
                padding-bottom: 7px;
                font-size:14px;
                &.active,
                &:hover{
                    color: var(--primary);
                    border-color: var(--primary);
                }
            }
        }
    }
    .hamburger-menu{
        position: relative;
        .custom-menu{
            position: absolute;
            right: 0px;
            width: 300px;
            top: 2.5rem;
            background: white;
            z-index: 9999;
            a{
                padding:5px 10px;
                border-radius:5px;
                font-size:14px;
                font-weight: 400;
                &:hover{
                    background:#e4e4e4;
                    color:var(--primary);
                }
            }
        }
    }
    .custom-wishlist-header-icon{
        position: relative;
        .swym-anchor-badge,
        .swym-anchor-badge.show-badge{
            position: absolute;
            top:-10px;
            right:-10px;
            padding:1px 5px;
            border-radius:50%;
            color:var(--white);
            background:var(--primary);
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:15px;
        }
    }
}
/* responsive */

#menu-offcanvasScrolling{
    padding:2rem;

    .btn-close{
        right: -50px;
        position: absolute;
        top: 15px;
        background-color: var(--white);
        border-radius: 50%;
        padding: 15px;
        font-size: 8px;
        opacity: 1;
    }
    .sidebar-body{
        .custom-tabs{
            width:100%;
            margin-top:1rem;
            .nav.nav-tabs{
                border-width:2px;
                display: grid;
                grid-template-columns: 1fr 1fr;
                .nav-link{
                    margin-bottom:0;
                    border:none;
                    color:var(--text-primary);
                    text-transform:uppercase;
                    width:100%;

                    &.active{
                        background:transparent;
                        color:var(--secondary);
                        padding-bottom:10px;
                        border-bottom:2px solid var(--secondary);
                    }
                }
            }
            a{
                font-size:14px;
            }
        }
    }

}
    @media only screen and (max-width:576px) {
        #menu-offcanvasScrolling{
            .btn-close{
                right:10px !important;
            }
        }
    }

/* bottom navigations */

.bottom-navigations {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: var(--white);
    height:12vh;
    padding: 20px 0;
    z-index: 99999;
    box-shadow:2px 0 12px 0 rgba(0, 0, 0, .15);

    .container {
        max-width: 750px;

        .navigations {
            display: flex;
            align-items: center;
            justify-content: space-evenly;

            a {
                display: flex;
                flex-direction: column;
                align-items: center;
                position: relative;
                padding: 0 15px;

                i {
                    font-size: 18px;
                }

                .count {
                    position: absolute;
                    font-size: 0.55em;
                    background-color: #e1e1e1;
                    color: #000;
                    right: 35px;
                    top: -2px;
                    width: 10px;
                    height: 10px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    border-radius: 5px;
                }

                .dot {
                    position: relative;
                    background-color: var(--primary);
                    color: #000;
                    left: -8px;
                    top: 8px;
                    width: 6px;
                    height: 6px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    border-radius: 50%;
                    z-index: 1;

                    &:before {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        border: 1px solid var(--primary);
                        border-radius: 50%;
                        animation: pulse-line 2s infinite;
                        z-index: -1;
                    }
                }

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

                .cross{
                    display: none;
                }
            }
            .custom-wishlist-header-icon{
                position: relative;
                .swym-anchor-badge,
                .swym-anchor-badge.show-badge{
                    position: absolute;
                    top:-10px;
                    right:-10px;
                    padding:1px 5px;
                    border-radius:50%;
                    color:var(--white);
                    background:var(--primary);
                    display:flex;
                    align-items:center;
                    justify-content:center;
                    font-size:15px;
                }
            }
        }
    }
}

@keyframes pulse-line {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }
}

/* More settigs */
.moreSettingsModal {
    background: #fff;
    position: fixed;
    width: 100%;
    height: 0vh;
    top: 100vh;
    left: 0;
    visibility: hidden;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: top 0.4s ease, opacity 0.4s ease, visibility 0s ease 0.4s;
    z-index: 99999;
  
    &.show {
      top: 0;
      visibility: visible;
      opacity: 1;
      height: 90vh;
      transition: top 0.4s ease, opacity 0.4s ease;
    }
  
    .container {
      .moreSettings {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
        color:var(--black);
  
        .title {
          position: absolute;
          top: 2rem;
          display: flex;
          align-items: center;
          gap: 0.3rem;
  
          h5 {
            margin: 0;
            text-transform: uppercase;
            font-size: 22px;
            font-weight: 500;
          }
  
          i {
            font-size: 22px;
          }
        }
  
        nav {
          ul {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 1rem;
            text-transform: uppercase;
  
            li {
              a {
                font-size: 14px;
              }
            }
          }
        }
      }
    }
}
  

/* More settigs end */

@media (max-width: 992px) {

    .searchBarHolder,
    .darkBg {
        display: none !important;
    }

    .bottom-navigations {
        display: block;
    }
}

@media (max-width: 576px) {
    .bottom-navigations {
        .container {
            .navigations {
                justify-content: space-around;

                a {
                    padding: 0;
                    font-size: 14px;

                    i {
                        font-size: 15px;
                    }
                }
            }
        }
    }
}

/* News letter modal */

.newsletter-modal{
    .modal-dialog {
        max-width: 100%;
        height: 100%;
        margin: 0;
        display: flex;
    
        .modal-content {
            background-color: var(--blackish-grey);
            color: var(-white);
            border-radius: 10px;
            overflow: hidden;
            max-width: 900px;
            margin: auto;
            font-family: "Lato", Sans-serif;
            position: relative;
            overflow: inherit;
    
            .close-modal {
                position: absolute;
                right: -70px;
                top: -35px;
                border-radius: 50px;
                outline: none;
                border: none;
                width: 35px;
                height: 35px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 18px;
    
                i {
                    color: var(--text-primary);
                }
            }
    
            .modal-body {
                text-align: center;
                padding: 22px 40px;
    
                h3 {
                    color: var(--white);
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 1.1em;
                }
    
                h2 {
                    color: var(--white);
                    font-size: 48px;
                    font-weight: 400;
                    line-height: 1.1em;
                }
    
                h5 {
                    color: var(--white);
                    font-size: 20px;
                    font-weight: 500;
                    text-transform: uppercase;
    
                    span {
                        color: var(--primary);
                    }
                }
    
                .form-inline {
                    display: flex;
                    justify-content: center;
                    align-items: center;
    
                    .form-control {
                        border: none;
                        height: 40px;
                        flex: 1;
                        padding: 0 15px;
                        border-radius: 0;
                        box-shadow: none;
                        font-size: 15px;
                        color: var(--e-color-text);
                    }
    
                    .subscribe-btn {
                        background-color: #707070;
                        border: none;
                        height: 40px;
                        padding: 0 65px;
                        font-size: 15px;
                        color: var(--white);
                        font-weight: bold;
                        transition: background-color 0.3s ease;
                    }
                }
    
                .footer-text {
                    p {
                        margin-top: 10px;
                        margin-bottom: 0;
                        text-align: center;
                        color: var(--white);
                        font-size: 12px;
    
                        span {
                            color: var(--primary);
                        }
                    }
                }
            }
        }
    }
    
    .modal.fade .modal-dialog {
        animation: slideInLeft 0.4s ease-out;
    }
    
    
    @keyframes slideInLeft {
        from {
            transform: translateX(-100%);
            opacity: 0;
        }
    
        to {
            transform: translateX(0);
            opacity: 1;
        }
    }
    
    @media (max-width: 992px) {
        .modal-dialog {
            .modal-content {
                max-width: 80%;
    
                .close-modal {
                    right: 0;
                    top: -50px;
                }
    
                .modal-body {
                    h2 {
                        font-size: 36px;
                    }
    
                    h5 {
                        font-size: 16px;
                    }
    
                    .form-inline {
                        .subscribe-btn {
                            padding: 0 35px;
                        }
                    }
                }
            }
        }
    
    }
    
    @media (max-width: 576px) {
        .modal-dialog {
            .modal-content {
                max-width: 95%;
    
                .modal-body {
                    h2 {
                        font-size: 26px;
                    }
                    h5 {
                        font-size: 14px;
                    }
                    .form-inline {
                        .subscribe-btn {
                            padding: 0 10px;
                            font-size: 12px;
                        }
                    }
                }
            }
        }
    }
    }

.main-footer{
    background:var(--secondary);
    color:var(--white);
    padding:3rem 0 2rem;
    .footer-content{
        display:flex;
        align-items:start;
        flex-wrap:wrap;
        padding-bottom:2rem; 
        .form-group{
            display:flex;
            gap:1rem;
            align-items:start;
            flex-direction:column;
            span{
                color:var(--white);
                border-bottom: 2px solid var(--border-color);
                font-size:calc(1 * 1rem);
                padding-bottom:1rem;
                width:100%;
                text-transform:uppercase;
                line-height:1.5;
                font-size:14px;
                margin-bottom:1rem;
            }
            ul{
                li{
                    list-style-type: none;
                    margin-bottom:0.5rem;
                    a{
                        color:var(--white);
                        text-transform:capitalize;
                        line-height:1.5;
                        font-size:16px;
                        text-decoration:none;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        width:170px;
                    }
                    &:hover{
                        a{
                            color:var(--text-primary);
                        }
                    }
                }
            }
            .LatestNewsList{
                .img-wrapper{
                    width:45px;
                    height:40px;
                }
                h6{
                    font-size: 1.14rem;
                    margin-bottom:0;
                    line-height: 1.4;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    width:170px;
                    font-size:16px;
                    &:hover{
                        color:var(--text-primary);
                    }
                }
                .date{
                    color:var(--text-primary);
                    white-space:nowrap;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    width:130px;
                }
            }
            .TagsCloudBox{
                padding:1px 20px;
                &:hover{
                    background:var(--primary);
                }
            }
        }
        @media only screen and (max-width:576px) {
            .form-group{
                max-width: 100%;
                width: 100%;
                span{
                    text-align:start;
                    margin-top:1.5rem;
                }
            }
        }
    }

}

.paga-nagivtor-section {
    background-color: var(--section-bg);

    .page-navigator {
        padding: 1rem 0;
        display: flex;
        justify-content: space-between;
        align-items: center;

        ul {
            display: flex;
            align-items: center;
            margin-bottom:0;
            padding:0;
            li {
                list-style: none;
                font-size: 14px;
                color: var(--text-primary);

                a {
                    font-size: 14px;
                    color: var(--text-primary);
                    display: flex;
                    align-items: center;
                }

                .back-page {
                    color: var(--text-secondary);
                    transition: all ease 0.2s;
                    font-family: "Lato", Sans-serif;

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

            i {
                color: var(--text-primary);
                font-size: 12px;
                margin: 0 0.2rem;
            }
        }
    }
}

/* Shop Page */

.shop-holder {
    .container{
        max-width: 1470px;
        .shop-sec {
            display: flex;
            .shop-left {
                width: 25%;

                .accordion {
                    .accordion-item {
                        .accordion-header {
                            button {
                                font-weight: bold;
                                padding: 14px 0;
                                text-transform: uppercase;
                                color: var(--black);
                            }

                            .accordion-button:not(.collapsed) {
                                background-color: inherit;
                            }
                        }

                        .accordion-collapse {

                            .filter-brand,
                            .product-categories {
                                margin: 1.5rem 0 3.9em;
                            }

                            .active-filters {
                                margin: 1.5rem 0 3.9em;

                                ul {
                                    display: flex;
                                    align-items: center;
                                    flex-wrap: wrap;
                                    gap: 0.4rem;

                                    .clear-all {
                                        border-color: var(--black);
                                    }

                                    li {
                                        border: 1px solid var(--btn-border);
                                        padding: 2px 15px;
                                        transition: all ease 0.2s;

                                        a {
                                            white-space: nowrap;
                                        }

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

                            .filter-brand,
                            .average-rating {
                                ul {
                                    li {
                                        padding-left: 30px;
                                        position: relative;
                                        display: flex;
                                        align-items: center;
                                        transition: all ease 0.2s;
                                        margin-top: 15px;

                                        &:hover {
                                            a {

                                                &:before {
                                                    display: block;
                                                }
                                            }
                                        }

                                        a {
                                            display: flex;
                                            justify-content: space-between;
                                            width: 100%;

                                            .jdgm-widget{
                                                width:100%;
                                                .jdgm-prev-badge{
                                                    display:flex !important;
                                                    align-items:center;
                                                    justify-content:space-between;
                                                }
                                            }

                                            span {
                                                font-size: 12px;
                                                text-align: center;
                                                background-color: var(--tertiary-bg);
                                                border-radius: 4px;
                                            }

                                            &.active {
                                                span {
                                                    background-color: var(--black);
                                                    color: var(--white);
                                                }

                                                &:before {
                                                    display: block;
                                                }
                                            }
                                            /* &:after {
                                                content: "";
                                                height: 15px;
                                                width: 15px;
                                                border: 1px solid #888;
                                                position: absolute;
                                                left: 0;
                                                top: 3px;
                                            }
                                            &:before {
                                                display: none;
                                                content: "";
                                                height: 15px;
                                                width: 15px;
                                                position: absolute;
                                                left: 0;
                                                top: 3px;
                                                transition: all ease 0.3s;
                                                background-repeat: no-repeat;
                                                background-size: contain;
                                                background-position: center;
                                                background-image: url(data:image/jpeg;base64,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);
                                            } */
                                        }
                                    }
                                }
                            }

                            .product-categories {
                                ul {
                                    li {
                                        margin-top: 15px;

                                        a {
                                            padding: 6px 0;
                                            width: fit-content;
                                            position: relative;

                                            &:hover {
                                                &:after {
                                                    width: 100%;
                                                }
                                            }

                                            /* &:after {
                                                content: '';
                                                height: 1px;
                                                width: 0;
                                                background-color: var(--black);
                                                position: absolute;
                                                bottom: 0;
                                                left: 0;
                                                transition: all 0.3s;
                                            } */
                                        }

                                        .inner-accordion-item {
                                            h2 {
                                                button {
                                                    padding: 0;
                                                    background: transparent;
                                                    color: var(--black);
                                                    font-weight: 400;
                                                    width: 100%;
                                                }
                                            }

                                            .product-categories-inner {
                                                ul {
                                                    padding-left: 1rem;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                        .price-range-container {
                            width: 100%;
                            margin: 20px auto;
                        
                            .slider-track {
                            position: relative;
                            height: 4px;
                            background: #ddd;
                            border-radius: 2px;
                        
                            .slider-thumb {
                                position: absolute;
                                width: 16px;
                                height: 16px;
                                background: #000042;
                                border-radius: 50%;
                                cursor: pointer;
                                top: -6px;
                                transform: translateX(-50%);
                            }
                        
                            .slider-range {
                                position: absolute;
                                height: 4px;
                                background: #000042;
                                border-radius: 2px;
                            }
                            }
                            .price-range-sets{
                                display: flex;
                                justify-content: space-between;
                                margin-top: 1rem;
                                button{
                                    background: transparent;
                                    border: none;
                                    color: var(--black);
                                    font-weight: 400;
                                    cursor: pointer;
                                }
                            }
                        }
                        
                    }
                }

                .accordion-button::after {
                    content: '';
                    height: 10px;
                    width: 10px;
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: center;
                    background-image: url(data:image/jpeg;base64,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);
                }

                .accordion-button:not(.collapsed)::after {
                    content: '';
                    height: 10px;
                    width: 10px;
                    background-repeat: no-repeat;
                    background-size: cover;
                    background-position: center;
                    background-image: url(data:image/jpeg;base64,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);
                }
            }

            .shop-right {
                width: 75%;

                .product-container {
                    max-width: 1200px;
                    padding: 20px 0 20px 20px;

                    .product-header {
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        margin-bottom: 20px;

                        .sorting-selector,
                        .showing-result {
                            display: flex;
                            align-items: center;
                            gap: 1.5rem;

                            p {
                                margin: 0;
                                font-size: 18px;
                                color: var(--text-primary);
                            }

                            .sorting-dropdown {
                                padding: 8px;
                                font-size: 16px;
                                border-color: var(--btn-border);
                                color: var(--text-primary);
                                outline: none;
                            }

                            .view-options {
                                .grid-list-view {
                                    padding: 2px 11px;
                                    border-radius: 3px;
                                    font-size: 18px;
                                    border: none;
                                    background-color: var(--white);
                                    cursor: pointer;

                                    &:last-child {
                                        border-left: 1px solid var(--btn-border);
                                        padding-left: 13px;
                                    }
                                }
                                .grid-list-view.active{
                                    background: var(--primary);
                                    color: white;
                                }

                                button{
                                    &:hover {
                                        background-color: #eee;
                                    }
                                }
                            }
                        }

                    }
                
                    .product-grid {
                        display: grid;
                        gap:2rem;
                        align-items:flex-start;
                        grid-template-columns: repeat(4,1fr);

                        .product-card {
                            text-align: center;
                            overflow: hidden;
                            transition: box-shadow 0.3s;
                            height: 100%;
                            display:flex;
                            flex-direction:column;

                            &:hover {
                                .quick-view {
                                    opacity: 1;
                                    pointer-events: all;
                                    top: 89.5%;
                                }

                                .card-img-container {
                                    .colorButton {
                                        transform: scale(1);
                                        opacity: 1;

                                    }
                                }

                                .card-img-container {
                                    .carousel-control-prev-icon::after {
                                        opacity: 1;
                                        left: 14px;
                                    }

                                    .carousel-control-next-icon::after {
                                        opacity: 1;
                                        right: 14px;
                                    }
                                }
                            }

                            .card-img-container {
                                position: relative;

                                .carousel-control-prev-icon,
                                .carousel-control-next-icon {
                                    background-image: none;
                                }

                                .carousel-control-prev-icon::after,
                                .carousel-control-next-icon::after {
                                    content: '';
                                    display: inline-block;
                                    width: 15px;
                                    height: 15px;
                                    border: solid black;
                                    border-width: 0 3px 3px 0;
                                    transform: rotate(135deg);
                                    transition: all 0.5s;
                                }

                                .carousel-control-prev-icon::after {
                                    position: absolute;
                                    left: 0;
                                    opacity: 0;
                                }

                                .carousel-control-next-icon::after {
                                    transform: rotate(-45deg);
                                    position: absolute;
                                    right: 0;
                                    opacity: 0;
                                }

                                .colorButton {
                                    position: absolute;
                                    top: 5px;
                                    right: 0px;
                                    border: none;
                                    cursor: pointer;
                                    transform: scale(0.1);
                                    opacity: 0;
                                    transition: all 0.5s;
                                    font-size: 1.2rem;
                                    z-index: 2;
                                    i{
                                        color: var(--white);
                                    }
                                }
                                .img-wrapper{
                                    height: 240px;
                                    width: 100%;
                                    display:flex;
                                    align-items:center;
                                    justify-content:center;
                                    img {
                                        width: 100%;
                                        object-fit: contain;
                                    }
                                }
                            }

                            .quick-view {
                                position: absolute;
                                top: 95%;
                                left: 50%;
                                transform: translate(-50%, -50%);
                                background-color: var(--black);
                                color: #fff;
                                font-size: 16px;
                                opacity: 0;
                                pointer-events: none;
                                transition: opacity 0.3s;
                                width: 95%;
                                padding: 7px 10px;
                                font-weight: 500;
                                transition: all 0.4s;
                            }

                            .product-card-content{
                                display:flex;
                                align-items:center;
                                flex-direction:column;

                                h3 {
                                    font-size: 16px;
                                    font-weight: 700;
                                    margin: 10px 0;
                                    color:var(--black);
                                }

                                .product-rating {
                                    display: flex;
                                    justify-content: center;
                                    gap: 5px;
                                    margin-top: auto;

                                    .jdgm-widget{
                                        .jdgm-prev-badge{
                                            .jdgm-prev-badge__text{
                                                display:none !important;
                                            }
                                        }
                                    }
                                }

                                .price {
                                    font-family: "Montserrat", Sans-serif;
                                    font-size: 16px;
                                    color: var(--text-primary)
                                }
                            }
                        }
                    }
                    .product-grid.product-list {
                        display: flex;
                        flex-direction: column;

                        .product-card {
                            flex-direction:row;
                            align-items:center;

                            .card-img-container {
                                width:400px;
                            }

                            .product-card-content{
                                align-items:start;
                                justify-content:center;
                                padding:2rem;
                                h3{
                                    text-align:start;
                                }
                                
                                .price {
                                    margin-top: 10px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

/* quick view modal start */
.sidebar-quick-veiw {
    left: -50px;
    position: absolute;
    top: 15px;
    background-color: var(--white);
    border-radius: 50%;
    padding: 15px;
    font-size: 8px;
    opacity: 1;
}

.quick-veiw-sidebar-body.shoping-cart-sidebar{
    .swym-wishlist-collections-v2-container{
        display:none !important;
    }
}
.quick-veiw-sidebar-body {
    padding: 15px;
    overflow: auto;
    .description{
        p,span{        
            font-size:16px;
        }
        font-size:16px;
    }

    .product-img-slider {
        &:hover {
            .carousel-control-prev-icon::after {
                left: 10px;
                opacity: 1;
            }

            .carousel-control-next-icon::after {
                right: 10px;
                opacity: 1;
            }
        }

        .carousel-inner {
            .carousel-item {
                height: 340px;
                width: 100%;
                .modal-trigger{
                    cursor: pointer;
                }

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

        .carousel-control-prev-icon,
        .carousel-control-next-icon {
            background-image: none;
        }

        .carousel-control-prev-icon::after,
        .carousel-control-next-icon::after {
            content: '';
            display: inline-block;
            width: 15px;
            height: 15px;
            border: solid var(--black);
            border-width: 0 2px 2px 0;
            transform: rotate(135deg);
            transition: all 0.5s;
        }

        .carousel-control-prev-icon::after {
            position: absolute;
            left: 0;
            opacity: 0;
        }

        .carousel-control-next-icon::after {
            transform: rotate(-45deg);
            position: absolute;
            right: 0;
            opacity: 0;
        }
    }


    .sidebar-product-details {
        text-align:start;
        h2 {
            font-size: 20px;
            font-weight: 500;
            color: var(--black);
            margin-bottom: 5px;
        }

        p {
            font-size: 18px;
            color: var(--text-primary);
            margin-bottom: 15px;
        }

        .quantity-container {
            display: inline-flex;
            align-items: center;
            border: 1px solid #e1e1e1;
            border-radius: 3px;
            overflow: hidden;

            .quantity-btn {
                padding: 15px;
                border: none;
                font-size: 16px;
                cursor: pointer;
                background: transparent;
                display:flex;
                align-items:center;
                justify-content:center;
                svg{
                    fill:#e1e1e1;
                }

                &:last-of-type {
                    border-left: 1px solid var(--btn-border);
                }

                &:first-of-type {
                    border-right: 1px solid var(--btn-border);
                }
            }

            .quantity-input {
                width: 40px;
                text-align: center;
                border: none;
                font-size: 16px;
                outline: none;
            }
        }

        .add-to-cart-btn {
            cursor: pointer;
            transition: all 0.3s;
            height: auto;
            padding: 7px 10px;
            font-weight: 500;
            background-color: var(--secondary);
            border: 1px solid var(--secondary);
            color: var(--white);
            -webkit-text-fill-color: currentColor;
            min-width: 190px;

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

            i {
                margin-right: 10px;
            }
        }

        .wishlist-categories {
            button{
                color: var(--black);
                background:transparent;
                border:0px;
                i {
                    margin-right: 0.3rem;
                    font-size:15px;
                }
            }
            a {
                display: block;
                font-size: 14px;
                text-decoration: none;
                color: var(--text-secondary);
                &:hover {
                    color: var(--black);
                }
            }

            P {
                font-size: 14px;
                margin-bottom: 10px;
                color: var(--black);
                display: flex;

                a {
                    color: var(--border-color);
                    text-decoration: none;
                    margin-left: 4px;

                    &:hover {
                        color: var(--black);
                    }
                }
            }
        }

        .share-icons {
            display: flex;
            align-items: center;
            margin-bottom: 15px;

            span {
                font-size: 14px;
                color: var(--black);
                margin-right: 10px;
            }

            a {
                margin-right: 10px;
                font-size: 16px;
                color: var(--text-primary);
                text-decoration: none;

                &:hover {
                    color: var(--black);
                }
            }
        }

        .more-details {
            display: inline-block;
            font-size: 14px;
            color: var(--black);
            text-decoration: none;

            &:hover {
                text-decoration: underline;
            }
        }

        .accordion {
            .accordion-item {
                border: none;

                .accordion-header {
                    button {
                        background: transparent;
                        color: #000;
                        padding: 0;
                        width: fit-content;

                        &:after {
                            color: #000;
                            height:16px;
                            background-size:1rem
                        }
                        &:not(.collapsed)::after {
                            filter: brightness(0.5);
                        }
                    }
                }

                .accordion-collapse {
                    .accordion-body {
                        padding: 0;

                        p {
                            font-size: 14px;
                        }

                        a {
                            font-size: 14px;
                            text-decoration: underline;
                        }
                    }
                }
            }
        }
    }

    .modal.fullScreenImageSlider{
        .modal-dialog{
            max-width:100vw;
            margin:0;
            background:rgba(0,0,0,0.8);
            .modal-content{
                height:100vh;
                background:transparent;
                .modal-header{
                    display: flex;
                    align-items: center;
                    justify-content: end;
                    .close {
                        color: var(--white);
                        font-size: 40px;
                        transition: 0.3s;
                        cursor: pointer;
                    }
                }
                .modal-body{
                    .carousel{
                        .carousel-inner{
                            .carousel-item{
                                .img-wrapper{
                                    display:flex;
                                    align-items:center;
                                    justify-content:center;
                                    img{
                                        width:100%;
                                        max-width:500px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
/* quick view modal end */

.products-pagination {
    margin-top: 2rem;

    .pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;

        .page-item.active-page {
            background-color: var(--black);
                color: var(--white);
         
        }

        .page-item {
            height: 40px;
            width: 40px;
            border: 1px solid var(--btn-border);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all .3s;
            cursor: pointer;
            font-size: .85rem;

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

/* products details page */

.product-page-holder {
    padding-bottom: 3rem;

    h2{
        color:var(--black);
    }

    .container {
        max-width: 1440px;

        .product-page-sec {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;

            .product-img-gallery {
                width: 58%;

                .product-img-gallery-container {
                    display: grid;
                    grid-template-columns: repeat(2fr, 2);
                    gap: 1rem;
                    grid-template-columns: repeat(2, 48%);

                    .zoom {
                        margin: 0;

                        & img:hover {
                            opacity: 0;
                        }

                        img {
                            transition: opacity .5s;
                            display: block;
                            width: 100%;
                        }

                        background-position: 50% 50%;
                        background-repeat: no-repeat;
                        position: relative;
                        width: 100%;
                        overflow: hidden;
                        cursor: zoom-in;
                    }
                }
            }

            .product-details {
                width: 42%;

                .product-container {
                    .protuct-title {
                        h2 {
                            font-family: "Montserrat", Sans-serif;
                            color:var(--secondary);
                            font-size: 24px;
                            font-weight: 700;
                            text-transform: uppercase;

                            @media (max-width: 1200px) {
                                font-size: 1.2rem;
                            }
                        }
                    }

                    .features {
                        background-color: var(--section-bg);
                        padding: 10px 22px;

                        ul {
                            li {
                                font-size: 14px;
                                color: var(--border-color);

                                i {
                                    margin-right: 5px;
                                    font-size: 14px;
                                }
                            }
                        }
                    }

                    .buy-proccess {
                        span {
                            font-size: 20px;
                            color: var(--text-primary);
                        }
                        .add-prescription,
                        .add-to-cart,
                        .buy-now-btn {
                            text-align: center;
                            background-color: var(--dark-brown);
                            color: var(--white);
                            padding: 8px;
                            width: 100%;
                            font-weight: 600;
                            cursor: pointer;
                            transition: all 0.3s;
                            border: 1px solid var(--dark-brown);
                        }

                        select {
                            outline: none;
                            border: 1px solid var(--text-primary);
                            color: var(--text-primary);
                            width: 60px;
                        }

                        .or {
                            position: relative;

                            &:after {
                                content: "";
                                width: 48%;
                                height: 1px;
                                background-color: var(--btn-border);
                                position: absolute;
                                left: 0;
                                top: 33%;
                            }

                            p {
                                text-align: center;
                                color: var(--text-primary);
                            }

                            &:before {
                                content: "";
                                width: 48%;
                                height: 1px;
                                background-color: var(--btn-border);
                                position: absolute;
                                right: 0;
                                top: 33%;
                            }
                        }

                        .add-to-cart {
                            &:hover {
                                background-color: #FFD600;
                                color: var(--dark-brown);
                            }
                        }

                        .buy-now-btn {
                            background: transparent;
                            color: var(--dark-brown);
                            border: 1px solid var(--dark-brown) !important;

                            &:hover {
                                background-color: var(--dark-brown);
                                color: var(--white);
                            }
                        }
                        .cart-wishlist-buttons-container{
                            .swym-button-bar {
                                width: 100% !important;
                                .swym-btn-container[data-position=default]{
                                    /* width:100% !important; */
                                    button{
                                        background:transparent !important;
                                        border-color:transparent !important;
                                        text-align: start;
                                        display: flex;
                                        align-items: center;
                                        justify-content: flex-start;
                                        span{
                                            font-size:16px;
                                        }
                                    }
                                }
                            }
                        }
                    }

                    .category-wish-list {
                        .wishlist {
                            cursor: pointer;

                            i {
                                margin-right: 5px;
                            }
                        }

                        p {
                            a {
                                margin-left: 5px;
                                color: var(--text-primary);

                                &:hover {
                                    color: var(--black);
                                }
                            }
                        }


                        .toast-container {
                            position: fixed;
                            top: 20px;
                            right: 20px;
                            z-index: 1055;
                        }
                    }
                }
            }
        }

        .product-description {
            margin-top: 8rem;

            .nav-tabs-btns {
                border-bottom: 1px solid var(--btn-border);

                ul {
                    border: none;

                    li {
                        .active {
                            color: #17AAD5;
                            border-bottom: 2px solid #17AAD5;
                        }

                        button {
                            border: none;
                            color: #000;
                            position: relative;
                            font-weight: 700;
                            text-transform: uppercase;
                            font-size: 14px;

                            &:hover {
                                &:after {
                                    width: 100%;
                                }
                            }

                            &:after {
                                content: '';
                                width: 0;
                                height: 2px;
                                background-color: #17AAD5;
                                position: absolute;
                                bottom: -2px;
                                left: 0;
                                transition: all 0.3s;
                            }
                        }
                    }
                }
            }

            .tab-content {
                max-width: 1140px;
                margin: 0 auto;

                #description {
                    p {
                        font-weight: 400;
                        color: var(--text-primary);
                        margin-bottom: 25px;
                    }
                }

                #additional-info {
                    table {
                        margin: 0 auto;
                        width: 100%;

                        tbody {
                            tr {
                                &:not(:last-child) {
                                    border-bottom: 1px solid var(--btn-border);

                                }

                                th {
                                    padding: 12px;
                                    text-align: start;
                                    position: relative;
                                    font-weight: 400;
                                    color: var(--text-primary);

                                    &:after {
                                        content: '';
                                        border-right: 1px solid var(--btn-border);
                                        position: absolute;
                                        right: 0;
                                        top: 2px;
                                        bottom: 2px;
                                    }
                                }

                                td {
                                    padding-left: 12px;
                                    font-weight: 400;
                                    color: var(--text-secondary);
                                }
                            }
                        }
                    }
                }
            }
        }

        .add-review {
            display: flex;
            margin-top: 10rem;

            h2 {
                font-size: 1rem;
                text-transform: uppercase;
                padding-bottom: 1em;
                border-bottom: 1px solid var(--btn-border);
                font-weight: 700;
            }

            .left {
                width: 50%;
                padding-right: 1rem;

                .user-review {
                    margin-top: 2rem;
                }
            }


            .right {
                width: 50%;
                padding-left: 1rem;

                .star-group {
                    cursor: pointer;
                }

                i {
                    color: var(--light-gray);
                }

                textarea {
                    border: 1px solid var(--btn-border);
                    width: 100%;
                    font-size: 1rem;
                    text-align: start;
                    padding: 1.07em;
                    line-height: 1.5;
                    height: 200px;
                }

                .input-field {
                    input {
                        height: 35px;
                        padding: 0 1.07em;
                        border: 1px solid var(--btn-border);
                    }
                }

                .submit-btn {
                    button {
                        background-color: var(--black);
                        border: none;
                        color: var(--white);
                        padding: 6px 30px;
                        font-size: 12px;
                    }
                }
            }
        }

    }
}
@media (max-width: 992px) {
    .product-page-sec {
        flex-direction: column;

        .product-img-gallery {
            width: 100% !important;
        }

        .product-details {
            margin-top: 2rem;
            width: 100% !important;
        }
    }

    .product-description {
        ul {
            display: flex;
            align-items: center;
            justify-content: center;

            button {
                font-size: 12px;
            }
        }
    }

    .add-review {
        flex-direction: column;

        .left {
            width: 100% !important;
            padding: 0 !important;

            .user-review {
                margin-top: 2rem;

                img {
                    width: 50px;
                }
            }
        }

        .right {
            width: 100% !important;
            padding: 0 !important;
            margin-top: 2rem;
        }
    }
}

/* responsiveness */

@media (max-width: 1200px) {
    .shop-holder {
        .container{
            .shop-sec {
                .shop-right {
                    .product-container{
                        .product-grid {
                            grid-template-columns: repeat(3,1fr);
                            gap: 10px;
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 992px) {
    .shop-holder {
        .container{
            .shop-sec {
                display: flex;
                flex-direction: column-reverse;

                .shop-left {
                    width: 100%;
                    margin-top: 1rem;
                }

                .shop-right {
                    width: 100%;

                    .product-container {
                        padding-left: 0;
                        padding-right: 0;

                        .product-header {

                            gap: 15px;

                            .sorting-dropdown {
                                width: 100%;
                                font-size: 12px !important;
                                padding: 4px;
                            }

                            .showing-result {
                                p {
                                    font-size: 14px;
                                }
                            }

                            .sorting-selector {
                                .view-options {
                                    display: none;
                                }
                            }
                        }
                    
                        .product-grid.product-list {
                            display: grid;
                            gap:2rem;
                            align-items:flex-start;
                            grid-template-columns: repeat(3,1fr);
        
                            .product-card {
                                text-align: center;
                                overflow: hidden;
                                transition: box-shadow 0.3s;
                                height: 100%;
                                display:flex;
                                flex-direction:column;
        
                                &:hover {
                                    .quick-view {
                                        opacity: 1;
                                        pointer-events: all;
                                        top: 89.5%;
                                    }
        
                                    .card-img-container {
                                        .colorButton {
                                            transform: scale(1);
                                            opacity: 1;
        
                                        }
                                    }
        
                                    .card-img-container {
                                        .carousel-control-prev-icon::after {
                                            opacity: 1;
                                            left: 14px;
                                        }
        
                                        .carousel-control-next-icon::after {
                                            opacity: 1;
                                            right: 14px;
                                        }
                                    }
                                }
        
                                .card-img-container {
                                    position: relative;
        
                                    .carousel-control-prev-icon,
                                    .carousel-control-next-icon {
                                        background-image: none;
                                    }
        
                                    .carousel-control-prev-icon::after,
                                    .carousel-control-next-icon::after {
                                        content: '';
                                        display: inline-block;
                                        width: 15px;
                                        height: 15px;
                                        border: solid black;
                                        border-width: 0 3px 3px 0;
                                        transform: rotate(135deg);
                                        transition: all 0.5s;
                                    }
        
                                    .carousel-control-prev-icon::after {
                                        position: absolute;
                                        left: 0;
                                        opacity: 0;
                                    }
        
                                    .carousel-control-next-icon::after {
                                        transform: rotate(-45deg);
                                        position: absolute;
                                        right: 0;
                                        opacity: 0;
                                    }
        
                                    .colorButton {
                                        position: absolute;
                                        top: 5px;
                                        right: 0px;
                                        border: none;
                                        cursor: pointer;
                                        transform: scale(0.1);
                                        opacity: 0;
                                        transition: all 0.5s;
                                        font-size: 1.2rem;
                                        z-index: 2;
                                        i{
                                            color: var(--white);
                                        }
                                    }
                                    .img-wrapper{
                                        height: 240px;
                                        width: 100%;
                                        display:flex;
                                        align-items:center;
                                        justify-content:center;
                                        img {
                                            width: 100%;
                                            object-fit: contain;
                                        }
                                    }
                                }
        
                                .quick-view {
                                    position: absolute;
                                    top: 95%;
                                    left: 50%;
                                    transform: translate(-50%, -50%);
                                    background-color: var(--black);
                                    color: #fff;
                                    font-size: 16px;
                                    opacity: 0;
                                    pointer-events: none;
                                    transition: opacity 0.3s;
                                    width: 95%;
                                    padding: 7px 10px;
                                    font-weight: 500;
                                    transition: all 0.4s;
                                }
        
                                .product-card-content{
                                    height:120px;
                                    display:flex;
                                    align-items:center;
                                    flex-direction:column;
        
                                    h3 {
                                        font-size: 16px;
                                        font-weight: 700;
                                        margin: 10px 0;
                                        color:var(--black);
                                    }
        
                                    .product-rating {
                                        display: flex;
                                        justify-content: center;
                                        gap: 5px;
                                        margin-top: auto;
                                    }
        
                                    .price {
                                        font-family: "Montserrat", Sans-serif;
                                        font-size: 16px;
                                        color: var(--text-primary)
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 768px) {
    .shop-holder {
        .container{
            .shop-sec {
                .shop-right {
                    .product-container{
                        .product-grid.product-list,
                        .product-grid {
                            grid-template-columns: repeat(2,1fr);
                            gap: 10px;
                            .product-card {
                                h3 {
                                    font-size: 14px;
                                }

                                .product-rating {
                                    margin: 10px 0 5px;

                                    i {
                                        font-size: 12px;
                                    }
                                }

                                .price {
                                    font-size: 14px;
                                }

                                .card-img-container {
                                    img {
                                        height: 330px;
                                    }
                                    .quick-view{
                                        font-size: 12px;
                                    
                                    }
                                    .carousel-control-next-icon,
                                    .carousel-control-prev-icon {
                                        &:after {
                                            width: 10px;
                                            height: 10px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}


@media (max-width: 576px) {
    .shop-holder {
        .container{
            .shop-sec {
                .shop-left {
                    .accordion {
                        .accordion-item {
                            .accordion-header {
                                button {
                                    font-size: 14px;
                                    font-weight: 500;
                                }
                            }
                        }
                    }
                }

                .shop-right {
                    .product-container {
                        .product-header {
                            .showing-result {
                                p {
                                    display: none;
                                }
                            }
                        }
                        .product-grid.product-list,
                        .product-grid {
                            grid-template-columns: 1fr;
                            .product-card {

                                .product-rating {
                                    margin: 0px;
                                }

                                .card-img-container {
                                    img {
                                        height: auto;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    #offcanvasScrolling{
        .sidebar-quick-veiw {
            left: 10px !important;
        }

        .quick-veiw-sidebar-body {
            padding-top: 65px;
        }
    }
}

/* animations */

@keyframes zoom {
    from {
        transform: scale(0)
    }
    
    to {
        transform: scale(1)
    }
}

/* Cart or Checkout or Order Status */

.productCheckoutHolder {
    .step-navs {
        font-size: 1.5rem;
        color:var(--et-light-gray2);
        text-align: center;
        padding: 2.3vw 0;
        margin-bottom: 2.3vw;
        text-transform: uppercase;
        background-color: var(--et-light-gray);

        ul {
            display: flex;
            align-items: center;
            justify-content: center;
            list-style: none;
            padding: 0;
            margin: 0;
            font-family: Lato, sans-serif;

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

                &:not(:last-child)::after {
                    content: "";
                    display: inline-flex;
                    border-bottom: 1px solid var(--btn-border);
                    min-width: 120px;
                    vertical-align: middle;
                    margin: 0 20px;
                    transform: translate(0, -50%);
                }

                .nav-link {
                    padding: 0;
                    display: flex;
                    align-items: center;
                    background: transparent !important;
                    text-transform: uppercase;

                    span {
                        width: 1.8em;
                        height: 1.8em;
                        border: 1px solid var(--btn-border);
                        border-radius: 50%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        color: var(--et-light-gray2);
                        margin-right: 7px;
                    }

                    p {
                        color: var(--et-light-gray2);
                        margin: 0;
                    }
                }

                .active {
                    span {
                        background-color: var(--black);
                        color: var(--white);
                    }

                    p {
                        color: var(--black);
                    }
                }
            }
        }
    }

    .container {
        max-width: 1170px;

        .productCheckoutSec {
            padding-bottom: 6rem;
            .shopping-cart {
                width: 100%;
                display: flex;
                justify-content: center;
                gap: 2rem;
                align-items: flex-start;

                .product-details {
                    width: 58%;

                    table {
                        font-family: Lato, sans-serif;

                        thead {
                            border-bottom: 1px solid var(--btn-border);

                            tr {
                                th {
                                    font-size: 1rem;
                                    text-transform: uppercase;
                                    color: var(--black);
                                    margin-bottom: 1.4em;
                                    padding: 1em;
                                    text-align: start;
                                    font-weight: 400;

                                    &:first-child {
                                        padding-left: 0;
                                    }

                                    &:last-child {
                                        padding-right: 0;
                                    }
                                }
                            }

                        }

                        tbody {
                            tr {
                                td {
                                    padding: 1.3rem 0.7rem;
                                    vertical-align: top;

                                    &:first-child {
                                        padding-left: 0;
                                    }

                                    &:last-child {
                                        padding-right: 0;
                                    }

                                    .product-thumbnail {
                                        a {
                                            img {
                                                max-width: 80px;
                                            }
                                        }
                                    }

                                    .cart-item-details {
                                        .cart-item-title {
                                            a {
                                                font-size: 1.14em;
                                                font-weight: 400;
                                                transition: all 0.2s;

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

                                    .product-remove {
                                        margin-top: 0.7rem;

                                        a {
                                            font-size: .95em;
                                            transition: all 0.2s;

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

                                    .price-amount {
                                        color: var(--text-primary);
                                    }

                                    .product-quantity {
                                        display: inline-flex;
                                        align-items: stretch;
                                        justify-content: space-between;
                                        max-width: 130px;
                                        height: 28px;
                                        border: 1px solid var(--btn-border);

                                        .plus-et-icon,
                                        .minus-et-icon {
                                            display: flex;
                                            align-items: center;
                                            justify-content: center;
                                            padding-right: 4px;
                                            padding-left: 4px;
                                            background:transparent;
                                            border:0px;
                                        }

                                        input {
                                            width: 38px;
                                            border-top: none;
                                            border-bottom: none;
                                            border-left: 1px solid var(--btn-border);
                                            border-right: 1px solid var(--btn-border);
                                            outline: none;
                                            text-align: center;
                                            font-size: 14px;

                                            &::-webkit-outer-spin-button,
                                            &::-webkit-inner-spin-button {
                                                -webkit-appearance: none;
                                                margin: 0;
                                            }
                                        }
                                    }

                                    .product-subtotal {
                                        font-size: 16px;
                                        color: var(--text-primary);
                                    }
                                }
                            }
                        }
                    }
                }

                .total-cart {
                    width: 42%;
                    padding: 2rem 2.2rem;

                    .total-cart-header {
                        border-bottom: 1px solid var(--btn-border);
                    }

                    .procees-btns {
                        a {
                            padding: 0.5rem;
                            text-transform: uppercase;

                            &:first-child {
                                background-color: var(--text-secondary);
                                color: var(--white);

                                &:hover {
                                    background-color: #4c4c4c;
                                }
                            }

                            &:last-child {
                                border: 1px solid var(--btn-border);
                            }
                        }
                    }
                }
            }
            .checkout {
                width: 100%;
                display: flex;
                justify-content: center;
                gap: 2rem;
                align-items: flex-start;

                .billing-details {
                    width: 58%;

                    form {
                        .form-group {
                            .form-control {
                                border-radius: 0;
                                font-size: 1.14rem;
                                padding-left: 1.07em;
                                padding-right: 1.07em;
                                margin-top: 0.3rem;

                                &:focus {
                                    color: inherit;
                                    background-color: inherit;
                                    border-color: var(--black);
                                    outline: 0;
                                    box-shadow: none;
                                }
                            }
                        }
                    }
                }

                .customer-order {
                    width: 42%;
                    padding: 2rem 2.2rem;

                    .total-cart-header {
                        border-bottom: 1px solid var(--btn-border);
                    }

                    .subtotal-product {
                        p {
                            font-size: 1.14rem;
                        }

                        span {
                            margin-top: 7px;
                            font-size: .95em;
                        }
                    }

                    .subtotal {
                        border-top: 1px solid var(--btn-border);
                        padding-top: 1rem;
                    }

                    .cash-delivery-details {
                        border-top: 1px solid var(--btn-border);
                        padding-top: 1.5rem;

                        p {
                            color: var(--black);

                            &:last-child {
                                color: var(--border-color);
                            }
                        }

                        a {
                            &:last-child {
                                color: var(--black);

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

                    .procees-btns {
                        a {
                            padding: 0.5rem;
                            text-transform: uppercase;

                            &:first-child {
                                background-color: var(--text-secondary);
                                color: var(--white);

                                &:hover {
                                    background-color: #4c4c4c;
                                }
                            }

                            &:last-child {
                                border: 1px solid var(--btn-border);
                            }
                        }
                    }
                }
            }
            .order-received {
                padding: 2rem 0 5rem;

                .order-recieve-title {
                    .order-overview {
                        border: 1px dashed var(--btn-border);
                        padding: 1rem;
                    }
                }

                .pay-with {
                    background-color: #1565c0;
                    padding: 0.8rem 1.5rem;
                    border-left: 5px solid rgba(0, 0, 0, 0.2);

                    span {
                        font-size: 1.14rem;
                    }

                    i {
                        color: var(--white);
                    }
                }

                .order-summary {
                    font-family: Arial, sans-serif;
                    width: 100%;
                    margin: 20px auto;
                    color: #333;
                    font-size: 14px;

                    .order-table {
                        width: 100%;
                        border-collapse: collapse;
                        margin-bottom: 20px;

                        thead {
                            border-bottom: 1px solid var(--btn-border);
                        }

                        td {
                            padding: 10px 0 15px;
                            vertical-align: top;
                        }

                        .item {
                            .show-link {
                                font-size: 12px;
                                color: #007bff;
                                text-decoration: none;

                                &:hover {
                                    text-decoration: underline;
                                }
                            }

                        }
                    }

                    .prescription {
                        margin-top: 10px;
                        padding: 10px;

                        .title {
                            font-size: 14px;
                            margin-bottom: 10px;
                        }

                        .close-btn {
                            padding: 5px 10px;
                            border: none;
                            color: #333;
                            font-size: 12px;
                            cursor: pointer;
                            margin-bottom: 10px;
                        }

                        .prescription-table {
                            width: 100%;
                            border-collapse: collapse;

                            th,
                            td {
                                text-align: center;
                                padding: 5px;
                                font-size: 12px;
                            }

                            th {
                                font-weight: bold;
                            }
                        }
                    }

                    .totals {
                        text-align: right;
                        border-top: 1px solid var(--btn-border);
                        padding-top: 1rem;

                        table {
                            width: 100%;

                            td {
                                padding: 5px;
                                vertical-align: top;
                                color: #555;

                                &:first-child {
                                    text-align: left;
                                }
                            }
                        }
                    }

                    .billing-address {
                        margin-top: 20px;

                        p {
                            margin: 5px 0;
                            line-height: 1.5;
                        }
                    }
                }

            }
        }
    }
}

/* responsiveness */

@media (max-width: 992px) {
    .productCheckoutHolder {
        .step-navs {
            ul {
                li {
                    &:not(:last-child)::after {
                        min-width: 80px;
                    }

                    p {
                        font-size: 18px;
                    }

                    span {
                        font-size: 18px;
                    }
                }
            }
        }

        .productCheckoutSec {
            .shopping-cart {
                .product-details {
                    width: 65% !important;

                    table {
                        thead {
                            tr {
                                th {
                                    font-size: 0.8rem !important;
                                }
                            }
                        }

                        tbody {
                            tr {
                                td {
                                    padding: 0.8rem 0.4rem !important;

                                    .cart-item-details {
                                        .cart-item-title {
                                            a {
                                                font-size: 1rem !important;
                                            }
                                        }
                                    }

                                    .product-thumbnail {
                                        a {
                                            img {
                                                max-width: 60px !important;
                                            }
                                        }
                                    }

                                    .product-remove {
                                        a {
                                            font-size: 0.75em !important;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                .total-cart {
                    width: 35% !important;
                    padding: 1.5rem !important;

                    .cart-total {
                        h5 {
                            font-size: 1rem;
                        }
                    }

                    .procees-btns {
                        a {
                            font-size: 12px;
                        }
                    }
                }
            }

            .checkout {
                .billing-details {
                    width: 65% !important;
                }

                .customer-order {
                    width: 35% !important;
                    padding: 1.5rem !important;

                    .subtotal-product {
                        p {
                            font-size: 1rem !important;
                        }
                    }

                    .cart-total {
                        h5 {
                            font-size: 1rem !important;
                        }
                    }

                    .procees-btns {
                        a {
                            font-size: 12px;
                        }
                    }
                }
            }
        }
    }
}

@media (max-width: 768px) {
    .productCheckoutHolder {
        .step-navs {
            ul {
                li {
                    &:not(:last-child)::after {
                        min-width: 45px;
                    }

                    p {
                        font-size: 14px;
                    }

                    span {
                        font-size: 14px;
                    }
                }
            }
        }

        .productCheckoutSec {
            margin-top: 2rem;

            .shopping-cart {
                flex-direction: column;

                .product-details {
                    width: 100% !important;
                }

                .total-cart {
                    width: 100% !important;
                }
            }

            .checkout {
                flex-direction: column;

                .billing-details {
                    width: 100% !important;
                }

                .customer-order {
                    width: 100% !important;
                }
            }

            .order-received {
                .order-recieve-title {
                    img {
                        width: 45px;
                    }
                    h4{
                        font-size: 20px !important;
                        text-align: center;
                    }
                }
                .pay-with{
                    span {
                        font-size: 14px !important;
                    }
                }
                .order-summary{
                    h5{
                        font-size: 18px !important;
                    }
                }
            }
        }
    }
}

@media (max-width: 576px) {
    .productCheckoutHolder {
        .step-navs {
            ul {
                gap: 0.5rem;

                li {
                    &:not(:last-child)::after {
                        content: none;
                    }

                    p {
                        font-size: 10px;
                    }

                    span {
                        font-size: 10px;
                    }
                }
            }
        }

        .productCheckoutSec {
            .shopping-cart {
                .product-details {
                    .table-container{
                        overflow-y: scroll;
                    }

                    table {
                        min-width: 600px;
                    }
                }
            }
        }
    }
}

/* Home */

/* banner section */

.banner-section {
    margin-bottom: 33px;
    
    @media (min-width: 992px) {
        height: calc(100vh - 91px);
    }

    .carousel,
    .carousel-inner,
    .carousel-item,
    .container,
    .row,
    .banner-slider-inner {
        height: 100%;
    }

    .carousel-item {
        background-color: var(--bs-white);

        .background-shape {
            position: absolute;
            right: 0;
            inset-block: 0;
            clip-path: polygon(80% 0, 100% 0%, 100% 100%, 33% 100%);
            height: 100%;
            width: 100%;
            z-index: 0;
        }

        .banner-slider-inner {
            z-index: 1;
            position: relative;
            padding: 50px 1rem 0;

            .content {
                text-align: center;
                color: var(--theme-black);

                h1 {
                    font-size: 80px;
                    line-height: 90px;
                    text-transform: uppercase;
                    font-weight: 900;
                    margin-bottom: 8px;
                }

                >p {
                    margin-bottom: 0;

                    >uppercase {
                        text-transform: uppercase;
                        font-size: 14px;
                        line-height: 24px;
                        font-weight: 900;
                        display: inline-block;
                        color: var(--theme-black);
                    }
                }

                p {
                    color: var(--text-color);
                    font-size: 1rem;
                    line-height: 22px;
                    margin-bottom: 30px;
                }
            }

            .glasses-img {
                margin-bottom: 30px;
                text-align: center;
            }

            .model-img {
                height: 100%;
                display: flex;
                align-items: flex-end;

                img {
                    object-position: bottom;
                    text-align: right;
                    max-height: 100%;
                }
            }


        }

        /* &:not(:last-child) {
            .model-img {
                margin-inline: -20px -100px;
            }
        } */

    }

    .carousel-indicators {
        left: 32px;
        right: inherit;
        inset-block: 0;
        margin-block: auto;
        flex-direction: column;
        margin: 0;

        button {
            margin: 0;
            width: 13px;
            height: 13px;
            border-radius: 50%;
            background-color: #bebebe4d;

            &.active {
                background-color: #bebebe;
            }
        }

    }
}

/* banner responsive */

@media (max-width:992px) {
    .banner-section {
        .carousel-item {
            .background-shape {
                clip-path: polygon(100% 35%, 100% 100%, 0 100%);
            }

            .banner-slider-inner {

                .glasses-img,
                .content {
                    max-width: 65%;
                }

                .content {
                    h1 {
                        font-size: 60px;
                        line-height: 70px;
                    }
                }

                .model-img {
                    margin: 35px 0 0;

                    img {
                        max-width: 80%;
                        margin-inline: auto;
                    }
                }
            }
        }
    }
}

@media (max-width:575px) {
    .banner-section {
        .carousel-item {
            .banner-slider-inner {

                .glasses-img,
                .content {
                    max-width: 100%;
                }

                .content {
                    h1 {
                        font-size: 50px;
                        line-height: 60px;
                    }
                }
            }
        }

        .carousel-indicators {
            left: 8px;
        }
    }
}

/* find the perfect fit section */

.products-grid-section {
    text-align: center;
    padding-block: 33px;

    .product-card-item {
        * {
            transition: all .4s;
        }

        &.on-sale {
            .product-card-head {
                .on-sale-badge {
                    opacity: 1;
                    visibility: visible;
                }
            }

            .product-card-body {
                .product-price {
                    color: var(--primary);

                    s {
                        margin-right: 2px;
                        color: var(--gray-400);
                    }
                }
            }
        }

        .product-card-head {
            position: relative;
            max-width: 360px;
            height: 360px;

            .add-to-favourite {
                position: absolute;
                right: 12px;
                top: 10px;
                opacity: 0;
                visibility: hidden;
                font-size: 20px;
                z-index: 1;

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

                    .bi-heart {
                        &:before {
                            content: "\f415";
                        }
                    }
                }
            }

            .on-sale-badge {
                width: 44px;
                height: 44px;
                border-radius: 50%;
                background-color: var(--theme-red);
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 11px;
                color: var(--bs-white);
                text-transform: uppercase;
                position: absolute;
                top: 20px;
                left: 20px;
                opacity: 0;
                visibility: hidden;
                z-index: 1;
            }

            .normal-img,
            .hover-img {
                height: 100%;
                width: 100%;
            }

            .normal-img,
            .hover-img {
                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }

            .hover-img {
                position: absolute;
                inset: 0;
                opacity: 0;
                visibility: hidden;
            }

            .btn-light {
                position: absolute;
                bottom: 0;
                inset-inline: 0;
                margin-inline: auto;
                font-size: 12px;
                font-weight: 400;
                opacity: 0;
                visibility: hidden;
                margin: 15px;
            }
        }

        &:hover {

            .normal-img {
                opacity: 0;
                visibility: hidden;
            }

            .hover-img,
            .btn-light,
            .add-to-favourite {
                opacity: 1;
                visibility: visible;
                cursor: pointer;
            }

            .btn-light {
                margin-bottom: 20px;
            }
        }

        .product-card-body {
            padding: 20px;

            .product-category a,
            .product-name,
            .product-price,
            .product-brand a {
                font-size: 16px;
                line-height: 24px;
                text-decoration: none;

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

            .product-category,
            .product-category a,
            .product-price,
            .product-brand,
            .product-brand a {
                color: var(--gray-400);
            }

            .product-name,
            .product-price,
            .product-brand {
                display: block;
            }
            .product-price.compare {
                color: var(--primary);

                s {
                    margin-right: 2px;
                    color: var(--gray-400);
                }
            }

            .product-category {
                text-transform: capitalize;
                margin-bottom: 2px;
            }

            .product-name {
                color: var(--secondary);
                margin-bottom: 7px;
            }

            .product-price {
                text-transform: capitalize;
            }

            .product-description {
                margin-top: 5px;
                color: var(--gray-700);
            }

            .product-brand {
                margin-bottom: 3px;
            }

            .btn-secondary {
                font-size: 12px;
                font-weight: 400;
                margin-top: 13px;
            }

        }
    }
}
/* find the perfect fit section Responsiveness */

@media (max-width: 767px) {
    .products-grid-section {

        .product-card-item {
            margin-inline: auto;
            display: table;
        }
    }
}
@media (max-width: 575px) {
    .products-grid-section {
        .product-card-item {
            .product-card-head {
                max-width: 100%;
                height: 280px;
            }
        }
    }
}

/* Category Card Section */

.category-cards-section {
    padding-block: 33px;

    .category-card-item {
        display: flex;
        align-items: center;
        background-color: var(--gray-200);
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;

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

        .background-shape {
            position: absolute;
            clip-path: polygon(10% 0, 75% 100%, 0 100%, 0 0);
            width: 100%;
            top: 0;
            left: 0;
            height: 100%;
            z-index: 0;
        }

        .model-img,
        .content {
            z-index: 1;
        }

        .model-img {
            width: 47%;
            /* padding-left: 20px; */
            transition: all .8s;
            transform-origin: right;
            height: 467px;

            img {
                height: 100%;
            }

        }

        .content {
            width: 53%;
            height: 100%;
            text-align: right;
            padding: 20px 15px;
            margin-left: auto;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-end;

            a {
                text-decoration: none;
            }

            .category-name {
                >a {
                    color: var(--gray-300);
                    text-transform: uppercase;
                    font-size: 14px;
                    line-height: 24px;
                    display: block;
                }
            }

            .product-name {
                margin-bottom: 10px;

                >a {
                    color: var(--secondary);
                    font-size: 24px;
                    text-transform: uppercase;
                    font-weight: 400;
                }

            }

            .product-description {
                width:100%;
                >p {
                    font-size: 16px;
                    line-height: 24px;
                    color: var(--gray-700);
                    max-width: 100%;
                    margin-left: auto;
                    margin-bottom: 27px;
                }
            }

            .btn-dark {
                font-size: 12px;
                font-weight: 400;
                background-color: var(--theme-black-100);
                padding-block: 5px;

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

        }
    }
}

/* Responsiveness */

@media (max-width:1199px) {
    .category-cards-section {
        .category-card-item {
            .model-img {
                height: 360px;
            }

            .content {
                .product-description {
                    >p {
                        max-width: 100%;
                    }
                }
            }
        }
    }
}
@media (max-width:991px) {

    .category-cards-section {

        .category-card-item {

            .content {
                width: 100%;
                padding-block: 30px;
            }

            .model-img {
                height: auto;
                position: absolute;
                inset-block: 0;
                left: 0;
                z-index: 0;

                img {
                    object-position: top;
                }
            }
        }
    }

}
@media (max-width:575px) {

    .category-cards-section {
        .category-card-item {
            .content {
                .product-name {
                    >a {
                        font-size: 17px;
                        line-height: 28px;
                    }
                }
                .product-description{
                    p{
                        font-size:14px;
                        max-width: 70%;
                        margin-bottom:5px;
                    }
                }
            }
        }
    }

}

/* home latest blogs card section */

.blogs-cards-section {
    padding-block: 33px;
    overflow: hidden;

    .blogs-cards-inner {
        position: relative;

        .blogs-cards-items {
            .blog-carousel {
                .blog-card-item {
                    max-width: 360px;

                    @media (max-width: 767px) {
                        max-width: 100%;
                    }

                    .blog-card-head {
                        height: 240px;
                        position: relative;
                        margin-bottom: 20px;
                        overflow: hidden;

                        &:hover {
                            .thumbnail-img {
                                img {
                                    transform: scale(1.1);
                                    opacity: .8;
                                }
                            }
                        }

                        .thumbnail-img,
                        img {
                            height: 100%;
                            width: 100%;
                            transition: all .4s;
                        }

                        img {
                            object-fit: cover;
                        }

                        .category-name {
                            position: absolute;
                            top: 30px;
                            left: 0;
                            background-color: var(--primary);
                            padding: 4px 20px;
                            max-width: 80%;

                            >a {
                                text-decoration: none;
                                text-transform: capitalize;
                                color: var(--white);
                                font-size: 15px;
                                line-height: 24px;
                            }
                        }
                    }

                    .blog-card-body {
                        .title {
                            text-decoration: none;
                            color: var(--black);

                            >h2 {
                                font-size: 18px;
                                line-height: 25px;
                                margin-bottom: 2px;
                            }
                        }

                        .post-date {
                            display: flex;
                            align-items: center;
                            gap: 5px;
                            margin-bottom: 15px;

                            >p,
                            >a {
                                margin: 0;
                                font-size: 15px;
                                line-height: 24px;
                                color: var(--gray-400);
                                text-decoration: none;
                                display: flex;
                                align-items: center;

                                img {
                                    margin-right: 5px;
                                }

                            }
                        }

                        .blog-description {
                            >p {
                                color: var(--gray-700);
                                font-size: 16px;
                                line-height: 26px;
                                margin-bottom: 10px;
                            }
                        }

                        >a {
                            color: var(--primary);
                            font-size: 16px;
                            line-height: 24px;
                            text-decoration: none;

                            svg {
                                margin-left: -21px;
                                opacity: 0;
                                visibility: hidden;
                                transition: all .3s;
                            }

                            &:hover {
                                >span {
                                    &::before {
                                        width: 100%;
                                    }
                                }

                                svg {
                                    margin-left: -6px;
                                    opacity: 1;
                                    visibility: visible;
                                }
                            }

                            >span {
                                position: relative;
                                padding-bottom: 3px;

                                &:before {
                                    content: '';
                                    display: block;
                                    position: absolute;
                                    height: 1px;
                                    width: 0;
                                    background-color: var(--primary);
                                    bottom: 0;
                                    transition: all .3s;
                                }
                            }
                        }

                    }
                }
                  
            }
        }

        &:hover {

            .swiper-button-next,
            .swiper-button-prev {
                opacity: 1;
                visibility: visible;
            }

            .swiper-button-prev {
                left: -60px;

                @media (max-width:1279px) and (min-width: 1200px) {
                    left: -40px;
                }

                @media (max-width:1024px) {
                    left: -40px;
                }
            }

            .swiper-button-next {
                right: -60px;

                @media (max-width:1279px) and (min-width: 1200px) {
                    right: -40px;
                }

                @media (max-width:1024px) {
                    right: -40px;
                }
            }

        }

        .swiper-pagination {
            bottom: -30px !important;

            @media (min-width: 767px) {
                display: none;
            }

            .swiper-pagination-bullet {
                width: 12px;
                height: 12px;
            }

            .swiper-pagination-bullet-active {
                background-color: var(--primary);
            }
        }

        .swiper-button-prev {
            left: -80px;

            @media (max-width:1024px) {
                left: -40px;
            }
        }

        .swiper-button-next {
            right: -80px;

            @media (max-width:1024px) {
                right: -40px;
            }
        }

        .swiper-button-next,
        .swiper-button-prev {
            transition: all .3s;
            width: 56px;
            top: 58%;

            @media (min-width:1024px) {
                opacity: 0;
                visibility: hidden;
            }

            @media (max-width:767px) {
                display: none;
            }

            &::after {
                color: var(--gray-400);
                font-size: 20px;
            }
        }

        .
    }
}

/* Branding banner */

.brand-promotion-section {
    position: relative;
    padding-block: 100px;
    text-align: center;
    overflow: hidden;
    margin-block: 33px;

    @media (max-width:767px) {
        padding-block: 80px;
    }

    &:hover {
        .bg-img {
            >img {
                transform: scale(1.05);
            }
        }
    }

    .bg-img {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        z-index: -1;

        @media (max-width:767px) {
            &:before {
                content: '';
                display: block;
                position: absolute;
                inset: 0;
                background-color: var(--white);
                opacity: .3;
                z-index: 0;
            }
        }

        >img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            transition: all .6s;
        }
    }

    .content {
        z-index: 1;
        position: relative;

        >p {
            &:first-child {
                text-transform: uppercase;
                font-size: 16px;
                font-weight: 700;
                line-height: 24px;
                color: var(--gray-500);
                margin-bottom: 1.2rem;
            }

            &:not(:first-child) {
                font-size: 16px;
                line-height: 24px;
                color: var(--gray-700);
                max-width: 60%;
                margin-inline: auto;
                margin-bottom: 20px;

                @media (max-width:991px) {
                    max-width: 68%;
                }

                @media (max-width:767px) {
                    max-width: 100%;
                }

            }
        }

        h2 {
            color: var(--text-secondary);
            font-size: 40px;
            font-weight: 900;
            max-width: 85%;
            margin-inline: auto;
            margin-bottom: 20px;

            @media (max-width:991px) {
                max-width: 100%;
            }

            @media (max-width:767px) {
                font-size: 35px;
                line-height: 45px;
            }



        }

        h4 {

            font-size: 36px;
            font-weight: 900;
            line-height: 1.1em;
            margin-bottom: 25px;

            >mark {
                background-color: transparent;
                padding: 0;
                color: var(--primary);
            }
        }
    }
}

/* best selling section */

.best-cellings-features-products-section {
    padding-block: 50px;

    .products-list-section {

        @media (max-width:767px) {
            margin-bottom: 30px;
            &:last-child {
                margin: 0;
            }
        }
        h6 {
            font-size: 14px;
            line-height: 24px;
            color: var(--text-secondary);
            padding-bottom: 20px;
            margin-bottom: 25px;
            border-bottom: 1px solid #E1E1E1;
            text-transform:uppercase;
        }

        .products-list {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;

            .product-list-item {
                flex-basis: calc(50% - 10px);
                max-width: calc(50% - 10px);
                display: flex;

                @media (max-width:991px) {
                    flex-basis: 100%;
                    max-width: 100%;
                }

                &.on-sale {
                    .product-details{
                        .price {
                            color: var(--primary);
                        }
                    }
                }

                .product-image {
                    width: 70px;
                    height: 70px;
                    margin-right: 20px;
                }

                .product-details {
                    flex: 1;
                    width: calc(100% - 90px);

                    >.title {
                        font-size: 16px;
                        line-height: 24px;
                        padding-right: 25px;
                    }

                    a {
                        text-decoration: none;
                        color: var(--secondary);
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        display: block;
                        width: 100%;
                    }

                    .price {
                        font-size: 14px;
                        line-height: 24px;
                        color: var(--text-primary);

                        >s {
                            color: var(--text-primary);
                            margin-right: 5px;
                        }
                    }

                    .rating {
                        position: relative;
                        display: inline-block;
                        width: 92px;

                        &:before {
                            content: '\f586 \f586 \f586 \f586 \f586';
                            font-family: 'bootstrap-icons';
                            letter-spacing: 3px;
                            font-size: 1rem;
                            color: var(--btn-border);
                        }

                        > span {
                            position: absolute;
                            inset: 0;
                            color: red;
                            overflow: hidden;

                            &:before {
                                content: '\f586 \f586 \f586 \f586 \f586';
                                font-family: bootstrap-icons;
                                letter-spacing: 3px;
                                font-size: 1rem;
                                color: var(--yellow);
                            }
                        }
                    }

                }

            }

        }
    }

}

/* Blogs  */

.blog-listing {
    padding-block: 33px;

    .blog-card-item {
        max-width: 100%;
        text-align: center;
        margin-bottom: 30px;
        .blog-card-head {
            max-height: 705px;
            position: relative;
    
            @media (max-width:1199px) {
                height: 578px;
            }
    
            @media (max-width:991px) {
                height: 100%;
                max-height: 442px;
            }
    
            @media (max-width:767px) {
                height: auto;
            }
    
            &:hover {
                &:before {
                    opacity: .4;
                }
    
                .thumbnail-img {
                    img {
                        transform: none;
                        opacity: 1;
                    }
                }
    
                .read-more-btn {
                    top: 0;
                    opacity: 1;
                    visibility: visible;
                }
            }
    
            &:before {
                content: '';
                display: block;
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                background-color: var(--primary-200);
                opacity: 0;
                transition: all .2s;
            }
    
            .read-more-btn {
                position: absolute;
                inset: 0;
                border: 2px solid rgba(255, 255, 255, .4);
                color: var(--white);
                display: table;
                margin: auto;
                text-decoration: none;
                text-transform: uppercase;
                font-size: 12px;
                line-height: 22px;
                padding: .3rem 1.9rem;
                height: 36px;
                transition: all .2s;
                opacity: 0;
                visibility: hidden;
                top: 25px;
    
                &:hover {
                    border-color: var(--white);
                }
            }
            .category-name {
                position: absolute;
                top: 30px;
                left: 0;
                background-color: var(--primary);
                padding: 4px 20px;
                max-width: 80%;
    
                >a {
                    text-decoration: none;
                    text-transform: capitalize;
                    color: var(--white);
                    font-size: 15px;
                    line-height: 24px;
                }
            }
    
        }

        .blog-card-body {
            .post-date {
                display:flex;
                gap:1rem;
                align-items:center;
                justify-content: center;
                 > p, > a {
                    margin:0px;
                    font-size: 16px;

                    @media (max-width:575px) {
                        font-size: 13px;
                    }
                }
            }

            > a  {
                margin-inline: auto;
                display: table;
                @media (max-width:575px) {
                    font-size: 14px;
                }
            }

            .title {
                >h2 {
                    font-size: 24px;
                    line-height: 34px;
                    margin-bottom: 6px;

                    @media (max-width:575px) {
                        font-size: 19px;
                        line-height: 28px;
                    }
                }
            }
        }
    }
}

/* Blog Details Page */

.blog-detail-page {
    padding-bottom: 100px;
    .container {
        .blog-details-container {
            .blog-card-item {
                margin-bottom: 0;

                .blog-card-head {
                    &:before {
                        content: none;
                    }
                }

                .blog-card-body {
                    >a {
                        margin-inline: inherit;
                    }

                    .post-date {
                        justify-content: flex-start;
                        flex-wrap: wrap;

                        p {
                            line-height: 16px;

                            a {
                                color: var(--gray-400);
                                text-decoration: none;

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

                        a {
                            i {
                                margin-right: 0.3rem;
                            }

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

            .content-article {
                .entry-content {
                    display: flex;
                    width: 100%;

                    .populated-img {
                        width: 50%;
                        height: 100%;
                        padding-right: 15px;

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

                    .populated-content {
                        width: 50%;

                        .short-artical {


                            color: var(--gray-700);

                            .dropcap {
                                font-size: 3.14rem;
                                line-height: 2.86rem;
                                position: relative;
                                min-width: 1.45em;
                                top: .14em;
                                height: 1.45em;
                                text-align: center;
                                float: left;
                                padding: .23em;
                                margin-right: .34em;
                                color: var(--et_dark-2-white);
                                background-color: var(--primary);
                                color: var(--white);
                            }


                            blockquote {
                                position: relative;
                                margin-top: 1.43em;
                                padding: 1.35em 0 1.35em 1.8em;
                                border-left: 3px solid #0000001a;
                                font-style: italic !important;
                            }
                        }
                    }
                }

                .details-artical {
                    color: var(--gray-700);
                }

                .secondary-details-artical {
                    color: var(--gray-700);

                    h4 {
                        color: var(--text-secondary);
                    }

                    .secondary-details-artical-img {
                        width: 100%;
                        height: auto;
                    }

                    .social-icon {
                        padding: 2em 0;
                        margin: 2rem 0 3.5em;
                        border-top: 1px solid var(--btn-border);
                        border-bottom: 1px solid var(--btn-border);

                        ul {
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            margin: 0;
                            padding: 0;

                            li {
                                list-style: none;

                                a {
                                    padding: 0 10px;

                                    svg {
                                        transition: all 0.1s;

                                        g {
                                            transition: all 0.1s;
                                        }

                                        path {
                                            transition: all 0.1s;
                                        }
                                    }

                                    &:hover {
                                        svg {
                                            fill: var(--primary);

                                            g {
                                                fill: var(--primary);
                                            }

                                            path {
                                                fill: var(--primary);
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }

                .author-details {
                    h2 {
                        font-size: 1.7142em;
                    }

                    .post {
                        display: flex;
                        align-items: flex-start;
                        gap: 2rem;
                        margin-top: 1rem;

                        img {
                            max-width: 110px;
                        }

                        .media-link {
                            color: var(--secondary);
                            text-decoration: none;
                            font-size: 1.2857rem;
                        }

                        .author-link {
                            font-size: 1.14rem;
                            color: var(--primary);
                            text-decoration: none;
                            margin-top: 1.05em;
                            display: block;
                        }
                    }
                }

                .related-posts-container {
                    margin-top: 3rem;

                    h2 {
                        font-size: 1.7142em;
                        padding-bottom: .7em;
                        color: var(--secondary);
                    }

                    .slides {
                        .related-post {
                            width: 100%;
                            height: 100%;

                            &:hover {
                                .swiper-button-next {
                                    right: 10px;
                                    opacity: 1;
                                }

                                .swiper-button-prev {
                                    left: 10px;
                                    opacity: 1;
                                }
                            }

                            .swiper-wrapper {
                                .swiper-slide {

                                    .post-card-holder {
                                        .post-card-img {
                                            height: 180px;
                                            width: 100%;
                                            overflow: hidden;

                                            &:hover {
                                                img {

                                                    scale: (1.1);
                                                    filter: contrast(0.7);
                                                }
                                            }

                                            img {
                                                width: 100%;
                                                transition: all 0.5s;
                                                object-fit: cover;
                                                height: 100%;
                                            }
                                        }

                                        .post-card-content {
                                            margin-top: 1rem;

                                            h5 {
                                                font-size: 1.1rem;
                                            }

                                            .meta-post {
                                                time {
                                                    color: var(--gray-700);
                                                    margin-right: 0.3rem;

                                                    i {
                                                        font-size: 15px;
                                                        margin-right: 0.2rem;
                                                    }
                                                }

                                                a {
                                                    color: var(--gray-700);
                                                    text-decoration: none;
                                                    transition: all 0.2s;

                                                    i {
                                                        margin-right: 0.3rem;
                                                        font-size: 15px;
                                                        transition: all 0.2s;
                                                    }

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

                                            p {
                                                margin-top: 1rem;
                                                color: var(--gray-700);
                                            }

                                            .more-read-btn {

                                                color: var(--primary);
                                                font-size: 16px;
                                                line-height: 24px;
                                                text-decoration: none;

                                                svg {
                                                    margin-left: -21px;
                                                    opacity: 0;
                                                    visibility: hidden;
                                                    transition: all .3s;
                                                }

                                                &:hover {
                                                    >span {
                                                        &::before {
                                                            width: 100%;
                                                        }
                                                    }

                                                    svg {
                                                        margin-left: -6px;
                                                        opacity: 1;
                                                        visibility: visible;
                                                    }
                                                }

                                                >span {
                                                    position: relative;
                                                    padding-bottom: 3px;

                                                    &:before {
                                                        content: '';
                                                        display: block;
                                                        position: absolute;
                                                        height: 1px;
                                                        width: 0;
                                                        background-color: var(--primary);
                                                        bottom: 0;
                                                        transition: all .3s;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }

                            .swiper-button-next {
                                color: var(--secondary);
                                background-color: var(--gray-light);
                                width: 50px;
                                height: 50px;
                                right: -50px;
                                opacity: 0;
                                transition: all 0.4s;
                                cursor: pointer;

                                &:after {
                                    font-size: 22px;
                                }
                            }

                            .swiper-button-prev {
                                color: var(--secondary);
                                color: var(--secondary);
                                background-color: var(--gray-light);
                                width: 50px;
                                height: 50px;
                                left: -50px;
                                opacity: 0;
                                transition: all 0.4s;
                                cursor: pointer;

                                &:after {
                                    font-size: 22px;
                                }
                            }

                            .swiper-button-disabled {
                                opacity: 1;
                            }
                        }
                    }
                }

                .comment-respond {
                    margin-top: 3rem;
                    .title{   
                        h2 {
                            color:var(--black);
                            font-size: 1.7142em;
                            margin-bottom: 1rem;
                        }
                    }

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

                    form {
                        textarea {
                            width: 100%;
                            padding: 1rem;
                            border-color: var(--btn-border);
                            outline: none;

                            &:focus {
                                border-color: var(--secondary);
                            }
                        }

                        .author-details {
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            gap: 2rem;
                            margin-top: 0.5rem;

                            input {
                                width: 100%;
                                height: 2.642rem;
                                border: 1px solid var(--btn-border);
                                outline: none;
                                padding: 0 1.07em;

                                &:focus {
                                    border-color: var(--secondary);
                                }
                            }
                        }

                        span {
                            color: var(--gray-700);
                        }

                        .btn {
                            margin-top: 1rem;
                            font-weight: 400;
                            font-size: 12px;
                        }
                    }
                }
            }
        }

        .supplementary-column {

            .latest-posts,
            .product-tags,
            .categories {
                .head {
                    h4 {
                        font-size: 16px;
                        text-transform: uppercase;
                        color: var(--secondary);
                        margin-bottom: 1.1em;
                        padding-bottom: 1em;
                        border-bottom: 1px solid var(--btn-border);
                    }
                }
            }

            .categories {
                ul {
                    padding: 0;

                    li {
                        list-style: none;
                        margin-top: 0.5rem;

                        a {
                            text-decoration: none;
                            color: var(--text-primary);
                            transition: all 0.2s;

                            &:hover {
                                color: var(--secondary);
                            }
                        }
                    }
                }
            }

            .product-tags {
                margin-top: 4rem;

                .tagcloud-content {
                    a {
                        display: inline-block;
                        font-size: 14px;
                        padding: 2px 16px;
                        margin: 0 .33em .5em 0;
                        border: 1px solid var(--btn-border);
                        text-decoration: none;
                        color: var(--secondary);
                        transition: all 0.3s;

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

            .latest-posts {
                margin-top: 4rem;

                .posts-contianer {
                    .media {
                        display: flex;
                        align-items: center;

                        &:not(:last-child) {
                            margin-bottom: 1.5rem;
                        }

                        margin-bottom: 1rem;

                        .pull-left {
                            padding-right: 20px;
                            max-width: 6rem;
                            max-height: 3rem;
                            overflow: hidden;

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

                    .media-body {
                        h4 {
                            font-size: 1rem;
                            line-height: 1rem;

                            a {
                                color: var(--secondary);
                                text-decoration: none;
                            }
                        }

                        .post-date {
                            display: flex;
                            align-items: center;
                            gap: 3px;
                            color: var(--gray-700);

                            i {
                                font-size: 12px;
                            }

                            span {
                                font-size: 14px;
                            }
                        }
                    }
                }
            }

        }
    }
}

/* Contact Page */

.contactUs {
    padding: 2rem 0 5rem;

    .container {
        max-width: 1170px;

        .mapsection {
            .mapswrapper {
                background: var(--white);
                position: relative;

                iframe {
                    border: 0;
                    position: relative;
                    z-index: 2;
                    width: 100%;
                    height: 600px;
                }

                a {
                    color: rgba(0, 0, 0, 0);
                    position: absolute;
                    left: 0;
                    top: 0;
                    z-index: 0
                }
            }
        }

        .contactUsSec {
            display: flex;
            justify-content: center;
            gap: 2rem;

            .contact-form-left {
                width: 66%;

                .form-group {
                    width: 100%;

                    label{
                        color:var(--black);
                    }

                    .form-control {
                        border-radius: 0;
                        font-size: 1.14rem;
                        padding-left: 1.07em;
                        padding-right: 1.07em;
                        margin-top: 0.3rem;

                        &:focus {
                            color: inherit;
                            background-color: inherit;
                            border-color: var(--black);
                            outline: 0;
                            box-shadow: none;
                        }
                    }
                }

                button {
                    background-color: var(--text-secondary);
                    color: var(--white);
                    width: 182px;
                    text-transform: uppercase;
                    font-size: 0.85rem;
                    text-align: center;
                    line-height: 1;
                    padding: .75rem 2.2rem;
                    border: none;
                    margin-top: 2rem;
                }
            }

            .contact-form-right {
                width: 34%;
                margin-top: 3.5rem;
                font-family: "Lato", Sans-serif;

                .discription {
                    h2 {
                        color: #1A1A1A;
                        font-size: 24px;
                        font-weight: 400;
                        text-transform: uppercase;
                        line-height: 1.2em;
                    }

                    p {
                        margin-top: 1.5rem;
                        color: #555555;
                        font-size: 16px;
                        font-weight: 400;
                        line-height: 1.6em;
                    }
                }

                .details {
                    padding: 20px 0px 40px;
                    border-style: solid;
                    border-width: 1px 0px 1px 0px;
                    border-color: #E1E1E1;

                    P {
                        color: #555555;
                        font-weight: 400;
                        margin: 4px;
                    }

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


@media (max-width: 768px) {
    .contactUs {
        .container {
            .contactUsSec {
                flex-direction: column;

                .contact-form-left {
                    width: 100%;

                    button {
                        width: 125px;
                        font-size: 0.70rem;
                        padding: 0.7rem 1rem;
                        margin-top: 1rem;
                    }
                }

                .contact-form-right {
                    width: 100%;
                    margin-top: 1rem;
                }
            }
        }
    }
}

@media (max-width: 576px) {
    .contactUs {
        .container {
            .contactUsSec {
                .contact-form-left {
                    .form-group {
                        label {
                            font-size: 12px;
                        }
                    }
                }
                .contact-form-right {
                    .discription {
                        h2 {
                            font-size: 20px;
                        }
                    }
                }
            }
        }
    }
}


/* About Us Page */

.aboutUsBannerHolder {
    background-position: center center;
    background-size: cover;
    margin-bottom: -65px;
    padding: 230px 0px 185px 0px;

    .container {
        max-width: 1170px;

        .bannerSec {
            font-family: "Lato", Sans-serif;
            display: flex;

            .content {
                width: 50%;
                display: flex;
                align-items: center;
                flex-direction: column;
                text-align: center;

                h4 {
                    color: var(--page-title-color);
                    font-size: 14px;
                    font-weight: 900;
                    text-transform: uppercase;
                    letter-spacing: 3px;
                    margin-bottom: 20px;
                }

                h2 {
                    color: var(--page-title-color);
                    font-size: 60px;
                    font-weight: 700;
                }

                p {
                    text-align: center;
                    color: #A4A4A4;
                    font-weight: 400;
                    line-height: 1.8em;
                    margin-top: 1.2rem;
                    padding: 0% 15%;
                }

                .social-icon {
                    a {
                        font-size: 20px;
                        color: var(--text-secondary);
                        transition: all 0.3s;

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

/* Introduction and New Technology Section */

.introHolder {
    .container {
        max-width: 1170px;

        .introSec {
            display: flex;
            align-items: center;

            .introImg {
                width: 50%;
                display: flex;
                justify-content: center;
                align-items: center;

                img {
                    width: 100%;
                    padding: 0 6%;
                }
            }

            .introContent {
                text-align: center;
                width: 50%;

                h4 {
                    color: var(--page-title-color);
                    font-size: 14px;
                    font-weight: 800;
                    text-transform: uppercase;
                    letter-spacing: 3px;
                    margin-bottom: 25px;
                }

                h2 {
                    color: var(--page-title-color);
                    font-size: 36px;
                    font-weight: 700;
                    margin-bottom: 25px;
                }

                p {
                    padding: 0% 18%;
                    color: #A4A4A4;
                    font-weight: 400;
                    line-height: 1.8em;
                }
            }
        }
    }
}

.technology {
    margin-top: -40px;
    margin-bottom: 0px;

    .introSec {
        flex-direction: row-reverse;
    }
}

/* Testimonials Section */

.testimoniolHolder {
    background-color: #F7F7F7;
    margin-top: 80px;
    margin-bottom: 140px;
    padding: 100px 0px 90px 0px;
    font-family: "Lato", Sans-serif;

    .container {
        max-width: 1280px;

        .testimoniolSec {
            > h5,h6,p,a {
                color:var(--black);
            }
            .carousel {
                &:hover {
                    .carousel-inner {
                        .carousel-control-prev {
                            left: 0;
                        }

                        .carousel-control-next {
                            right: 0;
                        }
                    }

                    .carousel-indicators {
                        bottom: 0;
                        opacity: 1;
                    }
                }

                .carousel-inner {
                    .carousel-item{
                        .description{
                            height:200px;
                            
                        }
                    }
                    button {
                        width: auto;
                        height: auto;

                        .carousel-control-prev-icon {
                            background-image: none;
                            position: relative;
                            background: #eee;
                            width: 3rem;
                            height: 3rem;

                            &:after {
                                content: "";
                                width: 15px;
                                height: 15px;
                                border: 1px solid #000;
                                position: absolute;
                                right: 50%;
                                rotate: -45deg;
                                border-bottom: none;
                                border-right: none;
                                top: 50%;
                                transform: translate(90%, 15%);
                            }
                        }

                        .carousel-control-next-icon {
                            background-image: none;
                            position: relative;
                            background: #eee;
                            width: 3rem;
                            height: 3rem;

                            &:after {
                                content: "";
                                width: 15px;
                                height: 15px;
                                border: 1px solid #000;
                                position: absolute;
                                right: 50%;
                                rotate: -45deg;
                                border-top: none;
                                border-left: none;
                                top: 50%;
                                transform: translate(50%, -20%);
                            }
                        }
                    }

                    .carousel-control-prev {
                        left: -60px;
                        transition: all 0.4s;
                    }

                    .carousel-control-next {
                        right: -60px;
                        transition: all 0.4s;
                    }
                }

                .carousel-indicators {
                    opacity: 0;
                    margin: 0 !important;

                    button {
                        opacity: 0.3;
                        background-color: var(--black);
                        height: 10px;
                        width: 10px;
                        border-radius: 50%;
                        margin: 0 5px;
                    }

                    .active {
                        opacity: 1;
                        background-color: var(--black);
                    }
                }

            }
        }
    }
}

/* Prosses Section */

.processesHolder {
    margin-bottom: 130px;

    .container {
        max-width: 1170px;

        .processesSec {
            display: flex;

            .processContent {
                font-family: "Lato", Sans-serif;
                text-align: center;
                margin: 0 0.8rem;

                i {
                    font-size: 2.2rem;
                    color: var(--et-light-gray-3);
                }

                h3 {
                    margin-top: 1.3rem;
                    font-size: 14px;
                    font-weight: 600;
                }

                p {
                    margin-top: 0.5rem;
                    color: #A4A4A4;
                    font-size: 16px;
                    font-weight: 400;
                }
            }
        }
    }
}

/* Brands Logo Section */

.brandsHolder {
    background-color: #F7F7F7;
    padding: 35px 0px;
    margin-bottom: 50px;

    .container {
        max-width: 1140px;

        .brandsSec {
            display: flex;
            justify-content: space-evenly;

            .brandImg {
                width: 110px;

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

/* Responsiveness */

@media (max-width: 992px) {

    /* banner section */

    .aboutUsBannerHolder {
        margin-bottom: 0;
    }

    /* Introduction Section */

    section.introHolder {
        padding: 50px 0;
    }

}

@media (max-width: 768px) {

    /* banner section */

    .aboutUsBannerHolder {
        .container {

            .bannerSec {
                justify-content: center;

                .content {
                    width: 100%;
                }
            }
        }
    }

    /* Introduction Section */

    .introHolder {
        .container {
            .introSec {
                flex-direction: column;
                gap: 2.5rem;

                .introImg {
                    width: 100%;
                }

                .introContent {
                    width: 100%;
                }
            }
        }
    }

    /* technology section */

    .technology {
        .container {
            .introSec {
                flex-direction: column-reverse;
            }
        }
    }

    /* testimoniol section */

    .testimoniolHolder {
        margin-top: 0;
        margin-bottom: 2rem;

        .container {
            .testimoniolSec {
                .carousel {
                    .carousel-inner {
                        .carousel-control-next {
                            right: 0;
                        }

                        .carousel-control-prev {
                            left: 0;
                        }
                    }

                    .carousel-indicators {
                        opacity: 1;
                    }
                }
            }
        }
    }

    /* Processes section */

    .processesHolder {
        margin-bottom: 50px;

        .container {
            .processesSec {
                flex-direction: column;
            }
        }
    }

    /* brands section */

    .brandsHolder {
        .container {
            .brandsSec {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 2rem;

                .brandImg {
                    margin: 0 auto;
                }
            }
        }
    }
}

@media (max-width: 576px) {
    .aboutUsBannerHolder {
        background-position: bottom;
        background-size: contain;
        padding: 50px 0px 50px 0px;
        background-repeat: no-repeat;

        .container {
            .bannerSec {
                .content {
                    h2 {
                        font-size: 40px;
                    }

                    p {
                        padding: 0;
                    }

                    .social-icon {
                        a {
                            font-size: 16px;
                        }
                    }
                }
            }
        }
    }

    .introHolder {
        .container {
            .introSec {
                .introContent {
                    h2 {
                        font-size: 25px;
                        margin-bottom: 18px;
                    }

                    h4 {
                        margin-bottom: 15px;
                    }

                    p {
                        padding: 0;
                        font-size: 14px;
                    }
                }
            }
        }
    }

    .testimoniolHolder {
        padding: 60px 0px;

        .container {
            .testimoniolSec {
                .carousel {
                    .carousel-inner {
                        padding-left: 1.8rem !important;
                        padding-right: 1.8rem !important;

                        button {
                            .carousel-control-next-icon {
                                width: 2rem;
                                height: 2rem;

                                &:after {
                                    content: "";
                                    width: 10px;
                                    height: 10px;
                                }
                            }

                            .carousel-control-prev-icon {
                                width: 2rem;
                                height: 2rem;

                                &:after {
                                    content: "";
                                    width: 10px;
                                    height: 10px;
                                }
                            }
                        }
                    }
                }
            }

            .carousel-indicators button {
                height: 8px;
                width: 8px;
            }
        }
    }

    .brandsHolder {
        .container {
            .brandsSec {
                gap: 1rem;

                .brandImg {
                    width: 90px;
                }
            }
        }
    }
}

/* wishlist page */
#swym-wishlist-render-container{
    .swym-ui-component.swym-wishlist-page {
        .swym-simple-wishlist-container{
            .swym-wishlist-container-title-bar{
                #swym-user-login-status-btn{
                    display:none !important;
                }
            }
        }
    }
}