@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&family=Poppins&display=swap');

body{
    font-family: 'Montserrat', sans-serif;
    font-family: 'Poppins', sans-serif;

}

.font-weight{
 font-weight: 700!important;
}

.bg-orange {
    background-color: #fa8900 !important;
    color: #fff !important;
}

.text-orange {
    color: #fa8900 !important;
}
.input-box{
    border-radius:30px 0px 0px 30px !important;
}
.border-radius-btn{
    border-radius:0px 30px 30px 0px !important;
}

.bg-grey{
    background-color:#e9ecef!important;
}

.bg-blue{
    background-color: #56cfe1!important;
    color: #fff !important;
}

.bg-light-orange{
    background-color: #fff4e8!important;
    color: #000 !important;
}

.text-blue{
    color: #23a4df !important
}

.menu .submenu :hover{
    background-color: #56cfe1 !important;
}
.menu .submenu:visited{
    background-color: #56cfe1 !important;
}

.nav-item:hover .submenu-a{
    background-color: #56cfe1 !important;
}

.menu .active{
    background-color: #56cfe1 !important;
}



.text-blue-light{
    color: #56cfe1!important;
}

.bg-light-blue{
    background-color: #8ed1ef !important;
}

.about-box:hover{
    background-color: #eeeeee !important;
}

.border-blue{
    width: 120px !important;
    height: 4px;
    background-color: #56cfe1 !important
}

.dropdown .dropdown-menu{
    width: 30% !important;
    left:35%;
    right: 35%;
}

.dropdown:hover .dropdown-menu{
    display: block !important;;
}

.rounded-corner{
    border-radius: 10px!important;
}

/*.container{*/
/*    padding: 0px 50px !important;*/
/*}*/
.container-wp{
    padding: 0px 100px !important;
}

.animation:hover{
    transform: scale(0.7)!important;
}

.vitamins-box .display-none{
    display: none !important;
}

.vitamins-box:hover .display-none{
    display: block!important;

}
.vitamins-box:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.e-box:hover{
color: #23a4df;
}
.e-box .text-blue :hover{
color: #fa8900 !important;
}
.heading:hover  {
   color: red!important;
}

.bg-image{
    width: 100% !important;
  height: auto !important;
  background-image: linear-gradient(rgba(238,238,238, 0.8), rgba(238,238,238, 0.8)), url(../assets/bg.webp);
  /*background-position: center !important;*/
  /*background-attachment: fixed !important;*/
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.margin-top{
    margin-top:100px !important;
}

.logo-size{
    width: 130px !important;
}

.icon-size{
    width: 35px !important;
}

.upper-text{
    font-size:17px!important;
    letter-spacing:2.3px!important;
}

.display{
    display: none !important;
}

.image-size {
    width: 85% !important;
}

.font-size-footer{
    font-size:19px!important;
 }

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .logo-size{
        width: 60px !important;
    }
    .display{
        display: block !important;
    }
    .container-fluid,.container-wp, .container{
        padding: 3px 14px!important;
    }

    .display-mobile-view{
        display: none!important;
    }

    #first{
        order: 1!important;
    }
    #second{
        order: 2!important;
    }
    #third{
        order: 3!important;
    }
    #fourth{
        order: 4!important;
    }

    .icon-size{
        width: 26px!important;;
    }

    .upper-text{
        font-size:14px!important;
        letter-spacing:2px!important;
    }

    .image-size {
        width: 60% !important;
    }

    .margin-top{
        margin-top:30px!important;
    }

    .font-size-footer{
       font-size:15px!important;
    }

  }

  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {

  }

  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) {

  }

  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {

  }

  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {

  }