/********** Template CSS **********/
@import url('https://fonts.googleapis.com/css2?family=Corinthia:wght@400;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Gothic+A1&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Pompiere&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Sacramento&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Alumni+Sans:ital,wght@0,100..900;1,100..900&family=Baskervville+SC&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Playwrite+US+Trad:wght@100..400&display=swap');
@font-face {
font-family: "Latin CG Elongated";
src: url("../css/fonts/Latin\ CG\ Elongated.otf") format("woff");
font-weight: normal;
font-style: normal;
}

html {
scroll-behavior: smooth;
}
body, html {
overflow-x: hidden;
}

:root {
--primary: #FF6F0F;
--secondary: #FFF0E6;
--light: #F8F8F9;
--dark: #001D23;
}

.mx-1160 {
max-width: 1160px;
width: 100%;
margin: auto;
}

/*** Button ***/
.btn {
font-weight: 500;
transition: .5s;
}

#backToTop {
position: fixed;
bottom: 100px;
right: 50px;
cursor: pointer;
z-index: 1000;
background: unset;
border: unset;
}

.navbar.navbar-expand-lg {
padding: 20px 50px;
}

/*** Navbar ***/
.header-con {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
background-color: transparent;
box-shadow: none;
transition: background-color 0.5s ease, box-shadow 0.5s ease;
}

.shopMobile-view{
    display: none !important;
}

.logo-white,
.logo-black {
transition: opacity 0.3s ease;
}

.header-con.showHeader {
background-color: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transition: background-color 0.5s ease, box-shadow 0.5s ease;
}

.header-con.showHeader .navbar .navbar-nav .nav-link {
color: #2D2D2D;
font-size: 23px;
}

/* .header-con.showHeader .navbar.navbar-expand-lg {
padding: 10px 50px;
} */

.header-con.showHeader .logo-black{
width: 75px;
}

.header-con.showHeader .shop-detail-con a img{
filter: invert(1);
/* background: space; */
}

.header-con.showHeader a.user-btn svg path {
/* fill: #AB0154; */
stroke: #AB0154;
}

.header-con.showHeader a.cart-btn span {
background-color: #AB0154;
color: #fff;
}

.navbar .navbar-nav .nav-link {
color: #FFF;
font-family: "Alumni Sans";
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.82px;
text-transform: uppercase;
}

.nav-header .menu-box {
display: flex;
justify-content: space-between;
margin: 0;
padding-left: 0;
width: 100%;
gap: 20px;
}

.navbar-dark .navbar-toggler-icon {
background-image: unset;
}

.nav-header .menu-box li {
position: relative;
/* width: 100%; */
padding: 0 5px;
list-style: none;
}

@media(max-width:991px) {
.nav-header .menu-box {
flex-direction: column;
}
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active,
.header-con.showHeader .navbar .navbar-nav .nav-link:hover,
.header-con.showHeader .navbar .navbar-nav .nav-link.active {
color: #FFD466;
}

@media (max-width: 991.98px) {
.navbar .navbar-nav {
margin-top: 10px;
border-top: 1px solid rgba(0, 0, 0, .07);
background: var(--dark);
}

.navbar .navbar-nav .nav-link {
padding: 10px 0;
}
}

.shop-detail-con {
display: flex;
gap: 30px;
align-items: end;
}

.shop-detail-con .shop-btn {
border-radius: 4px;
background: #AB0154;
min-width: 90px;
/* width: 100%; */
height: 40px;
display: flex;
gap: 5px;
align-items: center;
justify-content: center;
color: #FFF;
font-family: "Alumni Sans";
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.48px;
text-transform: uppercase;
}

.shop-detail-con .shop-btn svg {
vertical-align: baseline;
}

.shop-detail-con a img {
min-width: 32px;
height: 32px;
}

.shop-detail-con .cart-btn span.position-absolute {
background-color: #FFFBF6;
color: #79003B;
text-align: center;
font-family: "Roboto Flex", serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 1px;
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
}



/*** Header ***/
.carousel-caption {
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
background: linear-gradient(0deg, rgba(127, 142, 157, 0.10) 0%, rgba(6, 77, 25, 0.75) 100%);
z-index: 1;
}

#header-carousel {
position: relative;
}

.banner-caption{
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 100%;
color: white;
padding: 20px;
z-index: 9;
}

.banner-caption p {
color: #FFD466;
text-align: center;
font-family: "Baskervville SC";
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.12px;
margin-bottom: 0px;
}

.banner-caption h1 {
color: #FFF;
text-align: center;
text-shadow: 0px 4px 7px rgba(0, 0, 0, 0.10);
font-family: "Latin CG Elongated";
font-size: 140px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}

.carousel-inner .carousel-item {
height: 100vh;
position: relative;
overflow: hidden;
}

.carousel-inner .carousel-item video {
height: 100%;
object-fit: cover;
}

.carousel-item::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
}

.carousel-slide-4::before {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.30) 100%);
}

.banner-popup {
right: 71px;
position: absolute;
top: 60%;
transform: translateY(-50%);
border-radius: 30px;
border: 1px solid rgba(197, 166, 43, 0.30);
background: #FFF;
max-width: 293px;
padding: 10px;
z-index: 9;
width: 100%;
display: none;
}

.banner-popup img {
width: 100%;
height: auto;
}

.banner-popup p {
color: #222;
font-family: "Albert Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 19px;
text-align: left;
margin-top: 10px;
}

.banner-popup p span {
color: #79003B;
}

.banner-popup-txt {
position: relative;
}

.banner-popup-txt a.close-btn {
position: absolute;
top: 0;
right: 0px;
}



/* ====================
<!--celebrating-section-->
===================================== */

.celebrating-sec {
background: url(../images/background-img01.png) no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
padding: 90px 0;
position: relative;
}

.celebrating-sec::after{
content: '';
position: absolute;
bottom: 80px;
right: 0;
background: url(../images/hero-bg-01.png) no-repeat;
background-position: center;
background-size: cover;
width: 388px;
height: 497px;
}

.celebrating-txt p {
color: #2D2D2D;
text-align: center;
font-family: "Times New Roman";
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: 36px;
letter-spacing: 0.78px;
max-width: 1111px;
}

.celebrating-txt p span {
color: #2D2D2D;
font-style: italic;
}

.celebrating-txt p span.colr {
color: #79003B;
}

.celebrating-txt p a {
color: #79003B;
font-family: "Albert Sans";
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 36px;
text-decoration-line: underline;
}

.celebrating-txt p a:hover {
color: #2D2D2D;
}

.celebrating-txt{
margin-bottom: 65px;
}

.winner-container {
position: absolute;
top: -10%;
left: 67px;
z-index: 99;
}

.winner-con {
width: 190px;
height: 190px;
background-color: #FFF7D9;
border: 3px solid #fff;
filter: drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.07));
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
position: relative;
}

.winner-con img {
position: absolute;
width: 60px;
height: 60px;
z-index: 2;
}

.rotating-text {
position: absolute;
width: 80%;
height: 100%;
z-index: 1;
animation: rotate-circle 20s linear infinite;
}

.curved-text {
fill: #79003bd4;
text-align: center;
font-family: "Latin CG Elongated";
font-size: 52px;
font-style: italic;
font-weight: 600;
line-height: normal;
}

/* Animation for infinite rotation */
@keyframes rotate-circle {
0% {
transform: rotate(0deg);
}

100% {
transform: rotate(360deg);
}
}

.celebrating-card{
display: flex;
gap: 51px;
flex-wrap: wrap;
justify-content: center;
margin: 46px 0 59px;
position: relative;
z-index: 9;
}

.celebrating-card-con h4{
color: #0E0D0D;
text-align: center;
font-family: "Playfair Display";
font-size: 28px;
font-style: italic;
font-weight: 500;
line-height: normal;
margin-bottom: 19px;
}

.celebrating-card-con p{
color: #2D2D2D;
text-align: center;
font-family: "Albert Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.14px;
max-width: 572px;
margin: auto;
}

.celebrating-card-box1{
border-radius: 60px;
border: 2px solid #E8E2C9;
background: #FFF;
overflow: hidden;
padding: 20px;
min-width: 250px;
height: 330px;
}

.celebrating-card-box1 img{
width: 100%;
height: 100%;
}

.celebrating-card-box{
border-radius: 60px;
border: 2px solid #E8E2C9;
background: #FFF;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 250px;
height: 330px;
transition: all 0.5s ease;
position: relative;
overflow: hidden;
}

.celebrating-card-box::before{
content: '';
position: absolute;
bottom: 14px;
left: 0px;
background: url(../images/chardonnay.png) no-repeat;
width: 65px;
height: 82px;
}

.celebrating-card-box:hover{
border: 2px solid #A58C28;
}

.celebrating-card-box p{
color: #2d2d2df0;
text-align: center;
font-size: 50px;
font-style: normal;
font-weight: 300;
line-height: normal;
letter-spacing: 0.78px;
margin: 30px 0 0px;
font-family: "Albert Sans";
}

.celebrating-card-box small{
font-size: 20px;
margin: 0;
color: #898989;
font-family: "Albert Sans";
font-weight: 400;
line-height: normal;
}

.readMore-btn{
display: flex;
align-items: center;
justify-content: center;
max-width: 180px;
height: 52px;
width: 100%;
color: #0E0D0D;
text-align: center;
font-family: "Albert Sans";
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: 36px; 
border-radius: 4px;
border: 2px solid #0E0D0D;
margin: auto;
transition: all 1s ease;
}

.readMore-btn:hover{
background: #AB0154;
border: 1px solid #AB0154;
color: #fff;
}


/* ===============================
<!--wineClass-sec-start-->
============================================ */


.wineClass-sec {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}

.wineClass-sec::after{
width: 100%;
height: 100%;
content: '';
background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.30) 100%);
background-size: cover;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

.background-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1; 
}


.wineClass-con {
display: flex;
flex-wrap: nowrap;
gap: 36px;
z-index: 9;
position: relative;
padding-top: 119px;
display: flex;
overflow-y: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}

.wineClass-con::-webkit-scrollbar {
height: 4px; 
}

.wineClass-con::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 4px;
}

.wineClass-con .card {
background: linear-gradient(90deg, rgba(252, 245, 217, 0.1) 100%, rgba(246, 240, 213, 0.1) 100%), url(../images/hero-bg-02.png);
background-color: #fcf5d9;
background-size: auto;
background-repeat: repeat;
border-radius: 300px 300px 0px 0px;
padding: 20px 20px 13px;
width: 100%;
max-width: 500px;
text-align: center;
position: relative;
box-shadow: 6px 0px 0px #04894a; 
flex: 0 0 auto;
border: none;
}


.wineClass-con .card-con{
border-radius: 300px 300px 0px 0px;
border: 2.5px dashed #A58C28;
padding: 67px 40px 40px;
height: 100%;
display: flex;
flex-direction: column;
}


.card-con h2{
color: #2D2D2D;
text-align: center;
font-family: "Latin CG Elongated";
font-size: 70px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
margin: 52px 0 22px;
}

.card-con h2 span {
color: #79003B;
}

.card-con p{
color: #2D2D2D;
font-family: "Times New Roman";
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 28px; 
letter-spacing: 0.4px;
text-align: left;
}

.card-con p span{
color: #79003B;
}

.wine-list {
list-style-type: none;
padding: 0;
margin: 0;
border: 1px dashed #333333;
border-width: 1px 0 1px 0;
padding: 20px 0;
margin: 20px 0; 
}

.wine-list li {
display: flex;
justify-content: space-between;
color: #000;
font-family: "Albert Sans";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 40px;
}

.wine-list li span{
text-align: right;
font-weight: 500;
}

.card-con p.cta-text {
color: #79003B;
font-family: "Times New Roman";
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.5px;
margin-bottom: 38px;
}

.wineClass-con .card-btns {
display: flex;
gap: 15px;
margin-top: auto;
justify-content: center;
}


.wineClass-con .card-btns .readMore-btn.join-btn {
background: #79003B;
border: 2px solid #79003B;
}

.wineClass-con .card-btns .readMore-btn.view-btn {
background: transparent;
}

.wineClass-con .card-btns .readMore-btn.view-btn:hover{
background: #79003B;
color: white;
border: 2px solid #79003B;
}

.card.card-box2 .card-btns .readMore-btn {
max-width: 300px;
}

.mx-1592, .mx-1300{
max-width: 1592px;
width: 100%;
margin: auto;
}

.mx-1300{
max-width: 1300px;
}


.celebrating-card-con .readMore-btn.btn-style511,
.card-btns .btn-style11.btn-style511{
background: transparent;
color: #0E0D0D;
border: 2px solid #0E0D0D;
}

.celebrating-card-con .readMore-btn.btn-style511::before,
.celebrating-card-con .readMore-btn.btn-style511::after,
.card-btns .btn-style11.btn-style511::before,
.card-btns .btn-style11.btn-style511::after{
background: #79003B;
border: 2px solid #79003B;
}

.celebrating-card-con .readMore-btn.btn-style511:hover,
.card-btns .btn-style11.btn-style511:hover{
color: #fff;
}

.btn-style511 {
position: relative;
color: #fff;
overflow: hidden;
background: #79003B;
border: 2px solid #79003B;
}
.btn-style511 span {
position: relative;
z-index: 2;
}
.btn-style511::before, .btn-style511::after {
width: 100%;
height: 50%;
position: absolute;
left: 0;
background-color: #fff;
transition: all 1s;
content: "";
z-index: 1;
}
.btn-style511::before {
top: 0;
transform: translate(-100%, 0);
}
.btn-style511::after {
bottom: 0;
transform: translate(100%, 0);
}
.readMore-btn.btn-style511:hover {
color: #0E0D0D;
border: 2px solid #79003B;
}
.btn-style511:hover::before, .btn-style511:hover::after {
transform: translate(0, 0);
}



/* ==========================
<!--Private Events -sec-start-->
========================================= */

.privateEvent-sec{
padding: 90px 0;
background-color: #fff !important;
position: relative;
background: linear-gradient(90deg, rgb(255, 255, 255, 0.2) 110%, rgb(255, 255, 255, 0.2) 100%), url(../images/background-img01.png) no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}

.privateEvent-sec::before, .product-sec::before{
content: '';
position: absolute;
bottom: 55px;
left: 0;
background: url(../images/hero-bg-04.png) no-repeat;
background-position: center;
background-size: cover;
width: 308px;
height: 400px;
}

.privateEvent-left-con{
max-width: 466px;
}

.privateEvent-left-con h2{
color: #2D2D2D;
font-family: "Latin CG Elongated";
font-size: 72px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
margin-bottom: 34px;
}

.privateEvent-left-con h2 span{
color: #79003B;
}

.privateEvent-left-con p{
color: #2D2D2D;
font-family: "Times New Roman";
font-size: 26px;
font-style: normal;
font-weight: 400;
line-height: 38px; 
letter-spacing: 0.78px;
margin-bottom: 43px;
}

.privateEvent-left-con p span{
color: #79003B;
}

.privateEvent-left-con .readMore-btn{
margin: unset;
border: 2px solid #0E0D0D;
background: #0E0D0D;
max-width: 300px;
}



.privateEvent-slider .owl-nav button.owl-prev,
.privateEvent-slider .owl-nav button.owl-next {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
outline: none;
cursor: pointer;
transition: all 05.s ease;
}

.privateEvent-slider.owl-carousel .owl-nav button.owl-next,
.privateEvent-slider.owl-carousel .owl-nav button.owl-prev{
background: #fff;
border-radius: 80px;
width: 80px;
height: 80px;
}

.privateEvent-slider.owl-carousel .owl-item {
opacity: 0;
transition: opacity 0.6s ease-in-out;
}

.privateEvent-slider.owl-carousel .owl-item.active {
opacity: 1;
}


.privateEvent-slider .owl-nav button.owl-prev {
left: -15px;
}

.privateEvent-slider .owl-nav button.owl-next {
right: -35px;
display: none;
}

.privateEvent-slider .owl-nav button.owl-prev svg,
.privateEvent-slider .owl-nav button.owl-next svg {
width: 59px;
height: 59px;
border-radius: 50%;
border: 1px solid rgba(121, 0, 59, 0.20);
padding: 15px;
transition: all 0.5s ease;
}

.privateEvent-slider .owl-nav button.owl-prev svg:hover,
.privateEvent-slider .owl-nav button.owl-next svg:hover{
background-color: #79003B;
}

.privateEvent-slider .owl-nav button.owl-prev svg:hover path,
.privateEvent-slider .owl-nav button.owl-next svg:hover path{
fill: #fff !important;
stroke: #fff !important;
}

.privateEvent-slider .owl-nav button.owl-next svg path {
fill: #79003B;
stroke: #79003B;
}

/* .privateEvent-slider .owl-nav button.owl-prev svg path {
transform: rotate(180deg);
transform-origin: center;
fill: #79003B;
stroke: #79003B;
} */

.privateEvent-slider .owl-dots{
position: absolute;
bottom: 45px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 10px;
align-items: center;
}

.privateEvent-slider.owl-carousel button.owl-dot{
width: 10px;
height: 10px;
background-color: #FFFCF1;
border-radius: 50%;
}

.privateEvent-slider.owl-carousel button.owl-dot.active{
background-color: #79003B;
width: 13px;
height: 13px;
}

.privateEvent-slider .slide-img{
position: relative;
overflow: hidden;
border-radius: 300px;
width: 580px;
height: 720px;
border: 2px solid #FFF;
box-shadow: 5px 0px 0px 0px #FFF;
margin: auto;
}

.privateEvent-slider .slide-img img{
width: 100%;
height: 100%;
object-fit: cover;
}


/* 
===============
<!--wineClass2-sec-start-->
=================================== */

.wineClass-sec.wineClass2-sec{
background: url(../images/hero-bg-05.png) no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
position: relative;
}

.wineClass-sec.wineClass2-sec .wineClass-con{
padding-top: 104px;
}

.card-con h3{
color: #0E0D0D;
font-family: "Times New Roman";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 28px; 
}

.card-con h3:nth-last-child(2){
border-top: 1px dashed #333333;
padding-top: 22px;
}

.wineClass-sec.wineClass2-sec .card-con p{
margin-bottom: 22px;
}

.wineClass-sec.wineClass2-sec .card-con p span{
font-weight: 600;
}

.wineClass-sec.wineClass2-sec .card-con p span.bottle2{
font-weight: 400;
}



/* =============
<!--Gift Cards -sec-start-->
===================================== */

.privateEvent-sec.giftCard-sec .privateEvent-slider.owl-carousel .owl-nav button.owl-next,
.privateEvent-sec.giftCard-sec  .privateEvent-slider.owl-carousel .owl-nav button.owl-prev{
display: none;
}

.privateEvent-sec.giftCard-sec .privateEvent-slider .slide-img{
border-radius: 300px 300px 300px 0px;
border: 2px solid #04894A;
background: #FCF5D9;
box-shadow: 5px 0px 0px 0px #04894A;
padding: 15px;
width: 550px;
}

.privateEvent-sec.giftCard-sec .privateEvent-slider .slide-img img{
border-radius: 300px 300px 290px 0px;
}

.privateEvent-sec.giftCard-sec .privateEvent-left-con{
max-width: 640px;
}

.privateEvent-sec.giftCard-sec .privateEvent-left-con p{
font-size: 24px;
margin-bottom: 31px;
max-width: 524px;
}

.privateEvent-sec.giftCard-sec .privateEvent-left-con h2{
margin-bottom: 27px;
}

.privateEvent-sec.giftCard-sec::after {
content: '';
position: absolute;
bottom: 0px;
right: 0;
background: url(../images/hero-bg-01.png) no-repeat;
background-position: center;
background-size: cover;
width: 388px;
height: 497px;
}

.privateEvent-sec.giftCard-sec::before{
display: none;
}

.gift-btn-groups{
display: flex;
gap: 20px;
flex-wrap: wrap;
margin-top: 53px;
}

.gift-btn-groups a{
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
min-width: 200px;
height: 52px;
color: #0E0D0D;
font-family: "Albert Sans";
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 36px;
letter-spacing: 0.32px;
border-radius: 154px;
border: 1px solid #D9D9D9;
transition: all 0.5s ease;
}

.gift-btn-groups a span svg{
vertical-align: text-bottom;
transition: all 0.5s ease;
}

.gift-btn-groups a:hover{
background-color: #79003B;
color: #fff;
}

.gift-btn-groups a:hover svg path{
fill: #fff;
}

.privateEvent-sec.giftCard-sec .privateEvent-right-con{
position: relative;
}

.privateEvent-sec.giftCard-sec .privateEvent-right-con .winner-container {
top: 20px;
left: 73%;
}

.privateEvent-sec.giftCard-sec{
overflow: hidden;
}


/* 
==============
<!--online-shop -sec-start-->
======================================== */

.onlineShop-sec{
background-color: #79003B !important;
position: relative;
background: linear-gradient(90deg, rgba(121,0,59, 0.01) 50%, rgba(121,0,59, 0.01) 100%), url(../images/background-img01.png) no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}

.onlineShop-con{
display: flex;
gap: 117px;
align-items: center;
}

.onlineShop-left-con{
width: 305px;
position: relative;
height: 100%;
}

.onlineShop-left-con::before{
content: '';
position: absolute;
left: 0;
right: 0;
background: linear-gradient(180deg, rgba(14, 13, 13, 0.20) 0%, rgba(0, 0, 0, 0.00) 100%);
width: 100%;
height: 100%;
}

.onlineShop-txt-con{
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
flex-wrap: wrap;
max-width: 1195px;
margin-bottom: 36px;
}

.onlineShop-txt-con h2{
color: #FFF;
font-family: "Latin CG Elongated";
font-size: 72px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}

.onlineShop-txt-con a{
border-radius: 4px;
border: 2px solid rgba(255, 255, 255, 0.60);
min-width: 130px;
display: flex;
justify-content: center;
align-items: center;
height: 52px;
color: #FFF;
text-align: center;
font-family: "Albert Sans";
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: 36px; 
}

.onlineShop-right-con{
width: 100%;
overflow: hidden;
}

.onlineShop-right-con p{
max-width: 1185px;
color: rgba(255, 255, 255, 0.90);
font-family: "Albert Sans";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 27px; 
letter-spacing: 0.18px;
margin-bottom: 53px;
}

.onlineShop-right-con .slide-img-con{
background-color: #fff;
height: 100%;
border-radius: 40px;
border: 2px solid rgba(255, 245, 250, 0.70);
overflow: hidden;
max-width: 360px;
}

.onlineShop-right-con .slide-img-con .slide-img{
max-width: 360px;
height: 300px;
width: 100%;
}

.onlineShop-right-con .slide-img-con .slide-img img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 40px 40px 0px 0px;
}

.onlineShop-slider  
.slick-list {
display: flex;
}
.onlineShop-slider .slick-track {
display: flex;
flex: 1 0 auto;
}

.onlineShop-slider .slick-slide{
margin: 0 20px;
}

.onlineShop-slider .slide-content{
padding: 23px 24px 30px;
}

.onlineShop-slider .slide-content a{
color: #2D2D2D;
font-family: "Albert Sans";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 27px;
text-decoration-line: underline;
}

.onlineShop-slider .slide-content a:hover{
color: #79003B;
}

.onlineShop-nav{
position: absolute;
top: 60%;
left: 275px;
transform: translateY(-50%);
z-index: 9;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.onlineShop-nav a{
width: 80px;
height: 80px;
border-radius: 50%;
background-color: #79003B;
display: flex;
align-items: center;
justify-content: center;
}

.onlineShop-nav a span{
background-color: #FCFBFA;
border: 2px solid rgba(121, 0, 59, 0.20);
width: 58px;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}

.onlineShop-nav a.active span{
border: 2px solid #E2C85E;
}


/* ==============
<!--Come join us!-->
============================== */

.joinUs-sec{
padding: 200px 0;
background-color: #fff !important;
position: relative;
background: url(../images/hero-img18.png) no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
}

.joinUs-con{
padding: 80px;
background-color: #fff9f5 !important;
position: relative;
background: linear-gradient(90deg, rgb(255, 255, 255, 0.1) 110%, rgb(255, 255, 255, 0.1) 100%), url(../images/background-img01.png) no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
border-radius: 40px;
box-shadow: 3px 3px 0px 0px #74b794;
}

.mx-665{
max-width: 665px;
width: 100%;
margin: auto;
}

.joinUs-con small{
color: #DFB818;
font-family: "Playwrite US Trad";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 25px;
letter-spacing: 1.2px;
margin-bottom: 26px;
}

.joinUs-con h4{
color: #2D2D2D;
text-align: center;
font-family: "Latin CG Elongated";
font-size: 52px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.56px;
text-transform: uppercase;
max-width: 487px;
margin:0 auto 35px;
}

.joinUs-con .readMore-btn{
max-width: 300px;
height: 60px;
border: 2px solid #FCF5D9;
background: #0E0D0D;
}


/* 
=============
footer-sec
==================== */

.footer-sec{
background-color: #0e0d0d;
position: relative;
width: 100%;
overflow: hidden;
}

.footer-sec::after {
content: '';
position: absolute;
bottom: -30px;
right: -100px;
background: url(../images/hero-bg-01.png) no-repeat;
background-position: center;
background-size: cover;
width: 388px;
height: 497px;
}

.footer-con{
display: flex;
gap: 98px;
}

.footer-left-con{
width: 100%;
max-width: 656px;
/* height: 100%; */
position: relative;
}

.footer-left-con img{
width: 100%;
height: 100%;
object-fit: cover;
}

.footer-left-con .giftcard-box{
display: flex;
flex-direction: column;
gap: 50px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.giftcard-box img{
width: 146px;
height: 118px;
margin: auto;
}

.giftcard-box .readMore-btn{
min-width: 300px;
height: 60px;
color: #79003B;
border: 2px solid #FFF;
background: #FFF;
box-shadow: 2px 3px 0px 0px #C399AE;
}


.footer-right-con{
padding: 80px 12px 65px;
width: 100%;
overflow: hidden;
}

.footer-right-con h5{
color: #F5F5F5;
font-family: "Latin CG Elongated";
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
letter-spacing: 1.12px;
margin-bottom: 23px;
text-align: left;
}

.footer-right-con ul li a, .footer-right-con .contact-info li {
color: #F5F5F5;
font-family: "Alumni Sans";
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 36px;
letter-spacing: 0.48px;
/* display: block; */
position: relative;
transition: color 0.3s ease-in-out;
}

.footer-right-con ul li a::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 2px;
background-color: #C60262;
transition: width 0.3s ease-in-out;
}

.footer-right-con ul li a:hover {
color: #C60262;
}

.footer-right-con ul li a:hover::after {
width: 100%;
}

.footer-nav-con{
display: flex;
justify-content: space-between;
max-width: 850px;
flex-wrap: wrap;
gap: 50px;
}

.footer-menu{
display: flex;
gap: 118px;
max-width: 390px;
}

.footer-right-con .contact-info li span{
padding-right: 22px;
}

.footer-right-con .contact-info li a{
color: #E2C85E;
text-decoration-line: underline;
text-transform: uppercase;
word-break: break-all;
}

.footer-right-con .contact-info li{
line-height: 46px;
}

.footer-right-con .contact-info li a:hover::after{
width: 0;
}

.footer-right-con h5.color-r{
color: #E2C85E;
border-top: 1px dashed #656464;
padding-top: 50px;
max-width:  836px;
margin-top: 28px;
}

.footer-right-con .hours-con{
display: flex;
gap: 62px;
flex-wrap: wrap;
align-items: center;
}

.footer-right-con .hours-con p{
color: #F5F5F5;
font-family: "Alumni Sans";
font-size: 24px;
font-style: normal;
font-weight: 200;
line-height: 34px;
letter-spacing: 0.44px;
}


/* =========
<!--copy-right-sec-->
============================= */

.copyRight-sec{
background: #FFFEFA;
padding: 12px 0;
}

.mx-1310{
width: 100%;
max-width: 1310px;
margin: auto;
}

.copyRight-con{
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}

.copyRight-con small{
color: #0E0D0D;
text-align: center;
font-family: "Albert Sans";
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal; 
letter-spacing: 0.39px;
}

.copyRight-con a{
color: #0E0D0D;
text-align: center;
font-family: "Albert Sans";
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal; 
letter-spacing: 0.39px;
text-decoration-line: underline;
}

.copyRight-con a:hover{
color: #79003B;
}




.top-banner img {
animation: zoomInOut 15s ease-in-out infinite;
transform-origin: center center;
}

/* Keyframes for Zoom-In and Zoom-Out */
@keyframes zoomInOut {
0% {
transform: scale(1);
}

50% {
transform: scale(1.1);
}

100% {
transform: scale(1);
}
}


/* login-form */


.login-sec .offcanvas-end{
width: 600px;
background: #FFFDF6;
box-shadow: 0px 0px 2px 0px rgba(165, 140, 40, 0.80);
}

.login-sec .offcanvas-body {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 60px;
}

.login-sec .offcanvas-body::-webkit-scrollbar{
scrollbar-width: auto;
scrollbar-width: thin;
scrollbar-width: none;
}

.login-sec .auth-container {
display: flex;
flex-direction: column;
justify-content: center;
}

.login-sec .offcanvas-header .btn-close{
padding: 0;
margin: 0;
}

.login-sec .offcanvas-header{
padding: 40px;
}
.btn-close:focus{
box-shadow: unset;
}

.login-sec .offcanvas-body h2{
color: #2D2D2D;
text-align: center;
font-family: "Latin CG Elongated";
font-size: 62px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
margin-bottom: 0;
}


.login-sec .offcanvas-body p{
color: rgba(45, 45, 45, 0.90);
text-align: center;
font-family: "Albert Sans";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.16px;
margin-bottom: 0;
}

.login-sec .offcanvas-body form{
margin-top: 10px;
}

.login-sec .offcanvas-body form label{
color: #0E0D0D;
font-family: "Albert Sans";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px; 
}

.login-sec .offcanvas-body form input::placeholder{
color: rgba(14, 13, 13, 0.40);
font-family: "Albert Sans";
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
}

.form-control:focus{
box-shadow: unset;
border-color: #ffb787 !important;
}

.login-sec .offcanvas-body form input{
max-width: 478px;
height: 48px;
width: 100%;
border-radius: 4px;
border: 1px solid rgba(14, 13, 13, 0.34);
background: rgba(255, 255, 255, 0.60);
}

.login-sec .offcanvas-body form input[type="checkbox"]{
max-width: 26px;
height: 26px;
}

.login-sec .offcanvas-body form .remeberBox .form-check{
width: 200px;
display: flex;
align-items: center;
gap: 10px;
}

.form-check-input:focus{
box-shadow: unset;
}

.remeberBox-con{
margin-top: 22px;
}

.login-sec .offcanvas-body form .remeberBox span{
color: #2D2D2D;
font-family: "Albert Sans";
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal; 
letter-spacing: 0.14px;
}

.login-sec .offcanvas-body form .lostPass{
color: rgba(14, 13, 13, 0.50);
text-align: right;
font-family: "Albert Sans";
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal; 
letter-spacing: 0.14px;
text-decoration-line: underline;
}

.login-sec .offcanvas-body form .lostPass:hover{
    color: #0E0D0D;
}

.login-sec .offcanvas-body form .loginBtn{
height: 52px;
border-radius: 6px;
border: 2px solid #FFF;
background: #C60262;
color: #FFF;
text-align: center;
font-family: "Albert Sans";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal; 
letter-spacing: 0.18px;
margin: 50px auto 26px;
}

.btn:focus{
box-shadow: unset;
}

.login-sec .btn-style511::before, 
.login-sec .btn-style511::after{
background-color: #2D2D2D;
border-color:#2D2D2D;
}

.login-sec .accountBox {
color: #2D2D2D;
font-family: "Albert Sans";
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal; 
letter-spacing: 0.14px;
}

.login-sec .accountBox a{
color: #79003B;
font-weight: 600;
text-decoration-line: underline;
}
.login-sec .accountBox a:hover{
    color: #0e0d0d;
}

.login-sec input[type="checkbox"] {
position: relative;
}

.login-sec input[type="checkbox"]::before {
content: "\2713"; 
font-size: 18px;
color: #79003B;
display: none;
position: absolute;
left: 4px;
top: 0px;
}

.login-sec input[type="checkbox"]:checked::before {
display: block;
}

.login-sec .auth-footer p{
color: #2D2D2D;
font-family: "Albert Sans";
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 22px;
letter-spacing: 0.13px;
margin-top: 20px;
}

.login-sec .auth-footer p .para1{
font-weight: 600;
}
.login-sec .auth-footer p .para2{
font-style: italic;
font-weight: 500;
}

.login-sec .auth-footer p a{
color: #79003B;
font-weight: 500;
}

.login-sec .passIcon{
position: absolute;
right: 20px;
top: 70%;
transform: translateY(-50%);
cursor: pointer;
}

.auth-container .register-para{
color: #2D2D2D;
font-family: "Albert Sans";
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.13px;
margin-top: 10px;
text-align: left !important;
}

.auth-container .register-para a{
color: #2D2D2D;
text-decoration-line: underline;
}

.auth-container .register-para a:hover{
    color: #C60262;
}