@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

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

/* .container {
    max-width: 1170px;
    width: auto;
    margin: auto;
    padding: 0px 15px;
} */

body {
    font-family: 'Inter';
}
.hfont {
    font-family: 'MINNO-GOPI-04';
}
.hInter {
    font-family: 'Inter';
    font-style: italic;
}
.hyellow { color: var(--yellow-color) !important;}
:root{ 
    --primary-color:#19a7db;
    --secondary-color:#0E4E23;
    --yellow-color:#FFFF00;
    --orange-color:#ff4d00;
    --red-color:#BF1600;
    --green-color:#00A886;
    --prupal-color:#B619FF;
    --blue-color:#03719F;
    --darkblue-color:#0D212C;
    --light-gray-color:#F4F4F4;
    --semi-light-gray:#8C8C8C;
    --dark-gray:#414042;
    --hard-gray:#2C2C2C;

    --black-color:#000000;
    --black-color-90:#00000090;
    --black-color-80:#00000080;
    --black-color-70:#00000070;
    --black-color-60:#00000060;
    --black-color-50:#00000050;
    --black-color-40:#00000040;
    --black-color-30:#00000030;
    --black-color-20:#00000020;
    --black-color-10:#00000010;
    
    --white-color:#ffffff;
    --white-color-90:#ffffff90;
    --white-color-80:#ffffff80;
    --white-color-70:#ffffff70;
    --white-color-60:#ffffff60;
    --white-color-50:#ffffff50;
    --white-color-40:#ffffff40;
    --white-color-30:#ffffff30;
    --white-color-20:#ffffff20;
    --white-color-10:#ffffff10;

  
 
    /* font-size */
--main-heading-fontsize:85px;
--main-heading2-fontsize:70px;

--section-heading-fontsize:70px;
--section-heading2-fontsize:60px;
--section-sub-heading-fontsize:20px;

--primary-font-size:20px;

--font-size10:10px;
--font-size12:12px;
--font-size14:14px;
--font-size16:16px;
--font-size18:18px;
--font-size20:20px;
--font-size22:22px;
--font-size24:24px;
--font-size26:26px;
--font-size28:28px;
--font-size30:30px;
--font-size32:32px;
--font-size34:34px;
--font-size36:36px;
--font-size38:38px;
--font-size40:40px;

--h1-font-size:36px;
--h2-font-size:32px;
--h3-font-size:28px;
--h4-font-size:24px;
--h5-font-size:20px;
--h6-font-size:16px;

/* font-family */
--heading-font-family:'MINNO-GOPI-04';
--secondary-font-family:'Inter';

/* border-radius */
--border-radius-circle:50%;
--border-radius-circle10:10px;
--border-radius-circle15:15px;
--border-radius-circle20:20px;
--border-radius-circle30:30px;
--border-radius-circle40:40px;
--border-radius-circle50:50px;

    /* percentag */
    --percentage-100:1;
    --percentage-90:.9;
    --percentage-80:.8;
    --percentage-70:.7;
    --percentage-60:.6;
    --percentage-50:.5;
    --percentage-40:.4;
    --percentage-30:.3;
    --percentage-20:.2;
    --percentage-10:.1;
    --percentage-00:0;

    /* transitions */
--transition5:.5s;
--transition3:.3s;
--transition10:1s;

/* alignment */
--text-left:left;
--text-center:center;
--text-right:right;
--text-justify:justify;

/* text transform */
--text-uppercase:uppercase;
--text-lowercase:lowercase;
--text-capitalize:capitalize;

/* font-weight */
--fw-bold:700;
--fw-medium:500;
--fw-semibold:600;
--fw-normal:400;
--fw-light:300;

/*  */

}


/*  */

a,
a:hover,
a:active,
a:visited,
a:focus {
    text-decoration: none;
}

  


.btn_slider {
    color: var(--white-color);
    display: inline-block;
    font-size: 16px;
    background: transparent;
    font-weight: 600;
    border: 1px solid #fff;
    padding: 20px 40px;
    line-height: 1;
    margin-top: 20px;
}


/* ------------------header-------------- */


header {
    position: absolute;
    top: 0px;
    width: 100%;
    padding: 20px 0px;
}

header .logo {
    width: 160px;
}

header i {
  
    margin-right: 6px;
    background: var(--white-color);
    border-radius: 50px;
    height: 36px;
    color: var(--secondary-color);
    font-size: var(--font-size18);
    width: 36px;
    display: flex;
    justify-content: center;
    text-align: center;
    line-height: 36px !important;
    margin-left: 10px;
    -webkit-box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, .5);
    -moz-box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, .5);
    box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, .5);
}
header span {
    color: var(--white-color);
    margin-right: 6px;
    font-size: var(--font-size26);
    font-weight: var(--fw-semibold);
    margin-left: 10px;
}

header ul li.line_b {
    align-items: center!important;
    padding-right: 17px;
    margin-right: 17px !important;
    transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
}
header a.distributor_btn {
    background: #ff4d00;
    padding: 12px 36px;
    color: #fff;
    font-size: 20px;
    border-radius: 15px 0px;
}

/* slider */

#slider {
  
    height: 700px;
    background-size: cover;
    background-position: bottom;
}

#slider .container, #slider .container .row {
   height: 100%;
}



#slider h1 {
    font-family: 'MINNO-GOPI-04';
    font-size: var(--main-heading-fontsize);
    color: var(--white-color);
}

#slider h1 span {color: var(--yellow-color);}
a.btn_slider {
    font-size: 48px;
    border-radius: 25px 0px;
}


#slider .slider_bg {
    background: var(--secondary-color);
    height: 680px;
    width: 70%;
    border-radius: 1000px 0px 0px 1000px;
    position: absolute;
    right: 0;
    text-align: right;
    overflow: hidden;
    z-index: -1;
    -webkit-box-shadow: 1px 37px 0px 20px rgb(0 83 27 / 30%);
    -moz-box-shadow: 1px 37px 0px 20px rgb(0 83 27 / 30%);
    box-shadow: 1px 37px 0px 20px rgb(0 83 27 / 30%);
}
#slider .slider_bg img { margin-top: 150px; margin-right: -100px;}

#slider .sliderData {
    margin-top: 182px;
}





#slider .product_img img {
    margin-top: 120px;
}

/* about section */

#about .formContainer {
    background: #fff;
    box-shadow: 0px 0px 20px 0px #0002;
    margin: 0px 20px;
    padding: 30px 30px;
    border-radius: 50px 0px;
    text-align: center;
}

#about .formContainer .form-control {
    padding: 1rem .75rem;
    font-size: 20px !important;}


#about h3 .arrow {
    width: 50px;
    position: absolute;
    left: 30px;
    top: 10px;
}

#about .aboutBgImg {
    position: absolute;
    right: 0;
    top: 0;
}

#about .apply_now h3 {
    font-size: 32px;
    margin: 15px 15px 40px;
    font-weight: 600;
}
#about .apply_now h3 span {

  color: var(--orange-color);
}

#about .why_navya h3 {
    font-size: 58px;
    font-family: 'MINNO-GOPI-04';
   
}


#about {
    position: relative;
    padding-top: 170px;
    margin-bottom: 90px;
}

.form-floating>label {
    font-size: 20px;}

    .form-floating .submit .btn {
        background: #ff4d00;
        padding: 12px 36px;
        margin-top: 25px;
        color: #fff;
        font-size: 20px;
        border-radius: 15px 0px;
        border: none;
        min-width: 100%;
    }

#about  .why_navya ul { margin: 0px; padding: 0px; list-style: none; margin-top: 20px;}

#about .why_navya ul li {
    padding: 8px;
    border-radius: 50px;
    background: #fff;
    box-shadow: 0px 7px 9px 0px #0002;
    display: flex
;
    border: 1px solid #ebebeb;
    align-items: center;
    margin-bottom: 15px !important;
}

#about .why_navya ul li span {
    margin-left: 20px;
    font-size: 28px;
    font-weight: 600;
    color: #383838;
}



.btn2 {    background: #ff4d00;
    padding: 12px 36px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    border-radius: 15px 0px;
    border: none;
    width: 100%;}

    #about .why_btn span {
        font-family: 'MINNO-GOPI-03';
        font-weight: 900;
    }
    #about a.why_btn.btn2 {
        font-size: 26px;
        font-weight: 700;
        background: #0e4e23;
        margin-top: 20px;
    }

    #about .why_navya h2 {
        font-size: 50px;
        font-weight: 900;
        color: var(--secondary-color);
    }

/* ---------------------------------- */

#paoduct_ad_banner { background: url(../images/banner_bg.png);}
#paoduct_ad_banner .product_img 
{ margin-bottom: -200px;}

#paoduct_ad_banner .content h1 {
    color: #ffff00;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 20px;
}

#paoduct_ad_banner .content h1 span 
{font-family: 'MINNO-GOPI-04';
color: #fff; 
font-weight: 400;}

#paoduct_ad_banner a.banner_btn {
    width: auto;
    font-size: 30px;
    font-weight: 500;
}
#paoduct_ad_banner .content {
    margin-top: 15%;
}

.h-weight {font-weight: 800 !important;
}

/* ----------- */
#products {
    padding: 130px 0 160px;
    background: #EAEAEA;
}



.product_items {
    text-align: center;
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 40px 0px;
    transition: transform 0.3s ease;
    background: #fff;
}

section#paoduct_ad_banner.banner2{
    background: #141414;
}

/* #products .row .col-md-3:nth-child(odd) .product_items {border-radius: 0px 40px;} */

.product_items img {
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
    border-radius: 10px;
}

.product_items h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.product_items p {
    font-size: 14px;
    color: #777;
}

.product_items:hover {
    transform: translateY(-10px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.items_img {
    height: 200px;
    display: flex
;
    justify-content: center;
    align-items: center;
    position: relative;
}

.product_items {
    position: relative;
    height: calc(100% - 30px);
}

img.product_bg {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;

    top: 20px;
}

.heading {
    padding-bottom: 50px;

}
.heading h1 {
  color: var(--secondary-color);
  font-size: 55px;
  font-weight: 400;

}


/* banner2 */
#paoduct_ad_banner.banner2 .product_img {
    margin-top: -200px;
}
#paoduct_ad_banner.banner2 .content {
    margin-top: 20px;
    margin-bottom: 40px;
}


/*  */
.process_img {
    text-align: center;
}
.process_img .mob-img{
   display: none;
}


.process_img img {width: 100%; max-width: 1140px;}

#become-distributor {
    margin: 50px;
    text-align: center;
}
#become-distributor a.grow.btn2 {
    font-size: 30px;
    width: auto;
    font-weight: 700;
    margin: 40px 0px 20px;
   
}

/* ---------review---------- */
#review { background: F4F4F4;}

/* ------------- */
#paoduct_ad_banner.banner3 .content {
    margin-top: 0px;
}
#paoduct_ad_banner.banner3{text-align: center;
padding: 50px 0px;
background: #0D212C;}

/* -------- */
#testimonials {
    padding: 50px 0;
    background-color: #f9f9f9;
}



#testimonials .testimonial-item {
    background: #fff;
    padding: 40px;
    border-radius: 40px 0px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}


#testimonials .testimonial-item p { 
    color: #555;
    margin-bottom: 50px;
    line-height: 32px;
}

#testimonials .testimonial-item h4 {
    margin-top: 15px;
    font-weight: bold;
    color: #333;
    font-size: 18px;
    
}

#testimonials .testimonial-item span {
    display: block;
    margin-top: 5px;
    color: #999;
}

#testimonials .user img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-right: 13px;
}
#testimonials .user {
    display: flex;
    align-items: center;
}
#testimonials img.quote {
    width: 72px;
    margin-bottom: 40px;
}

/* -------------------------- */
footer {
    background: #000;
    text-align: center;
    padding: 10px;
    color: #ccc;
}

footer .f_content p {
    margin-top: 0;
    margin-bottom: 0px;
}

footer .f_content p a {
  color: var(--blue-color);
}