@keyframes slide-down {
  0% {
      opacity: 0;
      transform: translateY(-100%);
  } 
  100% {
      opacity: 0.9;
      transform: translateY(0);
  } 
}
.compensate-for-scrollbar {margin-right: 0px !important;}
body.modal-open{padding: 0px !important;}
html{overflow-x: hidden;}
body{padding: 0px 0px; font-family: 'Poppins', sans-serif;}
a{ text-decoration: none; line-height: 1.4;}
.form-control:focus {box-shadow: 0 0 0 0rem transparent;}
.bdr-l{ border-left: 1px solid #E2E2E2;}
.green-txt{ color: #4EB85C !important;}
#header-part{ max-width: 1375px; position: fixed; top: 30px; left: 0; right: 0; margin: auto; z-index: 111; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35);}
.nav-bar-scrolled {
  position: fixed !important;
  width: 100% !important;
  top: 0px !important;
  transition: all .5s linear;
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.35);
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100% !important;
} 
.navbar-brand img {
max-width: 170px;
}
.header-top{ background: #104d7f;margin: 0px auto 0px auto;position: relative;display: flex;justify-content: space-between;width: 100%;}
.top-social{ margin: 0px 0px 0px 0px; padding: 10px 20px 10px 20px; position: relative;}
.top-social li{ display: inline-block;}
.top-social li a{ font-size: 15px; color: #fff; padding: 0px 5px; transition: all ease 0.5s;}
.top-social li a:hover{ color: #FDCE20;}
.top-connect{ margin: 0px 0px 0px 0px; padding: 10px 20px; position: relative;}
.top-connect li{ display: inline-block; list-style: none; margin: 0px 0px 0px 10px;}
.top-connect li i{ color: #FDCE20; font-size: 16px; margin: 0px 5px 0px 0px;}
.top-connect li a{ font-size: 15px; color: #fff; text-decoration: none;}
.header{background: #fff; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; position: relative;}
.navbar-brand {margin:-85px 10px 0px 10px;padding: 50px 25px 50px 25px;position: relative;background: #fff;border-radius: 20px 20px 20px 20px;top: 20px;z-index: 1;transition: all 0.1s ease;}
.header .navbar .nav-link{ font-size: 16px; color: #333; padding: 12px 15px 12px 15px; position: relative; transition: all ease 0.5s; z-index: 1; display: inline-block; overflow: hidden;}
/*********************header-part***************************/
#header-part header {position: sticky;top: 0px;background-color: #ffffff;width: 100%;z-index: 1000;}
#header-part .nav-links > ul {display: flex;justify-content: center;align-items: center;padding-left: 0px;}
#header-part .nav-link {position: relative;transition: auto;font-size: 16px;font-weight: 500;color: #333;display: flex;}
#header-part .nav-link > a {font-size: 16px;color: #333;padding: 20px 10px 20px 10px;position: relative;transition: all ease 0.5s;z-index: 1;display: inline-block;overflow: hidden;}
#header-part li.nav-link.sub-links a {padding: 0px;font-size: 14px;}
.hamburger-menu-container {flex: 1;display: none;align-items: center;justify-content: flex-end;}
.hamburger-menu {width: 2.5rem;height: 2.5rem;display: flex;align-items: center;justify-content: flex-end;}
.hamburger-menu div {width: 30px;;height: 2px;background-color: #333;position: relative;z-index: 1001;transition: 0.5s;}
.hamburger-menu div:before, .hamburger-menu div:after { content: '';position: absolute; width: inherit; height: inherit; background-color: #333; transition: 0.5s;}
.hamburger-menu div:before {transform: translateY(-7px);}
.hamburger-menu div:after {transform: translateY(7px);}
#check {position: absolute;top: 50%;right: 1.5rem;transform: translateY(-50%);width: 2.5rem;height: 2.5rem;z-index: 90000;cursor: pointer; opacity: 0; display: none;}
#check:checked ~ .hamburger-menu-container .hamburger-menu div {background-color: transparent;}
#check:checked ~ .hamburger-menu-container .hamburger-menu div:before {transform: translateY(0) rotate(-45deg);}
#check:checked ~ .hamburger-menu-container .hamburger-menu div:after {transform: translateY(0) rotate(45deg);}
@keyframes animation {
from {
  opacity: 0;
  transform: translateY(15px);
}
to {
  opacity: 1;
  transform: translateY(0px);
}
}
.nav-btn .nav-links li.nav-link a:before {content: '';position: absolute;top: 50%;right: 50%;bottom: 50%;left: 50%;width: 20px;height: 20px;border-radius: 50%;
background: #F9C506;z-index: -1;transition: all ease 0.5s;opacity: 0;}
.nav-btn .nav-links li.nav-link a:before {left: -25px;transform: translate(-50%, -50%);}
.nav-btn .nav-links li.nav-link a:hover::before {animation: criss-cross-menu 0.8s both;animation-direction: alternate;}
header .nav-links ul { margin-bottom: 0px;}
.nav-links .top-nav-drop-menu{ position: absolute;background: #ffffff;width: 230px;line-height: 45px;top: 85px;opacity: 0;visibility: hidden;border-radius: 0px;}
/*
.nav-links li:hover .top-nav-drop-menu{transition: all 0.3s ease;top: 67px;opacity: 1;visibility: visible;border-top: 3px solid #1e6404;}
ul.top-nav-drop-menu li {list-style-type: none;}
*/
ul.top-nav-drop-menu li a {color: #333;font-size: 16px;}
ul.top-nav-drop-menu{padding: 10px;}
ul.top-nav-drop-menu li a {padding: 2px !important;}
ul.top-nav-drop-menu:after {content: "";position: absolute;width: 0;height: 0;margin-left: -0.5em;left: 25%;box-sizing: border-box;border: 0.5em solid black;
border-color: #1e640400 #1e640400 #1e6404 #1e6404;transform-origin: 0 0;transform: rotate(134deg);top: -2px;}
li.nav-link.dropdown li a:hover{transform: translateX(10px);}
.dropdown-toggle::after {border: 0 !important;}
li.nav-link.active a:before {left: 0px !important; right: 0!important; margin: 0 auto; opacity: 1 !important; transform: translate(0%, -50%) !important;}
li.nav-link.sub-links a::before {background-color: transparent !important;}
.nav-btn .nav-links li.nav-link .sub-links a:hover::before {animation: criss-cross-menu 0.8s both;animation-direction: alternate;background-color: transparent;}
#header-part .nav-link > a{ font-family: 'Poppins', sans-serif;}
#header-part li.nav-link.sub-links a::after { content: '';position: absolute;left: 0;bottom: 0;width: 8px;height: 8px;background: #fdce20;opacity: 0;
top: 6px; border-radius: 50px;transition: all 0.4s ease 0s;}
#header-part li.nav-link.sub-links a:hover:after { opacity: 1; left: 0; top: 6px;}
/*#header-part li.nav-link.sub-links:hover a {transform: translateX(10px);}*/
#header-part li.nav-link.sub-links a:hover{padding-left: 15px !important;}
li.nav-link.sub-links{display: flex;padding-bottom: 13px;}

/*********************header-part-close***************************/

.header .navbar .nav-link:before{ content: ''; position: absolute; top: 50%; right: 50%; bottom: 50%; left: 50%; width: 20px; height: 20px; border-radius: 50%; background: #F9C506; z-index: -1; transition: all ease 0.5s; opacity: 0;}
.header .navbar .nav-link:before{ left: -25px; transform: translate(-50%, -50%);}
.header .navbar .nav-link:hover::before{animation: criss-cross-menu 0.8s both; animation-direction: alternate;}
@keyframes criss-cross-menu { 0% { left: -20px; } 50% { left: 50%; width: 10px; height: 10px; opacity: 1; } 100% { left: 50%; width: 25px; height: 25px; opacity: 1; } }


.navbar-toggler-icon{ mix-blend-mode: difference;}
#main-banner{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
#home_banner{ width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}
#home_banner::before{ content: ''; display: block; position: absolute; top: 0; left: 0; background: linear-gradient(to right, rgba(179,130,46,0.65) 0%, rgba(12,41,1,0.65) 100%); width: 100%; height: 100%; mix-blend-mode: multiply;}
#home_banner img{ width: 100%;}

#mission-vision{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; background: #F9C506; z-index: 1;}
#mission-vision::after{ content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; border-style: solid; border-width:0 20px 35px 20px; border-color: transparent transparent #fff transparent; transform: rotate(0deg); width: 0; height: 0;}
.mision-content{ margin: 0px 0px 0px 0px; padding:30px 30px 30px 30px;}
.mision-content::before{ content: ''; display: block; position: absolute; top: 0; right: calc(50% - 0px); width: 100%; height: 100%; background: #FDCE20; z-index: -1;}
.mision-content span{ position: relative; left: 0;}
.mision-content small{ display: block; position: relative; font-size: 13px; color: #333; font-weight: 600; font-style: italic; padding: 0px 0px 0px 0px; margin: 0px 0px 15px 0px;}
.mision-content small::after{ content: '\f10d'; font-family: 'FontAwesome'; font-size: 20px; color: #fff; display: block; position: absolute; right: 0; top: -5px;}
.mision-content small::before{content: ''; display: block; position: absolute; right: 25px; width: 82%; height: 2px; background: #ffffff63; bottom: 0; top: 0; margin: auto;}
.mision-content p{ font-size: 18px; color: #444; font-weight: 500; font-style: italic;}
.vision-content{ margin: 0px 0px 0px 0px; padding:30px 30px 30px 30px;}
.vision-content span{ position: relative; left: 0;}
.vision-content small{ display: block; position: relative; font-size: 13px; color: #333; font-weight: 600; font-style: italic; padding: 0px 0px 0px 0px; margin: 0px 0px 15px 0px;}
.vision-content small::after{ content: '\f10d'; font-family: 'FontAwesome'; font-size: 20px; color: #fff; display: block; position: absolute; right: 0; top: -5px;}
.vision-content small::before{content: ''; display: block; position: absolute; right: 25px; width: 84%; height: 2px; background: #ffffff63; bottom: 0; top: 0; margin: auto;}
.vision-content p{ font-size: 18px; color: #444; font-weight: 500; font-style: italic;}

#welcome-part{ margin: 0px 0px 0px 0px; padding: 50px 0px; position: relative;}
.welcome-img{ margin: 0px 0px 25px 0px; padding: 0px 0px 0px 0px; position: relative;}
.welcome-content{ margin: 0px 0px 0px 0px; padding: 0px 20px 0px 20px; position: relative;}
.welcome-content small{ font-size: 18px; color: #f9c506; margin: 0px 0px 0px 0px;}
.welcome-content h1{ font-size: 34px; color: #005421; font-weight: 600; white-space: pre-line; margin: 0px 0px 25px 0px;}
.large-para{ font-size: 18px; color: #444; line-height: 1.6;}
.welcome-content p{ font-size: 16px; color: #444; line-height: 1.6; margin: 0px 0px 25px 0px; text-align: justify;}
.welcome-btn{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; display: flex; align-content: center; flex-wrap: wrap; align-items: center;}
.welcome-btn li{ display: inline-block; list-style: none; padding: 0px 20px; border-left: 1px solid #E3E3E3;}
.welcome-btn li a{ padding:12px 35px; display: inline-block; font-size: 13px; color: #fff; background: #005421; border-radius: 5px; text-decoration: none; position: relative; z-index: 1; overflow: hidden; transition: all ease 0.3s;}
.welcome-btn li a:before{ content: ''; position: absolute; top: 50%; right: 50%; bottom: 50%; left: 50%; width: 20px; height: 20px; border-radius: 50%; background: #F9C506; z-index: -1; transition: all ease 0.5s;}
.welcome-btn li a:before{ left: -25px; transform: translate(-50%, -50%);}
.welcome-btn li a:hover{ color: #333;}
.welcome-btn li a:hover::before{animation: criss-cross-left 0.8s both; animation-direction: alternate;}
.welcome-btn li:first-child{ padding-left: 0; border-left: none;}
.welcome-btn li strong{ font-size: 49px; color: #005421; margin: 0px 10px 0px 0px; line-height: 1;}
.welcome-btn li small{ white-space: pre-line; font-size: 13px; font-weight: 500; color: #005421; display: inline-block;}

#our-products{ margin: 0px 0px 0px 0px; padding: 50px 0px 50px 0px; position: relative; background: #104d7f; z-index: 1; overflow-x: hidden;}
.product-left{ margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; position: relative;}
.product-left h2{ font-size:34px; color: #fff; font-weight: 600; margin: 0px 0px 20px 0px;}
.product-left p{ font-size: 16px; color: #C2BCBC; margin: 0px 0px 0px 0px;}
.product-slider-part{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.product-slider-part::after{content: ''; display: block; position: absolute; top: 0; left: calc(41% - 0px); width: 100%; height: 55%; background: #114875; z-index: -1; border-radius: 0px 0px 0px 80px;}
.product-slider{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}
.product-slider .item{ padding: 20px 20px; border: 2px solid #ffffff12; text-align: center; border-radius: 5px; transition: all ease 0.5s;}
.product-slider .item a{ display: block; position: absolute; width: 100%; height: 100%; z-index: 1;}
.product-slider .item .pro-img{ background: linear-gradient(to right, rgba(179,130,46,1) 0%, rgba(12,41,1,1) 100%); margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; position: relative; overflow: hidden; border-radius: 100%;}
.product-slider .item .pro-img::before{content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background:rgb(253 206 32 / 43%); backdrop-filter:blur(7px) brightness(1); border: 2px dashed rgba(255,255,255,0.5); border-radius: 100%; width: 100%; height: 100%; transition: all ease 0.5s; opacity: 0;}
.product-slider .item .pro-img::after{ content: '\f0c1'; font-family: 'FontAwesome'; display: block; position: absolute; top: 45%; right: 0; bottom: 0; left: 0; margin: auto; font-size: 30px; color: #fff; transition: all ease .7s; opacity: 0; transform: scale(.2);}
.product-slider .item .pro-img img{ min-width:265px; min-height:265px; object-fit:cover; border-radius: 100%; transition: all ease 0.3s;}
.product-slider .item h3{ font-size: 18px; color: #fff; font-weight: 500; text-transform: uppercase; margin: 0px 0px 20px 0px;}
.product-slider .item:hover .pro-img::before{ opacity: 1; width: 75%; height: 75%; }
.product-slider .item:hover .pro-img::after{ opacity: 1; transform: scale(1.1);}

.products-pouch-section{ margin: 0px 0px 0px 0px; padding: 50px 0px 50px 0px; position: relative; z-index: 1;}
.products-pouch-section::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 55%; background: #F9C506; z-index: -1;}
.products-pouch-section h2{ font-size: 34px; color: #005421; margin: 0px 0px 15px 0px; text-align: center; font-weight: 600;}
.products-pouch-section p{ font-size: 16px; margin: 0 auto 15px auto; max-width: 850px; text-align: center;}
.pouch{ margin: 0px 0px 0px 0px; padding: 20px 20px; position: relative; text-align: center;}
.pouch a{ display: block; position: absolute; width: 100%; height: 100%; z-index: 1;}
.pouch h3{ font-size: 16px; color: #444; font-weight: 500; margin: 0px 0px 0px 0px;}
.pouch-img{ margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; position: relative;}
.pouch-img::before{content: '';display: block;position: absolute;bottom: 0px;left: 0;right: 0;margin: auto;background: url(../image/shadow.png) no-repeat;width: 100%;height: 100%;/* text-align: center; */max-height: 90px;background-size: cover; transition: all ease 0.5s; z-index: -1; opacity: 0;}
.pouch-img img{ min-height: 210px; max-height: 210px; object-fit: contain; transition: all ease 0.5s;}
.pouch:hover .pouch-img img{ transform: translateY(-10px);}
.pouch:hover .pouch-img::before{ transform: translateY(10px); opacity: .5;}

#global-presence{ padding: 50px 0px; margin: 0px 0px 0px 0px; background: #fff;}
.global-content{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}
.global-content h3{ color: #042C41; font-size: 20px; font-weight: 600; margin: 0px 0px 25px 0px;}
.globe-img{ margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; position: relative;}
.global-count{ background: #f9c506; margin: 0px 0px 0px 0px; padding: 50px 30px 50px 30px; position: relative; border-radius: 25px 0px 0px 0px;}
.global-count h2{ font-size: 40px; color: #005421; font-weight: 600;}
.global-count h4{ font-size: 18px; font-weight: 500;}
.global-count-2{ background:#005421; padding: 50px 30px 50px 30px; margin: 150px 0px 20px 0px; position: relative; border-radius: 0px 0px 25px 0px;}
.global-count-2 h2{ font-size: 40px; color: #f9c506; margin: 0px 0px 15px 0px; position: relative;}
.global-count-2 h4{ font-size: 18px; color: #fff; font-weight: 500;}
/* .global-count{ margin: 0px 0px 20px 0px; padding: 0px 0px; position: relative; min-height: 170px;}
.global-count li{ display: inline-block; margin: 0px 5px 5px 5px; padding: 20px 20px; border: 2px solid #E9E9E9; border-radius: 5px; min-width: 180px; width: 100%;transition: .3s ease-in-out;}
.global-count li:first-child{ margin-left: 0;}
.global-count li h5{ font-size: 34px; color: #005421; font-weight: 600;}
.global-count li p{ font-size: 16px; color: #666666; font-weight: 500; white-space: pre-line; margin: 0px 0px; line-height: 1.4;}
.global-count li:hover {box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.11);transition: .3s ease-in-out;} */

.quality-research{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}
.quality-research img{ width: 100%; margin: 0px 0px 15px 0px;}
.quality-content{ margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; position: relative; min-height: 195px;}
.quality-content h3{ font-size: 20px; color: #404B3D; font-weight: 600; margin: 0px 0px 15px 0px;}
.quality-content p{ font-size: 16px; color: #444;}
.view-more{ margin: 0px 0px 10px 10px; padding: 0px 0px; position: relative;}
.view-more a{ text-decoration: none; color: #005421; font-size: 13px; padding: 10px 20px 10px 0px; font-weight: 500; text-transform: uppercase; position: relative; z-index: 1; transition: all ease 0.3s; display: inline-block; overflow: hidden;}
.view-more a:before{ content: ''; position: absolute; top: 50%; right: 50%; bottom: 50%; left: 50%; width: 20px; height: 20px; border-radius: 50%; background:#F9C506; z-index: -1; transition: all ease 0.5s;}
.view-more a:before{ left: -25px; transform: translate(-50%, -50%);}
.view-more a:hover{ color:#005421; padding:10px 20px;}
.view-more a:hover::before{animation: criss-cross-left 0.8s both; animation-direction: alternate;}
.quality-research:hover img {transform: scale(.95);transition: .3s ease-in-out;filter: grayscale(100%);}
.quality-research img {width: 100%;margin: 0px 0px 15px 0px;transform: scale(1);transition: .3s ease-in-out;}

#counter-part{ padding: 70px 0px; margin: 0px 0px 0px 0px; position: relative; background: #5B8D52;}
.counter-slider{ margin: 0px 0px; padding: 0px 0px; position: relative;}
.counter-slider::after{ content: ''; display: block; width: 3px; height: 100%; position: absolute; right: 0; top: 0; background: #5b8d52;}
.counter{ margin: 0px 0px 0px 0px; padding: 0px 30px 0px 30px; position: relative; border-right: 1px solid #ffffff15;}
.counter h3{ font-size: 49px; color: #fff; font-weight: 600; margin: 0px 0px 0px 0px; display: inline-block; position: relative;}
.counter h3::before{ content: '+'; display: block; position: absolute; right:-30px; color: #76BD4E; font-size: 34px; font-weight: 400;}
.counter h3.natural{ display: inline-block; position: relative;}
.counter h3.natural::before{ content: '%'; display: block; position: absolute; right:-30px; color: #76BD4E; font-size: 34px; font-weight: 400;}
.counter p{ margin: 0px 0px 0px 0px; color: #fff; white-space: pre-line;}

#call-action{ margin: 0px 0px 0px 0px; padding: 85px 0px; position: relative; background: url(../image/call-action-bg.jpg) no-repeat; background-size: cover; text-align: center; z-index: 1;}
#call-action::before{ content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.50); z-index: -1;}
#call-action h2{ font-size: 49px; color: #fff; font-family: 'Tiro Devanagari Hindi', serif; font-weight: 400; white-space: pre-line; margin: 0px 0px 30px 0px;}
.contact-btn{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}
.contact-btn a{ display: inline-block; padding:12px 30px; color: #fff; font-size: 13px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; border: 1px solid #fff; text-decoration: none; position: relative; z-index: 1; overflow: hidden; transition: all ease 0.5s;}
.contact-btn a:before{ content: ''; position: absolute; top: 50%; right: 50%; bottom: 50%; left: 50%; width: 20px; height: 20px; border-radius: 50%; background: #fff; z-index: -1; transition: all ease 0.5s;}
.contact-btn a:before{ left: -25px; transform: translate(-50%, -50%);}
.contact-btn a:hover{ color: #005421;}
.contact-btn a:hover::before{animation: criss-cross-left 0.8s both; animation-direction: alternate;}
@keyframes criss-cross-left { 0% { left: -20px; } 50% { left: 50%; width: 20px; height: 20px; } 100% { left: 50%; width: 150%; height: 150%; } }




#footer-part{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; background: #104d7f; overflow-x: hidden; z-index: 1;}
.footer-nav{ padding: 35px 0px 15px 0px; margin: 0px 0px 0px 0px; position: relative;}
.footer-nav h2{ font-size: 16px; color: #a7ce45; margin: 0px 0px 15px 0px; text-transform: uppercase;}
.footer-link{ margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; position: relative;}
.footer-link li{ list-style: none;}
.footer-link li a{ font-size: 14px; color: #ffffff70; text-transform: uppercase; text-decoration: none; line-height: 1.8; display: inline-block; transition: all ease 0.3s;}
.footer-link li a:hover{ color:#9ec748; transform: translateX(5px);}
.footer-social{ margin: 25px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; border-top: 1px solid #ffffff17; border-bottom: 1px solid #ffffff17;}
.footer-social li{ display: inline-block; padding: 0px 0px 0px 0px; border-right: 1px solid #ffffff17;}
.footer-social li:last-child{ border: none;}
.footer-social li a{ font-size: 13px; text-transform: uppercase; padding: 13px 40px;display: block;color: #fff;font-weight: 400;text-decoration: none;position: relative;z-index: 1; transition: all ease 0.5s;}
.footer-social li a i{ position: relative; transition: all ease 0.5s;}
.footer-social li a:hover i{transform: scale(1.8) translateX(22px);color: #fff;opacity: .1;z-index: -1;}
.footer-social li a:hover{ transform: translateX(-10px);}

.copyright-ft{ display: flex; justify-content: space-between; margin: 0px 0px 0px 0px; padding: 15px 0px;}
.copyright-ft h3{ font-size: 14px; color: #fff; font-weight: 400; margin: 0px 0px 0px 0px;}
.copyright-ft h4{ font-size: 14px; color: #fff; font-weight: 400; margin: 0px 0px 0px 0px;}
.copyright-ft h4 a{color: #fff;}

.footer-address{ margin: 0px 0px 0px 0px; padding: 35px 50px;}
.footer-address::after{content: ''; display: block; position: absolute; top: 0; left: calc(63% - 0px); width: 100%; height: 100%; background: #114875; z-index: -1;}
.footer-address img{ margin: 0px 0px 15px 0px; padding: 0px 0px; position: relative; max-width: 135px;}
.footer-address h2{ font-size: 16px; color:#a7ce45; margin: 0px 0px 15px 0px; text-transform: uppercase;}
.footer-address p{ font-size: 15px; color: #ffffff75; text-decoration: none; line-height: 1.6; white-space: pre-line; margin: 0px 0px 15px 0px;}
.address-link{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;} 
.address-link li{ list-style: none;}
.address-link li a{font-size: 14px; color: #ffffff75; text-decoration: none; line-height: 1.8; transition: all ease 0.5s;}
.address-link li a i{ margin: 0px 7px 0px 0px; color: #a7ce45;}
.address-link li a:hover{ color:#a7ce45;}

/***************Back to top****************/
.go-top {position:fixed;bottom: 10%;right: 3%;padding:20px;display:none;cursor: pointer;-webkit-font-smoothing: antialiased;z-index: 9;transition: all .4s linear;}
.go-top:after {font-family: FontAwesome;content: "\f106";padding: 5px 15px;color: #FDCE20;position: absolute; bottom:25px;font-size: 35px;font-weight: 800;}
.go-top:hover {transition: all .4s linear;transform: scale(1.1);}

#header-part.scroll {max-width: 100%;transition: all .5s linear;top: 0;}
#header-part.scroll .navbar-brand {}
#header-part{transition: all .5s linear;}


/********************page-loader-css*********************/
.loader {background: #ffffff;display: flex;flex-direction: column;min-height: 100vh;}
.loader img{ max-width: 250px;}
/* PRELOADER CSS */
.page-loader{width: 100%;height: 100vh;position: fixed;background: #272727;z-index: 9999;top: 0;}
.txt{color: #666;text-align: center;top: 40%;position: relative;text-transform: uppercase;letter-spacing: 0.3rem;font-weight: bold;line-height: 1.5;}
.loader {background: #ffffff;display: flex;flex-direction: column;min-height: 100vh;text-align: center;align-content: space-around;flex-wrap: wrap;justify-content: space-around;}
svg {width: 20%;height: 20%;}
path {fill: #b0b6b1;transition: 0.3s;opacity: 1;}
/* Safari */
@-webkit-keyframes spin-inner {0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); }}
@keyframes spin-inner {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
@-webkit-keyframes spin-outer {100% { -webkit-transform: rotate(360deg); }}
@keyframes spin-outer {100% { transform: rotate(360deg); }}
@keyframes addColor {to { fill: rgb(70, 134, 70); }}
h1.loader-heding { font-family: 'Poppins';font-size: 34px;color: #A4C422;font-weight: 600;}
h1.loader-heding span {padding-left: 7px;}
/******************modal-css************************/
.inquiry-Modal .modal-dialog {max-width: 100%;}
.inquiry-Modal .modal-dialog{margin: 0px auto;}
.inquiry-Modal .modal-content {border: 0;background-color: transparent;position: relative;width: 800px;margin: 0 auto;padding: 50px;}
.inquiry-Modal .inquirt-link{color: #005421;}
.inquiry-Modal .modal-header{border: 0;padding: 0;}
div#exampleModal { background-color: #f6f4ec;overflow-x: hidden;padding: 0px;}
div#productinquiryModal { background-color: #f6f4ec;overflow-x: hidden;padding: 0px;}
.inquiry-Modal .contact-page__right form .form-control {background-color: transparent;border: none;border: 1px solid #104d7f;}
img.img-fluid.modal-menu {height: 100vh;object-fit: cover;}
img.img-fluid.modal_logo {max-width: 100px;}
.bottom-footer-modal {position: absolute;left: -25px;bottom: 0px;opacity: .2;z-index: -1;}
.btn-close:focus {box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%) !important;}
.inquiry-Modal .contact-page__right {margin-top: 30px;}
.contact-page__right form .form-control {background-color: #f2f6f8;border: none;}
.contact-page__right form .form-control.thick {height: 3.3rem;padding: 0.5rem 2.5rem;}
.contact-page__right form .form-control:focus, .contact-page__right form .form-control.active {background-color: #f2f6f8;border: none;box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.11);transition: .3s ease-in-out;}
.contact-page__right form .message .form-control {padding: 20px;}
.contact-page__right form ::placeholder {font-weight: 400;font-size: 16px;color: #333;position: relative;left: 0;}
.contact-page__right form input, form textarea {color: #333;font-size: 1.1rem;}
.contact-page__right form .icon {color: #578d4a;height: 1.3rem;position: absolute;left: 1.5rem;top: 1.1rem;z-index: 1;}
.contact-page__right .form-group.position-relative {margin-bottom: 20px;}   
.contact-page__right .submit-btn ul.welcome-btn {display: block;}
.contact-page__right .submit-btn {text-align: center;}
.contact-page__right .form-group {position: relative;margin-bottom:0px;}
.contact-page__right .submit-btn ul.welcome-btn a {background-color: #005421;color: #ffffff;}
div#exampleModal .submit-btn ul.welcome-btn a::before{background: #005421;}
div#productinquiryModal .submit-btn ul.welcome-btn a::before{background: #005421;}
.submit-btn button {background-color: transparent;border: 0;}

@-moz-document url-prefix() {
 svg {
width: 40% !important;
height: 40% !important;
}
}


/* 23-01-2025 */
.whatsapp_chat {position: fixed;bottom: 30px;left: 25px;z-index: 11; display: flex;align-items: center;justify-content: center;align-content: center;} 
.whatsapp_chat img { max-width: 60px; width: 100%; height: 100%; border: 2px solid #ffffff00; border-radius: 100%; transition: all 0.4s;}
.whatsapp_chat a:hover img { border: 2px solid #ffffff;}
.whatsapp_chat span { background: #2aa81a; color: #ffffff; display: inline-flex; flex-direction: column; padding: 5px 28px 5px 45px; border-radius: 10px 40px 40px 10px; font-size: 12px; transform: translate(-55px, 0px); z-index: -1; transition: all 0.4s; opacity: 0; pointer-events: none; position: absolute; left: 100%; width: 150px;}
.whatsapp_chat span strong { font-weight: 600; font-size: 14px;} 
.whatsapp_chat a:hover ~ span { transform: translate(-32px, 0px); opacity: 1;}