/*
Theme Name: tapijtenkelim
Theme URI: https://tapijtenkelim.nl
Author: Mudassar Hussain
Description: developed by AndroppleLab.
Tags: blog, one-column, 
Version: 1.0
Requires at least: 5.0
Tested up to: 6.3
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tapijtenkelim
*/
@font-face {
    font-family: Fraunces;
    src: local("fonts/Fraunces/Fraunces-Italic-VariableFont.ttf");
}
@font-face {
    font-family: Great_Vibes;
    src: local("fonts/Great_Vibes/GreatVibes-Regular.ttf");
}
@font-face {
    font-family: Inter;
    src: local("fonts/Inter/Inter-VariableFont.ttf");
}


@font-face {
    font-family: 'Great Vibes';
    src: url(https://fonts.gstatic.com/s/greatvibes/v18/RWmMoKWR9v4ksMfaWd_JN9XKiaQ6DQ.woff2) format('woff2');
}
/* latin-ext */
@font-face {
    font-family: 'Great Vibes';
    src: url(https://fonts.gstatic.com/s/greatvibes/v18/RWmMoKWR9v4ksMfaWd_JN9XLiaQ6DQ.woff2) format('woff2');
}
/* latin */
@font-face {
    font-family: 'Great Vibes';
    src: url(https://fonts.gstatic.com/s/greatvibes/v18/RWmMoKWR9v4ksMfaWd_JN9XFiaQ.woff2) format('woff2');
}

body{
    background-color: #F5F4F4 !important;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1700px !important;
    }
}

@media (max-width: 1921px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1700px !important;
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        min-width: 95% !important;
    }
}
@media (min-width: 576px) {
    .container, .container-sm {
        min-width: 95% !important;
    }
}

.menu{
    background: #878787;
}
.socialpad{
    padding: 0.5rem 0.7rem;
    border-radius: 30px;
    background-color: #777777;
    margin-right: 0.8rem;
}
.like:hover{
    background-color: #e83e8c;
    transition: background 0.5s ease;
}
.basket:hover{
    background-color: #D3AF5E;
    transition: background 0.5s ease;
}
.search:hover{
    background-color: #0099ff;
    transition: background 0.5s ease;
}
.socialpad svg{
    padding: 0 1px;
    margin-bottom: 1px;
}
.nav-link{
    color: rgba(255, 255, 255, 0.5) !important;
}
.nav-link:hover{
    color: #FFFFFF !important;
    cursor: pointer !important;
}
.navbar-toggler{
    border: none !important;
}
.offcanvas{
    background: #878787 !important;
}

.button{
    background-color: #0071E3 !important;
    padding: 7px 30px !important;
    border-radius: 20px !important;
    color: white !important;
    font-weight: 500 !important;
    transition: all 0.3s ease-in-out !important;
}
.button:hover{
    transform: scale(1.1);
}
.buttonlink{
    color: #0071e3 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important;
}
.buttonlink:hover{
    transform: scale(1.1);
}
.buttonlink2{
    color: #0071e3 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important;
}
.buttonlink3{
    color: #0071e3 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important;
}
.buttonlink3:hover{
    transform: scale(1.1);
}
.buttonlink2:hover{
    transform: scale(1.1);
}




@media (max-width:480px){
    .logosize{
        width: 60px;
        height: 40px;
    }
}
@media (max-width:480px){
    .navbar-brand{
        width: 20%;
    }
}
@media (max-width:480px){
    .made{
        font-family: Fraunces;
        font-style: normal;
        font-weight: 700;
        font-size: 3rem;
        color: #005C32;
    }
}
@media (max-width:480px){
    .lux{
        font-family: Great_Vibes;
        font-style: normal;
        font-weight: 700;
        font-size: 3rem;
        color: #D3AF5E;
        margin-top: -3rem;
    }
}

.list-style-unstyled {
    list-style: none;
}

.back2{
    background-image: url("../../image/back-2.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.head2{
    font-size: 60px !important;
    color: rgba(26, 26, 26, 0.7);
    font-weight: 700;
}
.head2g{
    font-size: 60px !important;
    color: #D3AF5E;
    font-weight: 700;
}

.textp{
    font-size: 20px;
}
.paragraph{
    text-align: justify;
    font-size: 28px;
}

.threeline{
    width: 90%;
    margin: auto;
    height: 2px;
    background: rgba(26, 26, 26, 0.1);
}


@media (max-width:480px){
    .head2{
        font-size: 23px !important;
        color: rgba(26, 26, 26, 0.7);
        font-weight: 700;
    }
}


.wicon{
    color: #ffffff;
}
.t-p{
    color: #000000;
    padding: 20px 30px 30px 30px;
    font-size: 18px;
    text-align: justify;
    font-weight: 500;
}
.forms{
    padding: 1rem;
    background-color: #ffff;
    border-radius: 10px;
}
.formin{
    padding: 0.3rem 1rem !important;
    border: 2px solid #F5F6FD !important;
    background-color: #F5F6FD !important;
    border-radius: 8px !important;
}
.form-select{
    background-color: #f5f6fd !important;
    border: 2px solid #f5f6fd !important;
    border-radius: 8px !important;
    color: rgb(117 117 117) !important;
    padding: 0.3rem 1rem !important;
}
.headform{
    color: rgba(26, 26, 26, 0.6);
    font-weight: 700;
    font-size: 30px;
}
.formtxt {
    color: rgba(26, 26, 26, 0.6);
    font-size: 16px;
    font-weight: 400;
}
.formbtn{
    background-color: #d3af5e;
    color: #ffff;
    font-size: 18px;
    font-weight: 600;
    transition: all 0.3s ease-in-out !important;
}
.formbtn:hover{
    background-color: #d3af5e !important;
    transform: scale(1.03);
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right:0 !important;
    content:none !important;
}
.breada{
    color: rgba(26, 26, 26, 0.5);
    font-weight: 400;
}
.imgcarsol{
    border-radius: 30px;
}
.carousel-indicators [data-bs-target] {
    width: 10px !important;
    height: 10px !important;
    border-radius: 100% !important;
    background-color: rgba(26, 26, 26, 0.3) !important;
}
.carousel-indicators .active {
    background-color: #1A1A1A !important;
}
.carousel-control-next-icon {
    background-image: url(../../image/next.svg);
}
.carousel-control-prev-icon {
    background-image: url(../../image/prev.svg);
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 3rem !important;
    height: 3rem !important;
}
.liked{
    position: absolute;
    right: 0px;
    z-index: 2;
    display: flex;
    justify-content: end;
    padding: 0;
    margin-right: 4%;
    margin-top: 4%;
    background-color: #E1E0E0;
    padding: 0.4rem;
    border-radius: 100%;
}
/*like*/
.large-font{
    font-size:xxx-large;
}
.top-20{
    position:relative;
    top:20vh;
}
ion-icon.active{
    animation:like 0.5s 1;
    fill:red;
    stroke:none;
}
ion-icon{
    fill:transparent;
    stroke:black;
    stroke-width:30;
    transition:all 0.5s;
}
@-webkit-keyframes like {
    0%   { transform: scale(1); }
    90%   { transform: scale(1.2); }
    100% { transform: scale(1.1); }
}
ion-icon {
    font-size: 25px;
}
.varbtn{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-bottom: 6rem;
}
.vrbtn{
    padding: 0.4rem 1rem;
    border-radius: 25px;
    color: #005C32;
    font-weight: 700;
    background-color: rgba(255, 255, 255, 0.7);
    border: 1px solid #005C32;
}
/*circlecolor*/
.box {
    width: 100px;
    height: 100px;
    margin: auto;
}
.colorwheel {
    background: conic-gradient(#FF0000 60deg, #DE3535, #CC7373, #FF9B9B 340deg, #FF0000);
    border-radius:50%;
}
td {
    text-align: center;
    vertical-align: middle;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    font-size: 20px !important;
    font-weight: 500 !important;
}
.table{
    --bs-table-bg:#F5F4F4 !important;
    border: 3px solid #B3B3B3;
}
.firsttd{
    color: #1A1A1A !important;
    font-weight: bold;
}
.secondtd{
    color: rgba(26, 26, 26, 0.7) !important;
    font-weight: 400;
}
.headth{
    color: rgba(26, 26, 26, 1) !important;
    font-weight: 700;
    font-size: 20px;
}
.stock{
    text-align: start !important;
    color: rgba(169, 67, 67, 1);
    font-weight: 400;
    font-size: 24px;
}
.note{
    text-align: start !important;
}
.productdet{
    text-align: start !important;
    border-bottom: 2px solid #E5E5E5;
    width: 80%;
}
.productdet:after {
    content: '';
    display: block;
    border-bottom: 3px solid rgba(0, 92, 50, 1);
    margin-bottom: -2px;
    max-width: 20%;
}
.producttxt{
    text-align: justify;
    color: rgba(26, 26, 26, 0.8);
    font-weight: 400;
    font-size: 20px;
}
.carry{
    text-align: start !important;
    border-bottom: 2px solid #E5E5E5;
    width: 80%;
}
.carry:after {
    content: '';
    display: block;
    border-bottom: 3px solid rgba(0, 92, 50, 1);
    margin-bottom: -2px;
    max-width: 48%;
}
.productcarry{
    text-align: start !important;
}
.backpop{
    background-color: rgba(236, 236, 236, 1);
    border-radius: 0 30px 30px 0;
}
.roundimg{
    border-radius: 30px 0 0 30px;
}
.pophead{
    font-weight: 600;
    font-size: 25px;
}
@media (max-width:1440px) and (min-width: 700px){
    .pophead{
        font-weight: 600;
        font-size:16px;
    }
}
@media (max-width:600px){
    .pophead{
        font-weight: 600;
        font-size:11px;
    }
}
@media (max-width:600px){
    .popsvg{
        width: 25px;
    }
}
@media (max-width:600px){
    .popbutton {
        margin-right: 2% !important;
        margin-top: -4% !important;
        padding: 0.6rem !important;
    }
}
@media (max-width:600px){
    .roundimg {
        border-radius: 7px 0 0 7px !important;
    }
}
@media (max-width:600px){
    .backpop {
        border-radius: 0 7px 7px 0 !important;
    }
}
.poptxt{
    font-weight: 400;
    font-size: 25px;
}
@media (max-width:1440px) and (min-width: 700px){
    .poptxt{
        font-weight: 400;
        font-size: 17px;
    }
}
@media (max-width:700px){
    .poptxt{
        font-weight: 400;
        font-size: 11px;
    }
}
.popbutton{
    position: absolute;
    right: 0;
    z-index: 2;
    display: flex;
    justify-content: end;
    padding: 0;
    margin-right: 1%;
    margin-top: 0%;
    padding: 0.7rem;
    background-color:transparent;
}
.trade{
    font-weight: 700;
    font-size: 28px;
    color: rgba(26, 26, 26, 0.7);
}
.get{
    font-weight: 700;
    font-size: 28px;
    color: rgba(26, 26, 26, 0.4);
}
@media (max-width:1440px) and (min-width: 700px){
    .trade{
        font-size:20px !important;
    }
}
@media (max-width:1440px) and (min-width: 700px){
    .get{
        font-size:20px !important;
    }
}
.bordercol{
    border: 2px solid #C4C4C4;
    border-radius: 10px;
    padding: 1rem 0rem;
    height: 100px;
}
.bordercol2{
    border: 2px solid #C4C4C4;
    border-radius: 10px;
    padding: 2rem 0rem;
    height: 100px;
}
.bordhead{
    font-size: 20px;
    font-weight: 500;
    color: rgba(26, 26, 26, 0.8);
}
.parabord{
    font-size: 12px;
    font-weight: 400;
    color: rgba(26, 26, 26, 0.8);
}
.money{
    text-decoration: line-through;
    font-size: 48px;
    font-weight: 600;
    color: #C9C8C8;
}
.money2{
    font-size: 48px;
    font-weight: 600;
    color: #005C32;
}
.currency{
    font-size: 34px;
    font-weight: 700;
    color: #C9C8C8;
    position: relative;
    bottom: 0.9rem;
    right: 0.7rem;
}
.currency2{
    font-size: 34px;
    font-weight: 700;
    color: #005C32;
    position: relative;
    bottom: 0.9rem;
    right: 0.7rem;
}
.linedele{
    width: 90%;
    margin: auto;
    height: 2px;
    background: rgba(26, 26, 26, 0.3);
}
.delivery{
    font-size: 24px;
    font-weight: 500;
    color: #1A1A1A;
}
@media (max-width:1800px) and (min-width: 1023px){
    .delivery{
        font-size: 24px;
        font-weight: 500;
        color: #1A1A1A;
    }
}
.available{
    font-size: 20px;
    font-weight: 400;
    color: rgba(26, 26, 26, 0.8);
}
@media (max-width:1800px) and (min-width: 1023px){
    .available{
        font-size: 16px;
        font-weight: 400;
        color: rgba(26, 26, 26, 0.8);
    }
}
.shoppay{
    border: 1px solid #C4C3C3;
    border-radius: 20px;
    padding: 1rem 0rem;
}
.pay{
    background-color: #d3af5e;
    color: #000000;
    font-size: 24px;
    font-weight: 500;
    padding: 1rem;
    transition: all 0.3s ease-in-out !important;
}
.pay:hover{
    background-color: #d3af5e !important;
    transform: scale(1.03);
}
.cantxt{
    font-size: 18px;
    font-weight: 400;
    color: #676666;
}
.divdisplay{
    display: flex;
    flex-direction: row;
}
.book{
    object-fit: cover;
}
.icsvg{
    font-size: 18px;
    font-weight: 500;
    color: #000000;
}
.ictxt{
    font-size: 16px;
    font-weight: 500;
    color: rgba(26, 26, 26, 0.6);
}
.icpay{
    font-size: 14px;
    font-weight: 400;
    color: rgba(26, 26, 26, 0.6);
}
.reviewback{
    background-color: rgba(211, 175, 94, 0.2);
}
.back3{
    background-image: url("../../image/row-1.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    padding: 0 !important;
}
.back4{
    background-image: url("../../image/row-2.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}
.ziegler{
    font-size: 48px;
    font-weight: 700;
    color: rgba(26, 26, 26, 0.8);
}
.cert{
    color: rgba(26, 26, 26, 0.8);
    font-size: 20px;
    font-weight: 400;
}
@media (max-width:780px) and (min-width: 425px){
    .ziegler{
        font-size: 36px;
    }
}
@media (max-width:700px){
    .ziegler{
        font-size: 24px;
    }
}
@media (max-width:1440px){
    td{
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
}
button.btn2.btn-link2.collapsed2 i {
    transform: rotate(45deg);
}
@media (max-width:425px) and (min-width:0px){
    .note{
        font-size: 12px !important;
        font-weight: 600 !important;
    }
}
@media (max-width:425px) and (min-width:0px){
    .breadcrumb-item{
        font-size: 13px;
    }
}
@media (max-width:2560px) and (min-width:800px){
    .note{
        font-size: 20px !important;
        font-weight: 600 !important;
    }
}
@media (max-width:425px) and (min-width:0px){
    .stock{
        font-weight: 400;
        font-size: 10px;
    }
}
@media (max-width:425px) and (min-width:0px){
    .svgstock{
        width: 18px !important;
    }
}


@media (max-width:425px) and (min-width:0px){
    .paragraph{
        text-align: justify;
        font-size: 12px;
        font-weight: 400;
        color: rgba(245, 244, 244, 0.9);
    }
}
@media (max-width:1100px) and (min-width:426px){
    .paragraph{
        text-align: justify;
        font-size: 16px;
        font-weight: 400;
    }
}
@media (max-width:2560px) and (min-width:1100px){
    .paragraph{
        text-align: justify;
        font-size: 27px;
        font-weight: 400;
    }
}
/*...........*/
@media (max-width:425px) and (min-width:0px){
    .head2w{
        font-size: 20px !important;
        color: rgba(26, 26, 26, 0.7);
        font-weight: 700;
        color: #FFFFFF !important;
    }
}
@media (max-width:1100px) and (min-width:426px){
    .head2w{
        font-size: 32px !important;
        color: rgba(26, 26, 26, 0.7);
        font-weight: 700;
    }
}
@media (max-width:2560px) and (min-width:1100px){
    .head2w{
        font-size: 60px !important;
        color: rgba(26, 26, 26, 0.7);
        font-weight: 700;
    }
}
/*............*/
@media (max-width:425px) and (min-width:0px){
    .head2g{
        font-size: 20px !important;
        color: #D3AF5E;
        font-weight: 700;
    }
}
@media (max-width:1100px) and (min-width:426px){
    .head2g{
        font-size: 32px !important;
        color: #D3AF5E;
        font-weight: 700;
    }
}
@media (max-width:2560px) and (min-width:1100px){
    .head2g{
        font-size: 60px !important;
        color: #D3AF5E;
        font-weight: 700;
    }
}
@media (max-width:425px) and (min-width:0px){
    .head2{
        font-size: 20px !important;
    }
}
@media (max-width:1100px) and (min-width:426px){
    .head2{
        font-size: 32px !important;
    }
}
@media (max-width:2560px) and (min-width:1100px){
    .head2{
        font-size: 60px !important;
    }
}

@media (max-width:1100px) and (min-width:426px){
    .t-p {
        font-size: 18px;
    }
}
@media (max-width:425px) and (min-width:0px){
    .t-p {
        font-size: 14px;
    }
}
@media (max-width:500px) and (min-width:0px){
    .back4{
        background-image:url("../../image/rowb-1.png");
    }
}
@media (max-width:500px) and (min-width:0px){
    .back3{
        background-image:url("../../image/rowb-2.png");
    }
}
@media (max-width:500px) and (min-width:0px){
    .cantxt{
        font-size: 11px;
    }
}
@media (max-width:500px) and (min-width:0px){
    .bfinish{
        background-color: rgba(236, 236, 236, 1);
    }
}
@media (max-width:1100px) and (min-width:426px){
    .cert {
        font-size: 14px;
    }
}

@media (max-width:425px) and (min-width:0px){
    .available{
        font-size: 12px;
    }
}
@media (max-width:425px) and (min-width:0px){
    .delivery{
        font-size: 12px;
    }
}
@media (max-width:425px) and (min-width:0px){
    .producttxt {
        font-size: 12px;
    }
}
@media (max-width:425px) and (min-width:0px){
    .productdet {
        font-size: 12px;
    }
}
@media (max-width:425px) and (min-width:0px){
    .carry {
        font-size: 12px;
    }
}
@media (max-width:425px) and (min-width:0px){
    .pcarry{
        width: 60px;
    }
}

@media (max-width:425px) and (min-width:0px){
    .icsvg {
        font-size: 14px;
    }
}
@media (max-width:425px) and (min-width:0px){
    .ictxt {
        font-size: 12px;
    }
}
@media (max-width:1100px) and (min-width:426px){
    .reviewname{
        font-size: 14px !important;
    }
}
@media (max-width:1100px) and (min-width:426px){
    .reviewstar{
        width: 15px !important;
        height: 15px !important;
    }
}
@media (max-width:1100px) and (min-width:426px){
    .score{
        font-size: 10px !important;
    }
}
@media (max-width:1100px) and (min-width:426px){
    .idea{
        font-size: 10px !important;
    }
}
@media (max-width:1100px) and (min-width:426px){
    .backp {
        border-radius: 20px !important;
    }
}
@media (max-width:425px) and (min-width:0px){
    .reviewname {
        font-size: 18px !important;
    }
}
@media (max-width:425px) and (min-width:0px){
    .reviewstar{
        width: 13px !important;
        height: 13px !important;
    }
}
@media (max-width:425px) and (min-width:0px){
    .score {
        font-size: 12px !important;
    }
}
@media (max-width:425px) and (min-width:0px){
    .idea {
        font-size: 11px !important;
    }
}
@media (max-width:425px) and (min-width:0px){
    .varbtn {
        margin-bottom: 2rem;
    }
}
@media (max-width:425px) and (min-width:0px){
    .vrbtn {
        padding: 0.1rem 0.2rem;
        border-radius: 20px;
        font-weight: 700;
        font-size: 12px;
    }
}
@media (max-width:425px) and (min-width:0px){
    .liked {
        padding: 0.1rem;
    }
}
@media (max-width:425px) and (min-width:0px){
    .firsttd {
        font-size: 11px !important;
    }
}
@media (max-width:425px) and (min-width:0px){
    .secondtd {
        font-size: 11px !important;
    }
}
@media (max-width:425px) and (min-width:0px){
    .headth {
        font-size: 12px;
    }
}
@media (max-width:425px) and (min-width:0px){
    .trade {
        font-size: 20px;
    }
}
@media (max-width:425px) and (min-width:0px){
    .get {
        font-size: 20px;
    }
}
@media (max-width:425px) and (min-width:0px){
    .box {
        width: 80px;
        height: 80px;
    }
}
@media (max-width:425px) and (min-width:0px){
    .carousel-indicators {
        margin-bottom: 0;
    }
}
@media (max-width:425px) and (min-width:0px){
    .svgvar {
        width: 22px;
    }
}
@media (max-width:1100px) and (min-width:0px){
    .buttonlink {
        font-size: 16px !important;
    }
}
@media (max-width:780px) and (min-width:0px){
    .backp {
        height: 13rem !important;
    }
}
@media (max-width:900px) and (min-width:800px){
    .backp {
        height: 16rem !important;
    }
}
@media (max-width:2560px) and (min-width:1101px){
    .backp {
        height: 27rem !important;
    }
}
@media (max-width:2560px) and (min-width:1430px){
    .backp {
        height: 22rem !important;
    }
}
.backpink{
    background-color: rgba(211, 175, 94, 0.2) !important;
}
.backp{
    background-color: rgba(245, 244, 244, 1) !important;
    border-radius: 30px;
}
.reviewname{
    font-size: 28px;
    color: rgba(26, 26, 26, 0.7);
    font-weight: 700;
}
.score{
    font-size: 18px;
    color: rgba(26, 26, 26, 0.7);
    font-weight: 500;
}
.idea{
    font-size: 20px;
    font-weight: 400;
    color: rgba(26, 26, 26, 0.7);
}
/*last*/
.macord{
    font-size: 14px;
    font-weight: 600;
    color: rgba(26, 26, 26, 0.7)!important;
}

.grayback{
    background-color: rgba(230, 230, 230, 1);
}
#menu a
{
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    color: rgba(255, 255, 255, 0.5) !important;
}
#menu li{
    display: inline !important;
}



/* ----------------------------------- coman ---------------------------------------- */

input[type="checkbox"] {
    height: 25px;
    width: 25px !important;
    min-width: 25px !important;
}

input[type="checkbox"].danger {
    border-color: red ;
}

input[type="checkbox"].success {
    border-color: green ;
}



/* main-banner */
.main-banner {
    background-image: url("../../image/Untitled.png");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    position: relative;
    height: 963px;
    padding: 80px 0 43px 0;
    width: 100%;
    overflow: hidden;
}
.main-banner h4,
.main-banner h2 {
    color: #FFFFFF;
    font-family: Inter;
}
.main-banner h2 {
    font-family: Fraunces;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 72px */
    letter-spacing: -0.912px;

}
.main-banner h4{
    font-size: 24px;
    font-weight: 600;
    line-height: 150%; 
    letter-spacing: -0.38px;
}

.main-banner:after {
    content: '';
    position: absolute;
    display: block;
    bottom: 0;
    height: 246px;
    flex-shrink: 0;
    width: 100%;
    background: linear-gradient(0deg, #1A1A1A 12.31%, rgba(36, 36, 36, 0.00) 100%);
}

.scroll-down {
    display: flex;
    margin: 0 auto;
    width: 180px;
    text-align: center;
    z-index: 2;
}

.scroll-down .scroll-down-text {
    color: #ffffff;
    font-size: 1.3rem;
    font-weight: 500;
    margin-top: 0.8rem;
    margin-left: 20px;
}

.scroll-down .mouse {
    display: block;
    width: 40px;
    height: 60px;
    border-radius: 29px;
    border: 3px solid #FFFFFF;
    left: 50%;
}
.scroll-down .mouse span {
    display: block;
    margin: 6px auto;
    width: 5px;
    height: 12px;
    border-radius: 4px;
    background: #FFFFFF;
    border: 1px solid transparent;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scroll;
    animation-name: scroll;
}

@-webkit-keyframes scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}
@keyframes scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

/* banner up content */
.heading {
    font-family: Fraunces;
    font-size: clamp(2.44rem, 6.83vw + 0.74rem, 8.93rem);
    font-weight: 700;
    position: relative;
    text-align: center;
}
@media (max-width: 2560px) {
    .heading {
        font-size:  clamp(2.44rem, 7.3vw + 0.74rem, 11.8rem) !important;
    }
}
@media (max-width: 1920px) {
    .heading {
        font-size:  clamp(2.44rem, 7.2vw + 0.74rem, 11.8rem) !important;
    }
}
@media (max-width: 1515px) {
    .heading {
        font-size: clamp(2.44rem, 7.0vw + 0.74rem, 10.8rem) !important;
    }
}
@media (max-width: 1400px) {
    .heading {
        font-size:  clamp(2.44rem, 6.7vw + 0.74rem, 8.93rem) !important;
    }
}
@media (max-width: 1200px) {
    .heading {
        font-size:  clamp(2.44rem, 6.5vw + 0.74rem, 8.93rem) !important;
    }
}
@media (max-width: 991px) {
    .heading {
        font-size:  clamp(2.44rem, 13vw + 0.74rem, 8.93rem) !important;
    }
}
@media (max-width: 768px) {
    .heading {
        font-size:  clamp(2.44rem, 12vw + 0.74rem, 8.93rem) !important;
    }
}
@media (max-width: 480px) {
    .heading {
        font-size: clamp(1.56rem, 12vw + 0.58rem, 5.28rem) !important;
    }
}   
@media (max-width: 420px) {
    .heading {
        font-size: clamp(1.56rem, 10vw + 0.58rem, 5.28rem) !important;
    }
} 
.heading:before {
    content: "";
    height: 1px;
    width: 100%;
    background: rgba(26, 26, 26, 0.25);
    display: block;
    margin-top: 10px;
    position: absolute;
    z-index: -1;
}
.heading .gray {
    color: #5C5B5B;
}
.heading .green {
    color: #005C32;
}
.heading .goldan {
    color: #D3AF5E;
}
.sub-text{
    margin-top: 0px !important;
    margin: 0 auto !important;
    border-bottom: 2px solid  #5C5B5B;
    border-top: 1px solid  rgba(26, 26, 26, 0.25);;
    padding: 14px 31px 12px 0;
}
.sub-text .unique,
.sub-text .since {
    font-style: normal;
    font-weight: 500;
    font-family: Inter;
}
.sub-text .unique {
    float: left;
}
.sub-text .since{
    float: right;
}
.border-div {
    position: relative;
}
.sub-text .unique,
.sub-text .since {
    color: #1E1E1E;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.456px;
}
.sub-text .unique {
    float: left;
}
.sub-text .since{
    float: right;
}
@media (max-width: 991px) {
    .sub-text .unique,
    .sub-text .since {
        font-size: 16px;
    }
}
@media (max-width: 768px) {
    .sub-text .unique,
    .sub-text .since {
        font-size: 10px;
    }
}

/* heading family */
.heading-family {
    font-family: Fraunces;
}

/* top to button */
#to-top-button {
    transition: all .25s ease-in-out;
    position: fixed;
    bottom: 15px;
    right: 15px;
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    text-decoration: none;
    background-color: #D3AF5E;
}   
 #to-top-button i {
    color: #fff;
    font-size: 14px;
}
#to-top-button:hover {
    background-color: #fff;
    box-shadow: 0px 1px 8px rgb(234 243 255);
}
#to-top-button:hover i {
    color: #D3AF5E;
}

/* accordion */

.faq .accordion { 
    max-width: 1372px;
    margin: 0 auto;
}

.faq .accordion .accordion-item {}

.faq .accordion .accordion-item .accordion-header {
    background: #ffffff;
    border-radius: 20px;
    font-size: 36px;
    font-weight: 600;
    text-decoration: none;
    color: #1A1A1A;
    font-family: Inter;
}

.faq .accordion .accordion-item .accordion-header .accordion-button {
    background: #ffffff;
    border-radius: 20px;
    font-size: 36px;
    font-weight: 600;
    text-decoration: none;
    padding: 24px;
    color: #1A1A1A;
    font-family: Inter;
}

.faq .accordion-button::after {
    background-image:url("../../image/arrow-down-circle.svg") !important;
    height: 55px !important;
    width: 55px !important;
    background-size: 55px !important;
}


.faq .accordion .accordion-item .accordion-body p {
    color: #000000;
    padding: 20px 0 30px 0;
    font-size: 18px;
    text-align: justify;
    font-weight: 500;
}

@media (max-width:1100px) and (max-width:991px){
    .faq .accordion .accordion-item .accordion-header .accordion-button {
        font-size: 24px;
    }
}
@media (max-width:1100px) and (max-width:768px){
    .faq .accordion .accordion-item .accordion-header .accordion-button {
        font-size: 14px;
    }
    .faq .accordion-button::after {
        height: 35px !important;
        width: 35px !important;
        background-size: 35px !important;
    }
}

.faq .accordion .item {
    border: none;
    margin-bottom: 20px;
    background: none;
}

.faq .accordion .item .item-header h2 button.btn.btn-link {
    background: #ffffff;
    border-radius: 20px;
    font-size: 36px;
    font-weight: 600;
    text-decoration: none;
    padding: 24px;
    color: #1A1A1A;
    font-family: Inter;
}

.faq .accordion .item .item-header {
    border-bottom: none;
    background: transparent;
    padding: 0px;
    margin: 2px;
}

/*faq*/
.faq {}

.faq .title {
    text-align: center;
}    

.faq .title h2 {
    color: rgba(26, 26, 26, 0.70);
    font-size: 64px;
    font-weight: 700;
    line-height: 150%;
    margin-top: 90px;
    margin-bottom: 50px;
}

.faq .title h2 span {
    color: #D3AF5E;
    line-height: 150%;
}

.faq .button.see-all {
    margin: auto;
    margin-top: 80px;
    display: block;
    margin-bottom: 131px;
}

@media (max-width:991px){
    .faq .title h2 {
        margin-top: 75px;
        margin-bottom: 30px;
    }
}

@media (max-width:768px){
    .faq .title h2 {
        font-size: 32px;
        margin-top: 64px;
        margin-bottom: 31px;
    }

    .faq .button.see-all {
        margin: 50px 0 131px 0 !important;
    }
}

/* footer top */

#footer {
    overflow: hidden;
}

.footer-top {
    border-top: 1px solid rgba(26, 26, 26, 0.50);
    background: #F5F4F4;
    backdrop-filter: blur(50px);
    padding-top: 30px;
}

.footer-top .container {
    padding-bottom: 50px;
}

.footer-top .social {
    text-align: center;
}

.footer-top .social h4 {
    color: rgba(26, 26, 26, 0.7);
    font-size: 20px;
}

.footer-top .social a {
    text-decoration: none;
    padding: 0 1rem;
}

.footer-top .social a svg {
    margin-bottom: 5px;
}

@media (max-width:991px){
    .footer-top .social a {
        padding: 0.5rem !important;
    }

    .footer-top .social {
        text-align: right;
    }

    .footer-top .container {
        max-width: 991px
    }
}  

@media (max-width:767px){
    .footer-top {
        padding-top: 40px;
    }

    .footer-top .social {
        text-align: center;
    }

    .footer-top .social h4 {
        padding: 40px 0 2px 0;
    }
}
/* footer bottom */
.footer-copy-wright { 
    background-color: rgba(0, 92, 50, 1);
    padding: 15px 0;
}

.footer-copy-wright .copy-wright-text {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 2;
} 
/* footer middle */
.footer-middle { } 

.footer-middle .container {
        border-top: 1px solid rgba(26, 26, 26, 0.50);
    padding: 70px 0;
}

.footer-middle .container .footer-links {
    list-style-type: none;
}

.footer-middle .container .footer-links li {
    margin-top: 1rem;
    font-size: 16px;
    font-weight: 600;
}

.footer-middle .container .footer-links li a{
    color: #000000;
    text-decoration: none;
}

.footer-middle .container .footer-links li a:hover{
    color: #D3AF5E;
}

.footer-middle .forms { 
    padding: 30px 40px;
} 

.opening-hours {
    padding: 30px 40px;
    background: #fff;
    border-radius: 20px;
 }

.opening-hours h5{ 
    color: rgba(26, 26, 26, 0.70);
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 10px;
}
.opening-hours h4 {
    color: rgba(26, 26, 26, 0.70);
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%; /* 48px */
    text-decoration-line: underline;
    margin-bottom: 20px;
 }
.opening-hours h2 {
    color: rgba(26, 26, 26, 0.60);
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 25px;
 }
 .opening-hours ul {
    padding: 0;
    list-style: none;
 } 
 /* .opening-hours ul li {
    margin-bottom: 20px;
 } */
 .opening-hours ul li p {
    color: rgba(26, 26, 26, 0.50);
    font-family: Inter;
    /* font-size: 20px; */
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    justify-content: space-between;
    padding: 15px;
 }
 .opening-hours ul li p span {
 }

/* map */
.map-wrap {
    position: relative;
}

.map {
    width: 100%;
}

.map .title {
    text-align: center;
}    

.map .title h2 {
    color: rgba(26, 26, 26, 0.70);
    font-size: 64px;
    font-weight: 700;
    line-height: 150%;
    margin-top: 200px;
    margin-bottom: 50px;
}

.map .title h2 span {
    color: #D3AF5E;
}

/* map search */
.map-search  {
    position: absolute;
    top: 73px;
    width: 100%;
}

.map-search .map-search-wrap {
    max-width: 824px;
    margin: 0 auto;
}

.map-search .map-search-wrap input {
    width: 100%;
    height: 72px;
    border-radius: 50px 0 0 50px;
    padding-left: 30px;
    margin-right: 136px;
}

.map-search .map-search-wrap .input-group {
    position: relative;
}

.map-search .map-search-wrap .input-group .input-group-btn {
    position: absolute;
    right: 0;
    top: 0;
}

.map-search .map-search-wrap .map-search-btn {
    border-radius: 0px 100px 100px 0px;
    background: #005C32;
    width: 136px;
    height: 72px;
    flex-shrink: 0;
}

.map-search .map-search-wrap .map-search-btn:hover {
    background: #005C32;
}


/* why choose */
.why-choose {
    text-align: center;
    padding-top: 74px;
}

.why-choose h4 {
    font-weight: 600;
    color: #1A1A1A;
    font-family: Inter;
    font-size: 36px;
    line-height: 150%; 
}

.btn-way{
    color: #0071e3 !important;
    font-size: 24px !important;
    cursor: pointer !important;
    transition: all 0.3s ease-in-out !important;
    font-family: Inter;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.456px;
}

.btn-way:hover{
    transform: scale(1.1);
}

@media (max-width: 991px) {
    .btn-way{
        font-size: 16px !important;
        letter-spacing: -0.304px;
    }
    .btn-way SVG {
        width: 22px !important;
    }
}

@media (max-width: 676px) {
    .btn-way{
        font-size: 10px !important;
        letter-spacing: -0.19px;
    }
    .btn-way SVG {
        width: 16px !important;
    }
}
/* personal advice  */
.personal-advice { }
        
.personal-advice .title {
    text-align: center;
    margin: 75px 0 70px 0;
}    

.personal-advice .title h2 {
    color: rgba(26, 26, 26, 0.70);
    font-size: 64px;
    font-weight: 700;
    line-height: 150%;
    margin-top: 176px;
    margin-bottom: 50px;
}

.personal-advice .title h2 span {
    color: #D3AF5E;
}

.personal-advice .btn-wrap {
    margin-top: 78px;
}

/* icon facts */
.facts { }    

.facts .item {
    padding: 0 80px;
    margin-bottom: 35px;
    margin-top: 35px;
} 
.facts .item svg {
    margin-bottom: 31px;
}
.facts .item h4 {
    margin-bottom: 12px;
font-size: 20px;
}
.facts .item p{
    color: rgba(26, 26, 26, 0.4);
    font-size: 16px;
    font-weight: 500;
}




@media (max-width:1200px)  {
    .facts .item {
        padding: 0 53px;
        margin-bottom: 35px;
        margin-top: 35px;
    } 
}



@media (max-width:425px) and (min-width:0px){
    .facts .item h4 {
        font-size: 18px;
    }
}

@media (max-width:991px) and (min-width:0px){
    .facts .item {
        padding: 0 40px;
    } 
}

/* carpet */
   .carpet-wrap .carpet  {
    display: flex;
    max-width: 1720px;;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
}

.carpet-wrap .carpet .item {
    width: 33%;
}

.carpet-wrap .carpet .item .carpet-image {
    border-radius: 15px;
    transition: all 0.4s ease-in-out !important;
    overflow: hidden;
}

.carpet-wrap .carpet .item.active .carpet-image{
    transform: scale(1.1);
}

.carpet-wrap .carpet .item.active .carpet-image {
    box-shadow: 16px 16px 48px 16px rgba(0, 0, 0, 0.20);
}

.carpet-wrap .carpet .item .carpet-content {
   padding-top: 51px;
}

.carpet-wrap .carpet .item .carpet-content h5 {
    color: #1E1E1E;
    font-family: Inter;
    font-size: 36px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.684px;
}

.carpet-wrap .carpet .item .carpet-content {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 9999s, opacity 0.1s linear;
    text-align: center  !important;
}

.carpet-wrap .carpet .item.active .carpet-content {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
    text-align: center !important;
}

.carpet-wrap .title {
    text-align: center;
}    
.carpet-wrap .title h2 {
    color: rgba(26, 26, 26, 0.70);
    font-size: 64px;
    font-weight: 700;
    line-height: 150%;
    margin-top: 172px;
    margin-bottom: 80px;
}

.carpet-wrap .title h2 span {
    color: #D3AF5E;
}

@media (max-width: 991px) {
    .carpet-wrap .carpet .item .carpet-content h5 {
        color: #9E9E9E;
        font-size: 14px;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -0.266px;
    }
    .carpet-wrap .carpet .item .carpet-content {
        padding-top: 40px;
    }
}



/* why tapijt */

.why-tapijt {
    background-color: #E7E7E7;
} 

.why-tapijt .img-wrap {
    background-image: url("../../image/back-2.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    min-height: 956px;
}
.why-tapijt .content .title h2 {
    color: rgba(26, 26, 26, 0.70);
    font-size: 96px;
    font-weight: 700;
    line-height: 150%;
    margin-top: 93px;
    margin-bottom: 50px;
}

.why-tapijt .content .title h2 span {
    color: #D3AF5E;
    line-height: 150%;
}

.why-tapijt .content {
    text-align: left;
}

.why-tapijt .content p {
    color: #1E1E1E;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; 
    letter-spacing: -0.608px;
    padding-right: 147px;
}

@media (max-width:1250px){
    .why-tapijt .content p {
        padding-right: 15px;
    }
}

@media (max-width:991px){
    .why-tapijt .content .title h2 {
        font-size: 40px;
        margin-bottom: 12px;
        margin-top: 32px;
    }
    .why-tapijt .img-wrap {
        min-height: 410px;
    }

    .why-tapijt .content {
        padding: 30px;
    }

    .why-tapijt .content p {
        font-size: 16px;
    }

    .why-tapijt .col-sm-12 {
        padding: 0 !important;
    }
}

@media (max-width:768px){
    .why-tapijt .content {
       text-align: center;
       padding-top: 0;
    }
}

/* logos seaction */
.logos-seaction {
    padding: 120px 0 90px 0;
}

.logos-seaction ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

@media (max-width:991px){
    .logos-seaction ul li svg {
        max-width: 80px;
    }
    .logos-seaction {
        padding:94px 0 78px 0;
    }
}
@media (max-width:991px){
    .container + .logos-seaction {
        max-width: 990px !important;
    }
}

@media (max-width:991px){
    .logos-seaction ul li svg {
        max-width: 40px;
    }
    .logos-seaction {
        padding:68px 0 64px 0;
    }
}

.gray{
    -webkit-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
    width: 120px;
    height: 100px;
}
.gray:hover{
    -webkit-filter: grayscale(0) !important;
    filter: grayscale(0) !important;
}
@media (max-width:480px){
    .gray{
        width: 72px;
        height: 80px;
    }
}

/* about us section  */
.about-us-section {
    padding-top: 118px;
}

.about-us-section .content {
    text-align: left;
}

.about-us-section .content h2 {
    color: rgba(26, 26, 26, 0.70);
    font-family: Fraunces;
    font-size: 96px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.about-us-section .content h2 span {
    font-size: 80px;
    font-weight: 700;
    color: #D3AF5E;
}

.about-us-section .content p {
    color: #000;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 48px */
    text-transform: capitalize;
}

.video-wrap {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    border-radius: 20px;
    min-height: 600px;
}
.video-wrap iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    min-height: 637px;
}

/* breadcrumb */
.breadcrumb {
    padding: 51px 0 50px 0 !important;
    margin: 0 !important;
}

.breadcrumb-item {
    font-family: Inter;
    font-size: 24px;
    font-weight: 400;
    line-height: 150%;
    text-transform: capitalize;
}

.breadcrumb-item a {
    color: #1a1a1a80;
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #1a1a1acc;
    font-weight: 600;
    text-decoration-line: underline;
}

/* search form */
.search-form {
    padding-bottom: 40px;
    position: relative !important;
}

.search-form input[type=text] {
    width: 100%;
    font-size: 16px;
    background-position: 60px 15px;
    padding: 18px 30px 18px 80px ;
    border-radius: 30px;
    background-color: #E6E6E6;
    box-sizing: border-box;
    border: none;
}

.search-form button {
    position: absolute;
    top: -1px;
    margin-left: 20px;
    width: 3.5rem;
    height: 3.4rem;
    background: none;
    border: none;
    outline: none;
}

/* ---------------- products page ---------------- */

/* top filters */
.products-page .top-filters {
    border-radius: 10px;
    background: #E6E6E6;
    padding: 22px 62px;
    margin-bottom: 90px;
}

.products-page .top-filters .top-filters-wrap .top-filters-btn.mob-filters {
    opacity: 0;
    visibility: hidden;
    float: right;
}

.products-page .top-filters .top-filters-wrap .top-filters-btn {              
    padding: 10px 20px;
    background: #F5F4F4;
    border: none;
    margin-bottom: 8px;
}

.products-page .top-filters h6 {               
    color: rgba(26, 26, 26, 0.80);
    font-size: 20px;
    font-weight: 400;
    line-height: 150%; 
    margin-bottom: 18px;
}

.products-page .top-filters .top-filters-wrap .relevant-count {
    display: flex;
    align-items: center;
    justify-content: end;
}

@media (min-width: 1200px) { 

    .products-page .top-filters .top-filters-wrap .relevant-count {
        justify-content: space-between;
    }
    
}


.products-page .top-filters .top-filters-wrap .relevant-count .result-count {
    margin-right: 30px;
}

.products-page .top-filters .top-filters-wrap .relevant-count .relevant-dropdown {
    width: 175px;
}

.products-page .top-filters .top-filters-wrap .relevant-count .relevant-dropdown select {
    padding: 10px 20px !important;
    border: 4px solid rgba(234, 195, 106, 0.30) !important;
    /* background: #F5F4F4; */
}

.sidebar-header-top {
    overflow: 0;
    visibility: hidden;
    display: none;
}

.sidebar-header-top .wrap {
    background: #E6E6E6;
    padding: 15px;
    border-radius: 0 0 10px 10px;
}












/* rugs filter */
.products-page .rugs-types .rugs-wrap  {
    list-style: none;
    padding: 0;
   }

.products-page .rugs-types .rugs-wrap .item  {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    margin-bottom: 20px;
}

.products-page .rugs-types .rugs-wrap .item .img-wrap {
    
    margin-left: 20px;
    margin-right: 10px;
}
.products-page .rugs-types .rugs-wrap .item .img-wrap svg {
    width: 144px;
    opacity: 0.4;
}

.products-page .rugs-types .rugs-wrap .item .img-wrap.active svg {
    opacity: 1;
}

.products-page .rugs-types .rugs-wrap .item .img-wrap svg .active-color {
    fill: #84BDA2;
}


.products-page .rugs-types .rugs-wrap .item .img-wrap.active svg .active-color {
fill: #409B71;
}

.products-page .rugs-types .rugs-wrap .item label {
    color: rgba(26, 26, 26, 0.80);
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    line-height: 180%;
}

.products-page .rugs-types .rugs-wrap .item label span {
    color: rgba(26, 26, 26, 0.50);
    font-weight: 400;
}

/* sidebar acordion */

.sidebar-acordion {}
.sidebar-acordion .accordion .accordion-item {
    border: 0 !important;
}
.sidebar-acordion .accordion .accordion-item .accordion-header {
    border: 0 !important;
}
.sidebar-acordion .accordion .accordion-body {
    background: #F5F4F4;
    padding: 0;
    padding-top: 30px;

}
.sidebar-acordion .accordion .accordion-header button {
    color: rgba(26, 26, 26, 0.70);
    font-size: 18px;
    font-weight: 600;
    background: #F5F4F4;
    border-color: rgba(26, 26, 26, 0.20) !important;
    box-shadow: none;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-radius: 0;
}
.sidebar-acordion .accordion-button:not(.collapsed) {
    background: #fff;
    border: 0;
    box-shadow: 0;
}

/* sidebar header */
.sidebar-header { }

.selected-filter,
.reset-filters{
    padding: 10px 20px;
    background: #409B71 !important;
    border: none;
    margin-bottom: 40px;
}

.sidebar-header h1 { 
    color: rgba(26, 26, 26, 0.80);
    font-size: 32px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 40px;
}

/* choose your color */
.choose-your-color {}

.choose-your-color .form-check {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}
.choose-your-color .form-check label {
    font-size: 18px;
    margin-left: 15px;
    min-width: 140px;
}
@media (min-width: 1400px) { 
    .choose-your-color .form-check label {
        min-width: 200px;
    }
}
/* carpet shape */
.carpet-shape {}
.carpet-shape .form-check {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}
.carpet-shape .form-check label {
    font-size: 18px;
    margin-left: 15px;
    width: 150px;
}

/* range slider */
.range-slider-wrap h5 {
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 20px;
}

/* range slide */
.horizontal-range {
    position: relative;
    margin-bottom: 105px;
} 

input[type="range"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    outline: none;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    background-color: transparent;
    pointer-events: none;
}

.slider-track{
    width: 100%;
    height: 5px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    border-radius: 5px;
}

input[type="range"]::-webkit-slider-runnable-track{
    -webkit-appearance: none;
    height: 5px;
}

input[type="range"]::-moz-range-track{
    -moz-appearance: none;
    height: 5px;
}

input[type="range"]::-ms-track{
    appearance: none;
    height: 5px;
}

input[type="range"]::-webkit-slider-thumb{
    -webkit-appearance: none;
    height: 1.7em;
    width: 1.7em;
    background-color: #128551;
    cursor: pointer;
    margin-top: -9px;
    pointer-events: auto;
    border-radius: 50%;
}

input[type="range"]::-moz-range-thumb{
    -webkit-appearance: none;
    height: 1.7em;
    width: 1.7em;
    cursor: pointer;
    border-radius: 50%;
    background-color: #128551;
    pointer-events: auto;
}

input[type="range"]::-ms-thumb{
    appearance: none;
    height: 1.7em;
    width: 1.7em;
    cursor: pointer;
    border-radius: 50%;
    background-color: #128551;
    pointer-events: auto;
}

input[type="range"]:active::-webkit-slider-thumb{
    background-color: #ffffff;
    border: 3px solid #128551;
}

.horizontal-range .values {
    width: 100%;
    margin: auto;
    padding: 10px 0;
    border-radius: 5px;
    font-weight: 500;
    font-size: 18px;
    color: #000;
    position: absolute;
    top: 9px;
    display: flex;
    justify-content: space-between;
}

.horizontal-range .values #range3,
.horizontal-range .values #range4,
.horizontal-range .values #range2,
.horizontal-range .values #range1 {
    border-radius: 10px;
    background: #D9D9D9;
    padding: 6px 12px;
}

.horizontal-range .values #range4:after,
.horizontal-range .values #range3:after,
.horizontal-range .values #range2:after,
.horizontal-range .values #range1:after {
    content: "cm";
    display: block;
    display: inline-flex;
}

.slider-track {
    background: #128551 !important;
}

.vertical-range-wrap {
    margin-left: -60px;                                            
}

.vertical-range-wrap .vertical-range {
    rotate: 90deg;
    min-width: 271px;
    top: 224px;
    margin-bottom: 0;
    margin-left: -17%;
}

.vertical-range .values #range2, .vertical-range .values #range1 {
    rotate: -90deg;
}

.vertical-range .values {
    top: 30px;
}

.vertical-range .values #range2 {
    margin-right: -17px
}

.vertical-range .values #range1 {
    margin-left: -10px;
}


.vertical-range-outer {
    display: flex;
    height: 446px;
    padding-bottom: 30px;
}

.vertical-range-outer img {
    width: 60%;
    display: block;
    height: 75%;
    margin-top: 50px;
}

/* by origin  */
.by-origin .accordion-item .form-check { 
    display: flex;
} 
.by-origin .accordion-item .form-check label { 
    color: rgba(26, 26, 26, 0.80);
    font-size: 18px;
    font-weight: 400;
    line-height: 150%; 
    margin-left: 15px;
}

/* products */

.produts-wrap .tittle-area {
    border-bottom: 1px solid rgba(26, 26, 26, 0.10);
    margin-bottom: 72px;
}

.produts-wrap .tittle-area .tittle {
    margin-bottom: 33px;
}

.produts-wrap  .tittle-area.tittle h1 {
    color: rgba(26, 26, 26, 0.80);
    font-size: 48px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 33px;
 }
.produts-wrap .tittle-area .tittle p { 
    color: rgba(26, 26, 26, 0.80);
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
}

.produts-wrap .tittle-area .add-wrap {
    width: 100%;
    height: 195px;
    border-radius: 10px;
    background: rgba(211, 175, 94, 0.30);
    margin-bottom: 33px;
}
.produts-wrap .tittle-area .add-wrap .content{
    padding: 33px 0;
}

.produts-wrap {
    padding-left: 88px;
}

.produts-wrap .item {
    position: relative;
    overflow: hidden;
    margin-bottom: 47px;
}

.produts-wrap .item .new-sale-tags {
    position: absolute;
    height: 45px;
    left: 0;
}    

.produts-wrap .item .add-to-fav {
    position: absolute;
    height: 45px;
    right: 15px;
    background: #F5F4F4;
    height: 40px;
    width: 40px;
    top: 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.produts-wrap .item .img-wrap {
}

.produts-wrap .item .img-wrap img {
    width: 100%;
}

.produts-wrap .item .detail {
    text-align: center;
    margin-top: 17px;
}

.produts-wrap .item .detail a {
    color: rgba(26, 26, 26, 0.80);
    font-size: 24px;
    font-weight: 600;
    line-height: 180%;
    display: block;
    text-decoration: none;
}

.produts-wrap .item .detail span {
    color: rgba(26, 26, 26, 0.80);
    font-size: 24px;
    font-weight: 400;
    line-height: 180%;
}

/* pagination */
.pagination {
    justify-content: center;
}
 .page-item .page-link  {
    width: 50px;
    height: 50px;
    border: 2px solid rgba(26, 26, 26, 0.80);
    border-radius: 50% !important;
    margin: 4px;
    display: flex;
    align-items: center;
    justify-content: center;

    color: rgba(26, 26, 26, 0.80);
    font-size: 24px;
    font-weight: 600;
    line-height: 150%; 
 }

 .page-item.active .page-link {
    border-color: #005C32;
    background-color:  #005C32;
    color: #fff;
 }

 /* seo-content */
.seo-content {
    margin-top: 200px;
}
.seo-content .content-wrap {
    margin-bottom: 74px;
}
.seo-content .content-wrap h3{
    color: rgba(26, 26, 26, 0.40);
    font-size: 24px;
    font-weight: 700;
    line-height: 150%;
}

.seo-content .content-wrap p {
    color: rgba(26, 26, 26, 0.40);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

@media (max-width: 991px) { 
    .products-page .top-filters {
        padding: 15px 0;
        background: transparent;
        margin-bottom: 33px;
    }

    .products-page .btn-wrap {
        border-radius: 0 ;
        background: #E6E6E6;
        padding: 15px 15px 39px 15px;
    }

    .products-page .top-filters h6 {
        background: #E6E6E6;
        margin-bottom: 0 !important;
        padding: 18px;
        border-radius: 10px 10px 0 0;
    }
    .products-page .top-filters .top-filters-wrap .relevant-count {
        justify-content: space-between !important;
        margin-top: 20px;
    }

    .products-page .top-filters .top-filters-wrap .top-filters-btn.mob-filters {
        opacity: 1;
        visibility: visible;        
        border-radius: 100px;
        border: 4px solid #D9D9D9 !important;
    }

    .products-page .top-filters .top-filters-wrap .top-filters-btn.mob-filters svg {
        width: 14px;
    }

    .products-page .top-filters .top-filters-wrap .top-filters-btn {
        font-size: 12px;
    }

    .sidebar-header-top {
        overflow: 1;
        visibility: visible;
        display: block;
    }
    .sidebar-header-top h1{
        color: rgba(26, 26, 26, 0.80);
        font-size: 14px;
        font-weight: 500;
        line-height: 150%; 
    }

    .clear-filters {
        float: right;
        border-radius: 100px;
        border: 4px solid #D9D9D9 !important;
        background: rgba(234, 195, 106, 0.30) !important;

    }

    .produts-wrap {
        padding-left: 0 !important;
    }

    .sidebar-header {
        display: none;
    }

    .sidebar-acordion {
        display: none;
    }
        
.breadcrumb {
    padding: 53px 0 23px 0 !important;
}
.breadcrumb-item {
    font-size: 18px;
}
.search-form {
    padding-bottom: 8px;
}

}


@media (max-width: 768px) { 

    .products-page .btn-wrap {
        text-align: center;
    }
    .products-page .top-filters .top-filters-wrap .top-filters-btn.mob-filters {
        float: none;
    }
}