:root{
    --margin-between-section: 4rem;
    --margin-between-inner-section: 2rem;
    --img-height: 100%;
    --img-width: 100%;
    --body-bg-color: #F0F2F5;
}

@font-face {
    font-family: customfont;
    src: url("fonts/Helvetica.ttf");
}

*{
    font-family: customfont;
    font-size: 18px;
    
    letter-spacing: 0.5px;
}

body{
    background-color: var(--body-bg-color);
    /* background-color: #F0F2F5; */
}




/*--------------------------------------------- carousel section  */

.main_carousel_img_div{
    height: 80vh;
}

.main_carousel_img_div>.carousel-item{
    height: var(--img-height);
    width: var(--img-width);
}

.main_carousel_img_div>div>img{
    height: var(--img-height);
    width: var(--img-width);
}



/* // -------------------------------------------info section  */
#info {
    margin-top: var(--margin-between-section);
}


/* //---------------------------------------------our brands  */
#explore_brands{
    margin-top: var(--margin-between-section);
}

.brand_rice_img{
margin-top: var(--margin-between-inner-section);
height: 40vh;
}

.brand_rice_img>img{
    height: var(--img-height);
    width: var(--img-width);
    border-radius: 25px;
}



/* about mill  */

.rice_card{
    height: 40vh;
}


/* /------------------------------------------------/our mills*/
#our_mill{
    margin-top: var(--margin-between-section);
}

.mill_heading{
    margin-bottom: var(--margin-between-inner-section);
}
.mill_img{
    height: 60vh;
    /* width: var(--img-width); */
}

.mill_img>img{
    height: var(--img-height);
    width: var(--img-width);
}




/* //-----------------------------------------------contact  */
#contact{
    margin-top: var(--margin-between-section);
    margin-bottom: var(--margin-between-inner-section);
}
.contact_heading{
    margin-bottom: var(--margin-between-inner-section);
    
}


/* map  */

.map_col{
    height: 70vh;
}

.mapouter, .gmap_canvas{
    height: var(--img-height);
    width: var(--img-width);
}




/* conatct form  */
#contact_form>div>label{
    font-size: 1rem;
    color: #000;
    font-weight: bold;
}












/* //headings for all section */

.brand_heading>h1, .mill_heading>h1, .contact_heading>h1{
    font-size: 3rem;
    font-weight: bolder;
    color: green;
    font-family: 'Ubuntu', sans-serif;
}