@font-face {
font-family: Manrope;
src: url(../fonts/manrope.light.otf);
font-display: swap;
font-weight: 300;
font-style: normal;
}
*{
font-family: 'Manrope', sans-serif;
}
html{
scroll-behavior: smooth;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #4c371a;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 12px;
  }

  *::-webkit-scrollbar-track {
    background: #4c371a63;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #4c371a;
  }
/*end scroll bar css*/

a, a:hover, a:focus, a:active {
text-decoration: none;
color: inherit;
}
h6
{
    line-height: 1.4;
    font-weight: 700;
}
.fweight{
    font-weight:700;
}
body{
background: #FFF4D8;
font-family: 'Manrope';
color: #4C371A;
font-weight: 400;
overflow-x:hidden;
}
.container
{
padding-right: 40px;
padding-left: 40px;
}
p{
font-size: 18px;
font-weight: 500;  
line-height: 1.6;
}
h1{
font-size: 34px;
text-align: center;
font-weight: 700;
}
h2
{
font-size: 28px; 
}
.bilona_head, .farm_head{
font-weight: 700;
font-size: 32px;
}
button.custom_btn
{
background: #4c371a;
font-size: 18px;
border-radius: 40px;
border: 2px solid #4C371A;
transition: all .4s ease-in-out;
color: #fff4d8;
padding: 4px 34px;
}
.blink-1
{
webkit-animation: shadow-pulse 1s infinite both;
animation: shadow-pulse 1s infinite both;
}
.custom_btn:focus{
outline: none;
}
@keyframes shadow-pulse
{
0% {
box-shadow: 0 0 0 0px #4b371c8c;
}
100% {
box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
}
}
/*button.custom_btn:hover
{
transform: translateX(3px) translateY(3px);
}
*/
.menu_link
{
font-size: 20px;
font-weight: 700;
}
.menu_link a:after {
content: ' ';
width: 0%;
height: 1.4px;
background: #4C371A;
display: block;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
transition: all ease-in-out 0.3s;
opacity: 0.8;
}
.menu_link a:hover:after
{
width: 100%;
}
.menu_link a
{
text-decoration: none;
z-index: 1024;
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
.menu_link a:hover
{
color:#4C371A;
transform: translateY(-5px);
}
.logo{
width: 360px;
}
.top-header{
background: #F7E8C1;
/* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
height: 45px;
overflow: hidden;
}
.top-header img{
width: 275%;
}
.top-header,header{
position: relative;
z-index: 9999;
}
.banner-top{
margin-top: -24%;
}
.banner-bottom{
margin-top: -13%;
background: linear-gradient(#FFFFFF,#dbcea6);
}
header a{
cursor: pointer;
text-decoration: none;
transition: all .2s ease-in-out;
color:#4C371A;
}
.mother_sec
{
padding-bottom: 50px;
padding-top:80px;
}
.mother_sec .mother_bgimg
{
background: url(../images/mother.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.milkman_sec
{
padding-bottom: 50px;
padding-top:80px;  
}
.five_icon_section
{
padding-bottom: 80px;  
}
.five_icon_section img{
width: 130px;
}
.five_icon_section span
{
display: block;
margin-top: 20px;
font-weight: 500;
line-height: 1.3;
font-size: 18px;
}
.six_icon_section span
{
display: block;
margin-top: 20px;
font-weight: 500;
line-height: 1.3;
font-size: 18px;
}
.six_icon_section img{
width: 130px;
}
.testimonial
{
padding-bottom: 80px;
padding-top:40px; 
}
footer
{
background: url('../images/footer_bg_img.png');
height: 650px;
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom center; 
margin-top: 60px;
}
footer .social_icon
{
margin-right: 10px;
width: 33px; 
}
footer .social_icon1
{
margin-right: 6px;
width: 40px; 
margin-bottom: 8px;
}
footer .footer_social_icon
{
display: flex;
align-items: center;
margin-bottom: 10px;
}
footer a
{
color: #4B371C;
font-size: 20px;
}
.footer_social_icon a{
font-weight: 500;
}
/*.carousel-indicators:after
{
content: ' ';
width: 50px;
height: 4px;
background: #cb0a01;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
}*/
.carousel-control-next-icon {
background-image: url('../icons/next.svg')!important;
}
.carousel-control-prev-icon {
background-image: url('../icons/back.svg')!important;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
display: inline-block;
width: 20px;
height: 20px;
background: no-repeat 50%/100% 100%;
}
.carousel-indicators
{
margin-bottom:0px;
}
.carousel-indicators li
{
background-color: #4c371a;
}
.carousel-control-next, .carousel-control-prev
{
/*display: none;*/
background-color: transparent;
border:none;
}
.purity_sec p
{
text-align: center;
margin-top: 30px;
}
.purity_sec{
margin-top: -12%;
}
.mother_sec p{
text-align: justify;
}
.milkman_sec p{
text-align: justify;
}
a:hover
{
text-decoration: none;
color:inherit;
}
.logo_footer
{
width: 380px;
}
.sidebar{
height: 100%;
background: #FEF4D8;
position: fixed;
z-index: 99999; 
left: 0;
top: 0;
transition: all 0.3s ease-in-out;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
width: 0px;
overflow: hidden;
opacity: 1;
}
.menu-icon .bar-1{
width: 55px;
height: 4px;
background-color:#4C371A;
/* margin: 6px 0; */
}
.menu-icon .bar-2{
width: 35px;
height: 4px;
background-color:#4C371A;
margin: 6px 0;
transition: all 0.3s ease-in-out;
}
.menu_btn
{
position: absolute;
top: 0%;
right: : 0px;
cursor: pointer;
z-index: 1024;
font-weight: 500;
}
.toggle-btn
{
position: absolute;
right: 0;
font-weight: 900;
font-size: 25px;
opacity: 0.8;
color: #4B371C;
}
.side_menu li
{
list-style: none;
padding: 5px 0px;
font-size: 20px;
transition: all 0.3s linear;
}
.side_menu a
{
color:#4C371A;
font-weight: 700;
}
.side_menu li:after {
content: ' ';
width: 0%;
height: 2px;
background: #4C371A;
display: block;
margin-right: auto;
margin-left: auto;
transition: all ease-in-out 0.3s;
opacity: 0.8;
}
.side_menu li:hover:after
{
width: 100%;
}
.modal-header h4{
width: 90%;
}
.desktop{
/* mix-blend-mode: multiply; */
}
.mobile{
/* mix-blend-mode: multiply; */
margin-top: -84%;
}
.village{
width: 100%;
}
.at_gavyam{
font-weight: 700;
}
.button_dot{
width: 5.5%;
margin-right: 10px;
}
.btn_div{
display: flex;
justify-content: center;
align-items: center;
width: 160px;
padding: 4px;
}
.btn_div h5{
font-weight: 700;
margin-bottom: 0px !important;
}
.carousel-indicators  li {
border-radius: 50%;
height: 10px;
width: 10px;
}
.btn_container{
width: 100%;
display:flex;
justify-content: center;
}
.btn_container2{
display: flex;
justify-content: center;
}
.purity_text{
position: absolute;
bottom: 20%;
right: 18%;
z-index: 1025;
font-weight: 700;
font-size: 45px;
color: #4C371A;
line-height: 1.4;
text-align: center;
font-family: Imani;
opacity: 0.9;
}
.modal-content{
background: #FFF3D9;
}
.modal-header{
flex-direction: column;
justify-content: center;
align-items: center;
}
.modal-header h4{
font-weight: 700;
font-size: 26px;
}
.modal-header h4:after{
background: url(../images/underline/01.svg);
width: 165px;
height: 20px;
content: '';
/* position: absolute; */
margin-left: auto;
background-size: contain;
/* bottom: 0px; */
display: block;
margin-right: auto;
background-repeat: no-repeat;
}
.form-logo{
width: 270px;
padding-top: 40px;
padding-bottom: 40px; 
}
.modal_close_btn{
position: absolute;
top: 43px;
right: 13px;
border-radius: 5px;
font-size: 31px;
border-color: #fff3d9;
background: transparent;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
padding: 0px;
align-items: center;
color: #5c4322;
transition: all 0.3s ease-in-out;
}
.modal_close_btn:hover{
position: absolute;
top: 43px;
right: 13px;
border-radius: 5px;
font-size: 31px;
border-color: #fff3d9;
background: #5c4322;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
padding: 0px;
align-items: center;
color: #fff3d9;
}
.form-control{
padding: .35rem .75rem;
font-size: 16px;
color: #5c4322;
background-color: transparent;
border: 1px solid #5c4322;
}
.modal-body label{
font-weight: 600;
}
.form-control input{
color: #4C371A;
}
.modal-content:before{
background: url(../images/form_border.svg);
width: 100.5%;
height: 26px;
content: '';
background-size: cover;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background-position: bottom;
top: -1px;
left: -1px;
position: absolute;
}
.modal-content:after{
background: url(../images/form_border.svg);
width: 100.6%;
height: 26px;
content: '';
background-size: cover;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background-position: bottom;
bottom: -1px;
left: -1px;
position: absolute;
transform: rotate(180deg);
}
.btn-submit:hover
{
color: #fff;
}
.btn-submit{
color: #fff3d9;
background: #5e4a2d;
border-radius: 15px;
padding-left: 30px;
padding-right: 30px;
padding-top: 3px;
padding-bottom: 3px;
font-size: 16px;
margin-bottom: 20px;
}
.modal-header {
border-bottom: 0 none;
}
.modal-footer {
border-top: 0 none;
}
::placeholder {
color: #5e4a2d !important;
opacity: 1;
}
h1:after{
background: url(../images/underline/01.svg);
width: 142px;
height: 6px;
content: '';
margin-left: auto;
background-size: cover;
display: block;
margin-right: auto;
background-repeat: no-repeat;
margin-top: 5px;
}
.shuddh_desi:after{
background: url(../images/underline/02.svg);
width: 402px;
height: 8px;
content: '';
margin-left: auto;
background-size: cover;
display: block;
margin-right: auto;
background-repeat: no-repeat;
}
.shuddh_A2:after{
background: url(../images/underline/02.svg);
width: 282px;
height: 8px;
content: '';
margin-left: auto;
background-size: cover;
display: block;
margin-right: auto;
background-repeat: no-repeat;
}
.text_1 .text_2 .text_3 .text_4 .text_5 .text_6{
justify-content: center;
}
.gallary_head{
text-align: center;
margin-bottom: 20px!important;
font-size: 34px;
font-weight: 700;
margin-top: 30px;
}
.gallary_head:after{ 
background: url(../images/underline/01.svg);
width: 118px;
height: 6px;
content: '';
margin-left: auto;
background-size: cover;
display: block;
margin-right: auto;
background-repeat: no-repeat;
margin-top: 5px;
}
.text_story,.text_slogan{
text-align: center;
}
.text_story{
margin-bottom: 15px;
}
.story_container{
padding-top: 100px;
padding-bottom:40px;
}
.text_slogan{
width: 415px;
margin-left: auto;
margin-right: auto;
}
.faq_title{
text-align: center;
margin-bottom: 20px!important;
font-size: 34px;
font-weight: 700;
margin-top: 30px;
}
.faq_title:after{
background: url(../images/underline/02.svg);
width: 100px;
height: 6px;
content: '';
margin-left: auto;
background-size: cover;
display: block;
margin-right: auto;
background-repeat: no-repeat;
}
.faq_sec div{
padding-top: 15px;
padding-bottom: 15px;
}
.map_link:hover{
color:blue;
}
.person_container{
width: 230px;
height: 230px;
background: url('../images/Testimonial_ring.png');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
display: flex;
justify-content: center;
align-items: center;
}
.testimonial_person{
width: 190px;
height: 190px;
border-radius: 50%;
border: 3px solid #4C371A;
}
.gallery_images img{
width: 100%;
border-radius: 5px;
}
.gallery_images div{
margin-top: 15px;
margin-bottom: 15px;
}
.image_sec{
padding-top: 50px;
padding-bottom: 50px;
}
.video_sec{
padding-top: 50px;
padding-bottom: 50px;
}
iframe{
border-radius: 5px;
}
.testi_name h5{
font-weight: 700;
font-size: 1.32rem;
}
.company
{
transition: all ease-in-out 0.3s;
}
.company:hover
{
font-weight:700;    
}
@media only screen and (max-width:768px) {
.video_sec
{
padding-bottom:0px;
}
.gallary_head {
font-size: 25px;
margin-top: 30px;
margin-bottom: 0px;
}
.h4, h4 {
font-size: 1.2rem;
font-weight: 600;
}
.faq_title {
margin-bottom: 10px!important;
font-size: 25px;
font-weight: 700;
margin-top: 30px;
}
button.custom_btn
{
background: #4c371a;
font-size: 16px;
margin-top: 10px;
}
.purity_sec {
margin-top: -5%;
}
.story_container {
padding-top: 40px;
padding-bottom: 0px;
}
.logo_container
{
}
.six_icon_section span, .five_icon_section span
{
font-size: 16px;
}
.mother_sec {
padding-bottom: 20px;
padding-top: 40px;
}
.milkman_sec
{
padding-bottom: 20px;
padding-top: 40px;
}
.person_container{
width: 190px;
height: 190px;
}
.testimonial_person{
width: 150px;
height: 150px;
}
.gallary_head:after{ 
width: 95px;
}
.form-logo {
width: 249px;
padding-top: 40px;
padding-bottom: 25px;
}
.modal_close_btn {
position: absolute;
top: 27px;
right: 3px;
}
.testimonial
{
padding-bottom: 30px;
padding-top:0px; 
}
.carousel-control-next-icon {
width: 16px;
margin-left: 28px;
}
.carousel-control-prev-icon {
width: 16px;
margin-right: 28px;
}
.header{
margin-top: -10%;
}
.top-header .header{
background: #f0decc !important;
}
p{
font-size: 15px;
}
.container{
width: 100% !important;
}
p{
font-size: 16px;
}
h1{
font-size: 36px;
}
h2
{
font-size: 30px; 
}
.menu_link{
font-size: 18px;
}
.top-header{
overflow: hidden;
}
.top-header img{
margin-top: 22px; 
}
.logo_footer{
width: 270px;
}
.logo{
width: 250px!important;
margin-top: 4rem!important;
}
.milkman_sec
{
margin-top: -4%;  
}
.icons div{
margin-bottom: 26px;
}
.icons img{
width: 92px;
padding:3px;
}
.five_icon_section{
margin-top: -5%;
padding-bottom: 50px;
}
.top-header{
overflow: hidden;
}
.top-header img{
width: 240%;
}
.mobile{
margin-top: -50%;
}
h1{
font-size: 25px;
text-align: center;
}
.testimonial_container{
text-align: center;
background: #FFF4D8!important;
}
.testimonial p{
text-align: center;
}
.purity_sec p{
text-align: center;
margin-top: 25px;
}
h2,.bilona_head,.farm_head{
font-size: 20px;
}
.custom_btn{
text-align: center;
}
.container
{
padding-right: 15px;
padding-left: 15px;
}
.mother_sec .mother_bgimg
{
height: 390px;
}
.mother_sec h2{
margin-top: 50px;
}
.social_container{
margin-top: 45px;
}
footer{
height: 475px;
}
footer .footer_social_icon{
justify-content: flex-start;
}
.footer_social_icon a{
font-size: 16px;
}
.icons span{
margin-top: 5px;
}
h1:after{
width: 114px;
}
.shuddh_desi:after{
width: 248px;
}
.shuddh_A2:after{
width: 168px;
}
.menu_btn{
position: absolute;
top: 55px;
right: 10px;
}
.menu_btn img{
width: 18px;
transform: rotate(90deg);
}
.banner-top{
margin-top: 15%;
}
.mother_sec p{
text-align: center;
}
.milkman_sec p{
text-align: center;
}
.text_slogan{
width: 106%!important;
margin-left:-3%;
}
.faq_title:after{
width: 92px;
}
.testi_name{
text-align: center;
}
.testi_name h5{
font-size: 1.25rem;
}
.testimonial_container{
display: flex;
justify-content: center;
}
.faq_sec{
text-align: center;
}
}
@media only screen and (min-width:1600px) {
footer{
height: 715px!important;
}
}

/*suraj css*/

@media only screen and (min-width: 1200px) {
 .container{
     max-width:1050px!important;
 }
}

@media only screen and (min-width: 1400px) {
 .container{
     max-width:1250px!important;
 }
}

@media only screen and (min-width: 1600px) {
 .container{
     max-width:1350px!important;
 }
}

@media only screen and (min-width: 1800px) {
 .container{
     max-width:1600px!important;
 }
}

@media only screen and (min-width: 2000px) {
 .container{
     max-width:1850px!important;
 }
}



.order_btn{
    margin-top:10px;
    z-index: 1025;
}
.positions{
     margin-bottom: 300px;
}
.purity_text2{
    z-index: 1025;
    font-weight: 700;
    font-size: 40px;
    color: #4C371A;
    line-height: 1.4;
    font-family: Imani;
    opacity: 0.9;
}
.m_up{
    margin-top:-37%;
}
.m_up_milk{
        margin-top:-40%;

}
.position1{
    position:relative;
}
.margin_t{
    margin-top:-95px;
}
.sticky{
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
 height:110px;
 	-webkit-transition: all ease-out .5s;
  -moz-transition: all ease-out .5s;
  -o-transition: all ease-out .5s;
  transition: all ease-out .5s;
}
.sticky_color_active{
     background-color:#fefaf0;
     filter: drop-shadow(2px 4px 6px #0000000f);
}
.logo1{
    width:270px;
}
.banner-top1{
    margin-top: -20%;
}

.milk_size{
    width:100%;
}
.milk_sec{
    margin-top:-11%;
}
/*.a1-a2{*/
/*    margin-top:10%;*/
/*}*/
.cow_size{
    width:100%;
}
.cow:after{
    background: url(../images/underline/02.svg);
    width: 282px;
    height: 6px;
    content: '';
    margin-left: auto;
    background-size: cover;
    display: block;
    margin-right: auto;
    background-repeat: no-repeat;
}
.alignment{
        display: flex;
    flex-direction: column;
    justify-content: center;
}

/*milk page css*/

.intro-heading1{
    z-index: 1025;
    font-size: 50px;
    font-weight: 700;
    color: #4c371a;
    line-height: 1.4;
    font-family: Imani;
    text-align: end;
    padding: 25px 90px 10px;
}
.bdr-line{
            border-bottom: 1px solid #4c371a8c;
}
.intro-heading2{
    z-index: 1025;
    font-size: 30px;
    font-weight: 600;
    color: #4c371a;
    line-height: 1.4;
    font-family: Imani;
    padding: 15px 0px 0px 100px;
}

.intro-heading3{
    z-index: 1025;
    font-size: 50px;
    font-weight: 700;
    color: #4c371a;
    line-height: 1.4;
    font-family: Imani;
    text-align: start;
    padding: 25px 90px 10px;
}
.intro-heading4{
    z-index: 1025;
    font-size: 30px;
    font-weight: 600;
    color: #4c371a;
    line-height: 1.4;
    font-family: Imani;
    padding: 15px 0px 0px 100px;
}
.intro-heading5{
    z-index: 1025;
    font-size: 47px;
    font-weight: 700;
    color: #4c371a;
    line-height: 1.4;
    font-family: Imani;
    text-align: start;
    padding: 25px 90px 10px;
}
.milk_align{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.milk-1{
    width:100%;
}
.discs{
       list-style-type: none;
       font-size: 16px;
    font-weight: 500;
    line-height: 3;
}
.pdng{
    padding-top:40px!important;
}
.font11{
    font-size:40px;
}
.line11{
    line-height: 5!important;
}
.flip-imag{
    transform: rotateY(180deg);
}
.owl-carousel .item img{
    width: 130px;
    margin: auto;
    padding-bottom: 35px;
}
.uses-images{
    width:90px;
}
/*.nex{*/
/*    right: -45px;*/
/*}*/
/*.pree{*/
/*    left: -15px;*/
/*}*/

.alignn{
    margin-left: 8%;
    margin-right: 8%;
}
.margin_it{
        margin-left: 30px;   
}
.align-plus {
    margin-left: 20%;
    margin-right: 20%;
}

/*benefits of A2 milk css*/
.benefit-icons li:nth-child(2){
    margin-right:40px;
}
.benefit-icons li:nth-child(3){
    margin-right:65px;
}
.benefit-icons li:nth-child(4){
    margin-right:75px;
}
.benefit-icons li:nth-child(5){
    margin-right:65px;
}
.benefit-icons li:nth-child(6){
    margin-right:40px;
}

.benefit-icons-right li:nth-child(2){
    margin-left:40px;
}
.benefit-icons-right li:nth-child(3){
    margin-left:65px;
}
.benefit-icons-right li:nth-child(4){
    margin-left:75px;
}
.benefit-icons-right li:nth-child(5){
    margin-left:65px;
}
.benefit-icons-right li:nth-child(6){
    margin-left:40px;
}
.table-color{
    background-color: #4c371a;
    width: 950px;
}
.img-position{
        position: relative;
    margin-bottom: -60px;
    width: 100%;
}
.w--70{
    width:70%;
}
.a2-border{
    border-top:40px solid #4c371a; 
    border-bottom:10px solid #4c371a;
    padding-bottom: 5px;
}
.fontsize{
    padding-top:20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 3;
    list-style-type:none;
}
.a2-border ul li{
    background-color: #fff0bb;
    margin-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
}
.circle{
    position:relative;
    width:100%;
}


/*animation circle css*/
.rotate-center {
	-webkit-animation: rotate-center 50s linear infinite both;
	        animation: rotate-center 50s linear infinite both;
}
/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */
@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}



.rotate-center2 {
	-webkit-animation: rotate-center 50s linear infinite reverse both;
	        animation: rotate-center 50s linear infinite reverse both;
}

/**
 * ----------------------------------------
 * animation rotate-center2
 * ----------------------------------------
 */
@-webkit-keyframes rotate-center2 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center2 {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.pulsate-bck {
	-webkit-animation: pulsate-bck 5s ease-in-out infinite alternate both;
	        animation: pulsate-bck 5s ease-in-out infinite alternate both;
}

/**
 * ----------------------------------------
 * animation pulsate-bck
 * ----------------------------------------
 */
@-webkit-keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.w-150{
    width:150px;
}
.w-125{
    width:125px;
}
.milk-bottle-up{
    margin-top:-55%;
}




/*ghee css*/

.heart_size{
    width:20px;
    padding-bottom: 4px;
}
.benefits-icons{
    width:70px;            
}
.text_style{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
}
.left-side1{
    margin-left:23%;
}
.right-side1{
    margin-right:23%;
}
.benefits-img{
    width: 530px;
}
.icon-margin{
        margin-top: -50px;
}
.icon-margins{
        margin-top: 20px;
}
.img-margn{
    margin-top:-110px;
}
.siz1{
    width:180px;
}

.colors h4{
        font-weight: 700;
}
.fs30{
    font-size: 30px;
    font-weight: 600;
}
.ghee_size{
    width: 100%;
}
.ghee-back-img{
    width: 200px;
    position: absolute;
    z-index: -1;
    left: -33px;
    transform: rotate(45deg);
}
.ghee-back-img-r{
        width: 200px;
    position: absolute;
    z-index: -1;
    right: -50px;
    transform: rotate(67deg);
}
@media only screen and (max-width: 576px) {
    .positions {
    margin-bottom: 45px!important;
}
.w50{
    max-width:100%;
}
    .p-t {
    padding-top: 20px!important;
}
    .uses-images-g{
    width:90px!important;
}
.uses-images-gh{
    width:70px!important;
}
.colors {
    background-color: #FFE3BA;
    border-radius: 25px;
    height: 230px;
}
.ssize{
    font-size: 1.5rem;
}
.mh{
    min-height:190px;
}
.w--auto{
    width:85%!important;
}
.tcent{
    text-align:center!important;
}
.circle {
    position: relative;
    width: 73%!important;
}
.circle2 {
    position: relative;
    width: 65%!important;
    margin-left: auto;
    margin-right: auto;
    margin-top: -81%!important;
}
.raund-bottle {
    width: 36%!important;
    position: relative;
    margin-top: -91%!important;
}
.ghee-back-img-r {
    width: 200px;
    position: absolute;
    z-index: -1;
    right: 115px!important;
    transform: rotate(67deg);
}
.ghee-back-img {
    width: 200px;
    position: absolute;
    z-index: -1;
    left: 120px!important;
    transform: rotate(45deg);
}
.sticky_color_active{
     background-color:#fefaf0;
     filter: drop-shadow(2px 4px 6px #0000000f);
     height:90px!important;
}
.logo-r{
 width:210px!important;   
}
.m-top-2{
    margin-top: -41px!important;
}
}
@media only screen and (max-width: 767px) {
    .smheight{
        max-height:580px!important;
    }
    .sheight{
        height:550px!important;
    }
    .positions {
    margin-bottom: 80px;
}
.w50{
    max-width:100%;
}
#mobi-benefits p{
    margin-top:8px;
    line-height:1.3;
}
.centr{
       text-align: center;
}
.logo1{
        margin-left: 30px;
        width:250px;
}
.header{
    margin-top:0px;
}
.mtop1{
    margin-top:-25px;
}
.table td {
    background-color: #fff0bb;
    border-top: 7px solid #fff4d8!important;
    border-bottom: 7px solid #fff4d8!important;
}
.l{
    border-left: 7px solid #fff4d8!important;
    color: #4C371A;
    font-weight: 500;
}
.r{
    border-right: 7px solid #fff4d8!important;
    color: #4C371A;
    font-weight: 500;
}
.font11 {
    font-size: 30px;
}
.mhm{
    min-height:245px;
}
.uses-images12{
    width:70px;
}
.uses-images13{
    width:50px;
}
.w-100px{
    width:100px!important;
}
.uses-images14{
    width:90px!important;
}
.alignn {
    margin-left: 5%;
    margin-right: 5%;
}
.uses-images {
    width: 60px;
}
.w-125 {
    width: 125px;
}
.uses-images11{
    width:100px;
}
    .oder{
        order:2;
    }
    .benefts-imag{
        width:100%;   
    }    
    .txt{
        text-align:center!important;
    }
    .ghee-back-img {
    width: 200px;
    position: absolute;
    z-index: -1;
    left: 130px;
    transform: rotate(45deg);
}
.ghee-back-img-r {
    width: 200px;
    position: absolute;
    z-index: -1;
    right: 110px;
    transform: rotate(67deg);
}
.uses-images-g{
    width:95px!important;
}
.uses-images-gh{
    width:75px!important;
}
.m_t-50{
    margin-top:-50px;
    margin-bottom: -35px;
}
.ghee_size {
    width: 60%;
}
.tcenter{
    text-align:center!important;
}
.colors {
    background-color: #FFE3BA;
    border-radius: 25px;
    height: 185px;
}
.top-m{
    margin-top:-40px!important;
}
.resutl{
        margin-top: -85px;
}
.mobilee{
    margin-top:-50%;
}

/*milk page css*/
.circle2 {
    position: relative;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -109%;
}
.raund-bottle {
    width: 45%;
    position: relative;
    margin-top: -113%;
}
.w--auto{
    width:100%;
}
}
@media only screen and (max-width: 991px) {

.benefts-imag{
    width:100%;   
}
.alignn {
    margin-left: 5%;
    margin-right: 5%;
}
.colors {
    background-color: #FFE3BA;
    border-radius: 25px;
    height: 235px;
}
.uses-images-g{
    width:140px;
}
.uses-images-gh{
    width:120px;
}
.odr{
    order:2;   
}
.p-t{
    padding-top:30px;
}
.m-t-15{
    margin-top:-15px;
}
.mh{
        max-height: 180px;
}
.ghee_heading1{
    font-size: 22px;
    font-weight: 700;
    text-align: end;
    padding: 30px 60px 15px 0px;
    color: #4c371a;
    line-height: 1.4;
    font-family: Imani;

}
.ghee_heading2 {
    font-size: 20px;
    font-weight: 700;
    color: #4c371a;
    line-height: 1.4;
    font-family: Imani;

    text-align: start;
    padding: 35px 0 20px 50px;
}
.ghee_heading3 {
    font-size: 21px;
    font-weight: 700;
    color: #4c371a;
    line-height: 1.4;
    font-family: Imani;

    text-align: end;
    padding: 40px 47px 12px;
}
.ghee-heading4 {
    font-size: 21px;
    font-weight: 600;
    color: #4c371a;
    line-height: 1.4;
    font-family: Imani;

    padding: 20px 0px 0px 51px;
}
.w--auto{
    width:100%;
}

}
@media only screen and (min-width:768px) and ( max-width: 991px) {
.suraj{
    padding-left:5.5rem!important;
}
    .logo1 {
    width: 200px;
}
.menu_link {
    font-size: 12px;
    font-weight: 700;
}
    .positions {
    margin-bottom: 140px!important;
}
.topmarg {
    margin-top: -125px;
    position: relative;
    z-index: 1025;
}
/*milk page css*/
.circle2 {
    position: relative;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -111%;
}
.raund-bottle {
    width: 45%;
    position: relative;
    margin-top: -124%;
}    
.w--40{
    width:25px;
}
.discs {
    list-style-type: none;
    font-size: 9px;
    font-weight: 500;
}
.w--auto{
    width:100%;
}
.mhm{
    min-height:245px;
}
.intro-heading02{
        z-index: 1025;
    font-size: 20px!important;
    font-weight: 600;
    color: #4c371a;
    line-height: 1.4;
    font-family: Imani;
    padding: 15px 0px 0px 70px!important;
}
.ghee-heading04 {
    font-size: 21px!important;
    font-weight: 600;
    color: #4c371a;
    line-height: 1.4;
    font-family: Imani;
    padding: 34px 0px 0px 51px!important;
}
.purity_text2 {
    z-index: 1025;
    font-weight: 700;
    font-size: 23px!important;
    color: #4C371A;
    line-height: 1.4;
    font-family: Imani;
    opacity: 0.9;
}
.milk-1 {
    width: 150%;
}
.md-align{
    align-self:center;
}
.ghee-back-img {
    width: 200px;
    position: absolute;
    z-index: -1;
    left: -20px!important;
    transform: rotate(45deg);
}
}

@media only screen and (min-width: 992px) {
    .mx_height{
        max-height: 148px;
    }
    .topmarg{
    margin-top:-200px;
    position:relative;
    z-index:1025;
}
.pdng01{
        padding: 26px 0px 0px 75px!important;
}
.w50{
    max-width:70%;
}
.mhm{
    min-height:245px;
}
.w--auto{
    width:80%;
}
.ghee_heading1{
    z-index: 1025;
    font-size: 30px;
    font-weight: 700;
    color: #4c371a;
    line-height: 1.4;
    font-family: Imani;
    text-align: end;
    padding: 25px 90px 10px;
    }
.ghee_heading2{
    z-index: 1025;
    font-size: 25px;
    font-weight: 700;
    color: #4c371a;
    line-height: 1.4;
    font-family: Imani;
    text-align: start;
    padding: 29px 90px 20px;
}
.ghee_size{
    width: 65%;
}
.position-arrow-up{
    width: 35px;
    position: absolute;
    top: 160px;
    transform: rotate(322deg);
    left: 48%;
}
.position-arrow-ul{
    width: 43px;
    position: absolute;
    top: 115px;
    transform: rotate(249deg);
    left: 36%;
}
.position-arrow-ur{
    width: 28px;
    position: absolute;
    top: 107px;
    transform: rotate(43deg);
    right: 39%;
    }
.position-arrow-l{
    width: 30px;
    position: absolute;
    top: 75px;
    transform: rotateX(180deg)rotate(203deg);
    left: 23%;
    }
.position-arrow-r{
    width: 28px;
    position: absolute;
    top: 77px;
    transform: rotate(28deg);
    right: 26%;
}
.ghee_heading3{
    z-index: 1025;
    font-size: 30px;
    font-weight: 700;
    color: #4c371a;
    line-height: 1.4;
    font-family: Imani;
    text-align: end;
    padding: 25px 90px 10px;
}
.ghee-heading4{
    z-index: 1025;
    font-size: 27px;
    font-weight: 600;
    color: #4c371a;
    line-height: 1.4;
    font-family: Imani;
    padding: 4px 0px 0px 75px;
}
/*.ghee-back-img{*/
/*    width: 200px;*/
/*    position: absolute;*/
/*    z-index: -1;*/
/*    left: -33px;*/
/*    transform: rotate(45deg);*/
/*}*/
/*.ghee-back-img-r{*/
/*        width: 200px;*/
/*    position: absolute;*/
/*    z-index: -1;*/
/*    right: -50px;*/
/*    transform: rotate(67deg);*/
/*}*/
.uses-images-g{
    width:140px;
}
.uses-images-gh{
    width:120px;
}
.colors{
    background-color: #FFE3BA;
    border-radius: 25px;
    height: 190px;
}

}
@media only screen and (min-width: 768px) and (max-width: 1199.98px) {
    .smheight{
        max-height:410px!important;
    }
    .sheight{
        height:340px!important;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px)  {
    .menu_link{
font-size: 18px;
}
.circle2{
    position:relative;
    width:100%;
    width: 91%;
    margin-top: -109%;
}
.raund-bottle{
    width: 45%;
    position: relative;
    margin-top: -115%;
}
.alignn {
    margin-left: 5%;
    margin-right: 5%;
}
.purity_text2 {
    z-index: 1025;
    font-weight: 700;
    font-size: 30px!important;
    color: #4C371A;
    line-height: 1.4;
    font-family: Imani;
    opacity: 0.9;
}
.positions {
    margin-bottom: 200px!important;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1400px)  {
    .positions {
    margin-bottom: 230px!important;
}
.circle2{
    position:relative;
    width:100%;
    width: 91%;
    margin-top: -108%;
}
.raund-bottle{
    width: 46%;
    position: relative;
    margin-top: -115%;
}
.alignn {
    margin-left: 5%;
    margin-right: 5%;
}
.purity_text2 {
    z-index: 1025;
    font-weight: 700;
    font-size: 35px!important;
    color: #4C371A;
    line-height: 1.4;
    font-family: Imani;
    opacity: 0.9;
}
}
@media only screen and (min-width: 1401px) and (max-width: 1600px)  {
    .positions {
    margin-bottom: 260px!important;
}
.circle2{
    position:relative;
    width:100%;
    width: 91%;
    margin-top: -107%;
}
.raund-bottle{
    width: 46%;
    position: relative;
    margin-top: -115%;
}
}
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
    .positions {
    margin-bottom: 320px!important;
}
    .circle2{
    position:relative;
    width:100%;
    width: 91%;
    margin-top: -106%;
}
.raund-bottle{
    width: 46%;
    position: relative;
    margin-top: -115%;
}
} 
@media only screen and (min-width: 1801px){
    .positions {
    margin-bottom: 350px!important;
}
        .circle2{
    position:relative;
    width:100%;
    width: 91%;
    margin-top: -106%;
}
.raund-bottle{
    width: 46%;
    position: relative;
    margin-top: -115%;
}
} 

.table td{
    background-color: #fff0bb;
    border-top: 15px solid #fff4d8;
    border-bottom: 15px solid #fff4d8;
}
.l{
    border-left: 35px solid #fff4d8;
    color: #4C371A;
    font-weight: 500;
}
.r{
    border-right: 35px solid #fff4d8;
    color: #4C371A;
    font-weight: 500;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #4c371a;
}
.owl-theme .owl-dots .owl-dot span {
    background: #a69679;
}

#instagram-feed #eapps-instagram-feed-1 .eapps-instagram-feed-header {
    background: rgb(255 244 216);
}
#instagram-feed #eapps-instagram-feed-1 .eapps-instagram-feed-header, #eapps-instagram-feed-1 .eapps-instagram-feed-header a {
    color: #4c371a!important;
}
.modal{
    z-index:10000!important;
}