@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h1{
    font-size: 40px;
    font-weight: 600;
    font-family: 'Source Sans Pro', sans-serif;
}
h2{
    font-size: 32px;
}

h4{
    font-size: 18px;
    font-weight: 400;
    font-family: 'Source Sans Pro', sans-serif;
}
h5{
    font-size: 18px;
    font-weight: 700;
    font-family: 'Source Sans Pro', sans-serif;  
}
h6{
    font-size: 15px;
    font-weight: 400;
    font-family: 'Source Sans Pro', sans-serif; 
}
p{
    font-size: 14px;
}

.float-whatsapp{
	position:fixed;
	bottom:20px;
	right:30px;
    z-index:100;
}

@media (max-width:767px) {
    .float-whatsapp{
        bottom: 10px;
        right: 10px;
        padding-left: 3px;
    }
}

.navbar-expand-lg .navbar-nav{
    justify-content: center;
}

.enquire_header{
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    padding: 6px 20px;
    color: #FFFFFF !important;
    background: #359C79 !important;
    border-radius: 12px !important;
}

@media (min-width:992px) {
    .enquire_header{
        float: right;
    }
}

.bg-icons{
    background-color: white;
    box-shadow: 0 10px 10px -10px rgba(0,0,0,0.35);
}

#indexBanner{
    position: relative;
	
}

#indexBanner .carousel-indicators{
    top: 94% !important;
    left: 0% !important;
    height: 2px;
}

#indexBanner .carousel-indicators li{
    width: 40px;
    height: 6px !important; 
    border-radius: 24px !important;
    background-color: #C4C4C4;
    border: 0;
}

#indexBanner .carousel-indicators li.active{
    background: #025C4C;
    background-clip: padding-box;
}

.red{
    background: url(../img/home-banner-1.webp);
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
    position: relative;
}

.red .colored{
    color: #FD5252;
    opacity: 1;
}

.green{
    background: url(../img/home-banner-2.webp);
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
    position: relative;
}

.green .colored{
    color: #FFF;
    opacity: 1;
}

.yellow{
    background: url(../img/home-banner-3.webp);
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
    position: relative;
}

.yellow .colored{
    color: #C1752D;
    opacity: 1;
}


.background_text{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.background_text h1{
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 51px;
    line-height: 120%;
    color: #000000;
    opacity: 0.9;
}
.background_text h1.white{
	color:#FFF !important;
}
.h3-font{
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 51px;
    line-height: 120%;
    color: #000000;
    opacity: 0.9;
}

@media (max-width:991px) {
    .background_text h1{
        font-size: 29.83px;   
    }
	.h3-font{
        font-size: 29.83px;   
    }
}

@media (max-width:767px) {
    .background_text h1 {
        margin-top: 48px;
    }
}
.background_text p{
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 150%;
    color: #000000;
    opacity: 0.6;
}

@media (max-width:991px) {
    .background_text p{
        font-size: 17.28px;   
    }
}


.navbar-light .navbar-nav .nav-link{
    color: rgba(0, 0, 0, 0.6);
}

.custom-navbar li{
    padding-right: 2%;
    color: #000;
}

.navbar-links{
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

@media (max-width:991px) {
    .navbar-links{
        font-size: 17px;
    }

    .custom-navbar li{
        padding-right: 0;
        margin-bottom: 3%;
    }
}

.navbar-light .navbar-nav .nav-link:hover{
    color: rgba(0, 0, 0, 0.8);
}

@media (max-width:767px) {
    .background_text h1 {
        margin-top: 48px;
    }
    .custom-navbar li{
        padding-right: 0%;
        color: #000;
    }   
	.carousel-item{
		min-height:70vh;
	}
}

@media all and (min-width: 992px) {
    .dropdown-menu{
        width: 200px;
    }

	.dropdown-menu li{ 
        position: relative;
        margin-bottom: 0.3rem; 	
    }

	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}

	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu{
      padding-left:0.7rem; 
      padding-right:0.7rem; 
      margin-bottom: .5rem;
      width: 200px;
  }
}	

.line_diV{
    height: 79px;
    background: #025C4C;
    border-left: 2px solid #025C4C;
    opacity: 50%;
    position: absolute;
    top: -10%;
    left: 0%;
}

.number_effect{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 100%;
    color: #000000;
    float: left;
    margin-left: 5%;
}

.natural_product{
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 100%;
    color: #000000;
    opacity: 0.5;
    float: left;
    margin-left: 5%;
}

.container{
    max-width: 1250px;
}

.partners{
    margin-right: 1.8%;
}

.product_liNe{
    width: 5px;
    height: 25px;
    background-color: #C9485B;
    position: absolute;
    left: 0px;
    display: none;
    /* left: 60px; */
}

.cosmetic-imgBG{
    background:  url('../ashwani-img/Flower.png'), #F8EBEB;;
    background-position:  bottom center;
    background-repeat:  no-repeat,repeat;
    height: auto;
    position: relative;
    width: 100%;
    mix-blend-mode: multiply;
}

.productRangeImg{
    background: radial-gradient(43.99% 105.4% at 93% 7.46%, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);   
    border-radius: 12px;
}

.productRangeDetails{
    position: absolute;
    top: 10%;
    left: 5%;
}
.productRangeDetails h3{
    font-family: Inter;
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 42px;
}


.productRangeDetails p{
    font-family: Inter;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
}


@media (max-width:991px) {
    .productRangeDetails h3{
        font-size: 24.88px;
        margin-bottom: 0;
    }    

    .productRangeDetails p{
        font-size: 14.40px;
    }    
}

.productRangeDetails a{
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 24px;
    padding: 3%;
    padding-top: 4%;
    padding-bottom: 4%;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}


@media (max-width:767px) {
    .productRangeDetails a{
        margin-top: 20% !important;
    } 
}

@media (min-width:767px) and (max-width:991px) {
    .productRangeDetails a{
        margin-top: 15% !important;
    } 
}


@media (min-width:992px){
    .productRangeDetails a{
        margin-top: 50% !important;
    }    
}


.cosmetic-imgBG .title{
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 43px;
    line-height: 52px;
    color: #995959;
    text-align: center;
}

@media (max-width:991px) {
    .cosmetic-imgBG .title{
        font-size: 35.83px;
    }
}

.cosmetic-imgBG .subtitle{
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 150%;
    color: #995959;
    opacity: 0.6;
    text-align: center;
}

.align-content-center-row{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
}

@media (max-width:767px) {
    .align-content-center-row-mob{
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

.align-content-center-col{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.text_cosemtic{
    position: relative;
    top: -25px;
    color: #C9485B;
}

.viewproduct{
    height: 43px;
    width: 173px;
    padding: 10px, 40px, 10px, 40px;
    background: #C9485B;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 22.63px;
    font-family: 'Source Sans Pro';
    position: absolute;
    left: 45%;
    margin-top: -150px;
}
.learn_viWeproduct{
    height: 43px;
    width: 173px;
    padding: 10px, 40px, 10px, 40px;
    background: #C9485B;
    border: none;
   color: #fff;
   bottom: 0;
   position: absolute;
   left: 45%;
   bottom: 60px;
}

.govt_house-p{
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 150%;
    color: #000000;
    opacity: 0.6;
}

.govt_house-h2{
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 43px;
    line-height: 52px;
    color: #359D77;
}

.govt_house-h1{
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 42px;
    color: #000000;
    opacity: 0.8;
}

@media (max-width:991px) {
    .govt_house-h2{
        font-size: 35.83px
    }

    .govt_house-h1{
        font-size: 29.86px
    }
}

.image_Left{
    margin-top: 300px;
}

.hover_content a{
    text-decoration: none !important;
}

.item:hover .hover_content{
    background: #F9F9F9;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.24) !important;
    transition: all 0.5s ease;
    text-decoration: none !important;
}

.item:not(:hover) .hover_content{
    transition: all 0.5s ease;
}

.netureProduct_icon{
    width: 150px;
}

.product_iCon{
    width: 100px;
    height: 100px;
    border: none;
    border-radius: 50%;
    padding: 10px;
    text-align: center;
}

.product_ic01{
    background: #B5CDA3;
}
.product_ic02{
    background: #F4D19B;
}
.product_ic03{
    background: #FFBCBC;
}

.text_offerContent{
    padding: 60px;
    align-items: center;
}
.product_iCon{
    position: relative;
    left: -60px;
    top: 160px;
}
.product_time{
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 21px;
    color: #000000;
    opacity: 0.6;
}
.product_date{
    /* float: right; */
    font-size: 14px;
    font-weight: 400;
    color: #000;
}

.organic_content{
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 100%;
    color: #000000;
    opacity: 0.8;
}

.offered_range{
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 140%;
    color: #000000;
    opacity: 0.6;
    margin-top: 2%;
}

#wholesaleSupply{
    position: relative;
}

#wholesaleSupply .carousel-indicators{
    top: 115% !important;
    left: 0% !important;
    height: 2px;
}

@media (max-width:991px) {
    #wholesaleSupply .carousel-indicators{
        top: 105% !important;
        left: 0% !important;
        height: 2px;
    }
}

#wholesaleSupply .carousel-indicators li{
    width: 40px;
    height: 6px !important; 
    border-radius: 24px;
    background-color: #C4C4C4;
    border: 0;
}

#wholesaleSupply .carousel-indicators li.active{
    background: #025C4C;
    background-clip: padding-box;
}

.wholesale-supply{
    background: #FAF6EF;
    position: relative;
}

.wholesale-supply .keyService{
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    opacity: 0.5;
}

.wholesale-supply .title{
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 43px;
    line-height: 52px;
    color: #D0A75D;
}

@media (max-width:991px) {
    .wholesale-supply .title{
        font-size: 35.83px;
    }
}

.wholesale-supply .another-title{
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    line-height: 150%;
    color: #000000;
    opacity: 0.8;
}

@media (max-width:991px) {
    .wholesale-supply .another-title{
        font-size: 29.86px;
    }
}

.wholesale-supply .description{
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 150%;
    color: #000000;
    opacity: 0.6;
}

.wholesale-supply .wholesale-btn {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 21px;
    color: #FFFFFF;
    background: #E3C185;
    border-radius: 12px;
    padding: 10px 20px;
}

.wholesale-price{
    position: relative;
    background: #EFF3EB;
}

.wholesale-price .keyService{
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    opacity: 0.5;
}

.wholesale-price .title{
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 43px;
    line-height: 52px;
    color: #8CA876;
}

@media (max-width:991px) {
    .wholesale-price .title{
        font-size: 35.83px;
    }
}

.wholesale-price .description{
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 150%;
    color: #000000;
    opacity: 0.6;
}

.wholesale-price .wholesale-btn{
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 21px;
    color: #FFFFFF;
    background: #8CA876;
    border-radius: 0%;
    padding: 1.5%;
}

.py-120{
    padding-top: 120px;
    padding-bottom: 120px;
}

#globalIndex .learn_mOre {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 21px;
    color: #FFFFFF !important;
    background: #359C79;
    border-radius: 12px;
    padding: 10px 20px;
}

.footer_section{
    background-color: #4B4B4B;
}
.para_teXtcontent{
    font-size: 14px;
    font-weight: 400;
    color: #A7A7A7;
    font-family: 'Source Sans Pro', sans-serif;
}
.quick_link{
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
}
.essential_oil{
    font-size: 14px;
    font-weight: 400;
    color: #A7A7A7;
    font-family: 'Source Sans Pro', sans-serif;
}
.contact_us{
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
}
.geo_loCat{
    font-size: 14px;
    font-weight: 400;
    color: #A7A7A7;
    font-family: 'Source Sans Pro', sans-serif;
}

.footer_contAct{
    color: skyblue;
}
.social_medaiLink{
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
}
.logo_imAgecontent{
    display: inline-block;
}
.icon_socialMedia{
    font-size: 22px;
    padding: 10px;
    color: #A7A7A7;
    font-family: 'Source Sans Pro', sans-serif; 
}
.last_footerDiv{
    background: #2C2C2C;
}
.copyright_footer{
    color: #A7A7A7;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Source Sans Pro', sans-serif;
}
.link_skinOil{
    padding: 40px;
}

.learnWithBlogs-h{
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 43px;
    line-height: 52px;
    color: #000000;
    opacity: 0.8;
}

@media (max-width:991px) {
    .learnWithBlogs-h{
        font-size: 35.83px;
    }
}

.learnWithBlogs-p{
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 150%;
    color: #000000;
    opacity: 0.6;
}

.learnWithBlogs-sub-h{
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 130%;
    color: #000000;
    opacity: 0.8;
}

@media (max-width:991px) {
    .learnWithBlogs-sub-h{
        font-size: 20.74px;
    }
}

.wholesale_h{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    color: #000000;
}

@media (max-width:991px) {
    .wholesale_h{
        font-size: 29.86px;
        line-height: 40px;
    }
}

.wholesale_p{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #000000;
    opacity: 0.5;
}

.bulk-essential{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 41px;
    line-height: 51.54px;
}

.bulk-essential.gray{
    color: #72726B !important;
}

.bulk-essential.pink{
    color: #B57676 !important;
}


.bulk-order{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 700;
    font-size: 61px;
    line-height: 76.68px;
    color: #000;
}

.description{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.py-10{
    padding-top: 8rem;
    padding-bottom: 8rem;
}

/*---Standar Hamburger Menu (3 separate elements)---*/
.navbar-toggler {
    border: none;
    background: transparent !important;
  }
  
  .navbar-toggler:hover {
      background: transparent !important;
  }
  .navbar-toggler .icon-bar {
    height: 2px;
    width: 22px;
    border-radius: 1px;
    display: block;
    background-color: #B6B6B6;
      -webkit-transition: all 0.2s;
      transition: all 0.2s;
  }
  
  .navbar-toggler .icon-bar + .icon-bar {
      margin-top: 4px;
  }
  
  /*---Animation menu (create X)---*/
  .navbar-toggler.x .icon-bar:nth-of-type(1) {
      -webkit-transform: translateX(3px) rotate(45deg); /* Safari 3-8 & Chrome 4-35 & Opera 15-22 */
      -ms-transform: translateX(3px) rotate(45deg); /* IE 9 */
    -moz-transform: translateX(3px) rotate(45deg); /* Firefox 3-15 */
    -o-transform: translateX(3px) rotate(45deg); /* Opera 10-14 */
      transform: translateX(3px) rotate(45deg);
  
      -webkit-transform-origin: 10% 10%;
      -ms-transform-origin: 10% 10%;
    -moz-transform-origin: 10% 10%;
    -o-transform-origin: 10% 10%;
      transform-origin: 10% 10%;
  }
  
  .navbar-toggler.x .icon-bar:nth-of-type(2) {
      opacity: 0;
      filter: alpha(opacity=0); /* For IE8 and earlier */
    -moz-opacity:0; /* Older Firefox 1 */
    transition: 0.5s ease;

  }
  
  .navbar-toggler.x .icon-bar:nth-of-type(3) {
    -webkit-transform: translateX(3px) rotate(-45deg);
      -ms-transform: translateX(3px) rotate(-45deg);
    -moz-transform: translateX(3px)rotate(-45deg);
    -o-transform: translateX(3px) rotate(-45deg);
      transform: translateX(3px) rotate(-45deg);
  
    -webkit-transform-origin: 10% 90%;
      -ms-transform-origin: 10% 90%;
    -moz-transform-origin: 10% 90%;
    -o-transform-origin: 10% 90%;
      transform-origin: 10% 90%;
      transition: 0.5s ease;
  }
  
  .navbar-toggler.x.collapsed .icon-bar:nth-of-type(1) {
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
      transform: rotate(0);
  }
  
  .navbar-toggler.x.collapsed .icon-bar:nth-of-type(2) {
      opacity: 1;
      filter: alpha(opacity=100);
      -moz-opacity:1;
  }
  
  .navbar-toggler.x.collapsed .icon-bar:nth-of-type(3) {
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
      transform: rotate(0);
  }
  
  /*---Custom AnimateCSS mobile menu items---*/
  .nav-item{
    -webkit-animation-duration: 0.8s; /* Chrome 3-42 & Safari 4-8 & Opera 15-29 */
    -moz-animation-duration: 0.8s; /* Firefox 5-15 */
    -o-animation-duration: 0.8s; /* Opera 12-14 */
    animation-duration: 0.8s;
  }
  
  @media only screen and (max-width : 991px) {
      #navbarSupportedContent{
        height: 100vh !important;
        
      }
  }
  
  @media only screen and (min-device-width : 992px) {
      .animated {
          /*CSS transitions*/
          -o-transition-property: none !important;
          -moz-transition-property: none !important;
          -ms-transition-property: none !important;
          -webkit-transition-property: none !important;
          transition-property: none !important;
          /*CSS transforms*/
          -o-transform: none !important;
          -moz-transform: none !important;
          -ms-transform: none !important;
          -webkit-transform: none !important;
          transform: none !important;
          /*CSS animations*/
          -webkit-animation: none !important;
          -moz-animation: none !important;
          -o-animation: none !important;
          -ms-animation: none !important;
          animation: none !important;
      }
  
      #navbarSupportedContent{
          height: auto;
      }
  }


@media (max-width:618px){
    .geo_mapLocation{
        right: 0;
    }
}

@media (max-width:730px){
    .text_offerContent{
        padding: 10px;
    }
}
@media (max-width:730px){
    .wholesale_supply{
        padding: 0;
    }
}
@media (max-width:730px){
    .product_iCon{
        left: 0;
        top: 0;
    }
}
@media (max-width:1372px){
    .image_Left{
        display: none;
    }
}
@media (max-width:1372px){
    .image_Left{
        display: none;
    }
}


@media (max-width:1372px){
    .image_Right{
        display: none;
    }
}

@media (max-width:1375px){
    .learn_viWeproduct{
       display: none;
    }
}

@media (max-width:776px){
    .boder_teXtcontent{
       margin-top: 100px;
      
    }
}
@media (max-width:565px){
    .productCard_section{
     margin-top: 20px;
     padding: 0;
     }
}

@media (max-width:1000px){
    .productConten_tExt{
     width: 100%;
     }
}


@media (max-width:778px){
    .flip-card{
     height: 400px;
     }
}


@media (max-width:730px){
    .product_ic01{
     left: 50px;
     }
}

@media (max-width:1372px){
    .viewproduct{
       display: none;
    }
}

/* ---- css for blogs pages ---- */
.blogs-breadcrumb{
    background: #F9F9F9;
}

.blogs-breadcrumb .breadcrumb-item{
    color: #000;
}

.blogs-breadcrumb .breadcrumb-item a{
    color: #000;
    text-decoration: none;
}

.watchAndLearn{
    padding-top: 3%;
    padding-bottom: 3%;
}

.watchAndLearn .title{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    color: #000000;
}

.watchAndLearn .date{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
}

.articles h1{
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-size: 35.83px;
}

.articles h2{
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-size: 29.86px;
}

.articles h3{
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-size: 24.88px;
}

.articles h4{
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-size: 20.74px;
    font-weight: bold;
}

.articles h5{
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-size: 17.28px;
    font-weight: bold;
}

.articles p{
    margin-bottom: 2rem;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #333333;
}

.articles img{
    max-width: 100% !important;
}

.articles ul{
    padding-left: 1.5rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.articles ul li{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.articles ol{
    padding-left: 1.5rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.articles ol li{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}



.watchAndLearn .searchByTags{
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='19' ry='19' stroke='%23333' stroke-width='1' stroke-dasharray='16%2c 24' stroke-dashoffset='5' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 19px;
    padding-top: 4%;
    padding-left: 3%;
    padding-bottom: 6%;
}

.searchByTags .searchText{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    color: #828282;
}

 .pagination li a{
    border: none;
    text-align: center;
    text-transform: uppercase;
    padding: 0.6rem;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #025C4C !important;
    text-decoration: none;
}

@media (max-width:767px) {
     .pagination li a{
        font: normal normal normal 0.90625rem IBM Plex Sans;
    }
}

.pagination li a:active,
.pagination li a::after,
.pagination li a:focus{
    color: #025C4C !important;
}

/* .next-page{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #025C4C !important;
    text-decoration: none;
    height: 4%;
}

.learn-with-blogs-section .carousel-control-prev{
    position: absolute;
    top: 97%;
    left: 70%;
}

.learn-with-blogs-section .carousel-control-next{
    position: absolute;
    top: 97%;
} */


.searchBg{
    background: #E0E0E0;
    border-radius: 8px;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    color: #4F4F4F;
    padding: 2%;
    margin-right: 2%;
}

.green-related{
    background: #025C4C;
    border-radius: 8px;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #FFFFFF;
    padding: 5%;
}

.related-box{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #828282;
    padding-bottom: 4%;
    border-bottom: 1px solid #E0E0E0;
}

.blogs-firstBanner{
    background: #F9F9F9;
}


.blogs-firstBanner .breadcrumb-item{
    color: #000;
}

.blogs-firstBanner .breadcrumb-item a{
    color: #000;
    text-decoration: none;
}

.blogs-firstBanner .firstbannerText{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    color: #000000;
}

.blogs-firstBanner .subtitle{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #000000;
    opacity: 0.5;
}

.learn-with-blogs-section .nav-pills .nav-link{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #828282;
}

.learn-with-blogs-section .nav-pills .nav-link.active{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #333333;
    background-color: transparent;
}

.learn-with-blogs-section .nav-pills .nav-link.active .border-atBottom{
    border-bottom: 1px solid #333333;
    padding-top: 5%;
}

.searchBlogs{
    border: none !important;
    outline: none !important;
    height: 30px;
}

.searchBlogs::placeholder{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #828282;
}

.learn-with-blogs-section .title {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    color: #000000;
}

.learn-with-blogs-section .details{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
    opacity: 0.5;
}
.learn-with-blogs-section .details a{
    color: #0d6efd;
}

.learn-with-blogs-section .time{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
}

.blogSection{
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 5%;
    padding-top: 5%;
}

.page-num{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #025C4C;
}

/* css for services page starts here  */

.services-mainBanner{
    background: #FBFBFB;
    position: relative;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.services-mainBanner .sec-title{
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 130%;
    color: #359C79;
}


.services-mainBanner .main-title{
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 51px;
    line-height: 120%;
    color: #333333;
    opacity: 0.8;
}

.services-mainBanner .details{
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 150%;
    color: #000000;
    opacity: 0.6;
}


@media (max-width:767px) {

    .services-mainBanner .sec-title{
        font-size: 29px;
    }

    .services-mainBanner .main-title{
        font-size: 43px;
        line-height: 55px;
    }

    .services-mainBanner .details{
        font-size: 17.28px;
    }
}


.services-mainBanner .enquire_now{
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 21px;
    color: #FFFFFF;
    background: #8CA876;
    border-radius: 0%;
    padding: 10px 20px;
}

.why_choose{
    position: relative;
    background: #F2F5F0;    
}

.why_choose .title{
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 43px;
    line-height: 52px;
    color: #000;
    opacity: 0.8;
    text-align: center;
    padding-bottom: 5rem;
    margin-bottom: 0;
}

.why_choose .whychooseUs-card{
    background: #FFFFFF;
    border-radius: 12px;
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.32));
    padding: 3rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.why_choose .whychooseUs-card .card-title{
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 21px;
    color: #000;
    opacity: 0.8;
    padding-left: 1rem;
}

.custom_formulation{
    background: #FBFBFB;
    padding-bottom: 0rem;
    padding-top: 2rem;
}

.custom_formulation .sub-heading{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 41px;
    line-height: 52px;
    color: #333333;
}

.custom_formulation .main-heading{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 700;
    font-size: 61px;
    line-height: 76.68px;
    color: #000;
}
.custom_formulation .details{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 23px;
    color: #828282;
}

.custom_formulation .enquire_now{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    color: #FFFFFF;
    background: #2D9CDB;
    border: none;
    margin-top: 5%;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    padding-right: 2rem;
    padding-left: 2rem;
    border-radius: 0;
}

.flex-container{
    display: flex;
    flex-direction: row-reverse;
}

@media (max-width:767px) {
    .flex-container{
        flex-direction: column;
        text-align: center;
    }
}

.our_procedure{
    background-color: #FFFFFF;
}

.our_procedure .title{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    color: #000000;
}

.our_procedure .details{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 150%;
    color: #000000;
}

.our_procedure .formulation-num{
    position:absolute;
    top: 10%;
    left: 6%;
    color: #C5C5AA;
    mix-blend-mode: multiply;
    font-size: 35px;
    font-weight: 600;
}

.our_procedure .formaulation-name{
    position:absolute;
    top: 13%;
    left: 13.5%;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    color: #025C4C;
}


.our_procedure .formualtion-details{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 150%;
    color: #000000;
    margin-left: 14%;
}

.provided_packaging .title{
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 43px;
    line-height: 125%;
    color: #000000;
}

.provided_packaging .subtitle{
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 150%;
    color: #000000;
    opacity: 0.6;
}

@media (max-width:767px) {
    .provided_packaging .title{
        font-size: 35.83px;
    }

    .provided_packaging .subtitle{
        font-size: 17.28px;
    }
}

.provided_packaging .red{
    background: #FFF1F1;
}

.provided_packaging .red .title{
    color: #995959;
}

.provided_packaging .red .subtitle{
    color: #995959;
}

.provided_packaging .green{
    background: #F2F5F0;
}

.provided_packaging .green .title{
    color: #1B2F30;
}

.provided_packaging .green .subtitle{
    color: #1B2F30;
}

.provided_packaging .yellow{
    background: #FBF7F2;
}

.provided_packaging .yellow .title{
    color: #664429;
}

.provided_packaging .yellow .subtitle{
    color: #664429;
}


.provided_packaging .card{
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.32);
    border-radius: 12px;
    border: none;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 2.5rem;
    padding-bottom: 1.5rem;
}

.provided_packaging .card .title{
    font-family: Inter;
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 42px;
}

.provided_packaging .card .subtitle{
    font-family: Inter;
    font-style: normal;
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    opacity: 1;
}

.provided_packaging .purchaseBtn{
    background: rgba(255, 255, 255, 0.5);
    border-radius: 24px;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    padding: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-decoration: none;
}


.grid-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
}

.provided_packaging .provided-card{
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    border-radius: 12px;
    /* padding: 1rem; */
    padding-top: 4rem;
    padding-bottom: 3rem;
    height: 100%;
    width: 100%;
}

.provided_packaging .provided-card:hover{
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    border-radius: 12px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

@media (max-width:767px) {
    .grid-container{
        grid-template-columns: 1fr;
    }

    .provided_packaging .provided-card{
        width: 90%;
        left: 0;
        right: 0;
        margin: auto;
    }
}

@media (min-width:767px) and (max-width:991px) {
    .grid-container{
        grid-template-columns: 1fr 1fr 1fr;
    }

    .provided_packaging .provided-card{
        width: 90%;
        left: 0;
        right: 0;
        margin: auto;
    }
}

.provided_packaging .provided-card img{
    height: 200px;
}

.provided_packaging .provided-card .name{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 31px;
    color: #025C4C;
    padding-left: 0.8rem;
    padding-top: 34px;
}

.provided_packaging .faq-heading{
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 125%;
    color: #000;
}

@media (max-width:767px) {
    .provided_packaging .faq-heading{
        font-size: 29.86px;
    }
}

@media (min-width:767px) and (max-width:991px) {
    .provided_packaging .faq-heading{
        font-size: 35.83px;
    }
}

.provided_packaging .accordion-button.collapsed{
    background-color: #FFFFFF !important;
    box-shadow: none !important;
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 150%;
    text-align: left;
    color: rgba(0, 0, 0, 0.8);
    padding-left: 0;
}

.provided_packaging .accordion-button:not(.collapsed){
    background-color: #FFFFFF !important;
    box-shadow: none !important;
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 150%;
    color: #359C79 !important;
    padding-left: 0;
}

.provided_packaging .accordion-body{
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 17.28px;
    line-height: 150%;
    color: #000000;
    opacity: 0.7;
    padding-bottom: 2rem;
    padding-top: 0;
    padding-left: 0.5rem;
}

@media (max-width:767px) {
    .provided_packaging .accordion-button.collapsed{
        font-size: 20.74px;
        padding-left: 0%;
        padding-right: 0%;
    }

    .provided_packaging .accordion-button:not(.collapsed){
        font-size: 20.74px;
        padding-left: 0%;
        padding-right: 0%;
    }

    .provided_packaging .accordion-body{
        padding-left: 0%;
    }

}


.provided_packaging .accordion-button::after {
    content: '+';
    background-image: none;
    transform: rotate(0);
}
.provided_packaging .accordion-button:not(.collapsed)::after {
    content: '-';
    background-image: none;
    transform: rotate(0);
}
.provided_packaging .accordion-button:not(.collapsed){
    color: inherit;
    background-color: transparent !important;
    color: #333;
}

.highQuality .card{
    background: url(../img/highQuality.svg),#F2F5F0;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.32);
    border-radius: 12px;
    background-size: cover;
}

.highQuality .card .title{
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 43px;
    line-height: 125%;
    text-align: center;
    color: rgba(0, 0, 0, 0.8);
    opacity: 0.8;
}

.highQuality .card .details{
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
    color: #000000;
    opacity: 0.6;
    padding-top: 18px;
}

.wide-range{
    background: #FAF6EF;
}

.wide-range .title{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 43px;
    line-height: 50px;
    text-align: center;
    color: rgba(0, 0, 0, 0.8);
}

@media (max-width:767px) {
    .wide-range .title{
        font-size: 35.83px;
    }
}

.supply-img{
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.32));
    border-radius: 12px;
}

.wide-range .card{
    background: #FFFFFF;
    border-radius: 12px;
    padding: 2.3rem;
    border: none;
}

.wide-range .card .card-text{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 31px;
    text-align: center;
    color: #025C4C;
}

.our_plant-highlight .title{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 43px;
    line-height: 54px;
    color: #000000;
}

.our_plant-highlight .subtitle{
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 150%;
    color: #000000;
    opacity: 0.6;
}

@media (max-width:767px) {
    .our_plant-highlight .title{
        font-size: 35.83px;
    }
    
    .our_plant-highlight .subtitle{
        font-size: 17.28px;
    }
}

.our_plant-highlight .card{
    background: #f6f6eb;
    /* opacity: 0.5; */
    border-radius: 12px;
    padding-top: 5rem;
    padding-bottom: 5rem;
    position: relative;
}

.our_plant-highlight .card .types{
    padding-left: 4rem;
    list-style-type: none;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    color: rgba(0, 0, 0, 0.8);
    opacity: 0.8;
}

@media (max-width:767px) {
    .our_plant-highlight .card .types{
        padding-left: 1rem;
    }
}

.our_plant-highlight .card .types li{
    margin-bottom: 2%;
}

@media (max-width:767px) {   
.our_plant-highlight .card .types li{
    margin-bottom: 6%;
}
}

.our_plant-highlight .card .types li:hover{
    color: #718E3D;
}


.our_plant-highlight .card .types li::before{
    content: url(../img/category-arrow.svg);
    padding-right: 2%
}

.our_plant-highlight .card .types li:hover::before{
    content: url(../img/green-categoryArrow.svg);
}

.our_plant-highlight .faq-heading{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 40px;
    line-height: 50px;
    color: #000000;
}

.our_plant-highlight .accordion-button{
    background-color: #FFFFFF !important;
    box-shadow: none !important;
    color: #000000 !important;
}

.our_plant-highlight .accordion-button{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    line-height: 150%;
    text-align: center;
    color: #000000;
}

.our_plant-highlight .accordion-body{
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 150%;
    color: #000000;
    opacity: 0.7;
    padding-bottom: 2rem;
    padding-left: 2rem;
}

.our_plant-highlight .accordion-button::after {
    content: '+';
    background-image: none;
    transform: rotate(0);
}
.our_plant-highlight .accordion-button:not(.collapsed)::after {
    content: '-';
    background-image: none;
    /* filter: brightness(100%) invert(0%); */
    transform: rotate(0);
}
.our_plant-highlight .accordion-button:not(.collapsed){
    color: inherit;
    background-color: transparent !important;
    color: #333;
}

.our_plant-highlight .plant-images{
    display: block;
}

@media (max-width:991px) {
    .our_plant-highlight .plant-images{
        display: none;
    }
}

.page-numbers{
    border: none;
    text-align: center;
    text-transform: uppercase;
    padding: 0.6rem;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #ccc !important;
    text-decoration: none;
}

.page-numbers.current{
    color: #025C4C !important;
}
.prev.page-numbers{
    background: transparent;
}
.pagination-wrapper{
    margin-top: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagination-wrapper .nav-links{
    display: flex;
}
.back-arrow{
    background: url(../img/arrow-back.png);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    display: block;
}
.right-arrow{
    background: url(../img/arrow-right.png);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    display: block;
}


select.minimal {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 22px) calc(1em + 4px), calc(100% - 17px) calc(1em + 4px), calc(100% - 2.5em) 0.7em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    border-radius: 12px !important;
    border: none !important;
    padding: 0.7rem !important;
    padding-left: 1.5rem !important;
    background-color: #F8F8F8;
}

.thank-you-section .detail .img-fluid {
    max-width: 60%;
    height: auto;
}

.blog-detail-row {
  padding-bottom: 96px;
}
.more-blogs-section {
  padding-bottom: 80px;
}

.more-blogs-section .title {
  color: var(--Primary-color-01, #061b3d);
  text-align: center;
  font-family: var(--primary-font-family);
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
}

.more-blogs-section .row {
  --bs-gutter-x: 1.5rem;
}

.more-blogs-section .blog-card {
  margin-top: 40px;
}

.more-blogs-section .blog-card .bold {
  font-weight: 600;
	color:#000000;
}

.more-blogs-section .blog-card .card-inner {
  height: 100%;
  background: #fafafa;
  padding: 16px;
}

.more-blogs-section .blog-card .card-inner .img-div {
  min-height: 340px;
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
}

.more-blogs-section .blog-card .card-inner .img-div .img-bg {
  min-height: 340px;
}

.more-blogs-section .blog-card .card-inner .card-title {
  color: #061b3d;
  font-family: var(--primary-font-family);
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}

.more-blogs-section .blog-card .card-inner p {
  color: #5d5d5d;
  font-family: var(--primary-font-family);
  font-size: 16px;
  font-style: normal;
  margin-top: 8px;
  font-weight: 400;
  line-height: 140%;
}

.more-blogs-section .blog-card .card-inner p.date {
  margin-top: 32px;
  color: #061b3d;
}

.more-blogs-section .blog-card .card-inner:hover {
  background: #fff;
  box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.16);
}

.more-blogs-section .blog-card .card-inner:hover p.date {
  color: #337fde;
}

.more-blogs-section .blog-card .card-inner:hover .img-div .img-bg {
  transform: scale(1.1);
}
/* css for services page ends here   */