@charset "utf-8";

:root {
  /* colors */
  --black: #000000;
  --black-02: #2a2a2a;
  --white: #ffffff;
  --gray-01:#575757;

  --orange: #fe7622;
  --green-darker: #1a3636;
  --green-dark: #40534c;
  --green-light: #677d6a;
  --peach-bg: #d6bd98;
  --primary-text-color: #000000;
  --ivory: #F8F5F2;
  --brown: #582827;
  --gold:#a98219;

  /* Font sizes */
  --font-size-14: clamp(0.75rem, 0.7197rem + 0.1294vw, 0.875rem);
  --font-size-16: clamp(0.8125rem, 0.767rem + 0.1942vw, 1rem);
  --font-size-12-18: clamp(0.78125rem, 0.6978rem + 0.356vw, 1.125rem);
  --font-size-18: clamp(0.8125rem, 0.7367rem + 0.3236vw, 1.125rem);
  --font-size-36: clamp(1.1875rem, 0.9296rem + 1.1003vw, 2.25rem);
  --font-size-22: clamp(0.8125rem, 0.676rem + 0.5825vw, 1.375rem);
  --font-size-30: clamp(1.125rem, 0.943rem + 0.7767vw, 1.875rem);
  --font-size-50: clamp(1.875rem, 1.5716rem + 1.2945vw, 3.125rem);
  --font-size-65: clamp(1.5625rem, 0.9557rem + 2.589vw, 4.0625rem);
  --font-size-72: clamp(2.375em, 1.8592em + 2.2006vw, 4.5em);

  /* Font weight */
  --fw-light: 300;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-semi-bold: 600;
  --fw-bold: 700;
  --fw-extra-bold : 800;
  --fw-black : 900;

  /* Font family */
  --primary-font: "Poppins", sans-serif;
  --secondary-font: "Playfair", serif;

  --border-radius: clamp(0.25rem, 0.068rem + 0.7767vw, 1rem);
  --container-width: 1200px;


}

/* Common-css */
* {margin: 0; padding: 0; text-decoration: none; list-style: none; outline: none; border: none; position: relative; line-height: 1.2em;}
*,*:before,*:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
body,html {width: 100%; min-width: 320px; margin: 0 auto !important; overflow-x: hidden;min-height:100vh;min-height:100dvh}
body {margin: 0; padding: 0; background-color: var(--white); font-weight: 400; font-size: 16px; letter-spacing: 0; color: var(--primary-text-color); min-width: 320px; min-height: 100vh; font-family: var(--primary-font); font-weight: 400;}
img {max-width: 100%; width: auto; height: auto; display: block;}
.rows {width: 100%;}
.container,section > .uagb-container-inner-blocks-wrap{width:90% !important;margin:0 auto;max-width:var(--container-width) !important}
.cover {width: 100%; height: 100%; position: fixed; background: rgba(255, 255, 255, 0.89); top: 0; left: 0; z-index: 1; display: none;}
.flex {display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;}
.align-center {align-items: center;}
.align-start {align-items: flex-start;}
.justify-center {justify-content: center;}
.justify-between {justify-content: space-between;}
.align-end {align-items: flex-end;}
.justify-end {justify-content: flex-end;}
.justify-left {justify-content: flex-start;}
.flex-wrap {flex-wrap: wrap;}
.flex-column {flex-direction: column;}
.flex-column-reverse {flex-direction: column-reverse;}
.align-self-start{align-self: flex-start;}
.align-stretch{align-items: stretch;}
.text-center{text-align: center;}
.ws-nowrap {white-space: nowrap;}
.pe-none{pointer-events: none;}
br {line-height: 0;}
input::-ms-reveal,input::-ms-clear {display: none;}
.scrollToTop{bottom:5.5em;z-index:999;display:none;position:fixed;right:20px;background:var(--gray-01) url(../images/arw-up.png) no-repeat center center;width:35px;height:35px;text-align:center;border-radius:3px;-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.5);box-shadow:1px 1px 5px rgba(0,0,0,0.5);cursor:pointer}
.bold{font-weight: var(--fw-bold);}
.list{margin-left: 1em; margin-bottom: 1em;}
.list li{list-style: disc; color: var(--white); line-height: 1.444444444444444em; text-wrap: balance; margin-bottom: 0.7em; font-size: var(--font-size-22); font-weight: var(--fw-light);}
.list li:last-child{margin-bottom: 0;}
.list li strong{font-weight: var(--fw-bold);}
.btn,.btn > a,.wpcf7-submit{font-weight: var(--fw-semi-bold); display: inline-block; font-size: var(--font-size-12-18); appearance: none; -webkit-appearance: none; cursor: pointer; text-decoration: none;  background-color: var(--gold); text-align: center; border-radius: .7rem; border: 1px solid transparent; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; font-family: var(--primary-font); color: var(--white)}
.btn > a,.wpcf7-submit{padding: 1.05em 1.55em;}
.wpcf7-submit{color: var(--white); background-color: var(--brown); border: 1px solid var(--brown) !important; margin-top: 1.5em;}
.btn:hover,.btn > a:hover{color: var(--gold); background-color: var(--white); border: 1px solid var(--gold) !important;}
strong{font-weight: var(--fw-bold);}

/*Form*/
input[type="text"],input[type="tel"],input[type="email"],textarea,select {color: var(--black); border: 1px solid var(--gold);width: 100%; font-size: var(--font-size-16);  resize: none;  background-color: var(--white);  padding: 0.75em 0.75em;  display: block;  font-weight: 400;  font-family:var(--primary-font);border-radius: 5px;max-width: 100% !important;}
textarea { height: 5rem; resize: none;}
::placeholder,::-moz-placeholder,::-webkit-input-placeholder { color: var(--black); font-weight: var(--fw-normal);opacity: 1;font-size: var(--font-size-14);}

.error input[type="text"], .error input[type="tel"], .error input[type="email"], .error textarea, .error select {color: red; border-color: red}
.error_msg{display: block;  font-size: var(--font-size-12);  position: absolute;  bottom: -1.25em;  left: 0;color: var(--red);}
.wpcf7-not-valid-tip{display: none !important;}
/*Form*/

h1{font-size: var(--font-size-72); font-weight: var(--fw-normal); line-height: 1em; letter-spacing: -0.025em;  font-family: var(--secondary-font);}
h2{font-size: var(--font-size-65); font-weight: var(--fw-normal); line-height: 1em; letter-spacing: -0.025em;  font-family: var(--secondary-font);}
p{font-size: var(--font-size-18); }


.coming_soon_banner{height: 100dvh;}
.coming_soon_banner figure{max-width: 55dvh}

/* Header CSS */
header{position: absolute; z-index: 1; padding: clamp(1em, 0.7573em + 1.0356vw, 2em) 0;}
header .main_logo img{max-width: clamp(3.75em, 2.9915em + 3.2362vw, 6.875em);}
/* Header CSS */

/* Hero banner css */
.hero_banner h1,.hero_banner p{color: var(--ivory); }
.hero_banner p{text-wrap: pretty; font-weight: var(--fw-light)}
.hero_banner .hero_cont {padding: clamp(9.375em, 7.0995em + 9.7087vw, 18.75em) 0 clamp(3.125em, 2.7458em + 1.6181vw, 4.6875em);}
.hero_banner .wp-block-cover{padding: 0;}
.hero_banner .wp-block-cover .wp-block-cover__background{background: #0a0a0a; background: linear-gradient(90deg, rgba(10, 10, 10, 0.72) 0%, rgba(0, 0, 0, 0.05) 90%); opacity: 1 !important}
.hero_banner .has-black-background-color{background-color: transparent !important;}
.hero_banner .wp-block-buttons{margin-top: clamp(0.625em, 0.4733em + 0.6472vw, 1.25em);}
.hero_banner .hero_cont .wrapper{width: 76%;}
/* Hero banner css */

/*Our Story*/
.our_stories{background: #F7EEE9;background: -webkit-linear-gradient(180deg, rgba(247, 238, 233, 0.78) 33%, rgba(221, 204, 196, 1) 100%);background: -moz-linear-gradient(180deg, rgba(247, 238, 233, 0.78) 33%, rgba(221, 204, 196, 1) 100%);
background: linear-gradient(180deg, rgba(247, 238, 233, 0.78) 33%, rgba(221, 204, 196, 1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F7EEE9", endColorstr="#DDCCC4", GradientType=0);}
.our_stories p{line-height: 1.33em;}
.our_stories .img_col{order: 2;}
.our_stories .col_right {order: 1;}
.our_stories h2{color: var(--gold);}
/*Our Story*/

/*Shop by Occasion*/
.shop_by_panel p{color: var(--gold);}
.shop_by_panel .collections_list img{min-height: 300px;object-fit: cover;border-radius: 0.5em;}
.shop_by_panel .collections_list .swiper-slide::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #2A7B9B;background: -webkit-linear-gradient(180deg, rgba(42, 123, 155, 0) 61%, rgba(0, 0, 0, 0.66) 100%);
    background: -moz-linear-gradient(180deg, rgba(42, 123, 155, 0) 61%, rgba(0, 0, 0, 0.66) 100%);background: linear-gradient(180deg, rgba(42, 123, 155, 0) 61%, rgba(0, 0, 0, 0.66) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2A7B9B", endColorstr="#000000", GradientType=0);border-radius: 0.5em;}
.shop_by_panel .collections_list .swiper-slide .uagb-image-caption{position: absolute; bottom: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);z-index: 1; color: var(--white);font-size: 1.375em;}
/*Shop by Occasion*/

/*Contact Us*/
.contact_panel .col_left a{color: var(--gold); font-weight: var(--fw-bold)}
.contact_panel .col_left .btn a{color: var(--white);}
.contact_panel .col_left .btn a:hover{color: var(--gold)}
.contact_panel label{font-size: var(--font-size-16);font-weight: var(--fw-normal) !important;margin-bottom: 0.35em;}
.contact_panel form .btn{padding: 1.05em 1.55em;}
/*Contact Us*/

/*Footer css*/
footer{padding: clamp(2em, -0.5em + 8vw, 4em) 0; background-color:#151515}
footer .logo img{max-width: clamp(3.75em, 2.5781em + 3.75vw, 4.6875em);}
footer .social img{max-width: 2em}
footer .social{column-gap: 1em;}
.footer_links{margin: 1.5em 0;}
.footer_links a{color: var(--gold); font-weight: var(--fw-semi-bold)}
.footer_links li:not(:last-child)::after{content: '|'; margin: 0 0.7em; color: #454545;}

.whatsapp_popup{position: fixed;bottom: 2em;right: 1.5em;width: auto;height: auto;cursor: pointer;z-index: 9999;}
.whatsapp_popup img{transform: scale(1.1);-webkit-transform: scale(1.1);}
/*Footer css*/

@media only screen and (min-width : 640px) {
    .hero_banner .hero_cont .wrapper{width: 45%;}
    .hero_banner .wp-block-cover .wp-block-cover__background{background: #0a0a0a; background: linear-gradient(90deg, rgba(10, 10, 10, 0.72) 0%, rgba(0, 0, 0, 0.05) 47%);}
    
}

@media only screen and (min-width : 767px) {
  /*Our Story*/
  .our_stories .img_col{order: 1;}
  .our_stories .col_right {order: 2;}
  .our_stories .img_col figure{height: 100%;}
  .our_stories .img_col figure img{height: 100%;object-fit: cover;width: 100%;}
  /*Our Story*/
}
@media only screen and (min-width : 1280px) {
  /*Shop by Occasion*/
  .shop_by_panel .collections_list img{min-height: 350px;}
  /*Shop by Occasion*/
}

/*Loader*/
#site-loader{
  position: fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background: #151515;
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:9999;
}
#site-loader img{
  animation:pulse 1.5s infinite;
  max-width: clamp(4.375rem, 3.6932rem + 3.4091vw, 6.25rem);
}
@keyframes pulse{
  0%{opacity:0.4;}
  50%{opacity:1;}
  100%{opacity:0.4;}
}
/*Loader*/

/*Animation*/
.slide-up {
  transform: translateY(40%) !important;
  -webkit-transform: translateY(40%) !important;
  opacity: 0;
  transition-duration: 0.75s;
  transition-delay: 0s;
  transition-timing-function: ease-in-out;
  transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out;
}
.slide-down {
  transform: translateY(-1.25rem) !important;
  -webkit-transform: translateY(-1.25rem) !important;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out;
  opacity: 0;
}
.slide-left {
  transform: translateX(30%) !important;
  -webkit-transform: translateX(30%) !important;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out;
  opacity: 0;
}
.slide-right {
  transform: translateX(-30%) !important;
  -webkit-transform: translateX(-30%) !important;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out;
  opacity: 0;
}

.zoom-in {
  transform: scale(0.75);
  -webkit-transform: scale(0.75);
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out;
}
.fade-in {
  opacity: 0;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out;
}

.anim.slide-up,
.anim.slide-left,
.anim.slide-right,
.anim.zoom-in,
.anim.slide-down,
.anim.fade-in {
  transform: none !important;
  -webkit-transform: none !important;
  opacity: 1;
}
.delay-100 {
  transition-delay: 0.1s;
}
.delay-200 {
  transition-delay: 0.2s;
}
.delay-300 {
  transition-delay: 0.3s;
}
.delay-400 {
  transition-delay: 0.4s;
}
.delay-500 {
  transition-delay: 0.5s;
}
.delay-600 {
  transition-delay: 0.6s;
}
.delay-700 {
  transition-delay: 0.7s;
}
.delay-800 {
  transition-delay: 0.8s;
}
.delay-900 {
  transition-delay: 0.9s;
}
.duration-1000 {
  transition-duration: 1s;
}
.duration-800 {
  transition-duration: 0.8s;
}
.duration-700 {
  transition-duration: 0.7s;
}
.duration-600 {
  transition-duration: 0.6s;
}
/*Animation*/