D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home
/
dateitor
/
www
/
resources
/
assets
/
scss
/
whatsappp_store
/
Filename :
beauty-products.css
back
Copy
.category-section .category-item{border:1px solid #999;background-color:#fff;border-radius:15px;padding:14px 30px;display:flex;align-items:center;gap:20px;height:100%}@media(max-width: 991px){.category-section .category-item{padding:10px 20px;gap:16px}}.category-section .category-item .category-img{width:50px;height:50px;min-width:50px}@media(max-width: 991px){.category-section .category-item .category-img{width:40px;height:40px;min-width:40px}}.category-section .category-item h3{word-break:break-all}.product-section{margin-bottom:190px}@media(max-width: 575px){.product-section{margin-bottom:50px}}.product-section .product-card{border-radius:20px;overflow:hidden}.product-section .product-card .product-img{width:100%}.product-section .product-card .product-img img{aspect-ratio:1.21}.product-section .product-card .product-details{background-color:#fff;padding:15px 10px;border:1px solid #000;border-radius:0 0 20px 20px;border-top:0}@font-face{font-family:"Montserrat";font-style:normal;font-weight:400;src:url("/assets/fonts/Montserrat-Regular.ttf") format("truetype");font-display:swap}@font-face{font-family:"Montserrat";font-style:normal;font-weight:500;src:url("/assets/fonts/Montserrat-Medium.ttf") format("truetype");font-display:swap}@font-face{font-family:"Montserrat";font-style:normal;font-weight:600;src:url("/assets/fonts/Montserrat-SemiBold.ttf") format("truetype");font-display:swap}@font-face{font-family:"Montserrat";font-style:normal;font-weight:700;src:url("/assets/fonts/Montserrat-Bold.ttf") format("truetype");font-display:swap}.text-gray-200{color:#999 !important}body{font-family:"Montserrat";font-weight:400 !important;-webkit-font-smoothing:antialiased}.btn{border-radius:10px;font-weight:600;padding:8px 12px;font-size:14px;transition:all .3s ease-in-out}.btn:focus{box-shadow:none !important;outline:none !important}.btn-primary{color:#fff;background-color:#c29c77;border:1px solid #c29c77}.btn-primary:hover,.btn-primary:focus,.btn-primary.active{color:#c29c77;background-color:#fff;border:1px solid #c29c77}.section-heading{margin-bottom:30px}@media(max-width: 575px){.section-heading{margin-bottom:20px}}.section-heading h2{font-size:32px;font-weight:600}@media(max-width: 991px){.section-heading h2{font-size:28px}}@media(max-width: 575px){.section-heading h2{font-size:24px}}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}@media(max-width: 575px){.mb-30{margin-bottom:20px}}.mb-40{margin-bottom:40px}@media(max-width: 575px){.mb-40{margin-bottom:30px}}.px-50{padding-left:50px;padding-right:50px}@media(max-width: 991px){.px-50{padding-left:30px;padding-right:30px}}@media(max-width: 575px){.px-50{padding-left:15px;padding-right:15px}}.pt-30{padding-top:30px}.ps-45{padding-left:45px !important}.fw-5{font-weight:500}.fw-6{font-weight:600}.fw-7{font-weight:700}.fs-14{font-size:14px}@media(max-width: 575px){.fs-14{font-size:13px}}.fs-15{font-size:15px}@media(max-width: 575px){.fs-15{font-size:13px}}.fs-16{font-size:16px}@media(max-width: 575px){.fs-16{font-size:14px}}.fs-18{font-size:18px}@media(max-width: 575px){.fs-18{font-size:16px}}.fs-20{font-size:20px}@media(max-width: 991px){.fs-20{font-size:18px}}@media(max-width: 575px){.fs-20{font-size:16px}}.fs-24{font-size:24px}@media(max-width: 991px){.fs-24{font-size:18px}}@media(max-width: 575px){.fs-24{font-size:16px}}.fs-28{font-size:28px}@media(max-width: 991px){.fs-28{font-size:24px}}@media(max-width: 575px){.fs-28{font-size:20px}}.fs-30{font-size:30px}@media(max-width: 991px){.fs-30{font-size:28px}}@media(max-width: 575px){.fs-30{font-size:24px}}a{text-decoration:none}.main-content{max-width:1300px;min-height:100vh;background-color:#faf8f4;position:relative}.main-content .bg-vector{position:absolute;z-index:0}.main-content .bg-vector.bg-vector-1{top:0;left:0}.main-content .bg-vector.bg-vector-2{top:38%;left:0}.main-content .bg-vector.bg-vector-3{top:41%;right:0}.main-content .bg-vector.bg-vector-4{top:60%;left:0}.main-content .bg-vector.bg-vector-5{top:87%;left:0}.main-content .bg-vector.bg-vector-6{top:85%;right:0}.object-fit-cover{-o-object-fit:cover;object-fit:cover}.view-more-btn{width:-moz-fit-content;width:fit-content;background-color:rgba(194,156,119,.2);color:#000;box-shadow:inset 0 4px 4px 0 rgba(0,0,0,.25);padding:5px;border-radius:30px}.view-more-btn .text{padding:10px 20px;background-color:#fff;color:#000;border-radius:30px;font-size:14px;display:flex;box-shadow:0 2px 2px 0 rgba(0,0,0,.25)}.view-more-btn:hover{background-color:#c29c77;color:#fff}.view-more-btn:hover .text{color:#c29c77}.slick-dots li{width:8px;height:8px;padding:0}.slick-dots li button{width:8px;height:8px;padding:0;border-radius:8px;background-color:#999}.slick-dots li button:before{display:none}.slick-dots li.slick-active{width:24px;height:8px}.slick-dots li.slick-active button{width:24px;height:8px;background-color:#c29c77}.slick-arrow{width:40px;min-width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid #c29c77;background-color:#fff;color:#c29c77;position:absolute;top:-70px}@media(max-width: 991px){.slick-arrow{width:36px;min-width:36px;height:36px;top:-66px}}.slick-arrow svg{fill:#c29c77}.slick-arrow:hover,.slick-arrow:focus,.slick-arrow.active{background-color:#c29c77;color:#fff}.slick-arrow:hover svg,.slick-arrow:focus svg,.slick-arrow.active svg{fill:#fff}.slick-arrow.prev-arrow{left:auto;right:66px}@media(max-width: 991px){.slick-arrow.prev-arrow{right:60px}}.slick-arrow.next-arrow{right:10px}.navbar{padding-top:15px;padding-bottom:15px}.navbar .navbar-brand{width:50px;min-width:50px;height:50px;border-radius:10px;overflow:hidden}@media(max-width: 575px){.navbar .navbar-brand{width:40px;min-width:40px;height:40px}}.navbar .language-dropdown .dropdown-item{padding:4px 10px;display:flex;align-items:center;gap:8px;font-weight:500;font-size:14px}.navbar .language-dropdown .dropdown-item:hover{background-color:#c29c77;color:#fff}.navbar .language-dropdown .dropdown-item .flag{width:20px;height:20px;min-width:20px;border-radius:4px}.navbar .language-dropdown .flag{width:26px;height:26px;min-width:26px;border-radius:5px}@media(max-width: 991px){.navbar .language-dropdown .flag{width:20px;height:20px;min-width:20px}}.navbar .language-dropdown .dropdown-btn{border:none;background-color:rgba(0,0,0,0);font-weight:500;font-size:16px;padding:0 26px 0 0;display:flex;align-items:center;gap:8px}@media(max-width: 991px){.navbar .language-dropdown .dropdown-btn{font-size:14px;gap:6px;padding:0 22px 0 0}}.navbar .language-dropdown .dropdown-arrow{position:absolute;right:4px;top:0;bottom:0;margin:auto;pointer-events:none}@media(max-width: 991px){.navbar .language-dropdown .dropdown-arrow{width:10px}}.navbar .language-dropdown .dropdown-menu{right:0;left:auto;min-width:84px}.navbar .add-to-cart-btn{width:50px;height:50px;min-width:50px;border-radius:10px;background-color:rgba(41,41,41,.0705882353);border:none}.navbar .add-to-cart-btn svg{fill:#292929}@media(max-width: 991px){.navbar .add-to-cart-btn{width:40px;min-width:40px;height:40px}.navbar .add-to-cart-btn svg{width:22px}}@media(max-width: 360px){.navbar .add-to-cart-btn{width:35px;min-width:35px;height:35px}.navbar .add-to-cart-btn svg{width:21px}}footer{padding:13px 30px;background-color:#c29c77;color:#fff}.item-details-section .item-details-card{background-color:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.2509803922);padding:25px 20px}@media(max-width: 575px){.item-details-section .item-details-card{padding:15px}}.item-details-section .item-details-card .details-img{aspect-ratio:1}.item-details-section .item-details-card .slider-nav{margin-left:-10px;margin-right:-8px}.item-details-section .item-details-card .thumbnail-img{aspect-ratio:1;cursor:pointer;margin:0 10px}@media(max-width: 360px){.item-details-section .item-details-card .thumbnail-img{margin:0 6px}}.recommended-product-section{margin-bottom:285px}@media(max-width: 575px){.recommended-product-section{margin-bottom:50px}}.recommended-product-section .product-slider{margin-left:-10px;margin-right:-10px}.recommended-product-section .product-slider .slick-slide{padding:0 10px}.recommended-product-section .product-slider .slick-slide .product-card{border-radius:20px;overflow:hidden;padding:10px;background-color:rgba(153,153,153,.1019607843)}.recommended-product-section .product-slider .slick-slide .product-card .product-img{width:100%;border-radius:5px;overflow:hidden;border:1px solid #e6e6ec}.recommended-product-section .product-slider .slick-slide .product-card .product-img img{aspect-ratio:1.63}.recommended-product-section .product-slider .slick-slide .product-card .product-details{padding-top:10px}.items-section{margin-bottom:285px}@media(max-width: 575px){.items-section{margin-bottom:50px}}.items-section .items-tabs{padding:20px 12px;border-radius:10px;background-color:rgba(153,153,153,.1019607843)}.items-section .items-tabs .form-control{border-radius:6px;background-color:#fff;border:1px solid #a5a4b1;font-size:14px;font-weight:600;color:#999;line-height:normal;padding:10px 15px}.items-section .items-tabs .form-control::-moz-placeholder{color:#999}.items-section .items-tabs .form-control::placeholder{color:#999}.items-section .items-tabs .form-control:focus{box-shadow:none;outline:none}.items-section .items-tabs .apply-btn{border-radius:6px}.items-section .items-tabs .heading-text{position:relative}.items-section .items-tabs .heading-text h3{font-size:26px;font-weight:700}@media(max-width: 991px){.items-section .items-tabs .heading-text h3{font-size:22px}}@media(max-width: 575px){.items-section .items-tabs .heading-text h3{font-size:20px}}.items-section .items-tabs .heading-text::after{position:absolute;content:"";width:50px;height:1px;bottom:-5px;left:0;border:1px solid #000;border-radius:2px}.items-section .items-tabs .form-check-input{box-shadow:none !important;cursor:pointer}.items-section .items-tabs .form-check-input:focus{border-color:#c29c77}.items-section .items-tabs .form-check-input:checked{background-color:#c29c77;border-color:#c29c77}.items-section .items-tabs .category-item{border:none;background-color:rgba(0,0,0,0);box-shadow:none !important;border-top:1px solid rgba(153,153,153,.4) !important}.items-section .items-tabs .category-item:last-of-type{border-bottom:1px solid rgba(153,153,153,.4) !important}.items-section .items-tabs .category-item .category-button{padding:10px 20px 10px 0px;font-size:16px;font-weight:500;color:#000;display:flex;border:none !important;align-items:center;gap:20px;background-color:rgba(0,0,0,0);box-shadow:none !important}.items-section .items-tabs .category-item .category-button:focus{box-shadow:none !important;outline:none !important}.items-section .items-tabs .category-item .category-button .category-category-img{width:25px;height:25px}.items-section .item-card{border-radius:20px;overflow:hidden;padding:10px;background-color:rgba(153,153,153,.1019607843)}.items-section .item-card .item-img{width:100%;border-radius:5px;overflow:hidden;border:1px solid #e6e6ec}.items-section .item-card .item-img img{aspect-ratio:1.63}.items-section .item-card .item-details{padding-top:10px}.items-section .form-control{background-color:rgba(153,153,153,.1019607843);border:1px solid #999;border-radius:10px;color:#999;font-size:16px;line-height:1;font-weight:600;padding:12px 20px}.items-section .form-control::-moz-placeholder{color:#999}.items-section .form-control::placeholder{color:#999}.items-section .form-control:focus{box-shadow:none}.items-section .search-icon{position:absolute;top:10px;left:10px;margin:auto}.items-section .page-item .page-link{border:none;background-color:rgba(0,0,0,0);color:#000;width:45px;height:45px;min-width:45px;border-radius:10px;padding:0;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:600;box-shadow:none !important}@media(max-width: 991px){.items-section .page-item .page-link{font-size:16px;width:40px;height:40px;min-width:40px}}@media(max-width: 575px){.items-section .page-item .page-link{font-size:14px;width:36px;height:36px;min-width:36px}}.items-section .page-item .page-link.prev{margin-right:50px}@media(max-width: 575px){.items-section .page-item .page-link.prev{margin-right:10px}}.items-section .page-item .page-link.prev:hover{background-color:rgba(0,0,0,0);color:#000}.items-section .page-item .page-link.next{margin-left:50px}@media(max-width: 575px){.items-section .page-item .page-link.next{margin-left:10px}}.items-section .page-item .page-link.next:hover{background-color:rgba(0,0,0,0);color:#000}.items-section .page-item .page-link:hover,.items-section .page-item .page-link.active{color:#fff;background-color:#c29c77}.items-section .page-item.disabled .page-link{color:#999}.serach-dropdown{background-color:rgba(153,153,153,.1019607843);border:1px solid #999;border-radius:10px;color:#999;font-size:16px;line-height:1;font-weight:600;padding:12px 20px}.serach-dropdown:after{position:absolute;content:"";right:20px;top:0;bottom:0;margin:auto;background-image:url("/assets/img/whatsapp_stores/beauty_products/accordion-arrow.png");width:10px;background-repeat:no-repeat;background-position:center}.category-button{transition:.3s all ease-in-out}.category-button:hover{color:#c29c77 !important}.modal .modal-dialog{max-width:996px}.modal .modal-dialog .modal-content{padding:20px;border-radius:15px;border:none;box-shadow:0 2px 10px rgba(0,0,0,.2509803922);margin:12px}@media(max-width: 575px){.modal .modal-dialog .modal-content{margin:0}}.modal .modal-dialog .modal-content .modal-body table{white-space:nowrap}.modal .modal-dialog .modal-content .modal-body table td,.modal .modal-dialog .modal-content .modal-body table th{vertical-align:middle;padding:10px}.modal .modal-dialog .modal-content .modal-body table td:first-of-type,.modal .modal-dialog .modal-content .modal-body table th:first-of-type{padding-left:0}.modal .modal-dialog .modal-content .modal-body table tbody td:last-of-type{padding-right:20px;width:100px}.modal .modal-dialog .modal-content .modal-body table tfoot{position:relative}.modal .modal-dialog .modal-content .modal-body table tfoot::after{position:absolute;content:"";top:0;right:0;width:85px;height:1px;border-top:1px solid #999}.modal .modal-dialog .modal-content .modal-body table .product-img{width:60px;height:60px;min-width:60px;border-radius:10px;overflow:hidden}@media(max-width: 575px){.modal .modal-dialog .modal-content .modal-body table .product-img{width:40px;height:40px;min-width:40px}}.modal .modal-dialog .modal-content .modal-body table .minus-btn,.modal .modal-dialog .modal-content .modal-body table .plus-btn,.modal .modal-dialog .modal-content .modal-body table .count-btn{width:30px;height:30px;min-width:30px;border-radius:10px;background-color:#e5e3e4;display:flex;align-items:center;justify-content:center;font-size:14px}.modal-backdrop{background-color:#fff;opacity:.9}.active-category{color:#c29c77 !important}.product-description{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}