1#@!#!123s

: / home / dateitor / public_html / public / assets / css / whatsappp_store /
Filename : beauty-products.css
back
.category-section .category-item{align-items:center;background-color:#fff;border:1px solid #999;border-radius:15px;display:flex;gap:20px;height:100%;padding:14px 30px}@media (max-width:991px){.category-section .category-item{gap:16px;padding:10px 20px}}.category-section .category-item .category-img{height:50px;min-width:50px;width:50px}@media (max-width:991px){.category-section .category-item .category-img{height:40px;min-width:40px;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;border:1px solid #000;border-radius:0 0 20px 20px;border-top:0;padding:15px 10px}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:url(/assets/fonts/Montserrat-Regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:url(/assets/fonts/Montserrat-Medium.ttf) format("truetype")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:url(/assets/fonts/Montserrat-SemiBold.ttf) format("truetype")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:url(/assets/fonts/Montserrat-Bold.ttf) format("truetype")}.text-gray-200{color:#999!important}body{-webkit-font-smoothing:antialiased;font-family:Montserrat;font-weight:400!important}.btn{border-radius:10px;font-size:14px;font-weight:600;padding:8px 12px;transition:all .3s ease-in-out}.btn:focus{box-shadow:none!important;outline:none!important}.btn-primary{background-color:#c29c77;border:1px solid #c29c77;color:#fff}.btn-primary.active,.btn-primary:focus,.btn-primary:hover{background-color:#fff;border:1px solid #c29c77;color:#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{background-color:#faf8f4;max-width:1300px;min-height:100vh;position:relative}.main-content .bg-vector{position:absolute;z-index:0}.main-content .bg-vector.bg-vector-1{left:0;top:0}.main-content .bg-vector.bg-vector-2{left:0;top:38%}.main-content .bg-vector.bg-vector-3{right:0;top:41%}.main-content .bg-vector.bg-vector-4{left:0;top:60%}.main-content .bg-vector.bg-vector-5{left:0;top:87%}.main-content .bg-vector.bg-vector-6{right:0;top:85%}.object-fit-cover{-o-object-fit:cover;object-fit:cover}.view-more-btn{background-color:#c29c7733;border-radius:30px;box-shadow:inset 0 4px 4px 0 rgba(0,0,0,.25);color:#000;padding:5px;width:-moz-fit-content;width:fit-content}.view-more-btn .text{background-color:#fff;border-radius:30px;box-shadow:0 2px 2px 0 rgba(0,0,0,.25);color:#000;display:flex;font-size:14px;padding:10px 20px}.view-more-btn:hover{background-color:#c29c77;color:#fff}.view-more-btn:hover .text{color:#c29c77}.slick-dots li,.slick-dots li button{height:8px;padding:0;width:8px}.slick-dots li button{background-color:#999;border-radius:8px}.slick-dots li button:before{display:none}.slick-dots li.slick-active{height:8px;width:24px}.slick-dots li.slick-active button{background-color:#c29c77;height:8px;width:24px}.slick-arrow{align-items:center;background-color:#fff;border:1px solid #c29c77;border-radius:50%;color:#c29c77;display:flex;height:40px;justify-content:center;min-width:40px;position:absolute;top:-70px;width:40px}@media (max-width:991px){.slick-arrow{height:36px;min-width:36px;top:-66px;width:36px}}.slick-arrow svg{fill:#c29c77}.slick-arrow.active,.slick-arrow:focus,.slick-arrow:hover{background-color:#c29c77;color:#fff}.slick-arrow.active svg,.slick-arrow:focus svg,.slick-arrow:hover 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-bottom:15px;padding-top:15px}.navbar .navbar-brand{border-radius:10px;height:50px;min-width:50px;overflow:hidden;width:50px}@media (max-width:575px){.navbar .navbar-brand{height:40px;min-width:40px;width:40px}}.navbar .language-dropdown .dropdown-item{align-items:center;display:flex;font-size:14px;font-weight:500;gap:8px;padding:4px 10px}.navbar .language-dropdown .dropdown-item:hover{background-color:#c29c77!important;color:#fff!important}.navbar .language-dropdown .dropdown-item .flag{border-radius:4px;height:20px;min-width:20px;width:20px}.navbar .language-dropdown .flag{border-radius:5px;height:26px;min-width:26px;width:26px}@media (max-width:991px){.navbar .language-dropdown .flag{height:20px;min-width:20px;width:20px}}.navbar .language-dropdown .dropdown-btn{align-items:center;background-color:transparent;border:none;display:flex;font-size:16px;font-weight:500;gap:8px;padding:0 26px 0 0}@media (max-width:991px){.navbar .language-dropdown .dropdown-btn{font-size:14px;gap:6px;padding:0 22px 0 0}}.navbar .language-dropdown .dropdown-arrow{bottom:0;margin:auto;pointer-events:none;position:absolute;right:4px;top:0}@media (max-width:991px){.navbar .language-dropdown .dropdown-arrow{width:10px}}.navbar .language-dropdown .dropdown-menu{left:auto;min-width:84px;right:0}.navbar .add-to-cart-btn{background-color:#29292912;border:none;border-radius:10px;height:50px;min-width:50px;width:50px}.navbar .add-to-cart-btn svg{fill:#292929}@media (max-width:991px){.navbar .add-to-cart-btn{height:40px;min-width:40px;width:40px}.navbar .add-to-cart-btn svg{width:22px}}@media (max-width:360px){.navbar .add-to-cart-btn{height:35px;min-width:35px;width:35px}.navbar .add-to-cart-btn svg{width:21px}}footer{background-color:#c29c77;color:#fff;padding:13px 30px}.item-details-section .item-details-card{background-color:#fff;box-shadow:0 2px 10px 0 #00000040;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{background-color:#9999991a;border-radius:20px;overflow:hidden;padding:10px}.recommended-product-section .product-slider .slick-slide .product-card .product-img{border:1px solid #e6e6ec;border-radius:5px;overflow:hidden;width:100%}.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{background-color:#9999991a;border-radius:10px;padding:20px 12px}.items-section .items-tabs .form-control{background-color:#fff;border:1px solid #a5a4b1;border-radius:6px;color:#999;font-size:14px;font-weight:600;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{border:1px solid #000;border-radius:2px;bottom:-5px;content:"";height:1px;left:0;position:absolute;width:50px}.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{background-color:transparent;border:none;border-top:1px solid #9996!important;box-shadow:none!important}.items-section .items-tabs .category-item:last-of-type{border-bottom:1px solid #9996!important}.items-section .items-tabs .category-item .category-button{align-items:center;background-color:transparent;border:none!important;box-shadow:none!important;color:#000;display:flex;font-size:16px;font-weight:500;gap:20px;padding:10px 20px 10px 0}.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{height:25px;min-width:25px;width:25px}.items-section .item-card{background-color:#9999991a;border-radius:20px;overflow:hidden;padding:10px}.items-section .item-card .item-img{border:1px solid #e6e6ec;border-radius:5px;overflow:hidden;width:100%}.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:#9999991a;border:1px solid #999;border-radius:10px;color:#999;font-size:16px;font-weight:600;line-height:1;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{left:10px;margin:auto;position:absolute;top:10px}.items-section .pagination{gap:20px}.items-section .page-item .page-link{align-items:center;background-color:transparent;border:none;border-radius:10px;box-shadow:none!important;color:#000;display:flex;font-size:18px;font-weight:600;height:45px;justify-content:center;min-width:45px;padding:0;width:45px}@media (max-width:991px){.items-section .page-item .page-link{font-size:16px;height:40px;min-width:40px;width:40px}}@media (max-width:575px){.items-section .page-item .page-link{border:none!important;font-size:14px;height:auto;min-width:auto;width:auto}}.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:transparent;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:transparent;color:#000}.items-section .page-item .page-link.active,.items-section .page-item .page-link:hover{background-color:#c29c77;color:#fff}.items-section .page-item.disabled .page-link{color:#999}.serach-dropdown{background-color:#9999991a;border:1px solid #999;border-radius:10px;color:#999;font-size:16px;font-weight:600;line-height:1;padding:12px 20px}.serach-dropdown:after{background-image:url(/assets/img/whatsapp_stores/beauty_products/accordion-arrow.png);background-position:50%;background-repeat:no-repeat;bottom:0;content:"";margin:auto;position:absolute;right:20px;top:0;width:10px}.category-button{transition:all .3s ease-in-out}.category-button:hover{color:#c29c77!important}.modal .modal-dialog{max-width:1000px;padding:12px}.modal .modal-dialog .modal-content{border:none;border-radius:15px;box-shadow:0 2px 10px #00000040;padding:20px}@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{padding:10px;vertical-align:middle}.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 tr #grandTotal{position:relative}.modal .modal-dialog .modal-content .modal-body table tfoot tr #grandTotal:after{border-top:1px solid #999;content:"";height:1px;position:absolute;right:0;top:0;width:85px}.modal .modal-dialog .modal-content .modal-body table .product-img{height:60px;min-width:60px;overflow:hidden;width:60px}@media (max-width:575px){.modal .modal-dialog .modal-content .modal-body table .product-img{height:40px;min-width:40px;width:40px}}.modal .modal-dialog .modal-content .modal-body table .count-btn,.modal .modal-dialog .modal-content .modal-body table .minus-btn,.modal .modal-dialog .modal-content .modal-body table .plus-btn{align-items:center;background-color:#e5e3e4;border-radius:10px;display:flex;font-size:14px;height:30px;justify-content:center;min-width:30px;width:30px}.modal-backdrop{background-color:#fff;opacity:.9}.active-category{color:#c29c77!important}.pagination{gap:20px}.addToCartBtn{height:42px;width:160px}.btn-primary.disabled,.btn-primary:disabled,.page-item.active .page-link{background-color:#c29c77!important;border-color:#c29c77!important}.page-item.active .page-link{color:#fff!important}.dropdown-item.active,.dropdown-item:active,.dropdown-item:hover{background-color:#c29c77!important;color:#fff!important}