@import url('https://fonts.googleapis.com/css2?family=Faculty+Glyphic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
@import url(custombs.css);

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html,
body{
  overflow-x: clip;
}

:root {
  --primary-pink-color: #F4CCC6;
  --secondary-pink-color: #C08497;
  --highlighted-orange-color: #D48878;
  --background-yellow-color: #F1EBE2;
  --heading-text-color: #051145;
  --light-border-color: #dbdbdb;
  --paragraph-text-color: #2F2F2F;
  --font-family-faculty-glyphic: "Faculty Glyphic", sans-serif;
  --font-family-lato: "Lato", sans-serif;
}

.p-line-height {
  line-height: 2.2rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family-faculty-glyphic);
}

h2{
  font-size: 2.6vw;
  font-weight: 600;
  color: var(--heading-text-color);
}

p, li {
  font-family: var(--font-family-lato);
  line-height: 1.6rem;
}

a {
  font-family: var(--font-family-lato);  
  text-decoration: none !important;
  color: var(--paragraph-text-color);
}

button,
span,
input,
select,
option,
textarea,
td{
  font-family: var(--font-family-lato);
}

td{
    color: var(--paragraph-text-color);
}

.form-label{
  font-family: var(--font-family-faculty-glyphic);
}

select:focus{
    border-color: var(--primary-pink-color) !important;
    box-shadow: none !important;
}

.btn-main{
  background: var(--secondary-pink-color);
  color: #fff;
  font-weight: 600;
  padding: 12px 28px;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  text-decoration: none;
  border: 2px solid var(--secondary-pink-color);
  cursor: pointer;
  z-index: 9;
}
.btn-main::after{
  display: none;
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  border: 2px solid var(--secondary-pink-color);
  transition: 0.3s ease-in-out;
}
.btn-main:hover{
  color: white;
  transition: 0.3s ease-in-out;
  box-shadow: rgba(192, 132, 151, 0.3) 0px 8px 24px, rgba(192, 132, 151, 0.2) 0px 16px 56px, rgba(192, 132, 151, 0.2) -61px -35px 64px;
}

.btn-main:hover:after{
  top: 0;
  left: 0;
  transition: 0.3s ease-in-out;
}

/* topbar */
.topbar {
  background: var(--primary-pink-color);
  color: #000;
  padding: 10px 0;
  font-size: 14px;
}

.topbar span{
  font-family: var(--font-family-faculty-glyphic);
}

.top-contact span {
  margin-left: 20px;
}

.main-navbar {
  background: #fff;
}

header{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

header .navbar-nav .nav-link {
  font-size: 16px;
  font-weight: 600;
  margin: 0 8px;
  color: var(--paragraph-text-color) !important;
  position: relative;
}

header .navbar-nav .nav-link:before{
    position: absolute;
    content: "";
    width: 0;
    height: 3px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 10px;
    background: var(--highlighted-orange-color);
    transition: all 0.2s ease;
}

header .navbar-nav .nav-link:hover:before,
header .navbar-nav .nav-link.active:before{
    width: 100%;
    transition: all 0.2s ease;
}

header .navbar-nav .nav-link:hover {
  color: var(--primary-pink-color);
}

.is-sticky-header-height{
    height: 135px;
}

.header-main.is-sticky {
  position: fixed;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
  padding: 8px 0;
  backdrop-filter: blur(10px);
  animation: slideDown 0.35s ease-out;
  width: 100%;
  top: 0;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.8);
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.header-main.is-sticky .navbar-brand img{
    height: 60px;
}

.header-main.is-sticky .btn-main{
    padding: 8px 28px;
}

.jwdijwoerewr.fgsdfsaevgfeer{
    padding: 8px 1.5rem !important;
    border-radius: 8px;
    background: rgba(212, 136, 120, 1);
    color: #fff !important;
    font-weight: 400 !important;
    display: inline-block;
    /*box-shadow: rgba(212, 136, 120, 0.8) 6px 2px 22px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;*/
    user-select: none;
}

.fgsdfsaevgfeer:before{
    display: none;
}

.afghbderffrhhgh:hover span.badge{
    animation: jump 1.2s infinite linear;
}

@keyframes jump{
    0%{
        transform: translate(-50%, 0);
        height: 1.4rem;
    }
    
    15%{
        transform: translate(-50%, 5px);
    }
    
    20%{
        height: 1.1rem;
    }
    
    25%{
        transform: translate(-50%, 10px);
    }
    
    75%{
        transform: translate(-50%, -8px);
        height: 1.4rem;
    }
    
    80%{
        width: 1rem;
    }
    
    100%{
        transform: translate(-50%, 0);
        width: 1.4rem;
        height: 1.4rem;
    }
}

.sdfsgdetgadsr > p{
    font-weight: 600;
}

.diweoojwkrwer{
    border-radius: 5px;
}

.diweoojwkrwer .col-lg-6:first-child{
    border-right: 1px solid #dbdbdb;
}

.welcome-badge {
  border-radius: 20px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 1rem;
}

.hero h1 {
  font-size: 48px;
  font-weight: 600;
  color: var(--heading-text-color);
  line-height: 1.3;
  margin-bottom: 30px;
}

.hero-buttons {
  display: flex;
  align-items: center;
  gap: 25px;
}

.watch-video {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--secondary-pink-color);
  font-weight: 500;
  text-decoration: none;
}
.play {
  background: white;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.hero-images {
  position: relative;
}

.h-b-slider .owl-item.active .doiwejorjiwrr h6.jwdijwoerewr{
    animation: fadeInDown 2s;
}

.h-b-slider .owl-item.active .doiwejorjiwrr h1{
    animation: fadeInUp 2s;
}

.h-b-slider .owl-item.active .hero-images img.card1{
    animation: pulse 2s;
}

.h-b-slider .owl-item.active .hero-images .card-border:before{
    animation: zoomIn 2s;
}

.h-b-slider .owl-item.active .hero-images img.card2{
    animation: fadeInRight 2s;
}

.dweoruiwenrwer{
  width: 17vw;
  bottom: -9.5rem;
  left: 8%;
}

.fl1{
  position: absolute;
  bottom: -26%;
  right: 0%;
  width: 14vw;
  z-index: 99;
}
.doiwejrkwer{
  align-items: end;
}
.card1{
  width: 17vw !important;
}

.h-b-slider .owl-stage{
    padding: 100px 0;
}

.card-border{
    position:relative;
    width: 260px;
    margin:auto;
    z-index: 99;
}

.card-border::before{
    content:"";
    position:absolute;
    top:-10px;
    left:-10px;
    width:85%;
    height:86%;
    border:4px solid var(--primary-pink-color);
    border-radius:10px;
    transform:rotate(-4.5deg);
    z-index:1;
}

.fl2{
  position: absolute;
  bottom: 35%;
  left: 0%;
  width: 6.5vw !important;
  animation: 3s updown infinite linear;
}

@keyframes updown{
    0%{
        transform: initial;
    }
    
    35%{
        transform: translateY(-10px);
    }
    
    70%{
        transform: translateY(10px);
    }
    
    100%{
        transform: initial;
    }
}

.cam{
  position: absolute;
  top: 16%;
  right: 38%;
  width: 7vw !important;
  animation: 3s shake infinite linear;
}

@keyframes shake{
    0%{
        transform: initial;
    }
    
    35%{
        transform: rotate(10deg);
    }
    
    70%{
        transform: rotate(-10deg);
    }
    
    100%{
        transform: initial;
    }
}

.strip{
  position: absolute;
  top: 0%;
  right: 0%;
  width: 11vw;
}

/*.h-b-slider .owl-item img.card2{*/
/*    width: auto !important;*/
/*}*/

/* section */

.process-section{
  padding:100px 0;
  background: linear-gradient(
    to bottom,
    #ffffff 0%,
    var(--background-yellow-color) 50%,
    #ffffff 100%
  );
}
/* badge */

.process-badge{
  background: transparent;
  padding:6px 18px;
  border-radius:20px;
  font-weight: 600;
  display:inline-block;
}

.doiwejorjiwrr h6.jwdijwoerewr{
    padding: 8px 0;
    border-radius: 8px;
    /*background: var(--secondary-pink-color);*/
    color: #000 !important;
    font-weight: 400 !important;
    margin-bottom: 1rem !important;
}

/* title */

.faq-right .process-title{
  font-size:40px;
  font-weight:700;
  margin-top:15px;
  color: var(--heading-text-color);
}

.faq-right .accordion-collapse {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.faq-right .accordion-collapse.show {
    max-height: 500px; /* adjust if content is bigger */
}


/* step box */

.process-box{
  padding:20px;
  gap: 10;
}

.no1{
  position: absolute;
  top: -26%;
  right: -11%;
}
/* icon circle */

.icon-circle{
  width:70px;
  height:70px;
  margin:auto;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}

/* heading */

.process-box h3{
  margin-top:20px;
  font-weight:700;
}


/* text */

.process-box p{
  color: var(--paragraph-text-color);
  font-size:1.2vw;
}

.bulb{
  position: absolute;
  bottom: 10%;
  left: 8%;
}

.plane{
  position: absolute;
  top: 19%;
  left: 31%;
}

.curve{
  position: absolute;
  top: 24%;
  right: 14%;
}

.arr1{
  position: absolute;
  top: 50%;
  left: 29%;
}

.arr2{
  position: absolute;
  top: 47%;
  right: 27%;
}

.trending-section{
  padding:20px 0;
  background:linear-gradient(to bottom,#ffffff,#f7f4f2,#ffffff);
}


/* badge */

.shop-badge{
  padding:6px 18px;
  border-radius:20px;
  display:inline-block;
  font-weight: 600;
}


/* title */

.shop-title{
  font-size:40px;
  font-weight:700;
  color: var(--heading-text-color);
  margin-top:15px;
}


/* category buttons */

.cat-btn{
  background: #fff;
  border: 2px solid var(--secondary-pink-color);
  padding: 5px 24px;
  border-radius: 25px;
  margin: 5px;
  font-weight: 600;
  color: #000;
  cursor: pointer;
}

.cat-btn:hover{
    color: #000 !important;
}



.category-buttons .nav-link.active{
  background: var(--secondary-pink-color) !important;
  color: #fff !important;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

/* product card */

.product-card{
  margin-bottom:30px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
  transition: all 0.2s ease;
}

.product-card:hover{
    transform: scale(1.1);
    transition: all 0.2s ease;
}

.product-card .eeveret .btn-main{
    padding: 5px 15px !important;
    margin-top: 1rem;
}

.product-card img{
  border-radius:12px;
  margin-bottom:15px;
}

.dienwjirejr .product-card .price{
    color: #000;
}

.dienwjirejr .product-card .price span{
    text-decoration: line-through;
    color: #727272;
}


/* title */

.product-card h5{
  font-size: 16px;
  height: 5.5rem;
  color: var(--heading-text-color);
  line-height: 1.6;
}
/* price */

.price{
  font-family: var(--font-family-lato);  
  margin-top:10px;
  margin-bottom:0 !important;
  font-weight:600;
}

.belief-section {
  padding: 100px 0 80px;
  background: linear-gradient(to bottom,
      #ffffff 0%,
      var(--background-yellow-color) 50%,
      #ffffff 100%);
  position: relative;
}

/* phone image */

.phone1 {
  position: absolute;
  width: 12.5vw;
  left: 16%;
  bottom: 0%;
}

.phone2 {
  position: absolute;
  width: 12.5vw;
  right: 16%;
  bottom: -1%;
}

.lleaf {
  position: absolute;
  left: 0%;
  top: 0%;
}

.rleaf {
  position: absolute;
  right: 0%;
  bottom: 0%;
}


/* badge */

.belief-badge {
  padding: 6px 0;
  border-radius: 20px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 15px;
}


/* heading */

.belief-content h2 {
  font-size: 40px;
  font-weight: 700;
  color: #0d1a44;
  margin-bottom: 15px;
}


/* text */

.belief-content p {
  color: var(--paragraph-text-color);
  max-width: 520px;
  margin: auto;
  margin-bottom: 25px;
}

.box-section{
  margin-bottom: 2vw;
}
/* stats container */

.stats-container {
  background: #fff;
  margin-top: 80px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  padding: 40px 0 40px 0;
}


/* stat box */

.stat-box {
  border-right: 1px dashed #dbdbdb;
}

.stat-box:last-child {
  border-right: none;
}


/* stat number */

.stat-box h3 {
  font-size: 42px;
  font-weight: 700;
  color: #0d1a44;
}


/* stat text */

.stat-box p {
  color: var(--paragraph-text-color);
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 0 !important;
}

.testimonial-section {
  padding: 120px 0;
}

.testimonial-images img{
    border-radius: 200px;
}

.h-testimnal-slider button{
    position: absolute;
    right: -22%;
    background: var(--secondary-pink-color) !important;
    border-radius: 50% !important;
    width: 4rem;
    height: 4rem;
    font-size: 3rem !important;
    margin: 0 !important;
    color: #fff !important;
    box-shadow: rgba(192, 132, 151, 0.12) 0px 2px 4px 0px, rgba(192, 132, 151, 0.32) 0px 2px 16px 0px;
    opacity: 0.8;
    transition: all 0.2s ease;
}

.h-testimnal-slider button:hover{
    opacity: 1;
    transition: all 0.2s ease;
}

.h-testimnal-slider button.owl-prev{
    top: -12%;
}

.h-testimnal-slider button.owl-next{
    bottom: 30%;
}
    
.h-testimnal-slider button span{
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    transform: translate(-50%, -50%);
}

/* images */

.testimonial-images {
  position: relative;
  text-align: center;
}

.smc2{
  margin-top: 1vw;
}

main{
  padding-bottom: 5rem;
}

/* content */

.testimonial-content h2 {
  font-size: 38px;
  font-weight: 700;
  color: var(--heading-text-color);
  margin: 15px 0;
}


/* badge */

.testimonial-badge {
  padding: 6px 0;
  border-radius: 20px;
  font-weight: 600;
  display: inline-block;
}


/* text */

.testimonial-text {
  color: var(--paragraph-text-color);
  line-height: 1.7;
  margin-bottom: 15px;
}

/* nav buttons */

.testimonial-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

/* circle buttons */

.contact-section {
  padding: 120px 0;
  background: linear-gradient(to right, #ffffff, #f7f4f2);
}

/* title */

.contact-title {
  color: var(--heading-text-color);
}


/* text */

.contact-text {
  color: var(--paragraph-text-color);
  margin-bottom: 8%;
}


/* form */

.contact-form label {
  font-size: 14px;
  margin-bottom: 3%;
  display: block;
}

.contact-form input,
.contact-form textarea {

  width: 100%;
  border: none;
  border-left: 3px solid var(--secondary-pink-color);
  padding: 12px 14px;
  border-radius: 6px;
  outline: none;
}

/* input */

.contact-form .form-control {
  border-radius: 8px;
  border: 1px solid #eee;
  padding: 10px 12px;
}


/* textarea */

textarea.form-control {
  resize: none;
}

.form-btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 4%;
}




.testimonial-section {
  padding: 80px 0;
}


/* images */

.testimonial-images {
  position: relative;
  text-align: center;
}

.smc2{
  margin-top: 1vw;
}

/* content */

.testimonial-content h2 {
  font-size: 38px;
  font-weight: 700;
  color: var(--heading-text-color);
  margin: 15px 0;
}


/* badge */

.testimonial-badge {
  background: transparent;
  padding: 6px 18px;
  border-radius: 20px;
  font-size: 14px;
  display: inline-block;
}


/* text */

.testimonial-text {
  color: var(--paragraph-text-color);
  line-height: 1.7;
  margin-bottom: 15px;
}


/* name */

.client-name {
  font-weight: 700;
  font-size: 1.3vw;
}

/* nav buttons */

.testimonial-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

/* title */

.contact-title {
  font-weight: 500;
  color: var(--heading-text-color);
  margin-bottom: 4%;
}


/* text */

.contact-text {
  color: var(--paragraph-text-color);
  margin-bottom: 8%;
}


/* form */

.contact-form label {
  font-size: 14px;
  margin-bottom: 2.5%;
  display: block;
}

.contact-form input,
.contact-form textarea {

  width: 100%;
  border: none;
  border-left: 3px solid var(--secondary-pink-color);
  padding: 12px 14px;
  border-radius: 6px;
  outline: none;
  margin-bottom: 4%;
}

/* input */

.contact-form .form-control {
  border-radius: 8px;
  border: 1px solid #eee;
  padding: 10px 12px;
}


/* textarea */

textarea.form-control {
  resize: none;
}

.form-btn {
  display: flex;
  justify-content: flex-end;
  margin-top: 4%;
}
.contact-images{
  justify-content: flex-end;
}


.blog-section{
padding: 80px 0;
}


/* badge */

.blog-badge{
font-size:14px;
color: var(--paragraph-text-color);
}


/* title */

.blog-title{
font-size: 1.8vw;
font-weight: 600;
color: var(--heading-text-color);
margin-top:10px;
}


/* blog card */

.blog-card{
position:relative;
margin-bottom:40px;
}


/* overlay card */

.blog-content{
background:#fff;
padding:20px;
border-radius:10px;
position:absolute;
bottom:-18%;
left:30px;
right:30px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
text-align:left;
}


/* date */

.blog-date{
font-size:14px;
color: var(--paragraph-text-color);
margin-bottom:8px;
}


/* title */

.blog-content h5{
font-size:17px;
font-weight:600;
line-height:1.5;
color: var(--paragraph-text-color);
}


.faq-section{
padding: 100px 0;
}


/* badge */

.faq-badge{
font-size:14px;
color: var(--paragraph-text-color);
}


/* title */

.faq-title{
font-size:38px;
font-weight:700;
color:#0d1a44;
margin-top:10px;
}


/* image grid */

.faq-images{
position:relative;
}
.pusssngc{
  display: grid;
  grid-template-columns: auto auto;
  gap: 30px;
}

.p-m-i-slider .owl-stage{
    line-height: 0;
}

/* experience circle */

.experience-circle img{
    width: 100%;
}


/* accordion */

.accordion-item{
border:none;
border-bottom:1px solid #ddd;
}

.accordion-button{
background:transparent;
font-weight:500;
box-shadow:none;
}

.accordion-button:not(.collapsed){
color: var(--secondary-pink-color);
background:#fff;
}

.accordion-body{
color: var(--paragraph-text-color);
}



.footer-section{
background: var(--secondary-pink-color);
color:white;
padding-top:7rem;
position:relative;
}


/* subscribe box */

.subscribe-wrapper{
    
    z-index: 2;
    top: -9%;
    right: -1%;
}

/* subscribe card */

.subscribe-box{
    background: var(--secondary-pink-color);
    padding: 35px 40px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    color: #fff;
}

/* text */

.subscribe-left h3{
    font-size: 26px;
    margin-bottom: 8px;
}

.subscribe-left p{
    font-size: 14px;
}

/* form */

.subscribe-form{
    display: flex;
    gap: 15px;
}

.subscribe-form input{
    width: 260px;
    padding: 12px 15px;
    border-radius: 6px;
    border: none;
    flex: 1;
}

/* button */

.subscribe-btn{
    background: var(--primary-pink-color);
    color: #000;
    border: 2px solid #fff;
    padding: 12px 28px;
    border-radius: 6px;
    font-weight: 500;
    position: relative;
    cursor: pointer;
    z-index: 999;
}

/* outer border */

.subscribe-btn::after{
    display: none;
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 6px;
    z-index: 9;
}

.subscribe-btn span{
    margin-left: 8px;
}

/* footer logo */

.footer-logo{
width:150px;
position: absolute;
top: 4%;
}

.footer-links a{
    color: #fff;
}


/* footer titles */


/* links */

.footer-links{
list-style:none;
padding:0;
}

.footer-links li{
margin-bottom:10px;
cursor:pointer;
}


/* news */

.news-item{
    display:flex;
    gap:10px;
    margin-bottom:15px;
}

.news-item p,
.news-item span{
    color: #fff;
}

.footimg{
    border-radius:6px;
    height: 5rem;
    border: 2px solid var(--primary-pink-color);
}

.news-item span{
    font-size:12px;
    display: flex;
    align-items: center;
}

.news-item span img{
    margin-right: 5px;
}


/* social icons */

.social-icons{
  gap: 10px;
}

.social-icons .dasfrdeeer{
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #fff;
  transition: 0.3s ease-in-out;
}

.social-icons img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease-in-out;
}

.social-icons .dasfrdeeer:hover{
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  transition: 0.2s ease-in-out;
  cursor: pointer;
  transform: scale(1.1);
}

/* bottom */

.footer-bottom{
    background: var(--primary-pink-color);
    text-align:center;
    padding:12px;
    margin-top:40px;
    font-size:14px;
    color: #000;
}






/* avik css start */

/* start banner1 */

.h-b-slider .owl-nav button{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3rem;
    height: 3rem;
    background: var(--secondary-pink-color) !important;
    border-radius: 50% !important;
}

.h-b-slider .owl-nav button.owl-prev{
    left: 5%;
}

.h-b-slider .owl-nav button.owl-next{
    right: 5%;
}

.banner1 {
  width: 100%;
  height: 450px;
  position: relative;
}

.banner1 img {
  width: 100%;
  height: 100%;
}

.banner-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(255, 255, 255 0.6);
}

.overlay h1 {
  color: white;
  font-size: 50px;
}

.contant1 {
  margin-top: 9rem;
}

.contant1 h1 {
  font-size: 80px;
  font-weight: 600;
  font-family: "Ubuntu", sans-serif;
}

.contant2 {
  display: flex;
}

.contant2 h6 {
  color: var(--paragraph-text-color);
  padding-left: 5px;
}

/* end banner1 */

/* end banner4 */

/* avik css end */






/* avik css start */

/* start banner1 */
.banner1 {
  width: 100%;
  height: 450px;
  position: relative;
}

.banner1 img {
  width: 100%;
  height: 100%;
}

.overlay {
  width: 100%;
  height: 450px;
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
}

.overlay h1 {
  color: white;
  font-size: 50px;
}

.contant2 {
  display: flex;
}

.contant2 i {
  color: var(--paragraph-text-color);
  font-weight: bold;
  padding-left: 5px;
  padding-top: 4px;
}

/* end banner1 */
/* start banner2 */

.imgs1 {
  width: 100%;
  height: 500px;
}

.imgs1 img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
}

.contant3 h6 {
  border-radius: 20px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 1rem;
}

.right1 img{
  border-radius: 10px;  
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.right1:before{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  right: -1.5rem;
  bottom: -1.5rem;
  border-radius: 10px;
  border: 2px solid var(--secondary-pink-color);
  z-index: -9;
  box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}

.contant3 h2 {
  font-weight: bolder;
}

.contant3 p {
  padding-top: 20px;
}

.iconbox1 {
  display: flex;
  margin-top: 30px;
}

.icons i {
  font-size: 30px;
  color: var(--secondary-pink-color);
  padding: 12px;
  background-color: #d5e5f7;
  border-radius: 8px;
}

.contant3a {
  margin-left: 30px;
}

.contant3a h4 {
  color: #1a172e;
  font-weight: 600;
}

.contant3a p {
  padding-top: 5px;
}

.clr {
  clear: both;
}

/* end banmner2 */

.iconbox2 {
  display: flex;
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
  border-radius: 8px;
}

.sefdhwreer{
  background: var(--secondary-pink-color);
  color: #fff;
  transition: 0.2s ease-in-out;
}

.sefdhwreer h4{
  color: #fff !important;
  transition: 0.2s ease-in-out;
}

.left2:hover .sefdhwreer h4{
  color: var(--heading-text-color) !important;
  transition: 0.2s ease-in-out;
}

.left2:hover .sefdhwreer p{
  color: #000 !important;
  transition: 0.2s ease-in-out;
}

.left2:hover .sefdhwreer{
  background: #fff;
  transition: 0.2s ease-in-out;
}

.sefdhwreer i{
  color: #fff !important;
  transition: 0.2s ease-in-out;
}

.left2:hover .sefdhwreer i{
  color: var(--secondary-pink-color) !important;
  transition: 0.2s ease-in-out;
}

.icons2 i {
  font-size: 40px;
  padding-right: 15px;
  padding-top: 10px;
  color: var(--secondary-pink-color);
}

.contant4 h4{
  color: var(--heading-text-color);
  font-size: 1rem;
  font-weight: 600;
}

.left2:hover h4{
  color: var(--secondary-pink-color) !important;
  transition: 0.5s;
}

/* end banner 3 */
/* start bannre4 */

.left4 {
  width: 100%;
  height: 110vh;
  float: left;
}

.left4 img {
  width: 100%;
  height: 100%;
  float: right;
}

.contant5 h6 {
  color: #000;
  font-weight: 600;
}

.jwdijwoerewr{
    padding: 8px 0;
    border-radius: 8px;
    /*background: var(--secondary-pink-color);*/
    color: #000 !important;
    font-weight: 400 !important;
    display: inline-block;
    user-select: none;
    position: relative;
    margin-bottom: 1rem !important;
}

.jwdijwoerewr:before{
    position: absolute;
    content: "";
    width: 50%;
    height: 4px;
    bottom: -4px;
    left: 0;
    border-radius: 10px;
    background: linear-gradient(to right, var(--secondary-pink-color), var(--primary-pink-color));
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.jwdijwoerewr-center:before{
    left: 50% !important;
    transform: translateX(-50%);
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.right4 {
  padding: 70px;
}

/* accordian */
.accordion .accordion-item {
  border-bottom: 1px solid #e5e5e5;
}

.accordion .accordion-item button[aria-expanded=true] {
  border-bottom: 1px solid var(--light-border-color);
}

.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: var(--paragraph-text-color);
  font-size: 1.15rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
}

.accordion button:hover, .accordion button:focus {
  cursor: pointer;
  color: var(--paragraph-text-color);
}

.accordion button:hover::after, .accordion button:focus::after {
  cursor: pointer;
  color: var(--light-border-color);
  /* border: 1px solid var(--light-border-color); */
}

.accordion button .accordion-title {
  padding: 1em 1.5em 1em 0;
  color: black !important;
  font-weight: 600;
}

.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 0;
  width: 22px;
  height: 22px;
  /* border: 1px solid; */
  border-radius: 22px;
}

.accordion button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: currentColor;
}

.accordion button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  background: currentColor;
}

.accordion button[aria-expanded=true] {
  color: var(--paragraph-text-color);
}

.accordion button[aria-expanded=true] .icon::after {
  width: 0;
}

.faq-right .accordion .accordion-item button{
    border-bottom: 0 !important;
}

.faq-right .accordion .accordion-item button[aria-expanded=true]{
    border-top: 0 !important;
    border-bottom: var(--light-border-color) !important;
}

.faq-right .accordion .accordion-item button{
    font-weight: 600;
}

.faq-right .accordion-body{
    padding: 1em 1em;
    font-size: 1rem;
    font-family: var(--font-family-lato);
}

.faq-right .accordion-header i{
    font-size: 1rem;
}

.accordion button[aria-expanded=true] + .accordion-content {
  opacity: 1;
  max-height: 9em;
  transition: all 200ms linear;
  will-change: opacity, max-height;
}

.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
  padding: 0 20px;
}

.accordion .accordion-content p {
  font-size: 1rem;
  font-weight: 300;
  margin: 2em 0;
  color: black;
  font-weight: 400;
}

/* accordian */
/* end banner4 */

/* avik css end */



/*invitation categories start*/

.section-1 .ibvtuyyyy_wrapper .urgetret_inner {
  color: #fff;
}
.section-1 .ibvtuyyyy_wrapper .urgetret_inner hr {
  width: 18%;
  background: #fff;
  opacity: 1;
  border-radius: 10px;
}
.section-1 .ibvtuyyyy_wrapper .urgetret_inner p {
  letter-spacing: 1px;
  line-height: 30px;
  color: #fff;
}
.section-1 .ibvtuyyyy_wrapper .urgetret_inner-1 {
  background: var(--primary-pink-color);
}
.section-1 .ibvtuyyyy_wrapper .urgetret_inner-2 {
  background: var(--secondary-pink-color);
}
.section-1 .ibvtuyyyy_wrapper .urgetret_inner-3 {
  background: var(--primary-pink-color);
}

.section-2 .uvguyrtttt_inner img {
  width: 100%;
  border-radius: 10px;
}
.section-2 .uvguyrtttt_inner h6 {
    padding: 8px 1.5rem;
    border-radius: 8px;
    background: var(--secondary-pink-color);
    color: #fff !important;
    font-weight: 400 !important;
    display: inline-block;
    box-shadow: rgba(212, 136, 120, 0.8) 6px 2px 22px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
    user-select: none;
}
.section-2 .uvguyrtttt_inner .fvcretrhytreww li {
  list-style: none;
  display: flex;
  align-items: center;
}
.s-bck{
    background: linear-gradient(to bottom, #ffffff 0%, var(--background-yellow-color) 50%, #ffffff 100%);
}
.section-2 .uvguyrtttt_inner .fvcretrhytreww li i {
  color: var(--secondary-pink-color);
  font-size: 20px;
}

.section-3 .s-3-overlay {
  background: rgba(0, 0, 0, 0.65);
}
.section-3 .s-3-overlay .uyvcrettrt {
  border-right: 1px solid var(--light-border-color);
}
.section-3 .s-3-overlay .uyvcrettrt h3 {
  color: #fff;
}
.section-3 .s-3-overlay .uyvcrettrt .count-digit {
  color: var(--main-green-background-color);
  font-size: 3.5rem;
  font-weight: 600;
  font-family: var(--font-family-league-spartan);
  line-height: 1;
}
.section-3 .s-3-overlay .trytterrrr {
  border-right: 0;
}

.fsdfasedzxdfzsdf{
    margin-bottom: 1rem;
}

.section-4 {
  background: linear-gradient(to bottom, #ffffff 0%, var(--background-yellow-color) 50%, #ffffff 100%);
}
.section-4 .iuvcretrtt_content h1 {
  font-weight: 600;
}
.section-4 .iuvcretrtt_content span {
  margin: auto;
}
.section-4 .iuvcretrtt_content p {
  margin-top: 1.5rem;
}
.section-4 .fbrtrtt_wrapper .iuhvrtttrrr_inner {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 10px;
  transition: 0.2s ease-in-out;
  cursor: pointer;
}
.section-4 .fbrtrtt_wrapper .iuhvrtttrrr_inner:hover{
    transform: scale(1.1);
    transition: 0.2s ease-in-out;
}
.section-4 .fbrtrtt_wrapper .iuhvrtttrrr_inner .crtrtyhuyu h4 {
  font-weight: 600;
  text-transform: capitalize;
  color: var(--heading-text-color);
}
.section-4 .fbrtrtt_wrapper .iuhvrtttrrr_inner .crtrtyhuyu p {
  margin-top: 1rem;
}
.fsdfasedzxdfzsdf img{
    border-radius: 10px;
}
.section-4 .fbrtrtt_wrapper .iuhvrtttrrr_inner .kopgrtrtt_strut {
  background: var(--main-green-background-color);
  width: 20rem;
  height: 10rem;
  position: absolute;
  border-radius: 50%;
  transform: translate(7rem, -20rem) rotate(44deg);
  transition: 0.3s ease-in-out;
}
.section-4 .fbrtrtt_wrapper .iuhvrtttrrr_inner:hover .kopgrtrtt_strut {
  transform: translate(6.5rem, -19.5rem) rotate(44deg);
  transition: 0.3s ease-in-out;
}

.section-5 .iuvcretrtt_content h1 {
  font-weight: 600;
}
.section-5 .iuvcretrtt_content p {
  margin-top: 1.5rem;
}
.section-5 .uifhrttttt_wrapper .uygerrrrr_inner {
  box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}
.section-5 .uifhrttttt_wrapper .uygerrrrr_inner .uihiuerrr_image {
  border-radius: 10px 10px 0 0;
}
.section-5 .uifhrttttt_wrapper .uygerrrrr_inner .frtrttt {
  background: var(--main-green-background-color);
}
.section-5 .uifhrttttt_wrapper .uygerrrrr_inner .frtrttt p {
  font-weight: 600;
  color: #fff;
  letter-spacing: 2px;
  font-size: 12px;
}
.section-5 .uifhrttttt_wrapper .uygerrrrr_inner .ugtrrettyyyy h4 {
  font-weight: 600;
}
.section-5 .uifhrttttt_wrapper .uygerrrrr_inner .ugtrrettyyyy a {
  font-weight: 600;
  font-family: var(--font-family-league-spartan);
  font-size: 18px;
  color: var(--main-green-background-color) !important;
  letter-spacing: 1px;
  transition: 0.3s ease-in-out;
}
.section-5 .uifhrttttt_wrapper .uygerrrrr_inner .ugtrrettyyyy a:hover {
  text-decoration: underline !important;
  transition: 0.3s ease-in-out;
}
.section-5 .uifhrttttt_wrapper .owl-stage-outer {
  padding: 1rem;
}

.section-6 .s-6-overlay {
  background: rgba(0, 0, 0, 0.4);
}
.section-6 .uyghuyerrr_content h1 {
  color: #fff;
}
.section-6 .uygrettt_wrapper .ciuretrt_slider {
  border-radius: 10px;
}
.section-6 .uygrettt_wrapper .ciuretrt_slider .cefgtrtr {
  width: 10rem;
  height: 6rem;
  position: absolute;
  background: var(--main-green-background-color);
  border-radius: 10px 0 10px 0;
  transform: translate(-48px, -106px);
}
.section-6 .uygrettt_wrapper .ciuretrt_slider .fretruyuuu {
  right: 0;
  transform: translate(25px, 10px);
}
.section-6 .uygrettt_wrapper .ciuretrt_slider .uygerrrr_sttre .uygrtrt_circle {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
}
.section-6 .uygrettt_wrapper .ciuretrt_slider .uygerrrr_sttre .ieurtttt h5 {
  font-weight: 600;
  color: var(--main-green-background-color);
  letter-spacing: 1px;
}
.section-6 .uygrettt_wrapper .owl-dots .owl-dot span {
  width: 20px !important;
  height: 5px !important;
}
.section-6 .uygrettt_wrapper .owl-dots .owl-dot.active span {
  background: var(--main-green-background-color);
}

.section-7 {
  background: var(--main-light-background-color);
}
.section-7 .uichrtttt_content h1 {
  font-weight: 600;
}
.section-7 .jfugbrtr_wrapper .uigerrrr_inner {
  border-radius: 10px 10px 0 0;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.section-7 .jfugbrtr_wrapper .uigerrrr_inner .iuherrrr_image {
  position: relative;
}
.section-7 .jfugbrtr_wrapper .uigerrrr_inner .iuherrrr_image span {
  padding: 20px;
  background: var(--main-green-background-color);
  width: 6rem;
  height: 6rem;
  display: block;
  position: absolute;
  top: 1rem;
  right: 1rem;
  border-radius: 0 50% 50% 50%;
  color: #fff;
  font-weight: 600;
  line-height: 26px;
}
.section-7 .jfugbrtr_wrapper .uigerrrr_inner:hover img {
  transform: scale(1.1);
  transition: 0.3s ease-in-out;
}
.section-7 .jfugbrtr_wrapper .uigerrrr_inner .uieghrrttt h4 {
  font-weight: 600;
}
.section-7 .jfugbrtr_wrapper .uigerrrr_inner .uieghrrttt a {
  color: var(--main-green-background-color) !important;
  font-weight: 600;
  letter-spacing: 1px;
  position: relative;
  transition: 0.3s ease-in-out;
  text-transform: uppercase;
}
.section-7 .jfugbrtr_wrapper .uigerrrr_inner .uieghrrttt a:hover i {
  transform: translateX(5px);
  transition: 0.3s ease-in-out;
}
.section-7 .jfugbrtr_wrapper .uigerrrr_inner .uieghrrttt a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: var(--main-green-background-color);
  bottom: -5px;
  left: 0;
  transition: 0.5s ease-in-out;
}
.section-7 .jfugbrtr_wrapper .uigerrrr_inner .uieghrrttt a:hover:after {
  width: 100%;
  transition: 0.5s ease-in-out;
}

/*invitation categories end*/



/*shop start*/

.diewjrrw{
    justify-content: end;
}

.asdasdasdasd{
    flex: 1;
}

.fewfgdedmghjn {
  width: 100%;
  background: #fff;
}
.doiewjrkerr{
    border-bottom: 1px solid var(--light-border-color);
}
.price-input {
  width: 100%;
  display: flex;
  margin: 0 0 20px;
}
.price-input .field {
  display: flex;
  width: 100%;
  height: 35px;
  align-items: center;
}
.field input {
  width: 100%;
  height: 100%;
  outline: none;
  font-size: 16px;
  margin-left: 5px;
  border-radius: 5px;
  text-align: center;
  border: 1px solid var(--light-border-color);
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.price-input .separator {
  width: 60px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}
.slider {
  height: 5px;
  position: relative;
  background: #ddd;
  border-radius: 5px;
}
.slider .progress {
  height: 100%;
  left: 0%;
  right: 0%;
  position: absolute;
  border-radius: 5px;
  background: var(--primary-pink-color);
}
 .slider {
    height: 5px;
    position: relative;
    background: #ddd;
    border-radius: 5px;
}

.range-input {
    position: relative;
}

.range-input input {
    position: absolute;
    width: 100%;
    top: -5px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
}

.range-input {
  position: relative;
}
.range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.fewfgdedmghjn input[type="range"]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: var(--secondary-pink-color);
  pointer-events: auto;
  -webkit-appearance: none;
}
.fewfgdedmghjn input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: var(--secondary-pink-color);
  pointer-events: auto;
  -moz-appearance: none;
}

.doiewjrkerr .form-label{
    position: relative;
    font-weight: 600;
    letter-spacing: 1px;
}

.doiewjrkerr .form-label:before{
    position: absolute;
    content: "";
    width: 2rem;
    height: 3px;
    bottom: -11px;
    border-radius: 10px;
    background: linear-gradient(to right, var(--primary-pink-color), var(--secondary-pink-color));
}

/*shop end*/



/*search button start*/

i.header-search{
    font-size: 1.5rem;
    color: var(--secondary-pink-color);
    cursor: pointer;
    transition: all 0.2s ease;
}

.paokdfpsepf_banners{
    height: 300px;
}

.paokdfpsepf_banners .contant1 {
    margin-top: 5rem;
}

.paokdfpsepf_banners .contant1 h1 {
    font-size: 50px;
}

i.header-search:hover{
    transform: scale(1.1);
    transition: all 0.2s ease;
}

.header-searchbar-modal-backdrop{
    background: rgba(0, 0, 0, 0.6);
    opacity: 1;
    visibility: visible;
    z-index: 9999;
}

.header-searchbar-modal-backdrop-hide{
    opacity: 0;
    visibility: hidden;
    z-index: -9999;
    transition: 0.2s ease-in-out;
} 

.header-searchbar input.form-control{
    padding: 1rem 3.5rem 1rem 1.5rem !important;
    border-radius: 50px;
}
    
.header-searchbar i{
    right: 1%;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: var(--secondary-pink-color);
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.3;
}

.header-searchbar{
    width: 500px;
    max-width: 90%;
    opacity: 1;
    top: 30%;
    left: 50%;
    border-radius: 50px;
    transform: translateX(-50%);
    visibility: visible;
    z-index: 10000;
    transition: 0.2s ease-in-out;
}

.header-searchbar-hide{
    opacity: 0;
    visibility: hidden;
    z-index: -10000;
    transition: 0.2s ease-in-out;
}

/*search button end*/



/*sign up log in start*/

.sign-log-modal-backdrop{
    background: rgba(0, 0, 0, 0.6);
    opacity: 1;
    visibility: visible;
    z-index: 9999;
    transition: 0.2s ease-in-out;
}

.sign-log-modal-backdrop-hide{
    opacity: 0;
    visibility: hidden;
    z-index: -9999;
    transition: 0.2s ease-in-out;
}

.sign-log-modal{
    width: 400px;
    max-width: 90%;
    border-radius: 10px;
    opacity: 1;
    visibility: visible;
    z-index: 10000;
    transition: 0.2s ease-in-out;
}

.sign-log-modal-hide{
    opacity: 0;
    visibility: hidden;
    z-index: -10000;
    transition: 0.2s ease-in-out;
}

.s-l-modal-header{
    border-bottom: 1px solid var(--light-border-color);
}

.topbar span i{
    color: var(--secondary-pink-color);
}

.dejiwrwer .form-label,
.dejiwrwer .form-control::placeholder{
    font-size: 0.8rem !important;
}

.dejiwrwer .form-label i{
    color: var(--secondary-pink-color);
}

.hjngkmfadswd i{
    top: 50%;
    transform: translateY(-50%);
    right: 3%;
    color: var(--heading-text-color);
    cursor: pointer;
    transition: 0.2s ease-in-out;
}

.hjngkmfadswd i:hover{
    transform: translateY(-50%) scale(1.1);
    transition: 0.2s ease-in-out;
}

.dfghgfdgefrgghjkjuyt p{
    color: var(--paragraph-text-color);
    user-select: none;
}

.dfghgfdgefrgghjkjuyt p:before{
    position: absolute;
    content: "";
    width: 32%;
    height: 2px;
    background: var(--light-border-color);
    left: -34%;
    top: 50%;
    transform: translateY(-50%);
}

.dfghgfdgefrgghjkjuyt p:after{
    position: absolute;
    content: "";
    width: 32%;
    height: 2px;
    background: var(--light-border-color);
    right: -34%;
    top: 50%;
    transform: translateY(-50%);
}

.s-l-modal-body{
    height: 520px;
}

.s-l-modal-header h4{
    transition: 0.3s ease-in-out;
}

.s-l-modal-header i{
    cursor: pointer;
}

.log-in-frm-wrappr{
    bottom: -49%;
    background: var(--secondary-pink-color);
    border-top-left-radius: 200px;
    border-top-right-radius: 200px;
    transition: 0.3s ease-in-out;
    overflow: hidden;
}

.log-in-frm-wrappr-toggle{
    bottom: 0 !important;
    padding-bottom: calc(100% - 49%);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    transition: 0.3s ease-in-out;
}

.log-in-frm-wrappr i,
.log-in-frm-wrappr label{
    color: #fff !important;
}

.log-in-frm-wrappr .btn-main{
    background: #fff !important;
    color: #000 !important;
    border-color: #fff !important;
}

.log-in-frm-wrappr .btn-main::after{
    border-color: #fff !important;
}

.log-in-frm-wrappr .s-l-modal-header{
    cursor: pointer;
}

.dfghgfdgefrgghjkjuyt span{
    text-decoration: underline;
    font-style: italic;
    cursor: pointer;
}

.log-in-frm-wrappr .dfghgfdgefrgghjkjuyt p{
    color: #fff;
}

.hder-drpdwon ul{
    border-radius: 8px;
    border: 1px solid var(--light-border-color);
}

.hder-drpdwon ul li{
    list-style: none;
    border-bottom: 1px solid var(--light-border-color);
}

.hder-drpdwon ul li:last-child{
    border-bottom: 0;
}

.hder-drpdwon{
    z-index: -9999;
    transform: translateY(-10px);
    visibility: hidden;
    opacity: 0;
    height: 0;
    left: -165%;
    width: 75vw;
    border-radius: 5px;
    transition: 0.2s ease-in-out;
    box-shadow: rgba(14, 30, 37, 0.1) 0px 3px 71px 2px, rgba(14, 30, 37, 0.2) 0px 2px 18px -7px;
}

.hder-drpdwon-show{
    z-index: 9999;
    transform: initial;
    visibility: visible;
    opacity: 1;
    height: auto;
    transition: 0.2s ease-in-out;
}

.dthewrerfrrrt a{
    font-size: 0.9rem;
}

.diweoojwkrwer .col-lg-3 .dokewjrjweoijre{
    border-right: 1px solid var(--light-border-color);
}

.sfdheetyyyree{
    flex-direction: column;
}

.sddfhsdsgdhgeee{
    justify-content: end;
}

.sfdheetyyyree button{
    border: 0 !important;
    cursor: pointer;
    background: #fff !important;
}

.sfdheetyyyree button:hover{
    padding-right: 10px;
    transition: all 0.2s ease;
}

.sfdheetyyyree button i{
    color: #000;
    position: relative;
}

.sfdheetyyyree button i::before{
    margin-right: 8px;
    line-height: 1.2;
    font-size: 1.4rem;
}

.dthewrerfrrrt{
    margin-right: 0.8rem;
    padding-inline: 0.5rem;
    transition: all 0.2s ease;
    border-radius: 5px;
}

.dthewrerfrrrt:hover{
    background: var(--primary-pink-color);
    transition: all 0.2s ease;
    
}
    
.sfdheetyyyree button i::after{
    position: absolute;
    content: "";
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    border: 2px solid var(--secondary-pink-color);
    top: 50%;
    transform: translateY(-50%);
    right: 1%;
    transition: all 0.2s ease;
}

.sfdheetyyyree button:hover i::after{
    width: 6.5rem;
    height: 1.8rem;
    border-radius: 50px;
    transition: all 0.2s ease;
}

.hder-drpdwon .product-card h5 {
    font-size: 12px;
    height: auto;
}

.hder-drpdwon .product-card p {
    font-size: 0.9rem;
}

.hder-drpdwon .product-card{
    margin-bottom: 0 !important;
}

.my-profile-drpdown ul{
    border-radius: 8px;
    border: 1px solid var(--light-border-color);
}

.my-profile-drpdown ul li{
    list-style: none;
    border-bottom: 1px solid var(--light-border-color);
}

.my-profile-drpdown ul li:last-child{
    border-bottom: 0;
}

.my-profile-drpdown{
    z-index: -999;
    transform: translateY(-10px);
    visibility: hidden;
    opacity: 0;
    height: 0;
    transition: 0.2s ease-in-out;
    width: 200px;
}

.myprofile-drpdown{
    cursor: pointer;
    color: #000;
}

i.dsgdesweee{
    font-size: 1.6rem;
    transition: 0.2s ease-in-out;
}

.myprofile-drpdown i.fa-angle-down{
    font-size: 1rem;
    color: #727272;
}

.my-profile-drpdown-show{
    z-index: 999;
    transform: initial;
    visibility: visible;
    opacity: 1;
    height: auto;
    transition: 0.2s ease-in-out;
}

/*sign up log in end*/





/*contact us start*/

.cu-section-1{
    background: linear-gradient(to bottom, #ffffff 0%, var(--background-yellow-color) 50%, #ffffff 100%);
}

.mdolejworew i{
    color: var(--secondary-pink-color);
    font-size: 1.2rem;
}

.mdolejworew input.form-control,
.mdolejworew textarea.form-control{
    border-left: 5px solid var(--primary-pink-color);
}

hr.odjeoiwjorwercsv{
  opacity: 1;
  background: linear-gradient(45deg, var(--primary-pink-color), var(--secondary-pink-color)) !important;
  padding-bottom: 4px;
  border-radius: 10px;
  width: 5rem;
}

.vfnjfigdfvdf{
    border-radius: 8px;
    border: 1px solid var(--light-border-color);
}

i.injuinbnunwer_icon{
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: var(--primary-pink-color);
    color: #fff;
    text-align: center;
    line-height: 2.5;
    flex: none;
}

.vfnjfigdfvdf h6{
    letter-spacing: 1px;
    word-break: break-word;
}

.doiwiehrkwher a{
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    transition: 0.2s ease-in-out;
    background: linear-gradient(45deg, var(--primary-pink-color), var(--secondary-pink-color));
}

.doiwiehrkwher a:hover{
    transform: scale(1.1);
    transition: 0.2s ease-in-out;
    background: linear-gradient(45deg, var(--secondary-pink-color), var(--primary-pink-color));
    box-shadow: rgba(211, 136, 122, 0.12) 0px 2px 4px 0px, rgba(211, 136, 122, 0.32) 0px 2px 16px 0px;
}

.doiwiehrkwher a i{
    color: #fff;
}

/*contact us end*/



/*blogs start*/

.newdesign-blog-card{
    border-radius: 8px;
    border: 4px solid #fff;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    transition: 0.2s ease-in-out;
}

.newdesign-blog-card img{
    transition: 0.2s ease-in-out;
}

.newdesign-blog-card:hover img{
    transform: scale(1.1);
    transition: 0.2s ease-in-out;
}

.newdesign-blog-image .dowejoirjwer{
    border-radius: 8px;
}

.newdesign-blog-date{
    padding: 8px 1rem;
    background: linear-gradient(to right, var(--primary-pink-color), var(--secondary-pink-color));
    border-radius: 0 25px 25px 0;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    color: #fff;
}

.newdesign-blog-content h4{
    font-size: 1.3rem;
    line-height: 1.4;
    color: #000;
}

.gfhfyfgdddd,
.dewoijweojr{
    border-radius: 5px;
}

.gfhfyfgdddd{
    transition: 0.2s ease-in-out;
    border-bottom: 1px solid var(--light-border-color);
    background: #fff;
}

.gfhfyfgdddd:hover{
    transform: scale(1.1);
    transition: 0.2s ease-in-out;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

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

/*blogs end*/



/*blog details start*/

.vdfgfsdasdasd{
    box-shadow: none;
}

.vdfgfsdasdasd:hover img{
    transform: scale(1);
}

.vdfgfsdasdasd .newdesign-blog-content h4{
    font-size: initial;
}

.dfgdf p{
    line-height: 2;
}

.eeveret button.sjtdfgtser{
    background: var(--primary-pink-color);
    border-color: #000 !important;
    border-width: 1px;
    color: #000 !important;
}

.eeveret button.sjtdfgtser:after{
    border-color: var(--highlighted-orange-color) !important;
}

/*blog details end*/



/*product details start*/

.breadcrumb li{
    list-style: none;
    padding-right: 5px;
    color: var(--paragraph-text-color);
}

.breadcrumb li:last-child{
    padding-right: 0;
    user-select: none;
    cursor: none;
}

.doewhrewrr h2{
    font-size: 1.4rem;
    line-height: 1.6;
    color: #000;
    font-weight: 400;
}

.saddherfewaeee i{
    color: goldenrod;
}


.doewhrewrr .price{
    font-size: 1.4rem;
}

.doewhrewrr .price span{
    text-decoration: line-through;
    color: #727272;
}

.input-group .btn-qty{
    background: var(--secondary-pink-color);
    color: #fff;
    font-size: 1.4rem;
    line-height: 0;
}

.asderwerwer:before{
    position: absolute;
    content: "";
    width: 12%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right, var(--secondary-pink-color), var(--primary-pink-color));
    transition: 0.2s ease-in-out;
}

.asderwerwer:hover:before{
    width: 92%;
    transition: 0.2s ease-in-out;
}

.dsfgbdsdeeaweeee{
    align-items: baseline;
}

.eeveret a{
    font-family: var(--font-family-faculty-glyphic);
}

.eeveret a i{
    color: var(--highlighted-orange-color);
    transition: 0.2s ease-in-out;
}

.eeveret a:hover i{
    padding-right: 5px;
    transition: 0.2s ease-in-out;
    transform: rotate(360deg);
}

.aosijdowerwer i{
    color: var(--highlighted-orange-color);
}

.edewrjweorewr span{
    font-weight: 600;
}

.asdsgegrfwwww .nav-tabs .nav-item button.nav-link{
    color: #000 !important;
    font-family: var(--font-family-faculty-glyphic);
    cursor: pointer;
}

.asdsgegrfwwww .nav-tabs .nav-item button.nav-link:hover{
    background: var(--primary-pink-color);
}

.asdsgegrfwwww .nav-tabs .nav-item button.nav-link i{
    color: var(--highlighted-orange-color);
}

.asdsgegrfwwww .nav-tabs .nav-item button.nav-link.active{
    background: var(--secondary-pink-color);
    color: #fff !important;
}

.asdsgegrfwwww .nav-tabs .nav-item button.nav-link.active i{
    color: #fff !important;
}

.deojwrerewr img{
    border-radius: 8px;
}

.sadgbhdsdefaee{
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.discount-badge{
    color: #fff;
    left: 67%;
    top: 34%;
    font-weight: 600;
    font-size: 0.8rem;
    letter-spacing: 1px;
    transform: translate(-50%, -50%);
    font-family: var(--font-family-faculty-glyphic);
}

.discount-badge span{
    font-family: var(--font-family-faculty-glyphic);
    margin-left: 0.5rem;
}

.lakjsloer .card-price span{
    font-weight: 600;
}

.price-old{
    text-decoration: line-through;
    color: #727272;
}

.oadjswmfwekr{
    color: #000;
    height: 6.5rem;
}

.safghsdfsedf{
    color: #727272;
    font-size: 12px;
}

.star-rating {
    font-size: 28px;
    cursor: pointer;
    color: #ccc;
}

.star-rating .star.active {
    color: #ffc107;
}
.review-card {
    background: linear-gradient(145deg, #ffffff, #f8f9fa);
    border-radius: 15px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.05);
    transition: 0.3s ease;
    border: 1px solid var(--light-border-color);
}

.review-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 25px rgba(0,0,0,0.08);
}

.review-avatar {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffc107, #ff9800);
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.review-name {
    font-size: 16px;
}

.review-rating {
    font-size: 26px; /* ⭐ Bigger Stars */
}

.star-filled {
    color: #ffc107;
}

.star-empty {
    color: #ddd;
}

.review-comment {
    font-size: 14px;
    line-height: 1.8;
}

.nolmoijitwrwer{
    border-top: 1px solid var(--light-border-color);
    border-bottom: 1px solid var(--light-border-color);
}

.safgdghdrtterrrrr{
    cursor: pointer;
    user-select: none;
}

.safgdghdrtterrrrr i.bi-ticket-detailed{
    color: var(--highlighted-orange-color);
}

.sefstfhfywrdrgtdtg{
    height: auto;
    opacity: 1;
    visibility: visible;
    transition: all 0.2s ease;
    padding-top: 1rem;
}

.dkwekrfnwejkhrwer{
    border-bottom: 1px solid var(--light-border-color);
}

.dmjyrterwe{
    border-bottom: 0;
}

.dgsfsdawwqeqwe{
    border-top: 1px solid var(--light-border-color);
}

.duajjjewjerrr{
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    padding-top: 0 !important;
}

.r-p-slider button {
    position: absolute;
    background: var(--secondary-pink-color) !important;
    border-radius: 50% !important;
    top: 50%;
    transform: translateY(-50%);
    width: 3rem;
    height: 3rem;
    font-size: 3rem !important;
    margin: 0 !important;
    color: #fff !important;
    box-shadow: rgba(192, 132, 151, 0.12) 0px 2px 4px 0px, rgba(192, 132, 151, 0.32) 0px 2px 16px 0px;
    opacity: 0.8;
    transition: all 0.2s ease;
}

.r-p-slider button:hover{
    opacity: 1;
    transition: all 0.2s ease;
}

.r-p-slider button.owl-prev{
    left: -1.5%;
}

.r-p-slider button.owl-next{
    right: -1.5%;
}

.r-p-slider .owl-nav button span {
    color: #fff;
    line-height: 0;
    font-size: 2.5rem;
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*product details end*/



/*user dashboard start*/

.sidebar{
    border-right: 1px solid var(--light-border-color);
}

.profile-header > h4{
    color: var(--heading-text-color);
}

.sdfvgdfgfawsdeww li{
    width: 100%;
    transition: 0.2s ease-in-out;
    border-bottom: 1px solid var(--light-border-color);
    border-radius: 8px;
}

.sdfvgdfgfawsdeww > div i{
    font-size: 1.8rem;
    color: var(--paragraph-text-color);
}

.sdfvgdfgfawsdeww li:last-child{
    border-bottom: 0;
}

.sdfvgdfgfawsdeww li a{
    color: #000;
    display: flex;
    align-items: center;
    padding: 0.8rem 0;
    transition: 0.2s ease-in-out;
}

.sdfvgdfgfawsdeww li:hover a{
    padding: 0.8rem 1rem !important;
    transition: 0.2s ease-in-out;
}

.sdfvgdfgfawsdeww li a i{
    font-size: 1.4rem;
    color: var(--highlighted-orange-color);
}

.sdfvgdfgfawsdeww li:hover{
    background: var(--primary-pink-color);
    transition: 0.2s ease-in-out;
}

.sdfvgdfgfawsdeww li:hover a{
    color: #000 !important;
}

.diewjrmiweurewr{
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
}

.dweojrjiorr [type="file"] {
	 height: 0;
	 overflow: hidden;
	 width: 0;
}
.dweojrjiorr [type="file"] + label {
	 background: #fff !important;
	 border: 2px solid var(--secondary-pink-color);
	 border-radius: 5px;
	 color: var(--secondary-pink-color);
	 cursor: pointer;
	 display: inline-block;
	 font-size: inherit;
	 font-weight: 500;
	 font-family: var(--font-family-faculty-glyphic);
	 outline: none;
	 padding: 0.5rem 1.5rem;
	 position: relative;
	 transition: all 0.3s;
	 vertical-align: middle;
}
.dweojrjiorr [type="file"] + label:hover {
	 background-color: var(--secondary-pink-color);
	 box-shadow: rgba(192, 132, 151, 0.12) 0px 2px 4px 0px, rgba(192, 132, 151, 0.32) 0px 2px 16px 0px;
}
.dweojrjiorr [type="file"] + label.btn-2 {
	 background-color: var(--secondary-pink-color);
	 border-radius: 50px;
	 overflow: hidden;
}
.dweojrjiorr [type="file"] + label.btn-2::before {
	content: "\f093"; /* upload icon */
    font-family: "Font Awesome 6 Free";
    font-weight: 900; /* IMPORTANT for solid icons */
    color: #fff !important;
    font-size: 100%;
    height: 100%;
    right: 130%;
    line-height: 2.3;
    position: absolute;
    top: 0;
    transition: all 0.3s;
}
.dweojrjiorr [type="file"] + label.btn-2:hover {
	 background-color: var(--secondary-pink-color) !important;
	 color: #fff !important;
	 padding-left: 3rem !important;
}
.dweojrjiorr [type="file"] + label.btn-2:hover::before {
	 right: 77%;
}

.sdfvgdfgfawsdeww li a:focus{
    color: #000 !important;
}

/*user dashboard end*/



/*add to cart start*/

.deowijrwerer{
    border: 1px solid var(--light-border-color);
    border-radius: 10px;
    transition: 0.2s ease-in-out;
}

.deowijrwerer:hover{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    transition: 0.2s ease-in-out;
}

.text-product-info h5{
    font-size: 1rem;
    line-height: 1.6;
}

.dfbghdsfsfade{
    font-weight: 600;
    letter-spacing: 1px;
}

.dfbghdsfsfade span{
    text-decoration: line-through;
    color: #727272;
    display: inline-block;
}

.dasfdgtedefdfdf{
    flex-direction: column;
}

.dewjoprewrewr{
    justify-content: end;
}

.dewjoprewrewr i{
    color: red;
}

.doijeroekwrewr{
    border-radius: 10px;
}

.ghdfgsfdfhgg i{
    font-style: initial;
    background: var(--highlighted-orange-color);
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    color: #fff;
    flex: none;
    text-align: center;
    line-height: 1.8;
}

.ghdfgsfdfhgg{
    font-size: 0.8rem;
    font-style: italic;
}

.cdsfgewfrt{
    border-bottom: 1px solid var(--light-border-color);
}

.dfghttwdedsdsf.sticky-top{
    top: 15%;
}

.dfghttwdedsdsf td{
    font-weight: 600;
}

.badge{
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 50%;
    background: var(--secondary-pink-color);
    display: block;
    position: absolute;
    left: 57%;
    top: -40%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
}

.myprofile-drpdown.nav-link:hover,
.dsgdesweee:hover{
    color: var(--highlighted-orange-color);
    transition: 0.2s ease-in-out;
}

.bgfhgh{
    font-family: var(--font-family-lato);
    font-size: 0.8rem;
}

.bgfhgh a{
    color: var(--secondary-pink-color);
}

/*add to cart end*/



/*checkout start*/

.dopwjeojwryuyu{
    border-bottom: 1px solid var(--light-border-color);
    border-radius: 10px;
}

.advgdgsdfnjjhh{
    width: 5rem;
    border-radius: 5px;
}

.advgdgsdfnjjhh img{
    border-radius: 5px;
}

.doweokopkpkkrr p{
    font-size: 0.8rem;
}

p.doweokopkpkkrr-name{
    line-height: 1.4;
    font-family: var(--font-family-faculty-glyphic);
}

.sfgrggghtrr-table td{
    font-weight: 600;
}

.diheibjewuihir > p{
    font-family: var(--font-family-faculty-glyphic);
}

.diheibjewuihir p i{
    color: var(--highlighted-orange-color);
    font-size: 1.2rem;
}

.dsfewrwerwec label{
    border-radius: 8px;
    border: 1px solid var(--light-border-color);
}

span.rzrpy-info{
    font-size: 0.8rem;
}

span.rzrpy-info img{
    width: 1.5rem;
}

/**/

.checkbox-wrapper-12 {
    position: relative;
  }
  .checkbox-wrapper-12 > svg {
    position: absolute;
    top: -130%;
    left: -170%;
    width: 110px;
    pointer-events: none;
  }
  .checkbox-wrapper-12 * {
    box-sizing: border-box;
  }
  .checkbox-wrapper-12 input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin: 0;
  }
  .checkbox-wrapper-12 input[type="radio"]:focus {
    outline: 0;
  }
  .checkbox-wrapper-12 .cbx {
    width: 24px;
    height: 24px;
    top: calc(50vh - 12px);
    left: calc(50vw - 12px);
  }
  .checkbox-wrapper-12 .cbx input {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: 2px solid #bfbfc0;
    border-radius: 50%;
  }
  .checkbox-wrapper-12 .cbx label {
    width: 24px;
    height: 24px;
    background: none;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-filter: url("#goo-12");
    filter: url("#goo-12");
    transform: trasnlate3d(0, 0, 0);
    pointer-events: none;
  }
  .checkbox-wrapper-12 .cbx svg {
    position: absolute;
    top: 5px;
    left: 4px;
    z-index: 1;
    pointer-events: none;
  }
  .checkbox-wrapper-12 .cbx svg path {
    stroke: #fff;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 19;
    stroke-dashoffset: 19;
    transition: stroke-dashoffset 0.3s ease;
    transition-delay: 0.2s;
  }
  .checkbox-wrapper-12 .cbx input:checked + label {
    animation: splash-12 0.6s ease forwards;
  }
  .checkbox-wrapper-12 .cbx input:checked + label + svg path {
    stroke-dashoffset: 0;
  }
  @-moz-keyframes splash-12 {
    40% {
      background: var(--secondary-pink-color);
      box-shadow: 0 -18px 0 -8px var(--secondary-pink-color), 16px -8px 0 -8px var(--secondary-pink-color), 16px 8px 0 -8px var(--secondary-pink-color), 0 18px 0 -8px var(--secondary-pink-color), -16px 8px 0 -8px var(--secondary-pink-color), -16px -8px 0 -8px var(--secondary-pink-color);
    }
    100% {
      background: var(--secondary-pink-color);
      box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
    }
  }
  @-webkit-keyframes splash-12 {
    40% {
      background: var(--secondary-pink-color);
      box-shadow: 0 -18px 0 -8px var(--secondary-pink-color), 16px -8px 0 -8px var(--secondary-pink-color), 16px 8px 0 -8px var(--secondary-pink-color), 0 18px 0 -8px var(--secondary-pink-color), -16px 8px 0 -8px var(--secondary-pink-color), -16px -8px 0 -8px var(--secondary-pink-color);
    }
    100% {
      background: var(--secondary-pink-color);
      box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
    }
  }
  @-o-keyframes splash-12 {
    40% {
      background: var(--secondary-pink-color);
      box-shadow: 0 -18px 0 -8px var(--secondary-pink-color), 16px -8px 0 -8px var(--secondary-pink-color), 16px 8px 0 -8px var(--secondary-pink-color), 0 18px 0 -8px var(--secondary-pink-color), -16px 8px 0 -8px var(--secondary-pink-color), -16px -8px 0 -8px var(--secondary-pink-color);
    }
    100% {
      background: var(--secondary-pink-color);
      box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
    }
  }
  @keyframes splash-12 {
    40% {
      background: var(--secondary-pink-color);
      box-shadow: 0 -18px 0 -8px var(--secondary-pink-color), 16px -8px 0 -8px var(--secondary-pink-color), 16px 8px 0 -8px var(--secondary-pink-color), 0 18px 0 -8px var(--secondary-pink-color), -16px 8px 0 -8px var(--secondary-pink-color), -16px -8px 0 -8px var(--secondary-pink-color);
    }
    100% {
      background: var(--secondary-pink-color);
      box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
    }
  }
  
  .oidnfkhjkrewjrkljewr button#removeCouponBtn{
      color: red;
  }
  
  .scdvfjnfdfdeghgft h6 i{
      color: var(--highlighted-orange-color);
      font-size: 1.2rem;
  }
  
  span.dsfgderhtree{
    font-size: 1.4rem;
    font-weight: 600;
  }
  
  span.djomojjier img{
      width: 2.8rem;
  }
  
  .idwejkkty{
      border-radius: 8px;
      border: 2px solid var(--secondary-pink-color);
      cursor: pointer;
  }
  
  .active-thumb:before{
      position: absolute;
      content: "";
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: rgba(212, 136, 120, 0.4);
  }
  
    .pd-main-image-slider .owl-nav button{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 3rem;
        height: 3rem;
        border-radius: 50% !important;
        background: var(--secondary-pink-color) !important;
        margin: 0 !important;
        border: 2px solid rgba(255, 255, 255, 1) !important;
    }
    
    .pd-main-image-slider .owl-nav button.owl-prev{
        left: -5%;
    }
    
    .pd-main-image-slider .owl-nav button.owl-next{
        right: -5%;
    }
    
    .pd-main-image-slider .owl-nav button span{
      color: #fff;
      line-height: 0.6;
      font-size: 1.5rem;
    }
  
    .pd-main-image-slider .product-main-img{
      border-radius: 8px;
    }
  
  .p-m-i-slider .owl-nav button{
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 2rem;
      height: 2rem;
      border-radius: 50% !important;
      background: var(--secondary-pink-color) !important;
      margin: 0 !important;
      border: 2px solid rgba(255, 255, 255, 1) !important;
  }
  
  .p-m-i-slider .owl-nav button.disabled{
      border: 2px solid rgba(192, 132, 151, 0.5) !important;
  }
  
  .p-m-i-slider .owl-nav button span{
      color: #fff;
      line-height: 0.6;
      font-size: 1.5rem;
  }
  
  .p-m-i-slider .owl-nav button.owl-prev{
      left: -3%;
  }
  
  .p-m-i-slider .owl-nav button.owl-next{
      right: -3%;
  }
  
  .p-m-i-slider .owl-carousel .owl-stage {
    display: flex;
    flex-direction: column;
  }

.p-m-i-slider .owl-carousel .owl-item {
    width: 100% !important;
}

.best-sellers-slider .owl-item.active{
    animation: fadeInUp 0.5s;
    padding: 1rem 0.3rem 1rem 0;
}

.best-sellers-slider .sadgbhdsdefaee{
    box-shadow: none;
    border: 1px solid var(--light-border-color);
}

.best-sellers-section.sticky-top{
    top: 5%;
}

.r-p-slider .owl-item{
    padding: 10px;
}

/*checkout end*/




.search-results-box {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
    z-index: 9999;
    max-height: 300px;
    overflow-y: auto;
    border-radius: 8px;
    display: none;
    margin-top: 10px;
}

.search-results-box a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    text-decoration: none;
    color: #222;
    border-bottom: 1px solid #f1f1f1;
}

.search-results-box a:hover {
    background: #f8f8f8;
}

.search-results-box img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 6px;
}

.search-results-box .no-result {
    padding: 10px 12px;
    color: #999;
}