@font-face {
    font-family: f1;
    src: url(../fonts/Lexend-Regular.ttf);
}

@font-face {
    font-family: f2;
    src: url(../fonts/Lexend-Medium.ttf);
}

@font-face {
    font-family: f3;
    src: url(../fonts/Lexend-SemiBold.ttf);
}

@font-face {
    font-family: f4;
    src: url(../fonts/Lexend-Bold.ttf);
}

@font-face {
    font-family: f5;
    src: url(../fonts/MarkoOne-Regular.ttf);
}

@font-face {
    font-family: f6;
    src: url(../fonts/Figtree-Regular.ttf);
}

@font-face {
    font-family: f7;
    src: url(../fonts/Figtree-Medium.ttf);
}

ul {
    list-style: none !important;
    padding-left: 0 !important;
}

a {
    text-decoration: none !important;
}

p {
    line-height: 30px;
    font-size: 17px;
}

.w-90 {
    width: 90%;
    margin: auto;
}

.d-flex-jc-ac {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.d-flex-ac {
    display: flex;
    align-items: center;
}

.d-flex-jc {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#button.show {
    opacity: 1;
    visibility: visible;
}
#button {
    display: inline-block;
    background: linear-gradient(#105531, #044000);
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    /* opacity: 0; */
    /* visibility: hidden; */
    z-index: 1000;
}
#button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
}
/* top nav starts */
.top_head {
    /* background: linear-gradient(#105531, #044000); */
    background: #105531;
    height: 50px;
    border-radius: 0px 0px 90px 90px;

}

.contact_nav {
    margin-top: 10px;
}

.contact_nav a {
    color: #fff !important;
    font-family: "f7";
}

.contact_nav i {
    color: #ffffff;
    margin-right: 5px;
    font-size: 22px;
}

.social_icon {
    margin-top: 10px;
}

.social_icon i {
    color: #ffffff;
    margin-right: 5px;
    font-size: 22px;
}

.social_icon a {
    color: #fff !important;
    font-family: "f6";
}

.logo_view img{
    width: 250px;
}
/* topnav ends */

/* navbar starts */

.nav_me {
    /* background: rgb(204, 172, 68); */
    background: url(../img/nav.jpg);
    padding: 10px 15px;
    border-radius: 10px;
}

.navbar-light .navbar-nav .nav-item {
    margin: 0px 10px;
}

.navbar-light .navbar-nav .nav-link {
    color: #ffffff !important;
    font-family: "f3";
}

.navbar-light img {
    width: 100px;
}

.navbar-light .navbar-nav .nav-link.active {
    color: #036003!important;
    font-family: "f3";
}

.navbar-light .navbar-toggler {
    color: #ffffff!important;
    border-color: rgba(0, 0, 0, .1);
}

.navbar-light .navbar-nav .nav-link {
    margin-right: 50px;
}

.navbar-nav {
    display: flex;
    margin-bottom: 0;
    font-size: 18px;s
}

/* navbar ends */

/* banner carousal starts */
.slider,
.slider>div {
    /* Images default to Center Center. Maybe try 'center top'? */
    background-position: center center;
    display: block;
    width: 100%;
    height: 87vh;
    object-fit: cover;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000;
    overflow: hidden;
    -moz-transition: transform .4s;
    -o-transition: transform .4s;
    -webkit-transition: transform .4s;
    transition: transform .4s;
}

.slider>div {
    position: absolute;
}

.slider>i {
    color: #105531;
    position: absolute;
    font-size: 60px;
    margin: 20px;
    top: 40%;
    text-shadow: 0 10px 2px #223422;
    transition: .3s;
    width: 30px;
    padding: 10px 13px;
    background: #fff;
    background: rgba(255, 255, 255, .3);
    cursor: pointer;
    line-height: 0;
    box-sizing: content-box;
    border-radius: 3px;
    z-index: 4;
}

.slider>i svg {
    margin-top: 3px;
}

.slider>.left {
    left: -100px;
}

.slider>.right {
    right: -100px;
}

.slider:hover>.left {
    left: 0;
}

.slider:hover>.right {
    right: 0;
}

.slider>i:hover {
    background: #fff;
    background: rgba(255, 255, 255, .8);
    transform: translateX(-2px);
}

.slider>i.right:hover {
    transform: translateX(2px);
}

.slider>i.right:active,
.slider>i.left:active {
    transform: translateY(1px);
}

.slider:hover>div {
    transform: scale(1.01);
}

.hoverZoomOff:hover>div {
    transform: scale(1);
}

/* The Dots */
.slider>ul {
    position: absolute;
    bottom: 20px;
    left: 90%;
    z-index: 4;
    padding: 0;
    margin: 0;
    transform: translateX(-50%);
}

.slider>ul>li {
    padding: 0;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    list-style: none;
    float: left;
    margin: 10px 10px 0;
    cursor: pointer;
    border: 1px solid #fff;
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.slider>ul>.showli {
    background-color:#105531;
    -moz-animation: boing .5s forwards;
    -o-animation: boing .5s forwards;
    -webkit-animation: boing .5s forwards;
    animation: boing .5s forwards;
}

.slider>ul>li:hover {
    background-color: #02d30d;
}

.slider>.show {
    z-index: 1;
}

.hideDots>ul {
    display: none;
}

.showArrows>.left {
    left: 0;
}

.showArrows>.right {
    right: 0;
}

.titleBar {
    z-index: 2;
    display: inline-block;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    width: 100%;
    bottom: 0;
    transform: translateY(100%);
    padding: 20px 30px;
    transition: .3s;
    color: #fff;
}

.titleBar h1 {
    font-family: "f5";
    font-size: 30px;
}

.titleBar * {
    transform: translate(-20px, 30px);
    transition: all 700ms cubic-bezier(0.37, 0.31, 0.2, 0.85) 200ms;
    opacity: 0;
}

.titleBarTop .titleBar * {
    transform: translate(-20px, -30px);
}

.slider:hover .titleBar,
.slider:hover .titleBar * {
    transform: translate(0);
    opacity: 1;
}

.titleBarTop .titleBar {
    top: 0;
    bottom: initial;
    transform: translateY(-100%);
}

.slider>div span {
    display: block;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    bottom: 0;
    color: #fff;
    text-align: center;
    padding: 0;
    width: 100%;
}

/* banner carousal ends */

/* home about starts */

.brand_us h2 {
    font-family: "f4";
    font-size: 22px;
    color: #1766d8;
    text-align: center;

}

.about_us h2 {
    font-family: "f4";
    font-size: 20px;
    color: #252525;
}
.about_us a {
    /* background: linear-gradient(#047EF9, #15319B); */
    background: linear-gradient(#105531, #044000);
    color: #fff !important;
    padding: 10px 15px;
    border-radius: 5px;
    font-family: "f7";
    font-size: 14px;
}
.about_us img{
    border-radius: 20px;
}
.brand_us img{
    border-radius: 20px;
    box-shadow: 0px 8px 24px #539dff41;
}
.brand_us h5 {
    font-family: "f4";
    color: #252525;
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
}


.about_us span {
    font-family: "f4";
    font-size: 20px;
    color: #105531;

}

.about_us p {
    font-family: "f7";
    color: #252525;
    text-align: justify;
}
/* homr about ends */

/* about main starts */
.about_banner {
    position: relative;
}

.about_banner::before {
    background: #0000005e;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}

.about_banner {
    height: 90vh;
    position: relative;
}

.about_banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about_banner_caption {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #fff;
}

.about_banner_caption h1 {
    font-family: "f4";
    font-size: 40px;
}

.about_banner {
    width: 100%;
    height: 80vh;
    position: relative;
  }
  .carousel-back-btm {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    z-index: 1;
  }
/* mission& vision starts */

.vision_mission h2{
    font-family: "f3";
    font-size: 25px;
    text-align: center;
    color: #105531;
margin-bottom: 10px;
}
.mission_icon {
    /* background: linear-gradient(#047EF9, #15319B); */
    background: #105531;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin: auto;
    margin-bottom: 10px;
}

.mission_icon img {
    width: 40px;

}

.mission {
    text-align: center;
    width: 95%;
    margin: 0px auto;
    box-shadow: 0px 3px 10px #00000026;
    padding: 15px;
    border-radius: 10px;
    height: 100%;
    transition: all 0.8s ease;
}

.mission:hover {
    transition: all 0.8s ease;
    transform: translateY(-10px);
}

.mission h3 {
    font-family: "f3";
    font-size: 20px;
}

.mission p {
    font-family: "f7";
    font-size: 16px;
    text-align: center;
}

/* about main ends */

.gallery_content{
    z-index: 1;
    position: relative;
  }
  
  .gal_card{
    position: relative;
  }
  
  .gal_card img{
  width: 100%;
  border-radius: 10px;
  }
  .gal_view {
    position: absolute;
    content: '';
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.5s;
  }
  .gal_card p{
    font-family: "f7";
    font-size: "40px";
    text-align: center;
    margin-top: 10px;
  }
  .se_ic {
    color: #fff;
    font-size: 20px;
    background-color: #105531;
    padding: 10px;
    border-radius: 100%;
  }
  
  .gal_card:hover .gal_view {
    opacity: 1;
    transition: 0.5s;
  }
  .mfp-title {
      text-align:center !important;
      line-height: 25px !important;
      color: #f3f3f3;
      word-wrap: break-word;
      font-family: "f7";
      font-size: 20px;
      margin-top: 15px;
  }
  
  .gal_product h2{
    font-family: "f3";
    font-size: 30px;
    text-align: center;
    color: #105531;
    margin-top: 15px;

  }

  
.gallery-view a{
    background: linear-gradient(#105531, #044000);
    color: #fff !important;
    padding: 10px 15px;
    border-radius: 5px;
    font-family: "f7";
    font-size: 14px;
}
  /* gallery view ends */

/* products homepage starts */


.products h2{
    font-family: "f3";
    font-size: 30px;
    text-align: center;
    color: #105531;
margin-bottom: 10px;
}

.pro-view a{
    background: linear-gradient(#105531, #044000);
    color: #fff !important;
    padding: 10px 15px;
    border-radius: 5px;
    font-family: "f7";
    font-size: 14px;
}

.product-adhira{
    text-align: center;
    color: #252525;
    margin-bottom: 20px;

}
.product-adhira img{
    margin-bottom: 15px;
    border-radius: 10px;
}

.product-adhira h3{
    font-family: "f2";
    font-size: 20px;
    color: #252525;
    margin-bottom: 20px;
}
.owl-nav, .owl-dots{
    display: none;
}
/* products home ends */

/* product main starts */

.our_products h2 {
    font-family: "f4";
    font-size: 20px;
    color: #252525;
}
.our_products h6{
    font-family: "f2";
    font-size: 16px;
    color: #252525;
    text-align: center;
    line-height: 25px;
}
.our_products span {
    font-family: "f4";
    font-size: 25px;
    color: #105531;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.our_products p {
    font-family: "f7";
    color: #252525;
    text-align: justify;
}

.product_card {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0px 3px 10px #0000004c;
    margin: 20px 4%;
}
.img_bg {
    border-radius: 10px;
    position: relative;
    transition: 0.3s;
}

.img_bg::before {
    position: absolute;
    content: "";
    background: linear-gradient(#105531, #044000);
    left: 20px;
    top: 20px;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 10px;
    transition: 0.3s;
}

  .img_bg:hover::before {
    left: 0px;
    top: 0px;
    transition: 0.3s;
  }
  .img_bg img {
    width: 100%;
    border-radius: 10px;
  }
.cou_img {
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 10px;
    background: #000;
}

.cou_img img {
    width: 100%;
    border-radius: 10px;
    transition: 0.5s;
}

.product_card h3 {
    font-size: 18px;
    font-family: "f4";
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    color: #105531;
    text-align: center;
}

.product_card p {
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    font-family: "f7";
    color: #000;
    font-size: 15px;
    height: 90px;
}

.product_card:hover img {
    transform: scale(1.2);
    transition: 0.5s;
    opacity: 0.5;
}

.pro_milk h2 {
    color: #105531;
    font-family: "f4";
    font-size: 30px;
}

/* product main ends */

/* ourfarm starts */

.farm_content h2{
    font-family: "f3";
    font-size: 22px;
    text-align: center;
    color: #105531;
    margin-top: 15px;

  }

  .our_farm h2 {
    font-family: "f4";
    font-size: 20px;
    color: #252525;
}

.spandiv span {
    font-family: "f4";
    font-size: 22px;
    color: #105531;
}

.our_farm p {
    font-family: "f7";
    color: #252525;
    text-align: justify;
}

/* ourfarm video starts */

  /*ourfarm video ends  */

  /* faq starts */

  
  .our_faq h2 {
    font-family: "f4";
    font-size: 20px;
    color: #252525;
}
.our_faq h6{
    font-family: "f2";
    font-size: 16px;
    color: #252525;
    text-align: center;
    line-height: 25px;
}
.our_farm h6{
    font-family: "f2";
    font-size: 16px;
    color: #252525;
    text-align: center;
    line-height: 25px;
}
.our_faq span {
    font-family: "f4";
    font-size: 22px;
    color: #105531;
    display: flex;
    justify-content: center;
}

.our_faq p {
    font-family: "f7";
    color: #252525;
    text-align: justify;
}
.adhira_highlight{
    font-family: "f4";
    font-size: 22px;
    color: #105531;
}
.our_high p {
    font-family: "f7";
    color: #252525;
    font-size: 15px;
}


/* faq ends */
/* contact starts */

.cont_form {
    padding: 20px;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 5%);
    border-radius: 10px;
    background: #3c3c3c;
    color: #fff;
  }
  
  .cont_form h3 {
    font-family: "f4";
    font-size: 25px;
    margin-bottom: 15px;
    color: #ffffff;
  }
  
  .cont_grp {
    margin-bottom: 20px;
  }
  
  .cont_form .cont_grp label {
    margin-bottom: 7px;
    font-family: "f7";
    font-size: 16px;
  }
  
  .cont_form .cont_grp .form-control {
    background-color: #00000014;
    border-radius: 5 !important;
    color: #fff;
    font-family: "f1";
  }
  
  .cont_form .cont_grp .form-control:focus {
    color: #fff !important;
    border: 1px solid #105531 !important;
  }
  
  .cont_form .bt_sub {
    width: 100%;
    background:linear-gradient(#ff0101,#930404);
    color: #fff !important;
    font-family: "f7";
    font-size: 15px;
    border: none;
  }
  
  .cont_add h2 {
    font-family: "f4";
    font-size: 30px;
    color:#105531;
  }
  
  .cont_add p {
    font-family: "f7";
    font-size: 16px;
    color: #666666;
    margin: 0;
  }
  
  .cont_info {
    padding: 15px;
    box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
    border-radius: 10px;
    background: #00000014;
  }
  
  .cont_con .cont_info .icon {
    font-size: 35px;
    height: 65px;
    width: 65px;
    line-height: 65px;
    background: linear-gradient(#105531, #044000) !important;
    text-align: center;
    border-radius: 100%;
    margin: auto;
    margin-bottom: 1px;
    position: relative;
  }
  
  .ic_on {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  
  .ic_on img {
    width: 35px;
  }
  
  .cont_info h4 {
    font-family: "f4";
    font-size: 20px;
  }
  
  .cont_info a {
    font-family: "f7";
    font-size: 16px;
    margin: 0;
    margin-top: 5px;
    color: #000;
    text-align: center;
  }
  
  .re_ser .btn-nc {
    background: linear-gradient(#105531, #044000) !important;
    border-radius: 5px !important;
    color: #fff !important;
    font-family: "f7";
    font-size: 16px !important;
    border: none;
    padding: 8px 15px;
    margin-top: 10px;
  }
  /* contact ends */

/* footer starts */

.footer_img {
    background: url(../img/footer_img.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 30px 60px;
}

.footer_content img {
    width: 40px;
    margin: 20px auto;
    display: flex;
    align-items: center;
}

.footer_links ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.footer_links p {
    text-align: center;
}

.footer_links li {
    background: linear-gradient(#105531, #044000);
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin: 0px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin-bottom: 12px;
}

.footer_links img {
    width: 21px !important;
}

.footer_img h5 {
    font-family: "f4";
    color: #fff;
    font-size: 30px;
}

.contact_info li {
    margin-bottom: 10px;
}

.footer_img a {
    font-family: "f7";
    font-size: 16px;
    color: #fff !important;
}

.reach_icon {
    width: 40px !important;
    height: 40px !important;
    padding: 20px;
    background: linear-gradient(#105531, #044000);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

.reach_icon img {
    width: 21px !important;
}

.footer_img p {
    color: #fff;
    font-family: "f7";
}

.footer_input {
    position: relative;
}

.footer_input .form-control {
    padding: 15px 20px;
}

.input_icon {
    position: absolute;
    top: 9px;
    right: 10px;
}

.footer_links ul.wh_at {
    font-size: 30px;
}

.footer_img {
    position: relative;
}

.contact_info {
    position: relative;
    z-index: 1;
}

.footer_img:before {
    background: #0000006c;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;

}

/* footer ends */

/* video popup starts */

/* video starts */

.galleryVid {
    /* float: left; */
    display: inline-block;
    /* width: 231px; */
    margin: 10px;
    transition: all 0.3s ease;
    border: 5px solid #4CAF50;
    position: relative;
    border-radius: 5px;
}
  .galleryVid:before {
  content: "\25B6";
      color: white;
      font-size: 24px;
      position: absolute;
      width: 50px;
      height: 50px;
      left: -6px;
      bottom: -12px;
      transition: all 0.3s ease;
      transform: translate(0%,0%);
  }
  
  .galleryVid:hover{
      cursor:pointer;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) ;
  }
  .galleryVid:hover .desc{
    padding-bottom:20px;
    cursor:hover;
  }
  div.gallery {
    margin: 5px;
    float: left;
    width: 100%;
  
  }
  
  
  
  div.gallery img {
    width: 100%;
  }
  
  div.desc {
    transition:all 0.3s ease;
      padding: 10px 10px;
      text-align: center;
    color:white;
  position:absolute;
    top:0px; 
        box-sizing: border-box;
    left:0px;
    width:100%;
      margin-top: 0px;
    font-family:arial;
    font-size:14px;
    text-align:left;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,828c95+36,28343b+100&0.1+0,1+100;Grey+Black+3D */
  background: -moz-linear-gradient(bottom, rgba(181,189,200,0.1) 0%, rgba(130,140,149,0.42) 36%, rgba(40,52,59,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(bottom, rgba(181,189,200,0.1) 0%,rgba(130,140,149,0.42) 36%,rgba(40,52,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top, rgba(181,189,200,0.1) 0%,rgba(130,140,149,0.42) 36%,rgba(40,52,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ab5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
  }
  /* .videoTag{
    background-color:black;
  } */
  
  .popup{
      width: 900px;
      margin: auto;
      text-align: center
  }
  .popup img{
      width: 200px;
      height: 200px;
      cursor: pointer
  }
  .showvideo{
      z-index: 999;
      display: none;
  }
  .showvideo .vid-show{
        width: auto;
      height: auto;
      max-width: 93%;
      background: transparent;
      position: absolute;
      /* top: 50%; */
      left: 50%;
      transform: translate(-50%,-50%);
      overflow: hidden;
  }
  .vid-show img{
    height:100%;
  }
  
  .showvideo .close {
    z-index: 99999;
    font-family: arial;
    font-weight: bold;
    background-color: #009688;
    color: #ffffff;
    padding: 1px;
    font-size: 15px;
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 100px;
    width: 22px;
    height: 22px;
    text-align: center;
    transition: all 0.3s ease;
}
  .showvideo .close:hover{
    cursor:pointer;
    background-color:rgba(80, 80, 80, 0.8);
  }
  /* video ends */