/* colors  */
.pink-bg {
    background-color: rgba(238, 223, 216, 1);
}

.fade-white {
    background-color: rgba(255, 255, 255, 0.6);
}

.red-text {
    color: rgba(132, 16, 2, 1) !important;
}

.grey-text {
    color: rgba(131, 114, 115, 1) !important;
}

.black-text {
    color: black;
}

/* font sizes  */
.font1 {
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-weight: 600;
}

.font2 {
    font-family: Plus Jakarta Sans;
    font-size: 20px;
    font-weight: 400;
}

.font3 {
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-weight: 600;
}

.font4 {
    font-family: Plus Jakarta Sans;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
}

.font5 {
    font-family: Plus Jakarta Sans;
    font-size: 24px;
    font-weight: 300;
}

.font6 {
    font-family: Plus Jakarta Sans;
    font-size: 20px;
    font-weight: 700;
}

.font61 {
    font-family: Plus Jakarta Sans;
    font-size: 15px;
    font-weight: 700;
}

.font7 {
    font-family: Plus Jakarta Sans;
    font-size: 32px;
    font-weight: 600;
}

.font8 {
    font-family: Plus Jakarta Sans;
    font-size: 32px;
    font-weight: 600;
}

.font81 {
    font-family: Plus Jakarta Sans;
    font-size: 25px;
    font-weight: 600;
}

.h1 {
    font-family: Plus Jakarta Sans;
    font-size: 10px;
    font-weight: 600;
}

.h11 {
    font-family: Plus Jakarta Sans;
    font-size: 22px;
    font-weight: 600;
}

.h2 {
    font-family: Plus Jakarta Sans;
    font-size: 45px !important;
    font-weight: 700 !important;
}

.h3 {
    font-family: Plus Jakarta Sans;
    font-size: 40px;
    font-weight: 700 !important;
}


/* for center in x and y axis  */
.center {
    display: flex;
    align-items: center;
    /* Vertically centers the content */
    justify-content: center;
    /* Horizontally centers the content */
    text-align: left;
    /* Ensures text is centered within the container */
    height: 100%;
    /* Ensure the container takes the full height of its parent */
    width: 100%;
    /* Ensure the container takes the full width of its parent */
}

/* other css  */

/* hero section  */
#hero{
    background-image: url(./images/hero\ section\ bg.png);
    height: 80vh;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
}
#first-btn{
    background-color: rgba(132, 16, 2, 1);
    color: white;
}
#first-btn:hover{
    background-color: white;
color: rgba(132, 16, 2, 1);
}
/* owl carousel */
.image-container1 {
    position: relative;
    display: inline-block;
    text-align: center;
}

.image-container1 img {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.red-opacity {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(132, 16, 2, 0.08) 0%, rgba(132, 16, 2, 0.48) 100%);
    z-index: 1;
    /* Ensure the gradient is above the image but below the text */
}

.overlay-text1 {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    width: 100%;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    z-index: 2;
    /* Ensure the text is above the gradient */
}

/* gifting section  */

#gifting-bg {
    background-image: url(./images/gifting\ jewels\ bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;

}

/* last third section  */
#sec-last {
    background-image: url(./images/gold\ ring\ bg.png);
    background-size: cover;
    margin-top: 150px;
}

/* gold ring  */
#gold-ring {
    margin-top: -40%;
    text-align: end;
}

/* design image  */
.left-right {
    height: auto;
}

.bestseller-text {
    font-size: 1.5rem;
    text-align: center;
}
.first-top{
    margin-top: 40px;
}
@media (max-width: 768px) {
    .first-top{
        margin-top: 0px;
    }
    .first-content{
        font-size: 12px;
    }
    /* hero section  */
    i{
        font-size: 30px;
    }
    .left-right {
        display: none;
    }

    .bestseller-text {
        font-size: 1.2rem;
        /* Adjust text size for smaller screens */
    }

    #gold-ring {
        margin-top: 0%;
        text-align: end;
    }
}

.pt-5 {
    padding-top: 3rem !important;
    /* Ensure proper padding */
}

/* gifting sections */

.image-container2 {
    position: relative;
    display: inline-block;
    text-align: center;
}

.image-container2 img {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.overlay-text2 {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    width: 100%;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    z-index: 2;
    /* Ensure the text is above the gradient */
}

/* footer */
.center-container {
    display: flex;
    justify-content: center;
    /* Horizontally centers the content */
    align-items: center;
    /* Vertically centers the content */
    /* Set the height of the container to 100% of the viewport height */
    width: 100%;
    /* Ensure the container takes the full width of its parent */
    text-align: center;
    /* Ensure the text is centered within the container */
}

.img-fluid {
    max-width: 100%;
    height: auto;
}