:root {
    --black: #151A1A;
    --white: #ffffff;
    --green: #093d4e;
    --gray: #575757;
    --gray2: #ececec;
    --gray3: #c0c0c0;
    --gray4: #848484;
    --pink: #ef476f;
    --light-gray: #bfbfbf;
    --main: #fff5e4;
}

@font-face {
    font-family: montserrat;
    font-style: normal;
    font-weight: normal;
    src: url(fonts/Montserrat-Regular.woff2);
    font-display: swap;
}
a{
    text-decoration: unset;
    color: unset;
}


body {
    font-family: montserrat, FontAwesome;
background-color: white;

}
.mon{
    font-family: montserrat, FontAwesome;
}


.blue{
    color: var(--green) !important;
}

.btn-danger:hover,.btn-danger:active,.btn-danger:focus,.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: var(--green) !important;
    border-color: var(--green) !important;
}




/*scroll*/
::-webkit-scrollbar {
    width: 4px;

}

/* Track */
::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--main);
    border-radius: 40px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--main);
    /*border-radius: 3px;*/
}

.bg-green {
    background: var(--green);
}

.pink {
    color: var(--pink);
}

.hidden {
    display: none;
}

a img, a, a:active, a:focus {
    outline: none !important;
}
.navbar-nav .active .nav-link{
    border-bottom: 1px solid black;
}
.nav-link{
    padding: 0;
}
.nav-item{
    padding: 10px 0;
}

.b-list {
    display: none;
    left: 0;
    width: 100vw;
    padding: 0 5%;
    box-shadow: 0 0 10px #d4d4d487;
    max-height: 80vh;
    overflow: scroll;
}
.brr-1{
    border-right: 1px solid #00000029;
}
.b-list:hover {
    display: block;
}

.b-list-open:hover ~ .b-list {
    display: block;
}
.blb-1{
    border-left: 2px solid gray;
}
*:focus {
    outline: 0 !important;
    box-shadow: 0 0 0 0rem #fff, /* use site bg color to create whitespace for faux focus ring */ 0 0 0 .0rem #069 !important; /* faux focus ring color */
}

.hv-50 {
    height: 50vh;
    overflow-y: scroll;
}

a:hover, a:active {
    text-decoration: unset;
}

.w-24 {
    width: 24px;
}

.w-22 {
    width: 22px;
}

.w-40 {
    width: 60px;
}

.cw-100{
 width: 100%;
}
.cw-50{
    width: 50%;
}
.cw-25{
    width: 25%;
}
.w-110 {
    width: 110%;
}

.fs-10 {
    font-size: 10px !important;
}

.fs-12 {
    font-size: 12px;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-24 {
    font-size: 24px;
}

.fs-30 {
    font-size: 30px;
}

.lh-26 {
    line-height: 26px;
}

.lh-20 {
    line-height: 20px;
}

.line-through {
    text-decoration: line-through;
    text-decoration-color: red;
}

.green {
    color: #4FCD5C !important;
}

.red {
    color: #FF4B4B !important;
}

.orange {
    color: #F45A02 !important;
}

.main {
    color: var(--main);
}

.bg-brown {
    background-color: #eadccc;
}

.container-fluid {
    width: 95% !important;
}

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

.gray {
    color: var(--gray);
}

.gray2 {
    color: var(--gray2);
}

.gray3 {
    color: var(--gray3);
}

.gray4 {
    color: var(--gray4);
}

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

.footer-social {
    width: 1.4vw;
    height: 1.4vw;
    background-color: white;
    border-radius: 50%;
}

#nw-ft-whatsapp2 {
    float: right;
    width: 100px;
    position: fixed;
    bottom: 18px;
    z-index: 10;
    right: 0;
}

.footer-social:hover {
    background-color: var(--main);
}

.black {
    color: black;
}

.bg-black {
    background-color: black;
}


.br-10 {
    border-radius: 10px;
}

.br-20 {
    border-radius: 20px;
}

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

.b-t-g3 {
    border-top: 1px solid var(--gray3);
}

.hide {
    display: none;
}

.bg-gray-select, .bg-gray-select:focus.bg-gray-select:active, .bg-gray-select option {
    background-color: #e2e2e2;
}

.select2-selection__placeholder {
    font-family: FontAwesome, Graphik;
}

.bolder {
    font-weight: 900;
}


.cursor {
    cursor: pointer;
}


.fs-130 {
    font-size: 130px;
}

.fs-110 {
    font-size: 110px;
}

.fs-100 {
    font-size: 100px;
}

.fs-80 {
    font-size: 80px;
}

.fs-70 {
    font-size: 70px;
}

.fs-50 {
    font-size: 50px;
}

.fs-40 {
    font-size: 40px;
}

.fs-30 {
    font-size: 30px;
}

.fs-24 {
    font-size: 24px;
}

.fs-20 {
    font-size: 20px;
}

.fs-18 {
    font-size: 18px;
}

.fsvw-8 {
    font-size: 1vw;
}

.fsvw-1 {
    font-size: 1vw;
}.fsvw-1-2 {
    font-size: 1.2vw;
}

.fsvw-1-4 {
    font-size: 1.4vw;
}

.fsvw-2 {
    font-size: 2vw;
}

.fsvw-3 {
    font-size: 3vw;
}

.fsvw-3-4 {
    font-size: 3.4vw;
}

.fsvw-4 {
    font-size: 4vw;
}

.fsvw-5-1 {
    font-size: 5.1vw;
}

.bold {
    font-weight: bold;
}

.bbg-1 {
    border-bottom: 1px solid #e2e2e2;
}

.w-20 {
    width: 20px;
}

.wvw-1-2 {
    width: 1.2vw;
}

.wvw-8 {
    width: 8vw;
}


.two-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 34px;
}
 
 .two-line-h3 {
        height: 61px;
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    }

.iti__country-list {
    color: black !important;
}

.iti__selected-dial-code {
    display: none;
}

.upper-case {
    text-transform: uppercase;
}

/*nav*/

.nav-link{
    color: black;
}
.nav-link:hover{
    color: gray;
}
.nav {
    position: fixed;
    width: 100%;
    z-index: 3;
    transition: all 0.5s;
}

.wmax-200 {
    max-width: 150px;
}

.w-9vw {
    width: 9vw;
}

.w-30 {
    width: 30%;
}






.navbar {
    width: 100%;
    z-index: 4;
    box-shadow: 0 0 6px 0 #c0c0c0;
    margin-top: 5px;
    background-color: white;
}

.navbar-nav {
    width: 100%;
    justify-content: center;
}



.p-t {
    padding-top: 100px;
}

/*intro*/
.intro-slider {
    height: calc(100vh - 90px);
    width: 100%;
    background-position: center;
    background-size: cover;
}

.intro-desc b,.pbg-1{
    background-image: url("../img/p1.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 20px 40px 30px 0;
}.dbg-1{
    background-image: url("../img/p1.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 20px 40px 30px 10px;
}
.carousel-inner .carousel-item:nth-child(2) .intro-desc b,.pbg-2{
    background-image: url("../img/p2.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 20px 40px 30px 20px;
}
.pbgw-1{
    background-image: url("../img/w1.webp");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 28px 40px 30px 10px;
}
.pbgw-2{
    background-image: url("../img/w2.webp");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 28px 40px 30px 10px;
}.pbgw-3{
    background-image: url("../img/w3.webp");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 28px 40px 30px 10px;
}.pbgw-4{
    background-image: url("../img/w4.webp");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 28px 40px 30px 10px;
}
.carousel-inner .carousel-item:nth-child(3) .intro-desc b,.pbg-3{
    background-image: url("../img/p3.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 20px 40px 30px 0;
}.carousel-inner .carousel-item:nth-child(4) .intro-desc b,.pbg-4{
    background-image: url("../img/p4.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 20px 40px 30px 0;
}
 .pbg-5{
     background-image: url("../img/p3.webp");
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
     padding: 20px 40px 30px 0;
 }
/*.carousel-inner .carousel-item:nth-child(5) .intro-desc b{*/
/*    background-image: url("../img/p5.svg");*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    padding: 20px 40px 30px 0;*/
/*}*/

/*home*/
.bg-g{
    background-color: #ced4da;
}
.bg-1{
    background-image: url("../img/bg1.webp");
    background-size: cover;
}.bg-2{
    background-image: url("../img/d.webp");
    background-size: cover;
}
.none{
    display: none;
}

.main-title:before {
    content: '';
    width: 30px;
    height: 1px;
    background-color: white;
    display: inline-block;
    position: relative;
    top: -5px;
}
.carousel-inner p{
    margin: 0;
}

.slick-prev {
    left: -40px;
}

.slick-next{
    right: -40px;
}


.btn-dark{
    background-color: black;
    border: black;
}
.carousel-indicators li{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 3px solid white;
    outline: 1px solid white;

}.carousel-indicators .active{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 3px solid transparent;
    outline: 1px solid white;

}


 .category-c{
     border-radius: 50%;
     transition: all ease-in-out 0.2s;
     background-color: #f3f3f3;
     overflow: hidden;
 }
 .category-c img{
     transition: all ease-in-out 0.2s;
 }
 .category-c:hover img{
     transform: scale(1.1);
 }

 .sub-cat{
     /*width: 200px;*/
     height: 200px;
     border-radius: 10px;
     overflow: hidden;
 }
 .sub-cat-div{
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.13);
 }

 .pointer{
     cursor: pointer;
 }

.colors-btn{
    background: transparent linear-gradient(92deg, #F99BED 0%, #D87136 100%) 0% 0% no-repeat padding-box;
    border: unset;
}
 .contact-form .form-control{
     /*background-color: #e9e9e9;*/
 }
 .video-bg{
     background-image: url("../img/video.webp");
     background-size: cover;
     background-repeat: no-repeat;
 } .footer-bg{
     background-image: url("../img/footer.webp");
     background-size: cover;
     background-repeat: no-repeat;
 } .contact-bg{
     background-image: url("../img/contact-bg.webp");
     background-size: cover;
     background-repeat: no-repeat;
 }
/*product details*/

.product-card{
    box-shadow: #00000029 0px 3px 6px;
    padding: 10px;
}
.br-50{
    border-radius: 50px;
}
.br-5{
    border-radius: 5px;
}
.badge-success {
    color: #43a994;
    background-color: #dcf5f0;
}
.max-60{
    height: 44px;
    padding: 7px;
    color: red;
}
.max-112{
    height:112px;
}

.parsley-required {
    /*color: white;*/
    font-size: 12px;
}

/*blog*/
.blog-card{
    box-shadow: #00000029 0px 3px 6px;
    background: #F7F7F7;
    border-radius: 5px;
    overflow: hidden;
}
/*filter*/
.brbg-1{
    border-bottom: 1px solid lightgray;
}
.brand{
    border: 1px solid rgba(255, 255, 255, 0);
}
.colors,.subs,.option,.brand{
    border: 1px solid #cacaca;
    border-radius: 5px;
}
.brand-active{
    border-radius: 10px;
    border: 1px solid red;
    font-weight: bold;
}
.subs-active,.colors-active,.option-active{
    border-radius: 50px;
    border: 1px solid red;
    font-weight: bold;
}
/*footer*/
.underline-footer{
    background: #ffffff;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 35%, rgb(56 56 56) 35%);
    width: 80%;
    height: 1px;
}
.iti {
    width: 100%;
}
/**{*/
/*    border: 1px solid red;*/
/*}*/
.scrollup {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    opacity: 1;
    position: fixed;
    bottom: 91px;
    right: 50px;
    display: none;
    text-indent: -9999px;

    background: var(--black) url('../img/scroll-top-arrow.png') no-repeat 15px 16px;
    z-index: 99;
}

.cw-75{
    width: 75%;
}
.footer-divider {
    width: 100%;
    height: 2px;
    background-color: var(--gray2);
}

.frbg {
    border-right: 1px solid #232323;
}

.brightness {
    background-color: rgba(0, 0, 0, 0.41);
}

/*news*/
.page-cover {
    height: 50vh;
    background-size: cover;
    background-position: center;
}

/*about*/
.btg-1 {
    border-top: 1px solid var(--gray4);
}

.btbb-1 {
    /*border-top: 1px solid var(--gray4);*/
    border-bottom: 1px solid var(--gray4);
}
.bg-contain{

    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
}

.video {
    width: 100%;
    height: 100vh;
}

.h-a .h-h{
    display: none;
}
.bg-cover-section{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 300px;
}
.bg-cover{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.position-fixed{
    z-index: 99;
}
.img-magnifier-container {
    position:relative;
}

#instafeed-container img{
    width: 33.33%;
    padding: 5px;
}

.insta-slider .slick-slide img{
    width: 100%!important;
}
/*.img-magnifier-glass {*/
/*    position: absolute;*/
/*    border: 3px solid #000;*/
/*    border-radius: 50%;*/
/*    cursor: none;*/
/*    !*Set the size of the magnifier glass:*!*/
/*    width: 100px;*/
/*    height: 100px;*/
/*    display: none;*/
/*}*/
/*.img-magnifier-container:hover{*/
/*    cursor: none;*/
/*}*/
/*.img-magnifier-container:hover .img-magnifier-glass{*/
/*    display: block;*/

/*}*/

/*Color*/
.input-border-wrap {
    border-radius: 50px;
    position: relative;
    background: linear-gradient(90deg,rgba(127, 175, 206, 1) 0%, rgba(169, 179, 172, 1) 28%, rgba(199, 166, 159, 1) 49%, rgba(176, 195, 175, 1) 74%, rgba(247, 64, 104, 1) 100%);
    padding: 1.5px;
}
.search-i{
    position: absolute;
    right: 20px;
    top: 22px;
    font-size: 18px;
    color: #747485;
}
.search-div{
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.58);
    display: flex;
    z-index: 2;
}
.product-result{
    background-color: white;
}
.hidden2{
    display: none!important;
}
.result-item{
    text-align: start;
    padding: 20px;
    border: 1px solid gray;
}
.slick-prev:before, .slick-next:before{
    color: black;
}
.color-result{
    position: absolute;
    z-index: 33;
    background: white;
    width: 100%;
    left: 0;
    right: 0;
}
.input-border {
    border-radius: 50px;
    color: black;
    padding: 18px;
    width: 100%;
    border: unset;
    outline: unset;
    /* height: 100%; */
    background: white;
}

.min-image:hover{
    cursor: pointer;
}
.active-image{
    border: 2px solid var(--pink);
}
.pt-93{
    padding-top: 100px;
}
.bb-2{
    border-bottom:2px solid black;
}

@media (max-width: 1600px) {


    .footer-social {
        height: 25px;
        width: 25px;
    }

}

@media (min-width: 1200px) {
    .container {
        width: 85%;
        max-width: unset;
    }
}

@media (max-width: 1200px) {
    .intro-slider {
        height: calc(50vh - 90px);
    }
    .underline-title:after, .underline-contact2:before {
        margin-top: 40px;
    }

    .two-line {
        height: 35px;
    }
    .fsvw-2{
        font-size: 22px;
    }
}

@media (min-width: 992px) {
.product-title{
    min-height: 5vw;
}
    .w-lg-100 {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .fsvw-8, .nav-link {
        font-size: 14px;
    }
    .pt-93{
        padding-top: 85px;
    }

    .fsvw-1 {
        font-size: 14px !important;
    }

    .fsvw-1-2 {
        font-size: 16px;
    }

    .fsvw-1-2 p {
        font-size: 16px;
    }

    .fsvw-1-4 {
        font-size: 20px;
    }

    .fsvw-5-1 {
        font-size: 28px;
    }

    .fsvw-2 {
        font-size: 26px;
    }

    .fsvw-4 {
        font-size: 60px;
    }

    .fsvw-3 {
        font-size: 28px;
    }

    .fsvw-3-4 {
        font-size: 30px;
    }
    .cw-25{
        width: 50%;
    }

    .two-line {
        height: 43px;
    }
   
    .navbar-collapse {
        position: absolute;
        width: 100%;
        background: white;
        top: 26px;
        z-index: 3;
        left: 0;
        padding: 40px;
        text-align: center;
    }
}

@media (max-width: 900px) {
    .video {
        width: auto;
        height: 50vh;
    }
    .carousel-indicators{
        display: none;
    }

    .w-50-100 {
        width: 100%;
    }

    .w-50-0 {
        width: 0;
    }
}

@media (min-width: 768px) {
    .scrollup {
        bottom: 90px;
    }


}

@media (max-width: 767px) {
.cw-75{
    width: 100%;
}
    .dropdown-sub-side-menu2 {
        position: unset;
    }

    .wmd-50 {
        width: 100%;
    }

}

@media (max-width: 700px) {
    .r-e{
        right: 25px;
    }
    .w-24 {
        width: 20px;
    }
    .fsvw-1-4{
        font-size: 16px;
    }
    .slick-prev:before, .slick-next:before {
        font-size: 20px;
        color: #ffffff75;
    }

    .slick-dots li button:before {
        color: white;
        font-size: 8px;
    }

    .slick-dots {
        right: unset;
    }
}

@media (max-width: 400px) {

    /*.wmax-200 {*/
    /*    width: 100px;*/
    /*}*/

    .w-24 {
        width: 15px;
    }

    .fsvw-8 {
        font-size: 14px !important;
    }
}