body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  }


 /*-------------------------Special-Festival-Update-------------------------- */


/*------------------Akshay-Tritiya-Special---------------*/

.akshay-tritiya{
padding: 8px;
}
.tritiya-gifts{
display: flex;
gap: 10px;
}
.gold-chains{
width:80%;
height:70%;
}
.gold-chains img{
width: 100%;
height: 100%;
border-radius: 10px;
}
.coin-bars{
display: flex;
gap: 10px;
}
.coin-bars div{
width: 300px;
height:235px;
}
.coin-bars img{
width: 100%;
height: 100%;
border-radius:10px;
}
.pendant {
width:100%;
border-radius: 10px;
margin-bottom: 5px;
}
.pendant img{
width: 100%;
height: 100%;
border-radius: 10px;
}
.gold-info div{
background-color: rgb(244, 236, 225);
text-align: center;
width: 250px;
height: 120px;
padding: 20px;
border-radius: 10px;
}


@media all and (max-width:600px) {

}



/*-------------------------Request-Modal-------------------------- */

   .call-req-modal {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border: 2px solid rgba(91, 213, 130, 0.973);
    width:345px;
    height: fit-content;
    overflow: hidden;
    border-radius: 10px;
    margin: auto;
    position: fixed;
    left: 84%;
    top:43%;
    z-index: 1;
    transform: translate(-50%,-50%);
    visibility: hidden;
  }
  .request-header{
    color: white;
    background-color: rgb(164, 25, 83);
    height:fit-content;
    padding: 10px 30px 10px 10px;
  }
  .form-content{
    overflow-y: scroll;
    padding: 0 10px 10px 10px;
    height: 280px;
    margin: 0;
    background-color: white;
  }
  input{
    width: 290px;
    height: 30px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid black;
    padding: 5px;
    outline: none;
  }
  input:focus{
    border: 2px solid black;
  }
  input[type="submit"]{
    padding: 15px;
    height: 45px;
    width: 300px;
    font-weight: bolder;
    border-radius:35px;
    font-size: 16px;
    border: none;
    outline: none;
    background-color: rgba(91, 213, 130, 0.973);
    color: white;
  }
  .sponsors{
    display: flex;
    align-items: center;
    height: 35px;
    justify-content: right;
    padding:0 20px 0 0;
    background-color: white;
  }
  .note-required{
    text-align: right;
  }
  .sponsors img{
   width: 60px;
   height: 20px;
  }

  @media all and (max-width:600px) {

  }


  /*-------------------------CallBack-Button-------------------------- */

  .callback-btn{
    width: 220px;
    height: 43px;
    padding:10px;
    background-color: rgb(148, 34, 68);
    color: white;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 25%;
    gap: 10px;
    position:fixed;
    left: 88%;
    top:92%;
    z-index: 1;
    transform: translate(-50%,-50%);
    visibility: visible;

 }
 .callback-btn img{
   width: 30px;
   height: 30px;

 }

 @media all and (max-width:600px) {

 }

 /*-------------------------Close-Button-------------------------- */

 .close-btn{
    font-family: monospace;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(164, 25, 83);
    border-radius: 35%;
    width: 65px;
    color: white;
    position: fixed;
    padding-bottom: 5px ;
    font-size: 40px;
    height: 60px;
    border: 1px solid rgba(91, 213, 130, 0.973);
    left:95%;
    top:93%;
    z-index: 1;
    transform: translate(-50%,-50%);
    visibility: hidden;
}


@media all and (max-width:600px) {

}


  /*------------------------------Gemstone-Jwellery---------------------------*/


.Gemstone-Jwellery{
border-radius: 10px;
text-align: center;
height: 550px;
}
.gemstone-product {
display: flex;
align-items: center;
gap:10px;
overflow: hidden;
}
.gemstone-product img{
border-radius: 10px;
width: 320px;
height: 380px;
}
.gemstone-card{
transition:1s;
}
.gold-product::-webkit-scrollbar{
    display: none;
}
.gem-indicator{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    border-radius: 50%;
    background-color: gray;
    position: relative;
    cursor: pointer;
}
.gem-indicators{
    display: flex;
    align-items: center;
    justify-content:center;
    margin-top: 20px;
}
.gem-active{
    background-color: brown;
}


@media all and (max-width:600px) {

}

  /*-------------------------------Navbar-------------------------------------*/


  .navbar{
    padding:15px 25px 5px 25px;
    color: white;
    font-size: 12px;
    background-color: rgb(148, 34, 68);
  }
 .social-handle{
  display: flex;
  justify-content: right;
  gap: 20px;
  margin-bottom: 10px;
 }
 .social-handle div{
  display: flex;
  gap: 10px;
 }
 .social-handle img{
  width: 15px;
  height:15px;
 }
 .main-nav{
  display: flex;
  align-items: center;
  justify-content: space-between;
 }
 .utils{
  display: flex;
  gap: 30px;
  justify-content: center;
  text-align: center;
 }
 .utils img{
  width: 20px;
  height: 20px;
 }
 .logo img{
  width:200px;
  height: 70px;
 }
 .search-bar input{
  width: 530px;
  height: 35px;
  outline: none;
  border: none;
  border-bottom: 1px solid white;
  background:transparent;
  font-size: 17px;
  color: white;
  position: relative;
 }
 .search-bar img{
  width: 22px;
  height: 22px;
  position: absolute;
  left:65%;
  top: 13%;
  cursor: pointer;
 }
 ::placeholder{
  color: white;
 }
 .dropdown-nav{
  display: flex;
  align-items: center;
  padding: 15px 0px 15px 15px;
  color: gray;
  gap: 20px;
  font-size: 14px;
 }
 .cart-count{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    background-color:rgb(174, 138, 91);
    border-radius: 50%;
    color:white;
    position: absolute;
    z-index:1;
    top: 12.5%;
    left: 98.3%;
    transform: translate(-60%,-10%);
 }



@media all and (max-width:600px) {

}


 /*--------------------------Carousel------------------------------------*/

.slider{
width: fit-content;
height: 80vh;
margin-bottom: 20px;
}
ul{
position: relative;
width:95vw;
height:100%;
overflow: hidden;
margin: auto;
list-style-type: none;
text-align: center;
}
li{
width: 100%;
height: 90%;
position: absolute;
transition: 0.5s;
}
li img{
width: 100%;
height: 100%;
}
.indicators{
display: flex;
gap:10px;
width: 100%;
align-items:last baseline;
position:absolute;
justify-content: center;
top:95%;
left: 0;
z-index: +1;
}
.indicator{
width: 25px;
height: 5px;
background-color:gray;
border-radius: 15%;
cursor: pointer;

}
.indicator:hover{
background-color:rgb(148, 34, 68);
}
.active {
background-color:rgb(148, 34, 68);

}
.buttons{
width: 100%;
height: 70%;
position: absolute;
z-index:+1;
display: flex;
justify-content: space-between;
right:0;
align-items: center;
visibility:hidden;

}
button{
font-size:40px;
padding: 5px;
width: 70px;
height: 70px;
border-radius:50%;
justify-content: center;
display: flex;
align-items: center;
color: white;
cursor: pointer;
background:transparent;
outline: none;
border: none;
}

@media all and (max-width:600px) {

}

/* ------------------------------------variety-service------------------------- */

.circles{
position: relative;
width:95vw;
height:25vh;
overflow: hidden;
}
.circle1,.circle2{
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
position: absolute;
}
.circle1 {
    width: 115px;
    height: 115px;
    border: 2px solid pink;
}
.circle2 {
    width: 110px;
    height: 110px;
    overflow: hidden;
}
.circle2 img{
    width: 100%;
    height: 100%;
}
#variety{
    display: flex;
}

@media all and (max-width:600px) {

}

/* -------------------------zoul-collection------------------- */
.zoul-collection{
 text-align: center;
}
.ring-pendent{
    display: flex;
    gap: 10px;
    margin-bottom:6px;
    justify-content: center;
}
.ring-pendent img{
 width: 620px;
 border-radius: 10px;
}
.earing-bangle{
    display: flex;
    gap: 10px;
    margin-top: 6px;
    justify-content: center;
}
.earing-bangle img{
    width: 620px;
    border-radius: 10px;
}
.middle-img img{
    width: 100%;
    border-radius: 10px;
}


@media all and (max-width:600px) {

}

/*--------------------------dimond-jwellery-----------------------------*/
.dimond-jwellery{
text-align: center;
}
.dimond-product{
  display: grid;
  grid-template-columns:repeat(4,1fr);
  gap: 8px;
  padding: 5px;
}
.dimond-product div img{
  width: 305px;
  height: 170px;
  border-radius: 10px;
}

@media all and (max-width:600px) {

}

/*---------------------------Newly-Arrival------------------------------ */

.Newly-Arrival{
background-color: antiquewhite;
padding: 5px 5px 30px 5px;
border-radius: 10px;
}
.heading{
text-align: center;
}
.product-slider{
    display: flex;
    overflow:hidden;
    gap: 10px;
    height:400px;
    padding: 20px;
}
.product-slider::-webkit-scrollbar{
    display: none;
}
.card{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    width: 265px;
    height: 375px;
    padding: 10px;
    border-radius: 10px;
    background-color: white;
    transition: 1s;
}
.card img{
    width: 240px;
    height: 230px;
    border-radius: 8px;
}
.view-all-btn button{
   margin: auto;
   width: 150px;
   height: 35px;
   font-size: 18px;
   border: none;
   outline: none;
   border-radius: 20px;
   background-color: brown;
   color:antiquewhite;
   padding: 10px;
}

@media all and (max-width:600px) {

}


/* ------------------------------gold-Jwellery------------------- */

.gold-jewelery{
    border-radius: 10px;
    text-align: center;
    height: 550px;
}
.gold-product {
    display: flex;
    align-items: center;
    gap:10px;
    height: 380px;
    overflow: hidden;
}
.gold-product img{
    width: 360px;
    height: 320px;
    border-radius: 10px;
    transition: 0.5s ease-in-out;
}
.gold-product::-webkit-scrollbar{
    display: none;
}


@media all and (max-width:600px) {

}


/*--------------------------------Brides-of-India------------- */


.brides-of-india{
    position: relative;
    text-align: center;
}
.bride-galary{
    display: flex;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    align-items: center;
    width:90%;
    height: 240px;
    gap: 10px;
    justify-content: center;
    background: transparent;
    position: absolute;
    top: 68%;
    left: 50%;
    transform: translate(-50%,-10%);
    padding:15px 20px 10px 20px;
}
.bride-galary img{
    border-radius: 10px;
    width:180px;
    height: 160px;
}
.bride-card img{
    width: 100%;
    height:100%;
}

@media all and (max-width:600px) {

}

/*-----------------------------Malabar-Promises------------------- */

.malabar-promises{
 height: 500px;
 margin-top: 50px;
}
.policy-container{
display: flex;
overflow: hidden;
gap: 10px;
align-items: center;
height: 320px;
}
.policy-card{
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
width: 290px;
height: 270px;
padding: 20px;
flex-shrink: 0;
border-radius: 10px;
transition: 1s;
}

@media all and (max-width:600px) {

}

/*----------------------------------Shop-By-Gender------------------- */


.shop-category{
display: flex;
gap: 20px;
justify-content: center;
font-size: 20px;
color: rgb(166, 147, 122);
}
.men-section:hover{
border-bottom: 1px solid brown;
color: rgb(148, 34, 68);
cursor: pointer;
}
.woman-section:hover{
border-bottom: 1px solid brown;
color: rgb(148, 34, 68);
cursor: pointer;
}
.kind-section:hover{
border-bottom: 1px solid brown;
color: rgb(148, 34, 68);
cursor: pointer;
}
.display-section{
display: flex;
gap: 10px;
height: 400px;
align-items: center;
justify-content: center;
}
.section-card{
width: 300px;
height: 320px;
border-radius: 10px;
overflow: hidden;
}
.section-card img{
width:100%;
height:100%;
}

@media all and (max-width:600px) {

}

/* ------------------------Fair-Price-Promise--------------------- */

.fair-price-promise{
 width:100%;
 height:fit-content;
}
.fair-price-promise img{
    border-radius: 10px;
    width: 100%;
}

@media all and (max-width:600px) {

}


/*------------------------Gifting-More------------------------------ */

.gift-cata{
    display: flex;
    padding: 10px;
    gap: 10px;
}
.occasional{
    display: flex;
    gap: 10px;
}
.occasional img{
    width: 310px;
    height: 190px;
    margin-bottom: 5px;
    border-radius: 10px;
}
.custom{
    display: flex;
    align-items: center;
    gap: 5px;
}
.custom img{
    width: 300px;
    height: 385px;
    border-radius: 10px;
}

@media all and (max-width:600px) {

}


/*--------------------About-Our-Store--------------------- */

.our-stores{
    display: flex;
    gap: 10px;
    margin-bottom: 70px;
}
.shop{
    width: 710px;
    height: 370px;
}
.shop img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.gold-info{
    display: flex;
    gap: 10px;
}
.query {
color: rgb(148, 34, 68);
text-align: center;
padding: 20px;
border-radius: 10px;
margin-bottom: 10px;
background-color: rgb(244, 236, 225);
}
.gold-info div{
background-color: rgb(244, 236, 225);
text-align: center;
width: 250px;
height: 120px;
padding: 20px;
border-radius: 10px;
}
.gold-info div a {
    color: rgb(148, 34, 68);
}


@media all and (max-width:600px) {

}

/*----------------------Footer----------------------------- */

.footer{
    display: flex;
    gap:40px;
    font-size: 12px;
    padding:20px 30px 10px 20px;
    background-color: rgb(244, 236, 225);
}
.footer a{
    text-decoration: none;
    color: rgb(148, 34, 68);
}
hr{
    width: 100%;
}
.get-know-section {
    width: 150px;
}
.Customer-Service{
    width: 270px;

}
.Customer-Service img{
    width: 20px;
    height: 20px;
}
span{
    font-weight:bolder;
}
.handles{
    display: flex;
    gap: 10px;
    align-items: center;
}


@media all and (max-width:600px) {

}

/*-------------------------Social-banking-services---------------------- */

.social-banking-services{
    display: flex;
    height: 80px;
    gap: 50px;
    justify-content: center;
    align-items: center;
}
.social img{
    width: 25px;
    height: 25px;
    border: 1px solid black;
    padding: 3px;
    border-radius:4px;
}
.banking img{
    width: 45px;
    height: 20px;
    border: 1px solid black;
    padding: 5px;
    border-radius:4px;
}
.social-banking-services div{
    display: flex;
    gap: 20px;

}

@media all and (max-width:600px) {

}

/*---------------------------CopyRight------------------------------*/

.copy-right{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    background-color:rgb(244, 236, 225);
}

@media all and (max-width:600px) {

}