/** Shopify CDN: Minification failed

Line 1379:0 Expected "}" to go with "{"

**/
.template-index h1, 
.template-index h2,
.template-index h3, 
.template-index h4{
  font-family: Playfair Display, "Arial", "sans-serif" !important;
}

.template-index h3.box-title {
	font-size: 28px !important;
	color: #000;
	text-transform: capitalize;
	text-align: center;
	font-weight: 400;
	letter-spacing: 0;
  margin-bottom: 8px;
}
.template-index .widget-title .box-title + p {
	top: 3px;
	font-size: 17px;
	color: #000;
}
.template-index .widget-title .box-title + p span{
  font-size:17px;
}
@media (max-width: 767px){
  .template-index h3.box-title {
	  font-size: 24px !important;
  }
  .template-index .widget-title .box-title + p {
	  font-size: 16px;
  }
  .template-index .widget-title .box-title + p span{
    font-size:16px;
  }
}

/* Product page 
Price Breakup tooltip */

.pb_tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  margin-left: 15px;
  text-transform: capitalize;
  cursor: pointer;
  font-size: 16px;
  font-weight: normal;
}
.pb_tooltip .table {
  color: #746855;
  margin-bottom: 0px;
  border: none;
}
.pb_tooltip .table tr td{
  padding: 1px 0;
  border: none;
}

.pb_tooltip .tooltiptext {
  visibility: hidden;
  width: 400px;
  background-color: #fdfbf9;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 15px;
  position: absolute;
  z-index: 100;
  left: auto;
  top: 100%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 12px;
  right: -70%;
  letter-spacing: 0.3px;
  cursor: auto;
}


/* .pb_tooltip .tooltiptext::after {
content: "";
position: absolute;
bottom: 100%;
left: auto;
right: 40%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent #020424 transparent;
} */

.pb_tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 600px){
  .pb_tooltip .tooltiptext {
    width: auto;
    min-width: 250px;
    right:0;
    left: auto;
  }
}

.dashed_price{
  text-decoration: line-through;
}

/* Product page pincode checker */

#zippy_widget_1511 {
  margin-top: 0px !important;
  margin-bottom: 30px !important;
  max-width: 100% !important;
}
.zipcode_bar_input_1511 input {
  display: inline-block !important;
}
.delivery_option, .cod_option, .shipping_option{
  font-size: 13px;
  color: #333;
}

.delivery_option::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f14a";
  margin-right: 7px;
  color: green;
}
.cod_option::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f057";
  color: red;
  margin-right: 7px;
}
.shipping_option::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0d1";
  margin-right: 7px;
}
.zippy-success-card-1511 .zippy-failure {
  font-size: 13px !important;
  font-weight: normal;
}

.zipcode_bar_title_1511 i {
  display: none;
}
.zippy-success-card-1511 {
  padding: 10px 15px !important;
  background: #fff !important;
  border: 1px solid #020424 !important;
  border-radius: 0px !important;
  color: #020424 !important;
  font-family: var(--fonts_name),"Arial","sans-serif" !important;
}
.zippy-success-card-1511 button{
  color: #020424 !important;
  font-family: var(--fonts_name),"Arial","sans-serif" !important;
}
.zipcode_bar_input_1511 input{
  border-radius: 0px !important;
  font-family: var(--fonts_name),"Arial","sans-serif" !important;
}
.zipcode_bar_input_1511 button{
  border-radius: 0px !important;
  border: 1px solid #020424 !important;
  font-family: var(--fonts_name),"Arial","sans-serif" !important;
}
.zipcode_bar_input_1511 button:hover{
  background-color: #fff !important;
  color: #020424 !important;
  border: 1px solid #020424 !important;
}
.zipcode_bar_title_1511 {
  color: #020424 !important;
  font-family: var(--fonts_name),"Arial","sans-serif" !important;
  font-weight: 600 !important;
}


/* Product page trust badges */

ul.trust_badges{
  list-style: none;
  display: inline-block;
}
.trust_badges .tooltip1 {
  position: relative;
  display: inline-block;
  cursor: pointer;

}
/* .trust_badges .tooltip1 svg text{
width: 100% !important;
} */
/* .trust_badges .tooltip1 .tooltiptext1::after {
content: " ";
position: absolute;
bottom: 100%;  
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent black transparent;
} */

/* Tooltip text */
.trust_badges .tooltip1 .tooltiptext1 {
  visibility: hidden;
  width: 300px;
  background-color: #fdfbf9;
  color: #746855;
  text-align: left;
  padding: 10px;
  border-radius: 6px;
  top: 65px;
  margin-left: -215px;
  position: absolute;
  z-index: 1;
  cursor: auto;
  left: 50%;
}
.trust_badges .tooltip1 .tooltiptext2 {
  visibility: hidden;
  width: 450px;
  background-color: #fdfbf9;
  color: #746855;
  text-align: left;
  padding: 10px;
  border-radius: 6px;
  top: 25px;
  margin-left: -215px;
  position: absolute;
  z-index: 1;
  cursor: auto;
  left: 50%;
  font-size: 12px;
  line-height: 21px;
}

@media (max-width: 767px){
  .trust_badges .b1 .tooltip1 .tooltiptext1, .trust_badges .b3 .tooltip1 .tooltiptext1, .trust_badges .tooltip1 .tooltiptext2  {
    margin-left: -20px;
    left: 0;
    right: auto;
  }
  .trust_badges .tooltip1 .tooltiptext2 {
    max-width: 300px;
  }
}

/* Show the tooltip text when you mouse over the tooltip container */
.trust_badges .tooltip1:hover .tooltiptext1{
  visibility: visible;
}
.trust_badges svg{
  width: 100% !important;
  height: 80px !important;
  fill: unset !important;
  stroke: unset !important;
}
.trust_badges svg text tspan {
  font-family: var(--fonts_name),"Arial","sans-serif" !important;
  font-size: 15px;
  text-align: center;
}
.trust_badges .icon{
  display:flex;
  align-items:center;
  justify-content:center;
}
.ProductMeta__Description {
  padding-top: 19px;
  padding-bottom: 30px;
}
.mb-4{
  margin-bottom: 20px;
}
.section-margin{
  margin-top:50px;
  margin-bottom: 50px;
}
#about-us .custom-block-banner.banner-large-img img{
  object-fit: cover;
  width: 100%;
}
.main-content {
  padding-bottom: 50px;
}
.uppercase{
  text-transform: uppercase;
}
@media (min-width: 1200px){
  .banner-parallax .parallax-image {
    min-height: 100vh;
    background-size: contain;
  }
}

/* topbar tooltip - metal rates */

.topbar_tooltip {
  position: relative;
  display: inline-block; 
  text-transform: uppercase;
  color: #202020;
  font-size: 13px;
  /*   font-family: 'Open Sans',sans-serif; */
  border-right: 1px solid #c8c8c8;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
}
.cta.p{
  padding-right: 0px;
  padding-left: 10px; 
}
/* Tooltip text */
.topbar_tooltip .topbar_tooltiptext {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  visibility: hidden;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  padding: 15px;
  min-width: max-content;
  left: auto;
  right: 0;
  text-transform: none;
  cursor: auto;

}
@media (max-width: 600px){
  .topbar_tooltip .topbar_tooltiptext {
    left: auto;
    right: 0;
  }

  .p-0{
    padding-left:0;
    padding-right:0;

  }

}
@media (max-width: 438px){
  .topbar_tooltip {
    padding-right: 5px;
    padding-left: 5px; 
  }
  .cta.p{
    padding-right: 5px;
    padding-left: 5px; 
  }
}
.topbar_tooltip .topbar_tooltiptext p{
  color: #000;
  line-height: 20px;
}
.topbar_tooltip .topbar_tooltiptext table{
  margin-bottom:0;
}
/* Show the tooltip text when you mouse over the tooltip container */
.topbar_tooltip:hover .topbar_tooltiptext {
  visibility: visible;
}
.topbar_tooltip table{
  border: none;
}
.topbar_tooltip table td, .topbar_tooltip table th {
  color: #333;
  font-weight: 400;
}

@media (max-width: 767px){
  .topbar_tooltip {
    border-right: none;
  }
  .p.cta {
    display: none;
  }
}

.layout_style_1170 .slick-arrow.slick-prev{
  left: -13px !important;	
}

.layout_style_1170 .slick-arrow.slick-next {
  right: -13px !important;
}
.header-top .top-message{
  padding:0;
}

.section-product-more-info .container {
  width: 100%;
  padding: 0;    
}
.section-product-more-info .widget-title .box-title{
  font-size: 20px !important;
}
.section-product-more-info .widget-title .box-title .title {
  padding: 0 24px 0 0;
}
.section-product-more-info .widget-title{
  text-align:left;
  margin-bottom: 5px;
}
.row.trust_badges .col {
  text-align: center;

}
.payment-methods li img {
  max-height: 100%;
}
.site-footer .footer-top {
  padding: 65px 0 15px;
}
.col4{
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}
@media (min-width: 1200px){
  .site-nav .mega-menu .style_4 .col-xl-75 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
}

.home-spotlight-block .spotlight-style-4 .spotlight-item .shop_link{
  display:block;
}

@media (max-width: 1024px){
  .home-about-us.style_about_4 .list-item .item, .home-about-us.style_about_6 .list-item .item {
    width: 33.33%;
  }
}
@media (max-width: 1199px){
  .home-about-us.style_about_4 .list-item{
    display: flex;
  }
}
@media (max-width: 767px){
  .home-about-us.style_about_4 .list-item{
    white-space: inherit !important;
    display:block;
  }
}
.home-about-us .list-item {
  align-items: flex-start;
}
img.img_trust{
  display:block;
  margin: 0 auto 5px auto;
  max-width: 30px;
}
.trust_block{
  margin: 10px auto;
  text-align: center;
}

.layout_style_1170 .quickview-tpl .product-shop .groups-btn .wishlist, .layout_style_1170 .product-shop .groups-btn .wishlist {
  min-width: 49px !important;
}
.spr-icon.spr-icon-star::before, .spr-icon::before {
  color: #FDCC0D;
}
.template-product .main-content input[type="email"],  .template-product .main-content input[type="tel"]{
  max-width: 280px
}
.product-shop .groups-btn #product-add-to-cart, .product-shop .groups-btn .product-add-to-cart, .product-shop .shopify-payment-button button.shopify-payment-button__button {
  padding: 12px !important;
  /*   	max-width: 380px; */
}
.product-shop .shopify-payment-button button.shopify-payment-button__button {
  max-width: calc(100% - 118px);
}
.product-shop .groups-btn .icon-share {
  color: #000 !important;
  margin-bottom: 20px !important;
}
.layout_style_1170 .quickview-tpl .product-shop .groups-btn .icon-share, .layout_style_1170 .product-shop .groups-btn .icon-share {
  width: 49px !important;
  height: 49px !important;
}
.metal_title h3 {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 18px;
  text-decoration: underline;
}


@media (max-width: 1023px){
  .product-shop .shopify-payment-button button.shopify-payment-button__button {
    max-width: calc(100% - 98px);
  }
}

@media (min-width: 1024px) and (max-width: 1199px){
  .product-shop .shopify-payment-button button.shopify-payment-button__button {
    max-width: calc(100% - 101px);
  }
}
@media (min-width: 1200px) and (max-width: 1600px){
  .product-shop .shopify-payment-button button.shopify-payment-button__button {
    max-width: calc(100% - 115px);
  }
}
.mt-5{
  margin-top: 50px;
}
.mb-10{
  margin-bottom: 10px;
}
.mb-20{
  margin-bottom: 35px;
}
.collection-header-sections .collection-static.page-header h1 span{
  color: #000;
}
/* .label.sold-out-label {
display: none;
} */

/* wishlist */

.cw-added .wishlist-add-msg {
  position: absolute;
  top: 70%;
  left: 100%;
  transform: translate(-95%,-100%);
  background-color: #fdfbf9;
  border: 1px solid #f2f2f2;
  z-index: 3;
  color: green;
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
}

.cw-removed .wishlist-remove-msg {
  position: absolute;
  top: 70%;
  left: 100%;
  transform: translate(-95%,-100%);
  background-color: #fdfbf9;
  border: 1px solid #f2f2f2;
  z-index: 3;
  color: red;
  padding: 5px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
}
#shopify-section-product-recommendations .cw-added .wishlist-add-msg {
  top: 40%;
  left: -360%;
  transform: translate(0%,-50%);
}
#shopify-section-product-recommendations .cw-removed .wishlist-remove-msg {
  top: 40%;
  left: 66%;
  transform: translate(-120%,-50%);
  width: 160px;
}

#recently-viewed-products-grid .cw-added .wishlist-add-msg, .featured-products .cw-added .wishlist-add-msg, #main-collection-product-grid .cw-added .wishlist-add-msg{
  top: 40%;
  left: -360%;
  transform: translate(0%,-50%);
}
#recently-viewed-products-grid .cw-removed .wishlist-remove-msg, .featured-products .cw-removed .wishlist-remove-msg, #main-collection-product-grid .cw-removed .wishlist-remove-msg{
  top: 40%;
  left: 66%;
  transform: translate(-120%,-50%);
  width: 160px;
}
.pr{
  position:relative !important;
}
.faqs-page .panel-group .panel-title a span::before, .faqs-page .panel-group .panel-body > div::before {
  display: none;
  padding: 0;
}
.faqs-page .panel-group .panel-title a span {
  padding: 0px 0px 5px 0px;
  font-size: 16px;
  font-weight: 700;
}
.faqs-page .panel-group .panel-body {
  padding-top: 0px;
  font-size: 14px;
  font-weight: 400;
}
.panel-group .faq_category h2{
  margin-bottom: 5px;
}

.panel-group .faq_category{
  margin-bottom: 20px;
  margin-top: 50px;
}
.faqs-page .panel-group .panel-body p:not(:last-child), .faqs-page .panel-group .panel-body p:not(:last-of-type) {
  margin-bottom: 10px;
}
.faqs-page .panel-group .panel-title a span::after {
  display:none;
}

@media (min-width: 1200px){
  .wrapper_header_parallax .wrapper-header-bt {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;

  }
  .template-product .row {
    margin-right: -15px !important;
    margin-left: -15px !important;

  }
}
@media (max-width: 1199px){
  .template-product  .row {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.label.sold-out-label, .label.new-label  {
	margin-right: 5px;
	color: var(--new_label_text);
	background-color: var(--new_label_bg);
	font-size: 12px !important;
	font-weight: 700 !important;
	min-width: 50px !important;
	min-height: 25px !important;
	border-radius: 0 !important;
}

/* newsletter popup form */
@media (min-width: 768px){

.wrapper-newsletter .halo-modal-body .column-left, .wrapper-newsletter .halo-modal-body .column-right {
	width: 50%;
}
.wrapper-newsletter.halo-modal .halo-modal-content .halo-modal-body {
	height: 266px;
	overflow: auto;
  max-height: 85vh;
}
.wrapper-newsletter .halo-modal-body .column-left img {
	height: 266px;
	object-fit: cover;
}
.wrapper-newsletter .halo-modal-body{
	justify-content: center;
  align-items: center;
}
.wrapper-newsletter .halo-modal-body .column-right {
  padding: 0 22px;
}
.wrapper-newsletter .halo-modal-body #mailchimp-email-subscibe .input-group-field{
  width: 225px;
}
}
@media (max-width: 767px){
.wrapper-newsletter .halo-modal-body .column-left {
	display: block;
  width: 100%;
}
.wrapper-newsletter .halo-modal-body .column-right {
	width: 100%;
}
.wrapper-newsletter .halo-modal-body{
	display: block;
}
.wrapper-newsletter .halo-modal-body .column-left img {
	height: auto;
	object-fit: cover;
	width: 100%;
}
}
.wrapper-newsletter .halo-modal-body #mailchimp-email-subscibe .input-group-field{
  max-height: 50px;
}
.wrapper-newsletter .halo-modal-body #mailchimp-email-subscibe .btn{
  max-height:50px;
  padding: 5px !important;
}
.wrapper-newsletter .halo-modal-body .des{
  margin-bottom: 10px;
  font-size: 14px;
}
.wrapper-newsletter .halo-modal-body #mailchimp-email-subscibe {
	margin-bottom: 15px;
}
.wrapper-newsletter .halo-modal-body .social-icons li {
	margin-bottom: 8px;
}
@media (max-width: 600px){
  .template-product .pb_tooltip .tooltiptext {
    right: auto;
    left: 50px;
  }
}
.collection-header.collection-header-sections .collection-static {
  margin: 30px auto 30px !important;
}
@media (min-width: 1200px){
  .collection-header.collection-header-sections .collection-static {
	  max-width: 100% !important;
  }
}
#zippy_widget_1511 {
	text-align: left !important;
}
@media (max-width: 767px){
  .filters-toolbar__view-as.toolbar-col {
	  display: none;
  }
  .sidebar_more, .toolbar .toolbar-col label {
	  display: block;
  }
  .sidebar-label .icon-filter{
    display: none;
  }
  .sidebar_more::after {
	  content: "\f0b0";
	  font-family: FontAwesome;
	  margin-left: 5px;
  }
}
.shipping_text{
	margin-top: -15px;
	margin-bottom: 20px !important;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 500;
}
.list-product-tabs.product-tabs-style2 li {
  padding: 0 24px 0px;
  border-right: 2px solid #746855 !important;
  margin: unset;
}
.list-product-tabs.product-tabs-style2 li:last-of-type {
	border: none !important;
}
.list-product-tabs.product-tabs-style2 .tab-links {
	font-size: 18px !important;
	text-transform: capitalize;
	line-height: 23px;
	padding: 0;
	letter-spacing: 0;
}
.tab-content .padding-class{
  padding-left:0;
  padding-right:0;
}
.tab-content .padding-class .grid-item.col-12 {
	padding-left: 5px;
	padding-right: 5px;
}
.tab-content .img-box img{
  border-radius: 10px;
}
@media (max-width: 767px) {
  .list-product-tabs.product-tabs-style2 li {
    padding: 0 24px 0px;
  }
  .list-product-tabs li {
	  -ms-flex: 1;
	  flex: 1;
	  max-width: fit-content;
  }
  .list-product-tabs .tab-links{
    border: none;
  }
  .list-product-tabs {
	  margin-left: 0;
	  margin-right: 0;
	  margin-bottom: 15px;
	  -webkit-box-pack: center;
	  -moz-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: center;
	  justify-content: center;
  }
  .list-product-tabs .tab-links span span {
	  display: none;
  }
  .list-product-tabs.product-tabs-style2 .tab-links.active {
	  color: var(--page_title_color);
	  border-bottom-color: var(--page_title_color) !important;
	  border-bottom: 2px solid;
  }
}
#brides-of-india .btn {
	background-color: #746855;
	border: 1px solid #746855;
	color: #fff;
	font-family: Muli,Arial,"sans-serif";
	font-weight: 700 !important;
}
#brides-of-india .btn:hover{
  background-color: #fff;
  color: #746855;
}
#brides-of-india .main-content {
	padding-bottom: 0;
}
@media (max-width: 767px) {
  .featured-products .slick-arrow {
    top: -moz-calc(50% - 35px) !important;
    top: -webkit-calc(50% - 35px) !important;
    top: -ms-calc(50% - 35px) !important;
    top: calc(50% - 35px) !important;
  }
  .featured-products .slick-arrow.slick-prev {
    left: 0 !important;
  }
  .featured-products .slick-arrow.slick-next {
    right: 0 !important;
  }
  /* Center the dots */
  .featured-products  .slick-dots {
    text-align: center;
  }

  /* Hide all dots by default */
  .featured-products  .slick-dots li {
    display: none;
    margin: 0 5px;
  }

  /* Display only the first 5 dots */
  .featured-products  .slick-dots li:nth-child(-n+5) {
    display: inline-block;
  }

  /* Display the active dot */
  .featured-products  .slick-dots li.slick-active {
    display: inline-block;
  }
}

/* Sid code start */

.rankah1 {
  font-size: 28px!important;
  color: #000;
  text-transform: capitalize;
  text-align: center;
  font-weight: 400;
  letter-spacing: 0;
  font-family: Playfair Display,Arial,"sans-serif"!important;
}

.topsection {
  margin-top:25px;
  margin-bottom:25px;
}

.uspsection {
  display: flex;
}

.uspcol {
  width: 25%;
  float: left;
  text-align: center;
}

.uspcol p {
	font-weight:600;
  margin-top:10px;
}

.contact-us-page .form-group input {
  max-width:620px;
}

.template-collection .price-regular {
  color:#000;
}

#rewards-amp-recognition-ranka-jewellers-the-best-jewellery-store .FlexboxIeFix img {
  width: 25%;
}

#shopify-section-template--21810199396636__recently-view {
  overflow-x: hidden;
}

#shopify-section-template--21810199396636__recently-view .wrapper-vendor {
  display: block;
  margin: 0px auto;
}

#shopify-section-home_featured_products_ijpYr6 .products-grid .grid-item,
#shopify-section-9cb4b8ca-8e09-4dff-9ceb-cb19f4497fb3 .products-grid .grid-item,
#shopify-section-template--21810199396636__165823160804ce1e4e .products-grid .grid-item {
  padding-left: 5px;
  padding-right: 5px;
}

.eta {
  display:none;
}

.template-collection .sold-out .product-label {
  top:unset !important;
  left:0px  !important;
  right:unset  !important;
  bottom:0px  !important;
  transform:unset  !important;
}

/* .template-collection .product-title  */
.product-title, .product-name {
  -webkit-line-clamp: initial !important;
}

.template-collection .sold-out .product-label div:nth-child(2) {
  display:none !important;
}

@media only screen and (min-width:0px) and (max-width:576px) {
  .uspcol {
    width:50%;
    margin-bottom:20px
  }

  .uspsection {
    display: inline-block;
  }

  #shopify-section-template--21810198577436__16503708874e3262a6,
  #shopify-section-template--21810198577436__1650375631d157b8bc {
    text-align:center;
  }

  #shopify-section-template--21810198282524__main table {
    width:auto !important;
  }

  .site-footer .location_info .text:last-child {
    align-items: start !important;
  }

  .site-footer .location_info .info-icon {
    margin-top:4px !important;
  }

  .halo-sticky-toolbar-mobile {
    display:none;
  }

  /* .header_mobile_3 .quickSearchResultsWrap
  {
    display:none !important;
  } */
}

/* sid code end */

/*  HIDE PRICE BREAKUP SECTION COMPLETELY */
.pb_tooltip,
.pb_tooltip *,
.tooltiptext {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* === Ranka global premium card style === */
/* Shared premium card look used across corporate homepage sections */

.rj-card {
  background: #ffffff;
  border-radius: 18px;
  border: 1px solid rgba(216, 179, 107, 0.35);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.10);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease,
    background 0.2s ease;
}

.rj-card--padded {
  padding: 22px 20px 24px;
}

.rj-card:hover {
  transform: translateY(-3px);
  background: linear-gradient(135deg, #fffdf6, #ffeecd);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.16);
  border-color: rgba(216, 179, 107, 0.9);
}

/* ===================================================================
   CORPORATE HOMEPAGE LAYOUT – UNIFIED WIDTH & SPACING
   Affects ONLY:
   - “India’s Trusted Corporate Gifting Partner” section
   - “Our Trusted Brand Partners” section
   - “Corporate Collections” section
   On the homepage (.template-index) 
   =================================================================== */

/* 1. Vertical spacing – all three sections consistent */

.template-index .corp-cta-final,
.template-index .brand-partners-section,
.template-index .corporate-collections {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 0;
  margin-bottom: 0;
  background: #ffffff;
}

/* 2. Containers – same max width & side padding (desktop & mobile) */

.template-index .corp-cta-container,
.template-index .brand-partners-container,
.template-index .cc-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

@media (max-width: 991px) {
  .template-index .corp-cta-container,
  .template-index .brand-partners-container,
  .template-index .cc-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .template-index .corp-cta-final,
  .template-index .brand-partners-section,
  .template-index .corporate-collections {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

@media (max-width: 640px) {
  .template-index .corp-cta-final,
  .template-index .brand-partners-section,
  .template-index .corporate-collections {
    padding-top: 26px;
    padding-bottom: 28px;
  }
}

/* 3. Corporate CTA – make card stretch to container width
      (so it doesn’t look tiny compared to hero) */

.template-index .corp-cta-final .corp-cta-overlay {
  width: 100%;
  max-width: none;
  margin: 0 auto;
}

/* 4. Brand Partners – neat responsive grid */

.template-index .brand-partners-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

@media (max-width: 900px) {
  .template-index .brand-partners-cards {
    grid-template-columns: 1fr;
  }
}

/* 5. Corporate Collections – clean responsive grid */

.template-index .corporate-collections .cc-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
}

@media (max-width: 1200px) {
  .template-index .corporate-collections .cc-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .template-index .corporate-collections .cc-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .template-index .corporate-collections .cc-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* 6. Shared premium card style for the three sections */

.template-index .corp-cta-final .rj-card,
.template-index .brand-partners-section .brand-partner-card,
.template-index .corporate-collections .cc-card {
  border-radius: 18px;
  border: 1px solid rgba(216, 179, 107, 0.35);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
  background: #ffffff;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    background 0.2s ease,
    border-color 0.2s ease;
}

.template-index .corp-cta-final .rj-card:hover,
.template-index .brand-partners-section .brand-partner-card:hover,
.template-index .corporate-collections .cc-card:hover {
  transform: translateY(-4px);
  background: linear-gradient(135deg, #fffdf6, #ffeecd);
  border-color: rgba(216, 179, 107, 0.9);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.16);
}

/* 7. Images inside Corporate Collections cards – consistent height */

.template-index .corporate-collections .cc-img-wrap img {
  width: 100%;
  height: 170px;
  object-fit: cover;
  border-radius: 10px;
}

@media (max-width: 640px) {
  .template-index .corporate-collections .cc-img-wrap img {
    height: 150px;
  }
}
/* === FORCE CORPORATE SECTIONS TO MATCH HERO WIDTH === */
/* Make wrapper sections flush full-width like Vivrambh hero */

.template-index .corp-cta-final,
.template-index .brand-partners-section,
.template-index .corporate-collections {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

/* Let the inner containers stretch to full width on desktop */
.template-index .corp-cta-final .corp-cta-container,
.template-index .brand-partners-section .brand-partners-container,
.template-index .corporate-collections .cc-container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Make the main CTA card fill the section horizontally */
.template-index .corp-cta-final .corp-cta-overlay {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Corporate collections grid – use full width, nice gap */
.template-index .corporate-collections .cc-grid {
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

/* On mobile/tablet keep some side padding so it doesn’t touch edges */
@media (max-width: 991px) {
  .template-index .corp-cta-final .corp-cta-container,
  .template-index .brand-partners-section .brand-partners-container,
  .template-index .corporate-collections .cc-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .template-index .corporate-collections .cc-grid {
    padding-left: 0;
    padding-right: 0;
  }
} 
/* === Level 3: Auto Reveal Animations (CSS support) === */

/* Initial hidden state for all reveal sections */
[data-reveal] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  will-change: opacity, transform;
}

/* When GSAP adds the class "revealed" */
[data-reveal].revealed {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
/* ===== L3: Header Shrink + Back-to-Top + Tilt ===== */

/* Smooth anchor scrolling site-wide */
html {
  scroll-behavior: smooth;
}

/* Header shrink state */
.header-scrolled .wrapper_header_parallax .wrapper-header-bt,
.header-scrolled .site-header {
  background: #ffffff;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
  transition: all 0.2s ease;
}

@media (min-width: 992px) {
  .header-scrolled .wrapper_header_parallax .wrapper-header-bt,
  .header-scrolled .site-header {
    padding-top: 6px;
    padding-bottom: 6px;
  }
}

/* Floating back-to-top button */
#rj-backtotop {
  position: fixed;
  right: 18px;
  bottom: 22px;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid rgba(216, 179, 107, 0.8);
  background: #fff7e5;
  color: #000000;
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition:
    opacity 0.2s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
  z-index: 999;
  cursor: pointer;
}

#rj-backtotop.visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.18);
}

#rj-backtotop:hover {
  transform: translateY(-2px);
}

/* 3D tilt cards */
.rj-tilt-card {
  transform-style: preserve-3d;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.rj-tilt-card:hover {
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.16);
}

/* On very small screens, keep cards stable */
@media (max-width: 767px) {
  .rj-tilt-card {
    transform: none !important;
  }
}
/* === L3 MICRO-INTERACTIONS & SCROLL REVEAL === */

/* Base fade-in state (used by JS in theme.liquid) */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.6s ease-out,
    transform 0.6s ease-out;
}

/* When IntersectionObserver or GSAP adds .visible */
.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Small helper so [data-reveal] sections don't jump */
[data-reveal] {
  will-change: opacity, transform;
}

/* Click ripple effect (used by .x-ripple created in JS) */
.x-ripple {
  position: fixed;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  margin-top: -40px;
  pointer-events: none;
  border-radius: 50%;
  border: 1px solid rgba(216, 179, 107, 0.45);
  box-shadow: 0 0 18px rgba(216, 179, 107, 0.35);
  opacity: 0;
  transform: scale(0.6);
  animation: rj-ripple 0.6s ease-out forwards;
  z-index: 9999;
}

@keyframes rj-ripple {
  0% {
    opacity: 0.6;
    transform: scale(0.6);
  }
  100% {
    opacity: 0;
    transform: scale(1.9);
  }