.row1>a,
.row1>img {
  border: 0 solid red;
  padding: 0 !important
}

.row1 {
  display: flex !important;
  flex-direction: row !important;
  justify-content: left !important;
  gap: 0 !important;
  align-items: center !important
}

.row1>a {
  margin: 0 !important
}

.row1>img {
  margin: 0 10px !important;
  width: 30px;
  height: 30px
}

.imgHov img {
  width: 100%; /* Ensure the image takes the full width of the container */
  height: 300px; /* Set a fixed height */
  object-fit: cover; /* Scale the image to cover the entire area */
}


#breadcrumbRowDiv h1{
  font-size: 22px;
  font-weight: bold;
  color: #990103;
  text-align: center;
}


#featureCategory{
  margin-top:20px;
  margin-bottom: 20px;
}
.instagram_slider h2{ padding-bottom: 30px;}
.swiper-button-next, .swiper-button-prev {
  color: #d6dbe1 !important
}


/**/
/* Flex container for catalogue items */
.block_heading_h1{
  margin-top:20px;
  margin-bottom:20px;
  font-size: 38px;
  font-weight: 900;
  text-align: center;
}
.video_slider_heading{
  font-size:30px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 500;
}
.instagram_slider_heading{
  font-size:30px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 500;
  margin-bottom: 20px;
}
#our_catalogue h2{ font-size: 38px; font-weight: 900; padding: 20px; text-align: center;}
.p-20{padding: 20px;}
.flex-div {
  display: flex;
  justify-content: space-between;   
  align-items: center;              
  gap: 40px;                        
  width: 100%;                     
  margin-bottom: 20px;      
  
}

.flex-div > * {
  display: flex;                    /* Enable flex for the child elements */
  flex-direction: column;           /* Stack h4 and a vertically */
  justify-content: center;          /* Vertically center h4 and a */
  align-items: center;              /* Horizontally center h4 and a */
  text-align: center;               /* Optional: Center text */
}

/* Styling for the individual catalogue items */
.our_cat_image_div {
  background-size: cover;           
  background-position: center;      
  background-repeat: no-repeat;    
  text-align: center;              
  
  position: relative;               
  overflow: hidden;                 
}
.rough_col{
  background-image: url('../../../img/image-1.png');
  height: 908px;
  width: 625px;
}
.beads_col{
  background-image: url('../../../img/image-2.png');
  height: 908px;width: 662px;
}
.gemstone_col{
  background-image: url('../../../img/image-3.png');
  height: 908px;width: 547px;
}
.jewelery_col{
  background-image: url('../../../img/image-4.png');
  height: 908px;width: 741px;
}

/* Headings for each collection */
.our_cat_image_div h4 {
  font-size: 38px;
  font-weight: 700;
  color:white;
}

/* Links (Explore more button) */
.our_cat_image_div a {
    position: relative;
    background: transparent;
    color: white;
    font-size: 22px;
    border-color: white;
    border-style: solid;
    border-width: 2px;
    padding: 10px 30px;
    text-transform: capitalize;
    transition: all 0.2s linear;
}


/* Hover effect on the link */
.our_cat_image_div a:hover {
  background-color: black;        /* Button hover background */
  color: #fff;                      /* Button hover text color */
}


.pink_bg{
  background-color:#F8EEEE ;
}

/*end */
/* new Our Catalogue section*/
.pink_outer{background-color: #F9F9F9; padding: 2%;}
.our_catalogue_container{
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 40px;
}
.our_catalogue_margin{margin-bottom: 2vw;}
.our_catalogue_container img{width: auto; height: auto;}



.image-overlay {
  position: relative;
  display: inline-block;
}

.image-overlay img {
  display: block;
  height: auto;
  width: 400px;
  height: 400px;
}

.overlay-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
}


.overlay-content h4 {
  font-size: 32px;
  font-weight: 600;
  color:white;
  padding-bottom: 20px;
}

.overlay-content a {
  background: transparent;
  color: white;
  font-size: 18px;
  border-color: white;
  border-style: solid;
  border-width: 1px;
  padding: 10px 20px;
  text-transform: capitalize;
  transition: all 0.2s linear;
  
}

.overlay-content a:hover {
  background-color: black;
  color: #fff; 
}

.image-overlay img {
  filter: brightness(80%); 
  transition: filter 0.3s ease;
}

.image-overlay:hover img {
  filter: brightness(100%); 
}
.error{color:red; font-size: 12px;}
.is-invalid{border-color:red;}
.static_pages ul li{
  line-height: 24px !important;
  color: #777;
  font-size: 15px;
}

.certificate_panel .sub_heading{
    font-weight: 600;
}
.certificate_img_panel{
  display: flex;
  justify-content: center;
  align-items: center;
 
  
}
.img_border{
  border:1px solid black;
  padding: 10px;
  
}
.counts_img_panel{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.counts_img_panel span{
  padding: 10px 0;
  font-weight: 500;
  text-align: center;
}

.about_banner > img{
  width: 100%;
}

.pagination>.active>a{
   background-color: #000;
   border-color: #000;
}
.pagination>.active>a:hover{
  background-color: #fd405e;
  border-color: #fd405e;
  cursor: pointer;
}
.pagination>li>a{ color: #333;}
.pagination>li>a:hover{ 
  background-color: #fd405e;
  border-color: #fd405e;
  color: #fff;
}
.category_description{padding: 20px 10px; font-size: 16px; text-align: justify;}

.login_msg{margin-top: 20px; margin-bottom: 0px;}
.dynamic-background {
  position: relative;
  overflow: hidden;  /* Ensures the image doesn't overflow the section */
}

.dynamic-background .background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;  
  z-index: -1;  
}
.breadcrumb_area{
  display: flex;
  flex-direction: row;
  justify-content: end;
  background: none;
  padding: 20px 0 0 0 ;
  text-transform: uppercase;
  font-weight: 700;
  }

.footerheading{
  margin-bottom: 10px;
  text-transform: uppercase;
}
.registration-container input,
.registration-container select,
.registration-container textarea
{
  border: 1px solid #ccc;
  border-radius: 0px;
}
.registration-container label{
  font-weight: 500;
}
.registration_banner_div{
  padding: 0; margin: 0;

}
.registration_banner_div img{
  height: 350px;
  width: 100%;
}
#registration_page h1{
  font-size: 38px;
  font-weight: 900;
}
#registration_page form{
  margin: 20px 0px;
  border: 1px solid #ccc;
  padding: 30px;
}

/* user dashboard css */
#user_dashboard .dashboard-wrapper {
  background: #f8f9fa;
  padding: 15px;
  border-radius: 5px;
}
#user_dashboard .container{
  border: 1px solid #f5f5f5; padding: 20px; border-radius: 5px; margin-top: 30px; margin-bottom: 30px;
}
#user_dashboard .breadcrumb{
  background-color: #f8f9fa;
}
/* user dashboard css end*/

.img_border img{
  width: 160px;
  height: 80px;
}

.blog.single_post h2{
  font-size: 28px !important;
}

.shop-product-wrapper h1{
  font-size: 28px;
  margin: 0 !important;
  padding: 10px;
}

#personalized_order .form-control {
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 5px;
}

#personalized_order .form-group {
  position: relative;
  margin-bottom: 2.5rem; /* Consistent spacing between fields */
}

#personalized_order .form-control {
  width: 100%;
  padding: 0.375rem 0.75rem;
  
}

#personalized_order .error-message {
  position: absolute;
  bottom: -20px; /* Adjust this value based on your design */
  left: 15px;
  font-size: 0.875rem;
  color: #dc3545; /* Matches Bootstrap's text-danger */
  display: none; /* Hidden by default */
}

#personalized_order .error-message.active {
  display: block; /* Show when there's an error */
}

h2.contactHeading{
	font-size: 20px;
    line-height: 25px;
	padding-bottom: 20px;
    border-bottom: 2px solid #ccc;
    margin-bottom: 25px;
}
.personalized_ul {
  border: 0px solid red;
  font-size: 15px;
  font-family: inherit;
  padding: 0;
}
.personalized_ul ul{padding: 0;}
.personalized_ul ul ol{margin:10px 0;}
.personalized_ul p{padding: 0 20px}
.personalized_ul h3{
  font-size: 16px;
  font-weight: 700;
  font-family: inherit;
  padding: 0 20px
}

.contactInfo h5{text-transform: lowercase;}
.blog.allblogse.blog_inner.single.m0 .titleRow{height: 100px !important;}

@media (max-width:767px){
  .our_catalogue_container{
    flex-direction: column;
    
  }
  .our_catalogue_container img{ width: 80%; height: 80%; margin:0 auto;}
  .image-overlay img {filter: brightness(90%);       }
  .overlay-content h4 {
    font-size: 28px;
    font-weight: 500;
    color:white;
    padding-bottom: 10px;
  }
  .overlay-content a {
    font-size: 20px;
    font-weight: 500;
    color:white;
  }
  .our_catalogue_margin{margin-bottom: 40px;}
  .ayj_flex_container img{width: 100% !important;}
  #breadcrumbRow {
    width: 100%;
    height: auto;
    padding: 50px;
}
.single_post .excerpt img{width: calc(92vw) !important; }
.registration_banner_div img{
  display: none;
}
.modal-content{ width: 95vw;}
#personalized_order .submit_btn{
  margin-bottom: 30px;
}


}
#personalized_order input[type="file"] {
  border-radius: 0;       
  border: 1px solid #ccc;
  padding: 5px 0;
  min-width: 100%;
}

@media (min-width:768px) and (max-width:991px){
  .pink_outer{padding: 2%;}
  .our_catalogue_container{
    width: 100%;
    flex-direction: row;
    justify-content:space-evenly;
    padding: 0;
    gap:10px;
    
  }
  .image-overlay img{filter: brightness(90%);  width: 100%; height: auto;}
  .image-overlay:hover img {    filter: brightness(100%);  }
  .overlay-content h4 {
    font-size: 28px;
    font-weight: 600;
    color:white;
    padding-bottom: 10px;
  }
  .overlay-content a {
    font-size: 20px;
    font-weight: 500;
    color:white;
  
  }
  .our_catalogue_margin{margin-bottom: 2vw;}
  .our_cat_child{width: 45%;}
  
  .single_post .excerpt img{width: calc(92vw) !important; }
  .registration_banner_div img{
    display: none;
  }
}
@media (min-width:992px) and (max-width:1320px){
  .our_catalogue_container{
    justify-content:space-evenly;
  }
  .our_catalogue_container img{ margin:0 auto;}
  .image-overlay img{filter: brightness(90%);}
  .image-overlay:hover img {    filter: brightness(100%);  }
  .single_post .excerpt img{width: calc(60vw) !important; }
}
/* new Our Catalogue section end*/


/* Our Strategy ; */
.our_strategy{background-color: #F9F9F9;
  display: flex; 
  justify-content: center; 
  align-items: center; 
  
}
.block_heading{
  font-size: 38px;
  font-weight: 900;
  padding-bottom: 20px;
  padding-top: 0;
  text-align: center;
  margin-top:0;
}
.our_strategy_container{ 
  width: 900px;
  display: flex; flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding: 40px 0;
  gap:5vw;
}
.strategy_item{border:1px solid gray;  }
.strategy_item h4{padding: 10px 0; text-align: center; font-size: 28px; font-weight: 400;}

/* Our Strategy End */


.light_pink_text_section{ margin:60px 0;}
.ayj_flex_container{
  display: flex;
  flex-direction: row;
  padding: 0;
  justify-content: center;
  
}
.ayj_flex_container img{width: 50%;}
.text_block_inner_container h4{ text-align: center; 
  font-size:30px;
  font-weight: 500;
  margin-top:20px;
}
.text_block_inner_container p{ text-align: justify; padding: 10px 20px; margin: 0;}
.text_block_inner_container{ 
  display: flex; flex-direction: column; align-items: center; align-content:center; 
}

 
.ayb_flex_container{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  flex-direction: row; 
  align-items: center;
  padding: 0px;
}
.ayb_flex_item{
  width: 50%;
  height: 50%;
}
.ayb_flex_item_padding{
  padding: 20px;
}

/* Client Testimonials*/

.client_testimonials{background-color: #F9F9F9; padding:10px 30px 30px 30px; margin-top: 40px;}
.client_item p{margin-bottom: 20px; font-size: 14px; font-weight: 400; padding: 0 10px;}
.client_item img{width: auto !important; border: 1px solid gray; border-radius: 8%;}

.blog_section{background-color: #F9F9F9; padding:10px 30px 30px 30px; margin-top: 40px;}

.client_item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.blog_item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: 0 10px;
  border: 1px solid #e1e1e1;
  padding: 0 0 10px 0;
  
}
.blog_item img{ width: 100%; /* Fills the width of the container */
  
  aspect-ratio: 18 / 9; /* Example aspect ratio (16:9) */
  
  max-width: 100%; /* Prevents the image from overflowing */
  min-height: 200px; /* Maximum height to fit your design */
  transform: scale(1) !important;
}
.blog_item h5{font-size: 16px; min-height: 50px;}
.blog_text{margin-left: 10px;}
.blog_read_more_btn{ font-size: 14px;  border: 1px solid #e1e1e1; padding: 5px 10px; display: inline-block; font-weight: 500; } 
.blog_read_more_btn:hover{
  background-color:  black;
  color: white;
}
.blog_section_sub_heading{ font-size: 1.5rem; font-weight: 600;}
.client_testimonials_sub_heading{font-size: 1.5rem; font-weight: 600;}

#product-details-modal-body,.message-container {
  display: flex !important;
  justify-content: center !important;  
  align-items: center !important;
  height: 100% !important;             
  min-height: 100vh !important;
}


@media (min-width:768px) and (max-width:1200px) {
  #header .navbar #navbarNavDropdown .nav li.dropdown .dropdown-menu {
    max-height: 395px !important;
    overflow-y: auto
  }

  .nav-item.dropdown.megamenu.open .dropdown-menu.sub-menu-children {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 auto !important;
    width: auto !important
  }
}

@media (max-width:767.98px) {
  #header .navbar #navbarNavDropdown .nav li.dropdown .dropdown-menu {
    max-height: 374px !important;
    overflow-y: auto
  }

  .ayb_flex_container{
    
    flex-direction: column; 
    
  }
  .ayb_flex_item{
    width: 100%;
    height: 100%;
  }

  .ayj_flex_container{ flex-direction: column;}
  .blog_inner .blog_j_img img {
    height: auto;
}
}


@media (min-width:300px) and (max-width:513px) {
  .search_result_pagination{
    padding-left: 20px;
  }
  #breadcrumbRowDiv ul.breadcrumb{
    display: none;
  }
  .single_post .excerpt img{
    width: calc(92vw) !important; 
    height: calc(50vh) !important;}
  
}

@media (min-width:300px) and (max-width:576px) {
    /* our catalog section on home page*/
    .flex-div {
      flex-direction: column;       
  }

  .our_cat_image_div {
      margin-bottom: 20px;          
  }
     .rough_col,.beads_col,.gemstone_col,.jewelery_col{
    height: 500px; width: 100%;
    } 
    
    .our_cat_image_div h4 {font-size: 30px; font-weight: 600;}
    .flex-div {gap: 0px; margin-bottom: 0px;}
}

@media (min-width: 768px) {
  .flex-div {
      flex-direction: row;       
  }

  .our_cat_image_div {
      margin-bottom: 20px;          
  }
  


}
@media (min-width:576px) and (max-width:767px) {
   .rough_col,.beads_col,.gemstone_col,.jewelery_col{
    height: 500px; width: 70%;
  } 
  .mobileresponsiveview{ margin: auto;}
  div#navbarNavDropdown {
    background: #fff;
    width: 280px;
    margin-top: 0;
    margin-left: -15px;
    position: absolute;
  }
  .navbar-header a img { width: 140px !important; height: auto !important;}

}

@media (min-width: 768px) and (max-width: 991px) {
  .ayj_flex_container {
    display: flex;
    flex-direction: column; /* Stack image and text vertically */
    align-items: center; /* Center items horizontally */
  }

  .ayj_flex_container img {
    width: 40%;
    object-fit: contain;
    align-self: center; 
    margin:20px 0px;
  }

  .text_block_inner_container {
    width: 100%; /* Ensure the text block takes full width */
    padding: 10px;
    text-align: center; /* Center align the text */
  }

  .text_block_inner_container h4 {
    margin: 0 auto;
    text-align: center; /* Center the heading */
    width: 100%; /* Full width */
    position: relative; /* Remove left offset to avoid shifting */
  }

  .text_block_inner_container p {
    padding: 10px;
    text-align: justify; /* Optional: for better text alignment */
  }
}

@media (min-width:576px) and (max-width:589px) {
 .blog_item{
    width: 50vw;
    margin: auto;
 } 
}

@media (min-width:768px) and (max-width:1200px) {
  .blog_inner .blog_j_img img {
    height: 230px;
  }
}