@font-face {
font-family: 'Milchella'; src: url('../font/Milchella Regular.eot'); src: url('../font/Milchella Regular.eot?#iefix') format('embedded-opentype'),url('../font/Milchella Regular.woff2') format('woff2'),url('../font/Milchella Regular.woff') format('woff'),url('../font/Milchella Regular.svg#Milchella Regular') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FD; }

.swiper-button-next, .swiper-button-prev { width: 36px; height: 36px; line-height: 45px; background: #cea16a; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; color: #ffe4ad; }

.swiper-button-next:hover, .swiper-button-prev:hover { background: #ffe4ad; color: #fff; }

.swiper-button-next:after, .swiper-button-prev:after { font-size: 15px; }

#counter { text-align: center; display: flex; align-items: center; justify-content: center; width: 100%; }

#counter .item { width: 25%; text-align: center; border-right: #ddd 1px solid; }

#counter .item:last-child { border-right: none; }

.testimony .swiper-button-next, .testimony .swiper-button-prev { top: 50%; }

.testimony .swiper-button-prev, .testimony .swiper-rtl .swiper-button-next { left: -60px; right: auto; }

.testimony .swiper-button-next, .testimony .swiper-rtl .swiper-button-prev { right: -60px; left: auto; }
.prose p { color: #333!important; font-size: 18px; margin-top: 0 !important; }


.timeline { position: relative; max-width: var(--width-container); margin: 0 auto; padding: var(--spacing-xxl) 0; }

.timeline::after { content: ''; position: absolute; width: 8px; background: linear-gradient(190deg, #f67b50 0, #0f4667 100%)!important; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); border-radius: 4px; height: 0; transition: height 1.5s ease-out,opacity 1.5s ease-out; }

.timeline-container { position: relative; width: 50%; padding: 25px; box-sizing: border-box; opacity: 0; transform: translateY(50px); transition: opacity 0.6s ease-out,transform 0.6s ease-out; }

.timeline-container.left { left: 0; }

.timeline-container.right { left: 50%; }

.timeline-container::before { content: ""; position: absolute; top: 30px; width: 24px; height: 24px; background: var(--text-lighter); border: 4px solid var(--accent-color); border-radius: 50%; transform: translate(-50%, -50%); left: 50%; z-index: 99999; }

.content { padding: 25px; background-color: #fff; position: relative; border-radius: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); transition: box-shadow 0.3s ease,transform 0.3s ease; text-align: center; color: var(--background-dark); font-weight: bold; font-size: 1.25rem; }

.icon { font-size: 32px; margin-right: var(--spacing-s); color: #f67b50; /* Fallback color */ }

a.content-link { text-decoration: none; color: inherit; display: block; }

@media screen and (max-width: 600px) {
  .timeline::after { left: 31px; }
  .timeline-container { width: 100%; padding-left: 80px; padding-right: 40px; margin-bottom: var(--spacing-l); }
  .timeline-container.left::before, .timeline-container.right::before { left: 31px; }
  .timeline-container.right { left: 0; }
  .timeline-container.left, .timeline-container.right { left: 0; }
}

.show { opacity: 1; transform: translateY(0); }

.timeline.show-line::after { height: 100%; opacity: 1; }

.timeline.hide-line::after { height: 0; opacity: 0; }

.listing__details--badge { background: #fff; color: #26232a; box-shadow: -1px 4px 10px 0 rgba(0, 0, 0, 0.06); padding: 6px 22px; }

.floor-plan li, .properties__amenities li { gap: 14px; align-items: center; }

.listing__details--action__list { width: 2.5rem; height: 2.5rem; border: 1px solid #d9d9d9; display: flex; align-items: center; justify-content: center; color: #fa4a4a; border-radius: 0.5rem; background-color: #f3f5fb; }

/* ria */
.partner .swiper-slide { background-color: #fff; border: 1px solid #d0d0d0; height: 200px; display: flex; align-items: center; padding: 0 22px; border-radius: 13px; }

.swiper-pagination-bullet-active { background: #cea16a; }

.partner .swiper-button-prev { left: 80px; }

.partner .swiper-button-next { right: 80px; }

.testimonial { background: linear-gradient(to right, #e2c9a18a 0, #f7f0e5 100%); }

.testimonial .swiper-slide-active .text-center { background-color: #cea16a; }

.testimonial .swiper-slide-active { transform: scale(1.1); }

.testimonial .swiper-slide-active .text-center h3, .testimonial .swiper-slide-active .text-center h6, .testimonial .swiper-slide-active .text-center i, .testimonial .swiper-slide-active .text-center p { color: #fff; }

.homeProduct { margin-top: -8rem; }

.banner-wrap h2 { font-family: 'Milchella'; font-weight: 400; }

/* .banner-wrap a span i{
 width: 28px;
 height: 28px;
 background-color: #FFE4AD;
 color: #CEA16A;
 display: flex;
 justify-content: center;
 align-items: center;
 border-radius: 50%;
}

/* .banner-wrap a span i {
  width: 28px;
  height: 28px;
  background-color: #FFE4AD;
  color: #CEA16A;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
} */

.banner-wrap a { display: flex; align-items: center; gap: 5px; }

/* .stellarnav>ul>li>a {
  padding: 20px 5px;
} */

header .icon a { background-color: #cea16a; display: flex; width: 42px; height: 42px; justify-content: center; align-items: center; border-radius: 50%; }

.inner-banner { background: linear-gradient(to right, #e2c9a1 0, #f7f0e5 100%); }

h1 { font-family: 'Milchella'; font-weight: 400; font-size: 59px; }

.inner-banner p { font-size: 23px; color: #3f3f3f; }

.btn-button { display: flex; align-items: center; gap: 10px; }

.btn-button span { width: 16px; height: 16px; background-color: #ffe4ad; color: #cea16a; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 9px; }

.btn-button span i { rotate: -30deg; transition: all 0.4s; }

.btn-button:hover span i { rotate: 1deg; }

.collection h2 { font-family: 'Milchella'; line-height: 1; }

.login h1 { font-family: 'Milchella'; font-size: 40px; line-height: 1; }

header select:not([size]) { background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e"); }

.funfact .white-box { margin-bottom: -90px; position: relative; z-index: 5; }

.cart-page table tr:last-child { border: 0; }

/* 
.dropdown {
  position: absolute;
  top: 100%;
  width: 100%;
} */
.dropdown .result { width: 100%; padding: 4px; background-color: #f5f7fa; border-left: 1px solid #e6e9ed; border-right: 1px solid #e6e9ed; cursor: pointer; }

.dropdown .result:last-child { border-bottom: 1px solid #e6e9ed; }

.dropdown .result.selected, .dropdown .result:hover { background-color: #cea16a; }

/* Search */
#search-dropdown div { transition: all 0.2s ease-in-out; }

#search-dropdown div:hover { background-color: #f3f3f3; }

/* */
.payment-page { padding: 5rem 0; }

.payment-page .check-icon { text-align: center; padding: 36px; border-radius: 10px; }

.payment-page .check-icon h2 { margin-top: 20px; font-family: 'Milchella'; }

.payment-page .checkmark { width: 150px; height: 150px; border-radius: 50%; display: block; stroke-width: 2; stroke: #4bb71b; stroke-miterlimit: 10; box-shadow: inset 0 0 0 #4bb71b; animation: fill 0.4s ease-in-out 0.4s forwards,scale 0.3s ease-in-out 0.9s both; position: relative; top: 5px; right: 5px; margin: 0 auto; }

.payment-page .checkmark__circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #4bb71b; fill: #F6F0EA; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; }

.payment-page .checkmark__check { transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; }

@keyframes stroke {
  100% { stroke-dashoffset: 0; }
}

@keyframes scale {
  0%, 100% { transform: none; }
  50% { transform: scale3d(1.1, 1.1, 1); }
}

@keyframes fill {
  100% { box-shadow: inset 0 0 0 30px #4bb71b; }
}

.payment-page .amount .d-flex { margin-bottom: 10px; }

.payment-page .amount span { font-size: 17px; color: #e7e5e5; }

.order-box { background-color: #f6f0ea; border-radius: 4px; padding: 15px; }

.order-container { align-items: start; display: flex; gap: 12px; margin-bottom: 15px; }

.order-icon { align-items: center; border: 1px solid #cea16a; border-radius: 50%; display: flex; height: 40px; justify-content: center; position: relative; width: 40px; }

.product-order-detail { border-bottom: 1px solid var(--gray); }

.product-box { align-items: start; display: flex; gap: 20px; background-color: #fff; }

.product-box { background-color: #fff!important; padding: 19px; border-radius: 12px; }

.product-box a img { object-fit: cover; width: 109px; }

.rating { align-items: center; display: flex; margin-top: 10px; gap: 7px; }

.rating i { color: #dfce37; }

.order-icon svg { width: 22px; height: 17px; }

.order-detail a { color: rgb(254 78 79); font-weight: 500; }

.failpage .o-circle { display: flex; width: 160px; height: 160px; justify-content: center; align-items: flex-start; border-radius: 50%; animation: circle-appearance 0.8s ease-in-out 1 forwards,set-overflow 0.1s 1.1s forwards; }

.failpage .c-container__circle { margin: 0 auto; }

.failpage .o-circle__sign { position: relative; opacity: 0; background: #fff; animation-duration: 0.8s; animation-delay: 0.2s; animation-timing-function: ease-in-out; animation-iteration-count: 1; animation-fill-mode: forwards; }

.failpage .o-circle__sign::after, .failpage .o-circle__sign::before { content: ""; position: absolute; background: inherit; }

.failpage .o-circle__sign--failure { background: #ec4e4b; }

.failpage .o-circle__sign--failure .o-circle__sign { width: 1rem; height: 7rem; transform: translateY(25%) rotate(45deg) scale(0.1); border-radius: 50% 50% 50% 50%/10%; animation-name: failure-sign-appearance; }

.failpage .o-circle__sign--failure .o-circle__sign::before { top: 50%; width: 100%; height: 100%; transform: translateY(-50%) rotate(90deg); border-radius: inherit; }

.failpage .o-circle__sign--failure .o-circle__sign::after { background: rgba(175, 57, 55, 0.8); }

@keyframes circle-appearance {
  0% { transform: scale(0); }
  50% { transform: scale(1.5); }
  60% { transform: scale(1); }
  100% { transform: scale(1); }
}

@keyframes failure-sign-appearance {
  50% { opacity: 1; transform: translateY(25%) rotate(45deg) scale(1.7); }
  100% { opacity: 1; transform: translateY(25%) rotate(45deg) scale(1); }
}

@keyframes success-sign-appearance {
  50% { opacity: 1; transform: translateX(130%) translateY(35%) rotate(45deg) scale(1.7); }
  100% { opacity: 1; transform: translateX(130%) translateY(35%) rotate(45deg) scale(1); }
}

@keyframes set-shaddow {
  to { opacity: 1; }
}

@keyframes set-overflow {
  to { overflow: hidden; }
}

.checkout-page .discount { margin-top: 20px; }

.checkout-page .discount li { margin-bottom: 20px; border-bottom: 1px dashed #3f3f3f; padding-bottom: 10px; }

.checkout-page .discount li:last-child { border-bottom: 0; }

.billing .address { display: block; padding: 0 6px; width: 100%; }

.list-order-product { height: 217px; overflow-x: hidden; overflow-y: auto; }

/* .list-order-product li {
    background: #F5F6F8;
    border: 1px solid #D0D0D0;
    border-radius: 20px;
   
} */
.icon a { position: relative; }

/* .cart-count-badge {
    background: red;
    color: white;
    border-radius: 50%;
    font-size: 12px;
    width: 1rem;
    height: 1rem;
    flex: 0 0 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 5px;
    position: absolute;
    z-index: 9999;
    right: -5px;
} */

.list-order-product li { background: #f5f6f8; border: 1px solid #d0d0d0; border-radius: 20px; margin-bottom: 2rem; position: relative; padding: 18px; }

.list-order-product li form { bottom: -35px; }

.top-round { border-radius: 30px 30px 0 0; }

.rounded-box { border-radius: 0 0 30px 30px; }

.img-prd img { transform: scale(1.2); }

/* account page */

 .list-order-product h6.link {
  font-size: 18px;
  color: #2A1700;
}

.list-order-product .price-prd {
color: #5b5238;
font-size: 18px;
}

.reviewCompleteOrder li {
display: flex;
gap: 10px;
align-items: center;
justify-content: space-between;
font-size: 20px;
color: #606060;
font-weight: 500;
}

.reviewCompleteOrder li .line {
width: 150px;
height: 1px;
background-color: #d0d0d0;
}

.reviewCompleteOrder li .money {
color: #5b5238;
font-weight: 600;
}

li.total .money-title {
color: #1c0e00;
}

.checkoutPage [type=radio]:checked {
background-color: #9f9070!important;
color: #9f9070!important;
border-color: #9f9070!important;
}

.checkoutPage [type=radio] {
color: #9f9070!important;
}

.manageAdressPanel {
padding-left: 3rem;
}

.manageAdressPanel .billing {
display: grid;
grid-template-columns: auto auto;
gap: 4.5rem;
padding-top: 2.5rem;
}

.manageAdressPanel .billing li.mainList {
background-color: #f4eee4;
border-left: 2.25px solid;
border-color: #cea16a;
position: relative;
padding: 25px;
padding-left: 3rem;
z-index: 2;
padding-right: 2.9rem;
}

.manageAdressPanel .billing li.mainList .location {
position: absolute;
content: "";
background-color: #9f9070;
width: 60px;
height: 60px;
z-index: 3;
top: 50%;
transform: translateY(-50%);
left: -10%;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 22px;
}

.manageAdressPanel .billing li.mainList::before {
position: absolute;
top: 50%;
left: -12.5%;
transform: translateY(-50%);
content: "";
background-color: #ffe4ad;
z-index: -1;
width: 53px;
height: 80px;
border-top-left-radius: 80px;
border-bottom-left-radius: 80px;
border-bottom: 0;
}

.item-slider66 h6 {
color: #2a1700;
font-size: 15px;
font-weight: 600;
}

.item-slider66 .price-prd {
color: #5b5238;
}

.item-slider66 p.remove {
right: 13%;
}

.item-slider66 p.remove span {
display: flex;
gap: 12px;
}

.order-box.orderHistory {
padding: 8rem 2.5rem;
background: transparent;
border: 1px solid #c3bbad;
border-radius: 14px;
margin: 2rem 0;
}

.order-box.orderHistory ul li {
margin-bottom: 2rem;
}

.order-box.orderHistory ul li:last-child {
margin-bottom: 0;
}

.order-box.orderHistory .svg-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

.orderHistory .product-box {
background-color: #f4eee4!important;
padding: 19px;
border-radius: 12px;
}

.progressTop {
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: 85%;
}

/* account page */

/* sidebar */
.userDashboardPanel { background-color: #f6f0ea; padding: 25px; padding-top: 12rem; border-radius: 20px; z-index: 4; overflow: visible; }

.leftUSerPRofile { position: absolute; top: -30%; left: 50%; transform: translate(-50%, 30%); }

.userImageBox { position: relative; }
/* 
.userImageBox::after {
  height: 200px;
  width: 200px;
  background-color: #FFE4AD;
  position: absolute;
  content: "";
  z-index: -1;
  border-radius: 50%;
  top: -18px;
  left: -18px;
}

.userImageBox::before {
height: 180px;
width: 180px;
background-color: transparent;
position: absolute;
content: "";
z-index: 0;
border-radius: 50%;
top: -10px;
left: -10px;
border: 1px solid #9f9070;
} */

.userImageBox::after {
height: 115px;
width: 190px;
/* background-color: #FFE4AD; */
position: absolute; content: ""; z-index: -1; border-radius: 50%; top: -15px; left: -15px; border-top-left-radius: 110px; border-top-right-radius: 110px; /* border-top: 0; */
border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 25px solid #ffe4ad; border-bottom: 0; }
.userImageBox::before { position: absolute; content: ""; z-index: -1; bottom: -10px; left: -5px; border: 1px solid #9f9070; width: 170px; height: 85px; border-bottom-left-radius: 110px; border-bottom-right-radius: 110px; border-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
.dashbord-list #default-styled-tab li .user-icon { display: inline-flex; align-items: center; justify-content: center; height: 50px; width: 50px; flex: 0 0 50px; display: flex; justify-content: center; align-items: center; background: #e2e2e3; border-radius: 50%; transition: all 0.3s ease; }
.dashbord-list #default-styled-tab li.active .user-icon { background-color: #cea16a; }
.dashbord-list button[aria-selected="true"] .user-icon { background-color: #cea16a!important; }
.dashbord-list button[aria-selected="true"] .user-icon svg path { stroke: #ffffff!important; /* fill: #ffffff !important; */

}
.dashbord-list #default-styled-tab li { color: #666; }
.dashbord-list #default-styled-tab li .rightIcon { top: 50%; transform: translateY(-50%); }
.stellarnav>ul>li { display: inline-block; }
.stellarnav li { list-style: none; display: block; margin: 0; padding: 0; position: relative; line-height: normal; vertical-align: middle; }
.stellarnav { position: relative; width: 100%; z-index: 9900; line-height: normal; }
.stellarnav ul ul { top: auto; width: 220px; position: absolute; z-index: 9900; text-align: left; display: none; background: #cea16a; padding: 15px; border-radius: 15px; }
.stellarnav li li { display: block; margin-bottom: 15px; color: #fff; }
.stellarnav ul ul ul { top: 0; left: 206px; }
.stellarnav.dark ul ul { background: rgba(0, 0, 0, 1); }
.stellarnav li li:hover { color: #000; }
#confirm, #gift_wrap, #store_pick_up { color: #c79b61; }
#gift-wrap-modal h3, #pickup-store-modal h3 { font-family: 'Milchella'; }
#pickup-store-modal h2 { font-size: 22px; }
#pickup-store-modal p { font-size: 17px; margin-bottom: 13px; }
/* header */ .inner-text { font-family: 'Milchella'; }
header #home-menu li { position: static; }
header .mega-menu { background-color: #fff; border-radius: 6px; box-shadow: 0 0 10px 2px #0000004f; right: 255px; /* min-width: 100%; */
padding: 15px; position: absolute; transition: all 0.4s ease-in-out; z-index: 999; top: 84%; opacity: 0; visibility: hidden; width: 700px; }
header #home-menu>li:hover .mega-menu { visibility: visible; opacity: 1; }
#dashboard-page .order-wrap p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.item-slider66 .remove { height: 33px; width: 33px; background: #9f9070; color: #fff; border-radius: 50%; display: flex; flex: 0 0 33px; justify-content: center; align-items: center; position: absolute; right: -15px; top: -15px; }
header #home-menu li { position: static; }
header .mega-menu { background-color: #fff; border-radius: 6px; box-shadow: 0 0 10px 2px #0000004f; right: 177px; /* min-width: 100%; */
padding: 29px; position: absolute; transition: all 0.4s ease-in-out; z-index: 999; top: 84%; visibility: hidden; opacity: 0; width: 1000px; height: 353px; /* max-height: 100%; */

}
.mega-menu.active { opacity: 1; visibility: visible; }
.submenu-content { position: absolute; right: 0; top: -3px; display: none; transition: all 0.4s; width: 667px; overflow-y: auto; height: auto; max-height: 320px; }
.submenu-content.active { display: block; }
.submenu-has:hover>.submenu-content { display: block; }
.sunbmenu-list { max-width: 250px; }
.submenu-has.active { background-color: #f6f0ea; }
.mega-menu .submenu-list__wrapper ul li .image-icon { width: 25px; height: 25px; flex: 0 0 25px; margin-top: 6px; }
.category-number { flex: 0 0 31px; font-size: 13px; }
header .mega-menu .submenu-content ul li a .mga-desc { display: grid; line-height: 1.2; }
header .mega-menu .submenu-content ul li a { /* background: #fff;
  border-radius: 15px;
  box-shadow: 0 0 10px #00000061; */
padding: 10px; }
header .mega-menu .submenu-content ul li { padding: 10px; }

.dashbord-list ul li form button {
  padding: 16px 0;
}


.prose p { color: #333!important; font-size: 18px; margin-top: 0 !important; }


.about-bg {
    background-attachment: fixed;
    height: 500px;
    padding: 50px 0;
}
.about-bg h2 {
    font-family: 'Milchella';
    font-size: 57px;
}

.about-bg h6 {
    font-weight: 600;
    font-size: 24px;
}

.about-bg::after {
    background-color: rgb(0 0 0 / 78%);
}
.customHeight {height: 350px;overflow-y: auto;}
.category-link {padding: 10px 15px; background: rgba(255,255,255,0.4);}
.category-link:hover { background: rgba(255,255,255,0.7);box-shadow: 0px 0px 23px -5px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 23px -5px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 23px -5px rgba(0,0,0,0.3);}

/* Forwarded by Sonali for category Icon color manage at Homepage */
.bannerIcon .grid > a:first-child img {
    filter: invert(1);
}