* {

    padding: 0;

    margin: 0;

    box-sizing: border-box;

    font-family: "Quicksand", sans-serif;

}



body,

html {

    width: 100%;

   /* height: 100%;*/

}



body {

    overflow-x: hidden;

}



ul {

    padding-left: 0;

    margin-bottom: 0;

    list-style-type: none;

}



a {

    text-decoration: none;

    color: #e34f4d;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: "Rowdies", sans-serif;

    font-weight: 700;

}



.btn {

    background-color: #fd85b2;

    color: #ffffff;

    padding: 14px 32px;

    font-size: 18px;

    font-weight: 600;

    line-height: 24px;

    letter-spacing: 0.5px;

    text-transform: capitalize;

    border-radius: 7px;

    transition: all ease-in-out 0.2s;

}



.btn:hover {

    background-color: #f387a1;

    color: #ffffff;

}



.btn2 {

    background-color: #fff;

    color: #39a0a7;

    padding: 14px clamp(1.875rem, 1.75rem + 0.625vw, 2.5rem);

    font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);

    font-weight: 600;

    line-height: 24px;

    letter-spacing: 0.5px;

    text-transform: capitalize;

    border-radius: 20px;

    transition: all ease-in-out 0.2s;

}



.btn2:hover {

    background-color: #5a3956;

    color: #fff;

}



.container-fluid {

    padding: 0 110px;

}



header {

    /* position: absolute; */

    top: 0;

    left: 0;

    width: 100%;

    background-color: #ffecf0;

    z-index: 9;

    position: relative;

}



header .container-fluid {

    padding: 0 60px;

}



header .row {

    align-items: center;

    padding: 15px 0;

    margin-top: 0;

}



header p {

    margin-bottom: 0;

    color: #fff;

    font-weight: 700;

}



header p a {

    color: #fff;

}



header .logo img {

    width: 150px;

}



header .nav ul li {

    display: inline-block;

    margin: 0 48px 0 0;

}



header .nav ul li a {

    color: #fd85b2;

    transition: all ease 0.2s;

    font-weight: 600;

    font-size: 16px;

}



header .nav ul li a:hover {

    color: #5a3956;

}



header .header-btn {

    display: flex;

    align-items: center;

    justify-content: end;

    gap: 10px;

}



header .header-btn img {

    width: 30px;

}



header .header-bottom {

    /* background-color: #ffffff; */

    border-radius: 8px;

    padding: 0px 40px 0px;

}



.banner {

    position: relative;

    padding: 330px 0 250px;

}



.mobile-header {

    display: none;

}



.banner {

    position: relative;

    width: 100%;

    height: 100vh;

}



.banner::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #00000045;

    pointer-events: none;

}



.banner video {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    object-fit: cover;

    z-index: 2;

}



.about {

    background-color: #ffecf0;

    padding: 120px 0;

    position: relative;

    overflow: hidden;

}



.about .row {

    align-items: start;

    position: relative;

    z-index: 2;

}



.about .image img {

    width: 100%;

    object-fit: cover;

    border-radius: 30px;

}



.about .content {

    padding-left: 40px;

}



.about .content h1 {

    color: #000000;

    font-size: 55px;

}



.about .content .btn {

    /* background-color: #e34f4d; */

    margin-top: 20px;

}



.about .content .btn:hover {

    background-color: #fd85b2;

}



.about .content .item {

    margin-top: 60px;

}



.about .content .item h3 {

    font-size: 22px;

    margin-top: 20px;

}



.about .bg-1 {

    position: absolute;

    top: -40%;

    left: 0;

    width: 100%;

    z-index: 0;

}



.about .bg-2 {

    position: absolute;

    bottom: -10%;

    left: 0;

    width: 100%;

    z-index: 0;

    transform: rotate(180deg);

}



.cat-sec {

    background-color: #e34f4d;

    padding: 60px 0;

    position: relative;

}



.cat-sec .title h1 {

    color: #fff;

}



.cat-sec .item {

    margin-top: 60px;

}



.cat-sec .item {

    text-align: center;

    position: relative;

}



.cat-sec .item img {

    width: 100%;

    position: relative;

    z-index: 2;

}



.cat-sec .item h3 {

    color: #fff;

    font-size: 23px;

}



.cat-sec .item span {

    color: #fff;

}



.cat-sec .item .round {

    position: absolute;

    top: 40%;

    left: 50%;

    transform: translate(-50%, -50%);

    height: 226px;

    width: 226px;

    background-color: #ffecf0;

    animation: border-r 5s linear infinite forwards;

    z-index: 0;

}



@keyframes border-r {

    0% {

        border-radius: 40% 60% 70% 30% / 40% 40% 60% 50%;

    }



    34% {

        border-radius: 70% 30% 50% 50% / 30% 30% 70% 70%;

    }



    67% {

        border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;

    }



    100% {

        border-radius: 40% 60% 70% 30% / 40% 40% 60% 50%;

    }

}



.cat-sec .item::before {

    content: "";

    position: absolute;

    display: inline-block;

    width: 2px;

    height: 75%;

    border-right: 2px dashed #fff;

    right: 0;

    top: 0;

    bottom: 0;

    margin: auto 0;

}



.cat-sec .row .col-lg-3 {

    width: 20%;

}



.cat-sec .row .col-lg-3:last-child .item::before {

    content: none;

}



.cat-sec .bg1 {

    position: absolute;

    top: -10%;

    left: 0;

    z-index: 1;

    pointer-events: none;

}



.cat-sec .bg2 {

    position: absolute;

    bottom: -10%;

    left: 0;

    z-index: 1;

    pointer-events: none;

}



.cat-sec .container-fluid {

    position: relative;

    z-index: 2;

}



.products {

    padding: 50px 0 70px;

    background-color: #ffecf0;

}



.products .title h1 {

    color: #000000;

    font-size: 40px;

    line-height: 1;

}



.products .title {

    margin-bottom: 30px;

}



.products .item {

    text-align: center;

    /* margin-bottom: 60px; */

}



.products .item:hover img {

    border: 5px solid #f387a1;

}



.products .item img {

    width: 100%;

    height: auto;

    object-fit: cover;

    border-radius: 20em;

    margin-bottom: 30px;

    border: 5px solid #efdbdf;

    transition: all ease 0.5s;

}



.products .item h3 {

    color: #f387a1;

    margin-bottom: 30px;

    height: 67px;

}



.products .item .item-btn {

    display: flex;

    justify-content: center;

    gap: 1px;

}



.products .item .item-btn .price-btn {

    color: #fff;

    background-color: #e34f4d;

    padding: 16px 20px;

    border-radius: 40px 0 0 40px;

    font-size: 18px;

    font-weight: 600;

}



.products .item .item-btn .p-btn {

    color: #000000;

    background-color: #fd85b2;

    padding: 14px 40px;

    border-radius: 7px;

    font-size: 18px;

    font-weight: 500;

    transition: all ease 0.2s;

    color: #fff;

}



.products .item .item-btn .p-btn:hover {

    background-color: #f387a1;

    color: #fff;

}



.testimonials {

    background-color: #f387a1;

    padding: 10px 0 20px 0;

    position: relative;

}



.testimonials .content {

    padding-left: 150px;

}



.testimonials .content h1 {

    color: #000000;

    font-size: 44px;

    line-height: 60px;

    margin-bottom: 20px;

}



.testimonials .content p {

    color: #fff;

}



.testimonials .testi {

    margin-right: 8px;

    padding: 0px 20px 30px;

    text-align: center;

    position: relative;

    border: 2px dashed #fff;

    min-height: 283px;

}



.testimonials .testi .testi-img {

    margin-top: -60px;

}



.testimonials .testi .testi-img img {

    border-radius: 100%;

    padding: 0;

    width: auto;

    margin: 0 auto;

}



.testimonials .testi img {

    padding-top: 30px;

    width: auto;

    margin: 0 auto;

}



.testimonials .testi .stars {

    margin: 10px 0;

}



.testimonials .testi .stars i {

    color: #ffc30a;

}



.testimonials .testi h3 {

    color: #fff;

    font-size: 25px;

}



.testimonials .testi p {

    color: #fff;

}



.testimonials .owl-carousel .owl-stage-outer {

    padding: 70px 0 0;

}



.testimonials .row {

    align-items: center;

    position: relative;

    z-index: 99;

}



.testimonials .col-lg-7 .row.owl-carousel {

    --bs-gutter-x: 0;

    --bs-gutter-y: 0;

    margin: 0;

}



.testimonials .img-bg {

    position: absolute;

    top: -10%;

    left: 0;

    pointer-events: none;

    width: 100%;

    z-index: 1;

}



.testimonials .img-bg2 {

    position: absolute;

    bottom: -10%;

    left: 0;

    width: 100%;

    z-index: 1;

    pointer-events: none;

}



.testimonials .bg-1 {

    position: absolute;

    bottom: -40%;

    right: 0;

    width: 200px;

}



.sec-form {

    padding: 100px 0 110px;

    background: #ffecf0;

}



.sec-form .container-fluid {

    padding: 0 100px;

}



.sec-form .row {

    align-items: start;

}



.sec-form .image img {

    width: 100%;

    border-radius: 30px;

}



.sec-form .form h1 {

    color: #000;

    font-size: 40px;

    margin-bottom: 20px;

}



.sec-form form input,

.sec-form form textarea {

    background-color: transparent;

    border: none;

    width: 100%;

    border-bottom: 1px solid #0000002d;

    padding: 15px;

    margin-bottom: 20px;

}



.sec-form form .btn {

    background-color: #f387a1;

    width: auto;

    padding: 14px clamp(1.875rem, 1.75rem + 0.625vw, 2.5rem);

}



footer {

    position: relative;

    background-color: #ffecf0;

    padding: 60px 0 0;

}



footer .container-fluid {

    padding: 0 100px;

    position: relative;

    z-index: 2;

}



footer .logo img {

    width: 160px;

    margin-bottom: 15px;

}



footer .logo p {

    color: #f387a1;

    width: 70%;

    margin-bottom: 16px;

}



footer .social {

    padding: 0;

}



footer .social li {

    display: inline-block;

    margin: 0 15px 0 0;

}



footer .social li a {

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #000;

    background-color: #f387a1;

    border-radius: 100%;

    transition: all ease 0.2s;

}



footer .social li a:hover {

    background-color: #000;

    color: #fff;

}



footer .footer-links h3 {

    margin-bottom: 30px;

    color: #f387a1;

}



footer .footer-links ul li {

    color: #fff;

    margin: 0 0 7px 0;

}



footer .footer-links ul li i {

    margin-right: 8px;

}



footer .footer-links ul li a {

    color: #f387a1;

    transition: all ease 0.2s;

    display: flex;

    align-items: baseline;

}



footer .footer-links ul li a:hover {

    color: #f387a1;

}



footer .footer-links ul li a:hover i {

    color: #fff;

}



footer .footer-links ul li a i {

    margin-right: 8px;

}



footer .copyright {

    padding: 25px 0;

    border-top: 1px solid #ffffff45;

    margin-top: 30px;

}



footer .copyright p {

    margin-bottom: 0;

    color: #eb839c;

}



footer .copyright p a {

    color: #f387a1;

    font-weight: bold;

}



footer .row {

    align-items: baseline;

}



footer .img-bg {

    position: absolute;

    top: -6%;

    left: 0;

    width: 100%;

    pointer-events: none;

    z-index: 1;

}



/* inner-banner */



.breadcrumb-sec {

    background-color: #f387a1;

    position: relative;

    padding: 60px 0;

}



.breadcrumb-content {

    padding: 0;

    text-align: center;

    z-index: 2;

    position: relative;

}



.breadcrumb-content h1 {

    color: #fff;

}



.breadcrumb-item.active {

    color: #fff;

}



.breadcrumb-item + .breadcrumb-item::before {

    color: #fff;

}



.breadcrumb {

    justify-content: center;

    margin-bottom: 0;

}



.breadcrumb-item a {

    color: #fff;

}



/* contact-page */



.contact-1 {

    color: #000;

}



.contact-group {

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    padding: 50px;

    text-align: center;

    height: 200px;

}



.contact-group i {

    color: #fd85b2;

    font-size: 40px;

    margin-bottom: 20px;

}



.contact-group a {

    color: #000;

    display: block;

}



.form-page {

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

    padding: 20px;

}



.form-page button {

    width: 21%;

    padding: 14px 10px;

    background-color: #fd85b2;

    color: #fff;

    border: none;

    border-radius: 5px;

}



.form-page input,

textarea {

    width: 100%;

    margin: 0px 0 30px;

    background-color: #f5f1f0;

    padding: 5px 10px;

    border: 1px solid #e8e9e4;

    border-radius: 5px;

}



.form-page textarea {

    height: 200px;

}



.form-page h4 {

    color: #000;

    font-size: 50px;

    font-weight: 700;

}



.breadcrumb-sec .bg2 {

    position: absolute;

    bottom: -10%;

    left: 0;

    z-index: 1;

    pointer-events: none;

    width: 100%;

    display: none;

}



/* mubile header */



.mobile-header .nav a {

    color: #000;

}



.cart-sec {

    padding: 120px 0;

    background-color: #ffecf0;

}



.cart-sec .table .row.t-head {

    background-color: #e34f4d;

    --bs-gutter-x: 0;

    --bs-gutter-y: 0;

}



.cart-sec .table .row.t-body {

    --bs-gutter-x: 0;

    --bs-gutter-y: 0;

}



.cart-sec .table .row.t-head .col-lg-2,

.cart-sec .table .row.t-head .col-lg-8 {

    padding: 0;

    border: 1px solid #dadada;

}



.cart-sec .table .row.t-head h3 {

    margin: 0;

    color: #fff;

    font-weight: 100;

    font-size: 21px;

    text-align: center;

    padding: 10px 20px;

}



.cart-sec .table .row.t-body .col-lg-2,

.cart-sec .table .row.t-body .col-lg-8 {

    padding: 0;

    border: 1px solid #dadada;

}



.cart-sec .table .row.t-body .product-img {

    text-align: center;

}



.cart-sec .table .row.t-body .product-img img {

    width: 100px;

    height: 100px;

    border-radius: 12px;

    margin: 0 auto;

    object-fit: contain;

}



.cart-sec .table .row.t-body .product-name h3 {

    font-size: 20px;

    text-align: left;

    margin-bottom: 2px;

}



.cart-sec

    .table

    .row.t-body

    .item-count

    input[type="number"]::-webkit-inner-spin-button,

.cart-sec

    .table

    .row.t-body

    .item-count

    input[type="number"]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



.cart-sec .table .row.t-body .row .col-lg-2 {

    border: none;

}



.cart-sec .table .row.t-body .row {

    align-items: center;

    --bs-gutter-x: 0;

    --bs-gutter-y: 0;

    height: 100%;

}



.cart-sec .table .row.t-body .padding-0 {

    padding: 0;

}



.cart-sec .table .row.t-body .price {

    background: #e34f4d;

    color: #fff;

    width: fit-content;

    padding: 6px 7px;

    font-size: 14px;

    font-weight: 500;

    border-radius: 9px;

}



.cart-sec .table .row.t-body .item-area {

    display: flex;

    justify-content: center;

    flex-direction: column;

    align-items: center;

    height: 100%;

}



.cart-sec .table .row.t-body .item-count {

    display: flex;

    justify-content: center;

    align-items: center;

    border: 1px solid #dadada;

    width: 80%;

    margin-bottom: 10px;

}



.cart-sec .table .row.t-body .item-count input {

    width: 100%;

    text-align: center;

    padding: 3px 0px;

    border: none;

    background: transparent;

}



.cart-sec .table .row.t-body .item-count button {

    padding: 3px 11px;

    border: none;

    background: transparent;

}



.cart-sec .table .row.t-body .item-area .remove {

    color: #000;

    border-bottom: 1px solid #000;

}



.cart-sec .table .row.t-body .total {

    height: 100%;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

}



.cart-sec .table .row.t-body .total h3 {

    font-size: 18px;

    font-weight: 100;

}



.cart-sec .cart-total .total-title {

    background-color: #e34f4d;

    text-align: center;

    padding: 10px 20px;

}



.cart-sec .cart-total .total-title h3 {

    color: #fff;

    font-size: 21px;

    margin: 0;

    font-weight: 100;

}



.cart-sec .cart-total .total-area {

    text-align: center;

    padding: 20px 15px;

    border: 1px solid #dadada;

    display: flex;

    justify-content: space-between;

}



.cart-sec .cart-total .total-area h3 {

    color: #000;

    font-size: 18px;

    margin: 0;

    font-weight: 100;

}



.cart-sec .cart-total .btn {

    background-color: #e34f4d;

    width: 100%;

    margin: 10px 0;

}



.cart-sec .cart-total .btn:hover {

    background-color: #5a3956;

}



.checkout-sec {

    padding: 120px 0;

    background: #ffecf0;

}



.checkout-sec .contact-information {

    margin-bottom: 30px;

}



.checkout-sec .shipping-address {

    margin-bottom: 30px;

}



.checkout-sec .payment-option {

    margin-bottom: 30px;

}



.checkout-sec .title h3 {

    color: #f387a1;

    font-size: 25px;

    margin-bottom: 17px;

}



.checkout-sec .title p {

    padding-left: 28px;

}



.checkout-sec form .row .row {

    padding-left: 20px;

    margin: 0 !important;

}



.checkout-sec form input {

    width: 100%;

    padding: 14px clamp(1.25rem, 1.175rem + 0.375vw, 1.625rem);

    margin-bottom: 15px;

    border-radius: 15px;

    border: none;

    font-size: 16px;

}



.checkout-sec form textarea {

    width: 100%;

    padding: 14px clamp(1.25rem, 1.175rem + 0.375vw, 1.625rem);

    margin-bottom: 15px;

    border-radius: 15px;

    border: none;

    font-size: 16px;

    background-color: #fff;

}



.checkout-sec form .btn {

    background-color: #f387a1;

    float: right;

}



.checkout-sec form .btn:hover {

    background-color: #5a3956;

}



.checkout-sec .cart-total .total-title {

    background-color: #f387a1;

    text-align: center;

    padding: 10px 20px;

}



.checkout-sec .cart-total .total-title h3 {

    color: #fff;

    font-size: 21px;

    margin: 0;

    font-weight: 100;

}



.checkout-sec .cart-total .total-area {

    text-align: center;

    padding: 13px 15px;

    border: 1px solid #dadadabd;

    display: flex;

    justify-content: space-between;

}



.checkout-sec .cart-total .total-area h3 {

    color: #000;

    font-size: 18px;

    margin: 0;

    font-weight: 100;

}



.checkout-sec .cart-total .btn {

    background-color: #f387a1;

    width: 100%;

    margin: 10px 0;

}



.checkout-sec .cart-total .btn:hover {

    background-color: #5a3956;

}



.checkout-sec .cart-total .row .col-lg-2,

.checkout-sec .cart-total .row .col-lg-8 {

    padding: 0;

}



.checkout-sec .cart-total .summery {

    padding: 20px 10px;

    border: 1px solid #dadada;

}



.checkout-sec .cart-total .summery .image {

    padding: 10px;

    text-align: center;

    position: relative;

}



.checkout-sec .cart-total .summery .image sup {

    position: absolute;

    top: 0;

    right: 10px;

    width: 20px;

    height: 20px;

    background: #e34f4d;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    border-radius: 100%;

}



.checkout-sec .cart-total .summery img {

    width: 48px;

    height: 48px;

    object-fit: cover;

    margin: 0 auto;

}



.checkout-sec .cart-total .summery .content h3 {

    font-size: 20px;

}



.option-flex {

    display: flex;

    gap: 10px;

    flex-wrap: wrap;

}



.flex {

    display: flex;

    gap: 4px;

    margin-top: 12px;

}



.btn-dark,

.btn-dark:hover {

    background-color: #000;

    width: fit-content;

    font-size: 13px;

    font-weight: 200;

}



.cartButton {

    background-color: #e34f4d;

    border: 0px;

    border-radius: 7px;

}



.quanitity-box {

    display: inline-flex;

    gap: 0px;

}



.quantity-input {

    border: 0;

    width: 100px;

    padding: 5px 10px;

    border-top: 1px solid #e34f4d;

    border-left: 1px solid #e34f4d;

    border-bottom: 1px solid #e34f4d;

    border-right: none;

    font-size: 16px;

    text-align: center;

}



.personalized-notes .note {

    margin-top: 10px;

    border: 1px solid #e34f4d73;

}



.options .btn.active {

    background-color: #ff9900;

    /* orange color for selected */

    color: white;

    border-color: #ff9900;

}



.column {

    flex: 1;

}



.column img {

    object-fit: cover;

}



.sku-details {

    margin-top: 10px;

    display: flex;

    gap: 10px;

}



.heading-title {

    font-weight: 200;

    margin: 10px 0px;

}



button.remove-option {

    border: 0px;

    height: 14px;

    background: #c92d68;

    color: white;

    width: 14px;

    border-radius: 100%;

    font-size: 7px;

}



.checkout-sec img {

    height: 100%;

    width: 100%;

    object-fit: cover;

    border-radius: 6px;

}



.options .bg-dark {

    background-color: #fd85b2 !important;

    flex: 0 0 24%;

    color: #000;

    font-size: 10px;

}



.summary .row {

    margin-left: 0;

    margin-right: 0;

}



.summary {

    padding: 10px 0;

}



.summary h3 {

    font-size: 20px;

}



.summary .content {

    padding-left: 20px;

}



.summary .content p {

    margin: 0;

}



/* Fleet Detail Slider*/



.flickity-enabled {

    position: relative;

}



.flickity-enabled:focus {

    outline: none;

}



.flickity-viewport {

    overflow: hidden;

    position: relative;

    height: 100% !important;

}



.flickity-slider {

    position: absolute;

    width: 100%;

    height: 100%;

}



/* draggable */



.flickity-enabled.is-draggable.carousel-nav {

    height: 140px;

}



.flickity-enabled.is-draggable.carousel-nav .flickity-slider {

    left: 0 !important;

    transform: translateX(0);

}



.flickity-enabled.is-draggable {

    -webkit-tap-highlight-color: transparent;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    height: 460px;

}



.flickity-enabled.is-draggable .flickity-viewport {

    cursor: move;

    cursor: -webkit-grab;

    cursor: grab;

}



.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {

    cursor: -webkit-grabbing;

    cursor: grabbing;

}



/* ---- previous/next buttons ---- */



.flickity-prev-next-button {

    position: absolute;

    top: 50%;

    width: 44px;

    height: 44px;

    border: none;

    border-radius: 50%;

    background: white;

    background: hsla(0, 0%, 100%, 0.75);

    cursor: pointer;

    /* vertically center */

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.flickity-prev-next-button:hover {

    background: white;

}



.flickity-prev-next-button:focus {

    outline: none;

    box-shadow: 0 0 0 5px #09f;

}



.flickity-prev-next-button:active {

    opacity: 0.6;

}



.flickity-prev-next-button.previous {

    left: 10px;

    display: none;

}



.flickity-prev-next-button.next {

    right: 10px;

    display: none;

}



.flickity-prev-next-button:disabled {

    opacity: 0.3;

    cursor: auto;

    display: none;

}



.flickity-prev-next-button svg {

    position: absolute;

    left: 20%;

    top: 20%;

    width: 60%;

    height: 60%;

}



.flickity-prev-next-button .arrow {

    fill: #333;

}



.carousel-main {

    margin-bottom: 8px;

}



.carousel-cell {

    width: 100%;

    height: 100%;

    cursor: pointer;

    /* margin-right: 8px; */

    /* background: #8C8; */

    border-radius: 5px;

    /* counter-increment: carousel-cell; */

}



.carousel-nav .carousel-cell {

    height: 100%;

    width: 25.3%;

    padding: 0 10px 0 0;

}



/* Atelierbram edit */

.carousel-main img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 12px;

}



.carousel.carousel-nav .carousel-cell img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.note small {

    color: red;

}



.selected {

    background: #255125 !important;

    font-weight: bold !important;

    border: 0px !important;

}



.productPrice {

    margin-bottom: 10px;

    font-weight: 700;

}



.modal .btn {

    background-color: #fd85b2;

    border-color: #fd85b2;

}



.modal h1 {

    font-size: 25px;

}



.modal-dialog {

    max-width: 500px;

    margin: 13.75rem auto;

}



.product-page .cart-btn {

    display: flex;

    gap: 20px;

    margin-top: 20px;

}



.product-page .item-count {

    display: flex;

    justify-content: center;

    align-items: center;

    border: 1px solid #dadada;

    width: 60%;

    margin-bottom: 0;

    background: transparent;

    border-radius: 7px;

    border: 2px solid #e34f4d;

}



.product-page .item-count input {

    width: 100%;

    text-align: center;

    padding: 14px 0;

    border: none;

    background: transparent;

}



.product-page .item-count a {

    padding: 0 16px;

    border: none;

    background: transparent;

    color: #e34f4d;

    font-size: 18px;

    cursor: pointer;

}



.product-page .item-count input[type="number"]::-webkit-inner-spin-button,

.product-page .item-count input[type="number"]::-webkit-outer-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



.product-page .cart-btn .btn {

    background-color: #e34f4d;

    border: 2px solid transparent;

}



.product-page .cart-btn .btn:hover {

    background-color: #5a3956;

}



ul#tabs-nav {

    justify-content: center;

    display: flex;

    margin-bottom: 40px;

    gap: 16px;

    flex-wrap: wrap;

}



ul#tabs-nav li {

    font-weight: bold;

    margin-right: 2px;

    padding: 17px 80px;

    border-radius: 7px;

    cursor: pointer;

    background-color: #fd85b2;

}



ul#tabs-nav li:hover,

ul#tabs-nav li.active {

    background-color: #e34f4d;

}



#tabs-nav li a {

    text-decoration: none;

    color: #fff;

}



.prod-breadcrumb .breadcrumb-content {

    padding: 18px 0 4px;

    text-align: left;

}



.prod-breadcrumb .breadcrumb {

    justify-content: start;

}



.prod-breadcrumb .col-md-12 {

    padding-left: 2px;

}



.tooltip {

    position: relative;

    display: inline-block;

    border-bottom: 1px dotted black;

}



/* Tooltip text */

.tooltip .tooltiptext {

    visibility: hidden;

    width: 120px;

    background-color: black;

    color: #fff;

    text-align: center;

    padding: 5px 0;

    border-radius: 6px;

    position: absolute;

    z-index: 1;

}



.tooltip:hover .tooltiptext {

    visibility: visible;

}



.options.flex.flex-wrap {

    margin-top: 2px;

}



.col-lg-2.heightfull {

    display: flex;

    justify-content: center;

    align-items: center;

}



@media only screen and (max-width: 1440px) {

    .cart-sec .container-fluid {

        padding: 0 15px;

    }



    .d-flex.gap-1.align-items-center.mb-2 {

        font-size: 9px !important;

    }



    .summary .content {

        padding-left: 12px;

    }

}



@media only screen and (max-width: 500px) {

    ul#tabs-nav li {

        flex: 0 0 47%;

        padding: 17px 0px;

        text-align: center;

    }



    .prod-breadcrumb .breadcrumb-content {

        padding: 20px 10px 4px;

    }



    ul#tabs-nav {

        justify-content: start;

    }



    header .logo img {

        width: 100px;

    }



    .prod-breadcrumb li {

        font-size: 12px;

    }



    .product-page .cart-btn .btn {

        flex: 0 0 50%;

        font-size: 15px;

    }



    .product-page .item-count {

        width: 80%;

    }



    .item-area {

        flex: 0 0 50%;

    }



    footer .logo img {

        width: 130px;

    }



    body,

    html {

        width: 100%;

        /*height: 100%;*/

        overflow-x: hidden;

    }



    .modal .btn {

        padding: 14px 20px;

        font-size: 14px;

    }



    .modal-dialog {

        margin: 4.75rem 5px;

    }



    .modal img {

        width: 100px;

    }



    .cart-sec .table .row.t-head {

        display: none;

    }



    .cart-sec .table .row.t-body .col-lg-4 {

        border: 1px solid #dadada;

    }



    .cart-sec .table .row.t-body .product-img {

        text-align: left;

    }



    .cart-sec .table .row.t-body .item-area {

        justify-content: start;

        align-items: start;

    }



    .checkout-sec .cart-total {

        margin-top: 24px;

    }



    .summary .content {

        padding-left: 0px;

    }



    .checkout-sec img {

        height: 230px;

    }



    .cart-sec .table .row.t-body {

        margin-bottom: 20px;

    }



    .text-end.placeorderdiv {

        text-align: center !important;

    }

}



.mobile-header .nav {

    z-index: 999 !important;

}



@media only screen and (min-width: 10240px) and (max-width: 1440px) {

    .checkout-sec .container-fluid {

        padding: 0 40px;

    }

}



@media only screen and (max-width: 500px) {

    .checkout-sec {

        padding: 50px 0;

    }



    ul#tabs-nav li {

        display: flex;

        justify-content: center;

        align-items: center;

    }

}



.newproducts .item img {

    width: 100%;

    height: 300px;

    border-radius: 5%;

    margin-bottom: 14px;

    object-fit: cover;

}



.newproducts .item h3 {

    height: auto;

}



.products .item h3 {

    margin-bottom: 20px;

    font-size: 25px;

}



header .nav {

    justify-content: center;

    display: block;

    text-align: end;

}



header .nav ul li {

    position: relative;

}



header .nav ul li:hover .dropdown {

    opacity: 1;

    visibility: visible;

    text-align: left;

}



header .nav ul li .dropdown {

    position: absolute;

    top: 24px;

    left: 0;

    width: 160px;

    padding: 0;

    background-color: #ffecf0;

    opacity: 0;

    visibility: hidden;

    transition: all ease-in 0.1s;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

}



header .nav ul li .dropdown li {

    margin: 0;

    display: block;

    border-bottom: 1px solid #d5d5d5;

    padding: 10px;

}



header .nav ul li .dropdown li a {

    color: #000;

    font-weight: 500;

}



.about-sec {

    background-color: #ffecf0;

    padding: 0 0 60px 0;

}



.about-sec .row {

    align-items: center;

}



.about-sec .content h1 {

    font-size: 44px;

    line-height: 1;

    margin-bottom: 25px;

}



.about-sec .content p {

    width: 80%;

}



.about-sec .image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.about-sec .image {

    width: 100%;

    height: 500px;

}



.cta-slider {

    background-color: #fd85b2;

    padding: 12px 0;

}



.cta-slider h1 {

    color: #000;

    margin: 0;

    font-size: 22px;

    text-align: center;

}



footer .newsletter-row {

    background-color: #f387a1;

    justify-content: center;

    text-align: center;

    padding: 100px 0;

    border-radius: 60px 60px 60px 60px;

    margin-bottom: 60px;

    position: relative;

}



footer .newsletter-row .newsletter-left-img {

    position: absolute;

    top: -10%;

    left: 0%;

    width: 350px;

}



footer .newsletter-row .newsletter-right-img {

    position: absolute;

    top: -10%;

    right: 0%;

    width: 350px;

}



footer .newsletter-row .newsletter {

    width: 60%;

    margin: 0 auto;

}



footer .newsletter-row .newsletter h1 {

    color: #000000;

    line-height: 1;

    font-size: 50px;

    margin-bottom: 30px;

}



footer .newsletter-row .newsletter p {

    color: #fff;

    margin-bottom: 30px;

}



footer .newsletter-row .newsletter form .input-area {

    width: 100%;

    /* height: 47px; */

    position: relative;

    text-align: start;

    padding-left: 30px;

}



footer .newsletter-row .newsletter form .input-area .input-detail {

    width: 80%;

    height: 100%;

    border-radius: 50px;

    padding: 18px;

    border: none;

}



footer .newsletter-row .newsletter form .input-area .btn {

    position: absolute;

    top: 50%;

    right: 0;

    transform: translate(0%, -50%);

    background: #00000000;

    border-radius: 50px;

    border: 1px solid #fff;

}



.faqs-sec {

    padding: 60px 0 100px 0;

}



.faqs-sec .image img {

    width: 100%;

}



.faqs-sec .faqs h1 {

    color: #fd85b2;

    font-size: 50px;

    margin-bottom: 40px;

    line-height: 1;

}



.faqs-sec .faqs .accordion-item {

    background: #fd9dc1;

    border-radius: 18px;

    overflow: hidden;

    margin-bottom: 22px;

}



.faqs-sec .faqs .accordion-item:nth-child(even) {

    background-color: #fd9dc1;

}



.faqs-sec .faqs .accordion-item .accordion-header .accordion-button {

    color: #fff;

    background: transparent;

    border: none !important;

    box-shadow: none;

    padding: 16px 30px;

    font-size: 20px;

}



.faqs-sec .faqs .accordion-item .accordion-body {

    color: #fff;

    padding: 0 30px 16px;

    text-align: left;

}



.faqs-sec .faqs .accordion-item .accordion-body a {

    color: #ffffff;

    text-decoration: underline;

}



.blogs-sec {

    padding: 120px 0;

}



.blogs-sec .item {

    border-radius: 18px;

    overflow: hidden;

}



.blogs-sec .item.item-bg-change .content {

    background-color: #fd9dc1;

}



.blogs-sec .item.item-bg-change .content .btn {

    background-color: #e34f4d;

}



.blogs-sec .item.item-bg-change .content .btn:hover {

    background-color: #5a3956;

}



.blogs-sec .item img {

    width: 100%;

}



.blogs-sec .item .content {

    padding: 50px 40px;

    background-color: #e34f4d;

}



.blogs-sec .item .content h3 {

    font-size: 18px;

    color: #fff;

}



.blogs-sec .item .content h1 {

    font-size: 32px;

    margin-bottom: 20px;

    color: #fff;

}



.blogs-sec .item .content p {

    margin-bottom: 20px;

    color: #fff;

}



.aboutimages img {

    width: 100%;

    margin-bottom: 10px;

    border-radius: 20px;

}



.homeabout {

    padding: 50px 0 30px 0;

}



.owl-products .owl-dots {

    display: block !important;

}



.featureditems {

    padding: 60px 0 90px 0;

}



.featimg {

    height: 100%;

}



.featimg img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.featuredsing {

    background-color: #fd85b2;

    border-radius: 10px;

    color: #fff;

}



.featcont h2 {

    /* font-size: 27px; */

    color: black;

}



.featcont p {

    width: 90%;

}



.btn.btntwo {

    background-color: #fd85b2;

}



.featcont {

    padding: 90px 0;

}



.featureditems .btntwo {

    width: fit-content;

    border: 1px solid #fff;

}



.bannerproducts .item img {

    height: 400px;

}



.sigprod {

    position: relative;

}



.prodoverlay h3 {

    margin-bottom: 6px !important;

    font-size: 28px !important;

}



.sigprod .prodoverlay {

    position: absolute;

    border-radius:6%;

    width: 100%;

    height: 96.5%;

    top: 0;

    background-color: #ffffffc0;

    opacity: 0;

    transition: 0.5s all ease-in-out;

    text-align: left;

    padding: 30px;

}



.sigprod .overlaycont {

    position: absolute;

    bottom: 20px;

}



.sigprod:hover .prodoverlay {

    opacity: 1;

}



.cta-slider img {

    width: 30px;

}



.newproducts.bannerproducts {

    padding-bottom: 0;

}



/* the slides */

.slick-slide {

    margin: 0 10px;

}

/* the parent */

.slick-list {

    margin: 0 -10px;

}



.cta-slider {

    height: 52px;

}



.slider {

    opacity: 0;

    visibility: hidden;

}

.main-image {

    width: 100%;

}



.products.catprods {

    padding: 40px 0 40px;

}



.catprods .col-md-3 {

    margin-bottom: 40px;

}

/* Add this CSS to handle play-state freeze */

.slick-track.paused {

    animation-play-state: paused !important;

}



.slider .text {

    display: flex !important;

    align-items: center;

    gap: 12px;

}



.shppage {

    padding-top: 90px !important;

    padding-bottom: 90px !important;

}



.shppage .item {

    margin-bottom: 16px;

}





.cookie-button{

    border: 0px;

    height: 50px;

    padding:10px;

}





.featuredsing img {

    width: 100%;

    max-height: 550px;

    object-fit: cover;

}

.featuredsing {

    position: relative;

}

.featuredsing:hover .featured-overlay {

    height: 44%;

}

.featured-overlay {

    position: absolute;

    bottom: 0;

    height: 12%;

    overflow: hidden;

    background-color: #0000006b;

    padding: 16px 20px 16px 30px;

    transition: 0.6s all ease-in-out;

}

@media only screen and (max-width: 1680px) {

    .featuredsing img {

        height: 400px;

    }

    .featured-overlay {

        height: 15%;

        padding: 12px 20px 16px 30px;

    }

    .featuredsing:hover .featured-overlay {

        height: 59%;

    }

}

@media only screen and (max-width: 500px) {

    .featuredsing img {

        height: 400px;

    }

    .featured-overlay {

        height: fit-content;

        padding: 16px 10px 16px 10px;

        text-align: center;

    }

    .featuredsing:hover .featured-overlay {

        height: fit-content;

    }

    .featuredsing {

        margin-bottom: 16px;

    }

}









.containernew {

  overflow-x: scroll;

  white-space: nowrap;

  display: flex;

  -ms-overflow-style: none;

  scrollbar-width: none;

}



.scroll-disabler {

  width: 100vw;

  height: 450px;

  position: absolute;

  background-color: rgba(0,0,0 , 0.0001);

}



 .containernew ::-webkit-scrollbar {

  display: none;

}



#infiniteScroll--left {

    display: flex;

    gap: 25px;

}



#infiniteScroll--left article {

    flex: 0 0 23%;

}







.sigprod .prodoverlay {

    padding: 30px 12px;

}

.prodoverlay h3 {

    font-size: 20px !important;

}



.products .item h3 {



    min-height: 60px;

}



.breadcrumb-sec.prod-breadcrumb {

    padding: 10px 0;

}



.privacy-page p {

    margin-bottom: 0;

}



.privacy-page h3 {

    margin-top: 20px;

}



.sec-form.customorder {

    padding: 60px 0 60px;

}



@media only screen and (max-width: 1600px) {

    #infiniteScroll--left article {

        flex: 0 0 27%;

    }

    .products .item img {

        height: 310px;

    }

}





.products.shopnew {

    padding: 80px 0 30px;

}



.products.shopnew .item {

    margin-bottom: 54px;

}



.optionsprod {

    flex-wrap: wrap;

}



.optionsprod .bg-danger {

    margin-bottom: 0px!important;

    font-size: 0.6em!important;

}









    

    .search-wrapper {

    position: absolute;

    width: 100%;

    background: #ffffff00;

    padding: 15px;

    /* box-shadow: 0 2px 10px rgba(0,0,0,0.1); */

    z-index: 1000;

    top: 31px;

    left: -50px;

}



.search-form {

    display: flex;

    align-items: center;

    max-width: 600px;

    margin: 0 auto;

    position: relative;

}



.search-input {

    width: 100%;

    padding: 12px 40px 12px 15px;

    border: 2px solid #fd85b2;

    border-radius: 4px;

    font-size: 16px;

    transition: all 0.3s ease;

    background-color: transparent;

    border-radius: 8px;

}



.search-input:focus {

    border-color: #fd85b2;

    outline: none;

}



.search-submit {

    background: none;

    border: none;

    position: absolute;

    right: 40px;

    top: 50%;

    transform: translateY(-50%);

    cursor: pointer;

    padding: 5px;

}



.search-submit img {

    width: 20px;

    height: 20px;

}



.close-search {

    background: none;

    border: none;

    position: absolute;

    right: 10px;

    top: 50%;

    transform: translateY(-50%);

    font-size: 24px;

    cursor: pointer;

    padding: 5px;

    color: #666;

}



.close-search:hover {

    color: #333;

}



#bannerModal img {

    width: 100%;

}



#bannerModal .modal-body {

    padding: 0;

}



#bannerModal button {

    position: absolute;

    right: -10px;

    z-index: 999;

    top: -10px;

    background-color: #fd85b2;

    opacity: 1;

}



#bannerModal .modal-dialog {

    margin: 6.75rem auto;

}



#bannerModal .modal-footer {

    padding: 0;

    border: none;

}



#bannerModal .btn {

    background-color: #fd85b2;

    border-color: #fd85b2;

    width: 100%;

    margin: 0;

    border-radius: 0;

}





.search-suggestions {

    position: absolute;

    top: 100%;

    left: 0;

    right: 0;

    background: white;

    border-radius: 4px;

    box-shadow: 0 4px 6px rgba(0,0,0,0.1);

    margin-top: 5px;

    z-index: 1001;

}



.search-suggestions ul {

    list-style: none;

    padding: 0;

    margin: 0;

    max-height: 180px;

    overflow-y: auto;

}



.search-suggestions li {

    padding: 0;

    margin: 0;

}



.search-suggestions li a {

    display: block;

    padding: 9px 15px;

    color: #333;

    text-decoration: none;

    transition: background-color 0.2s ease;

    border-bottom: 1px solid #00000021;

}



.search-suggestions li a:hover {

    background-color: #f5f5f5;

}



.tipsingle {

    display: flex;

    flex-direction: column;

    width: 24%;

    border: 1px solid #21252954;

    text-align: center;

    border-radius: 5px;

    padding: 8px 0;

    background-color: #ffffff;

    vertical-align: top;

    /* min-height: 62px; */

    cursor: pointer;

    margin-bottom: 14px;

    justify-content: center;

}



.tipsingle.activetip {

    background-color: #f387a1;

    color: #fff;

}



.tipsingle p {

    margin-bottom: 0;

    font-size: 14px;

    line-height: normal;

}



.tipsingle h6 {

    margin-bottom: 0;

}



.customtip {

    display: flex;

    gap: 12px;

    margin-bottom: 20px;

}



.checkout-sec .customtip .btn, .checkout-sec .coupons .btn {

    background-color: #f387a1;

    width: 100%;

    margin: 0px 0;

    padding: 12px 0;

}



.input-group-text {

    padding: 12px 12px;

    background-color: #ffffff;

    border: 1px solid #ced4da;

}



.customtip {

    display: none;

}

.applycoupon {

    display: flex;

    gap: 12px;

    margin-top: 16px;

}



.coupons {

    display: none;

}



.coupontoggle {

    background-color: #f387a1;

    color: #fff;

    padding: 10px 8px;

    border-radius: 5px;

    cursor: pointer;

    position: relative;

}



.coupontoggle i {

    position: absolute;

    right: 18px;

    top: 18px;

}



.coupontoggle h4 {

    margin-bottom: 0;

}



.actcoupon i {

    rotate: 176deg;

}



.tipoptions {

    display: flex;

    gap: 10px;

}



/* width */

::-webkit-scrollbar {

  width: 8px;

}



/* Track */

::-webkit-scrollbar-track {

  background: #f1f1f1;

}



/* Handle */

::-webkit-scrollbar-thumb {

  background: #fd85b2;

}

.bannerModal {
    position: relative;
}

.popuptext {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    transform: translate(0, -50%);
}

.modal .popuptext h1 {
    font-size: 76px;
    color: #fb8cb6;
    line-height: 1;
    text-shadow: 1px 2px #ffffff;
}

.modal .popuptext h4 {
    color: #fff;
    text-shadow: 1px 2px #fb8cb6;
}

.modal .popuptext h2 {
    color: #fff;
    text-shadow: 1px 2px #fb8cb6;
    font-size: 46px;
    line-height: 0;
    margin-top: 26px;
}


.sec-blogs {
    padding: 60px 60px 100px 60px;
}


.blog-single img {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 17px;
}

.blog-details img {
    width: 100%;
    /*object-fit: cover;*/
    margin-bottom: 10px;
    border-radius: 10px;
    /*height: 600px;*/
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 17px;
}

.related-single {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
}

.related-single img {
    width: 200px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 12px;
}

.related-single h5 {
    font-size: 16px!important;
}

.related-single .btn {
    font-size: 12px;
    padding: 4px 12px;
}

.blog-details ul {
    padding-left: 2rem;
    margin-bottom: 1rem;
    list-style-type: disc;
}

.blodpreview h3 {
    height: 88px;
    font-size: 24px;
}

.sec-blogs li {
    color: #000000;
    margin-bottom: 4px;
    margin-top: 4px;
    font-weight: 600;
}

@media only screen and (min-width: 1024px) {

    .placeordermob {

        display: none;

    }

}

@media only screen and (max-width: 1600px) {

    .related-single h5 {
        font-size: 12px !important;
    }

.blodpreview  h3 {
        font-size: 18px;
        
    height: 64px;
    }
    .sec-blogs {
        padding: 60px 30px 100px 30px;
    }
}

@media only screen and (max-width: 1280px) {
.blodpreview h3 {
        font-size: 16px;
        height: 54px;
    }
}


@media only screen and (max-width: 500px) {
    .mobilediv {
        margin-top: 10px;
    }
    .sec-blogs {
        padding: 50px 4px 40px 4px;
    }   
    .blog-details h1 {
            font-size: 20px;
    }
    
.blog-single {
    margin-bottom: 30px;
}
    .blodpreview h3 {
        font-size: 18px;
        height: fit-content;
    }
    .checkout-sec .payment-option {
        border: none;
    }
    .checkout-sec form .row .row {
        padding-left: 0px;
        margin: 0 !important;
    }

    .checkout-sec .cart-total {
        padding: 0 13px;
    }

    #infiniteScroll--left article {

        flex: 0 0 92%;

    }

    header .btn {

        display: none;

    }

    .mobile-header .nav.active {

        padding: 40px 0;

    }

    .mobilenone {

        display: none;

    }

    .breadcrumb-sec {

        padding: 0px 0;

    }

    .breadcrumb-content {

        padding: 10px 10px 10px!important;

    }

    .products.catprods.shppage {

        padding-bottom: 20px!important;

        padding-top: 40px!important;

    }

    .catprods .col-md-3 {

        margin-bottom: 10px;

    }

    .products.shopnew {

        padding: 40px 0 0px;

    }

    .size-area .input-area {

        padding: 16px 0px 20px 2px!important;

    }

    .size-area .input-area .input label {

        font-size: 12px!important;

    }

    .slidetoggle-area .varprice {

        font-size: 12px!important;

    }

    #bannerModal .modal-dialog {

        margin: 6.75rem 24px;

    }

    .search-wrapper {

        top: 10px;

        left: 0px;

    }

    .search-wrapper form {

        background-color: #fff;

    }
    
    .modal .popuptext h1 {
        font-size: 44px;
    }
    .breadcrumb-content h1 {
    font-size: 20px;
}

}



html, body {

    overflow-x: hidden;

}

input:invalid {
  border: 1px solid red;
}

input:focus:invalid {
  outline: none;
  border: 1px solid red;
}

input:valid {
  border: 1px solid green; /* Optional: To show a green border for valid input */
}