/*------- Font Family Starts -------*/

@font-face { font-family: "Montserrat-Light"; src: url("../fonts/Montserrat-Light.otf"); }
@font-face { font-family: "Montserrat-Regular"; src: url("../fonts/Montserrat-Regular.otf"); }
@font-face { font-family: "Montserrat-Medium"; src: url("../fonts/Montserrat-Medium.otf"); }
@font-face { font-family: "Montserrat-SemiBold"; src: url("../fonts/Montserrat-SemiBold.otf"); }
@font-face { font-family: "Montserrat-Bold"; src: url("../fonts/Montserrat-Bold.otf"); }
@font-face { font-family: "Montserrat-ExtraBold"; src: url("../fonts/Montserrat-ExtraBold.otf"); }

/*------- Font Family Ends -------*/

/*------- Reset CSS Starts -------*/

body { overflow-x: hidden; }
html.active,
body.active { overflow: hidden; }
html { letter-spacing: 1px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
address { margin: 0; padding: 0; }
li { list-style: none; }
a,
a:hover,
a:focus { outline: 0; text-decoration: none; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }

/*------- Reset CSS Ends -------*/

/*------- Common CSS Starts -------*/

.container-fluid { padding: 5vw; }
.row { margin: 0 -0.75vw; }
.row > [class*=col] { padding: 0 0.75vw; }
.no-gutters { margin: 0; }
.no-gutters > [class*=col] { padding: 0; }
.flex-align-center-desktop { -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.flex-justify-center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; }
p,
li { color: #000000; font: 1.3vw/2 "Montserrat-Regular"; text-align: justify; }
.flex-align-end-desktop { -webkit-align-items: flex-end; align-items: flex-end; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.read-more > a { border: 1px solid #8dc63f; -webkit-border-radius: 2vw; -moz-border-radius: 2vw; -ms-border-radius: 2vw; -o-border-radius: 2vw; border-radius: 2vw; color: #8dc63f; display: inline-block; font-family: "Montserrat-Light"; font-size: 1vw; overflow: hidden; padding: 0.5vw 1.2vw; position: relative; text-transform: uppercase; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; z-index: 1; }
.read-more > a > span { background-color: #8dc63f; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #ffffff; display: block; height: 0; position: absolute; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: height 1s, width 1s; -moz-transition: height 1s, width 1s; -ms-transition: height 1s, width 1s; -o-transition: height 1s, width 1s; transition: height 1s, width 1s; width: 0; z-index: -1; }
.read-more > a:hover { color: #ffffff; }
.read-more > a:hover > span { height: 35vw; width: 35vw; }
.btn:active:focus,
.btn:focus { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; outline: 0; }

/*------- Common CSS Ends -------*/

/*------- Window Loader Section Starts -------*/

.window-loader-icon { left: 50%; position: absolute; top: 30%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.window-loader-icon > img { width: 10vw; }
#overlay { background-color: #83d475; bottom: 0; left: 0; position: fixed; right: 0; top: 0; -webkit-transition: 1s 0.4s; -moz-transition: 1s 0.4s; -ms-transition: 1s 0.4s; -o-transition: 1s 0.4s; transition: 1s 0.4s; z-index: 99999; }
#progress { background-color: #fff; height: 1px; position: absolute; top: 50%; width: 0; }
#progstat { color: #ffffff; font: 2vw/1.2 "Montserrat-Regular"; left: 50%; letter-spacing: 7px; position: absolute; text-align: center; top: 75%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; }
  
/*------- Window Loader Section Ends -------*/

/*------- Home Page Starts -------*/

  /*------- Logo and Burger Menu Section Starts -------*/

.bg-logo-burger-menu { left: 0; padding: 1vw 5vw; position: fixed; top: 0; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 100%; z-index: 10; }
.bg-logo-burger-menu.active { background-color: #fdf0e4; -webkit-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -moz-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -ms-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -o-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); }
.header-logo-desktop > a { display: inline-block; }
.header-logo-desktop > a > img { width: 5vw; }

    /*------- Hamburger Menu Section Starts -------*/

.hamburger .line { background-color: #ffffff; display: block; height: 2px; margin: 0.5vw auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 2.5vw; }
.hamburger:hover { cursor: pointer; }
#hamburger.is-active { -webkit-transition: all 0.3s ease-in-out 0.6s; -moz-transition: all 0.3s ease-in-out 0.6s; -ms-transition: all 0.3s ease-in-out 0.6s; -o-transition: all 0.3s ease-in-out 0.6s; transition: all 0.3s ease-in-out 0.6s; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#hamburger.active .line:nth-child(2) { width: 0px; }
#hamburger.active .line:nth-child(1),
#hamburger.active .line:nth-child(3) { -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }
#hamburger.active .line:nth-child(1) { -webkit-transform: translateY(0.75vw); -moz-transform: translateY(0.75vw); -ms-transform: translateY(0.75vw); -o-transform: translateY(0.75vw); transform: translateY(0.75vw); }
#hamburger.active .line:nth-child(3) { -webkit-transform: translateY(-0.55vw) rotate(90deg); -moz-transform: translateY(-0.55vw) rotate(90deg); -ms-transform: translateY(-0.55vw) rotate(90deg); -o-transform: translateY(-0.55vw) rotate(90deg); transform: translateY(-0.55vw) rotate(90deg); }
#hamburger .line.is-active { background-color: #8dc63e; }

	  /*------- Hamburger Menu Section Ends -------*/

  /*------- Logo and Burger Menu Section Ends -------*/

  /*------- Fixed Navbar Menu Section Starts -------*/

.fixed-header-background { background: url("../images/header-menu-banner.jpg") no-repeat top/cover; height: 100vh; left: 0; position: fixed; top: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: 1s ease 1s; -moz-transition: 1s ease 1s; -ms-transition: 1s ease 1s; -o-transition: 1s ease 1s; transition: 1s ease 1s; width: 100%; z-index: 10; }
.fixed-header-background.active { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: 1s ease 0s; -moz-transition: 1s ease 0s; -ms-transition: 1s ease 0s; -o-transition: 1s ease 0s; transition: 1s ease 0s; }
.fixed-header-background::after { background-color: #000000a7; content: ""; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 11; }
.navbar-menu-1 { left: 5%; opacity: 0; position: absolute; top: 45%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 1 ease 0s; -moz-transition:1s ease 0s; -ms-transition:1s ease 0s; -o-transition:1s ease 0s; transition:1s ease 0s; visibility: hidden; z-index: 12; }
.navbar-menu-1.active { opacity: 1; top: 50%; -webkit-transition: 1s ease 1s; -moz-transition: 1s ease 1s; -ms-transition: 1s ease 1s; -o-transition: 1s ease 1s; transition: 1s ease 1s; visibility: visible; }
.menu-listing-1 { background-color: rgb(255 255 255 / 10%); -webkit-border-radius: 1vw; -moz-border-radius: 1vw; -ms-border-radius: 1vw; -o-border-radius: 1vw; border-radius: 1vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; padding: 3vw; }
.menu-listing-1 > li { margin-bottom: 3vw; width: 50%; }
.menu-listing-1 > li > a { color: #ffffff; font: 1.8vw/1.2 "Montserrat-Medium"; }
.navbar-menu-2 { left: 65%; opacity: 0; position: absolute; top: 40%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 1s ease 0s; -moz-transition: 1s ease 0s; -ms-transition: 1s ease 0s; -o-transition: 1s ease 0s; transition: 1s ease 0s; visibility: hidden; z-index: 12; }
.navbar-menu-2.active { opacity: 1; top: 50%; -webkit-transition: 1s ease 1s; -moz-transition: 1s ease 1s; -ms-transition: 1s ease 1s; -o-transition: 1s ease 1s; transition: 1s ease 1s; visibility: visible; }
.menu-listing-2 > li { display: block; margin-bottom: 3vw; width: 50%; }
.menu-listing-2 > li:last-child { margin-bottom: 0; }
.menu-listing-2 > li > a { color: #ffffff; font: 2.4vw/1.2 "Montserrat-Bold"; position: relative; }
.menu-listing-2 > li > a::after { border-top: 1px solid #ffffff; content: ""; display: block; height: 1px; left: -4.5vw; margin-top: -1px; position: absolute; top: 0; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 3vw; }
.menu-listing-1 > li.active > a,
.menu-listing-1 > li > a:hover,
.menu-listing-2 > li.active > a,
.menu-listing-2 > li > a:hover { color: #8dc63f; }
.menu-listing-2 > li.active > a::after,
.menu-listing-2 > li > a:hover::after { border-top: 1px solid #8dc63f; left: 0; }

  /*------- Fixed Navbar Menu Section Ends -------*/

  /*------- Banner Section Starts -------*/

.bg-svg-banner { height: 100vh; overflow: hidden; padding: 0; position: relative; }
.banner-1,
.banner-2 { width: 100%; }
.svg-banner-text { left: 25%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1; }
#demo { cursor: none; position: absolute; }
#instructions { display: none; }
#dial { display: none; }
.bg-svg-banner::before { background: linear-gradient(180deg,rgba(51,51,51,0) 65%,rgba(51,51,51,.7)); bottom: 0; content: ""; display: block; height: 35vw; left: 0; position: absolute; width: 100%; z-index: 1; }
.bg-svg-banner::after { -webkit-animation: bannerlineAnim 4s linear infinite; -moz-animation: bannerlineAnim 4s linear infinite; -ms-animation: bannerlineAnim 4s linear infinite; -o-animation: bannerlineAnim 4s linear infinite; animation: bannerlineAnim 4s linear infinite; background-color: #ffffff; bottom: 0; content: ""; display: block; height: 2vw; left: 50%; margin-left: -1px; position: absolute; width: 1px; z-index: 1; }
@-webkit-keyframes bannerlineAnim {
  0% { height: 2vw; }
  50% { height: 0; }
  100% { height: 2vw; }
}
@-moz-keyframes bannerlineAnim {
  0% { height: 0; }
  50% { height: 2vw; }
  100% { height: 0; }
}
@-ms-keyframes bannerlineAnim {
  0% { height: 0; }
  50% { height: 2vw; }
  100% { height: 0; }
}
@-o-keyframes bannerlineAnim {
  0% { height: 0; }
  50% { height: 2vw; }
  100% { height: 0; }
}
@keyframes bannerlineAnim {
  0% { height: 2vw; }
  50% { height: 0; }
  100% { height: 2vw; }
}
.banner-info { left: 25%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1; }
.banner-info > img { width: 45vw; }
.banner-bottom-center-info { bottom: 2.5vw; left: 50%; position: absolute; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; }
.banner-bottom-center-info > p { color: #ffffff; font-size: 1.5vw; text-align: center; }
.banner-bottom-center-info > p > span { display: block; }

  /*------- Banner Section Ends -------*/

  /*------- Question Answer Information Section Starts -------*/

.bg-que-ans-information { overflow: hidden; position: relative; z-index: 1; }
.que-ans-circle { background-color: #80c04d; clip-path: circle(0 at 50% 20%); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }
.green-cover-info > h3 { color: #000000; font: 2.4vw/1.2 "Montserrat-SemiBold"; margin-bottom: 5vw; position: relative; text-transform: uppercase; }
.dyk-que > h2 { color: #603813; font: 5vw/1.2 "Montserrat-ExtraBold"; margin-bottom: 2.5vw; }
.ind-guj-fgc-info { margin-bottom: 5vw; }
.ind-guj-fgc-info > h4 { color: #000000; font: 2.4vw/1.3 "Montserrat-Medium"; letter-spacing: 0.5px; margin-bottom: 0.75vw; }
.ind-guj-fgc-info > h2 { font: 5vw/1.2 "Montserrat-ExtraBold"; margin-bottom: 0.75vw; }
.ind-fgc-info > h2 { color: #603813; }
.guj-fgc-info > h2 { color: #2e4312; }
#counter1 h2.percent::after,
#counter2 h2.percent::after,
#counter3 h2.percent::after { content: "%"; display: inline-block; }
.statistics-img { position: relative; }
.statistics-img > img { margin: 0 auto; width: 13vw; }
.statistics-img-text { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.statistics-img-text > img { -webkit-animation: statisticImgRotation 100s linear infinite; -moz-animation: statisticImgRotation 100s linear infinite; -ms-animation: statisticImgRotation 100s linear infinite; -o-animation: statisticImgRotation 100s linear infinite; animation: statisticImgRotation 100s linear infinite; width: 17vw; }
@-webkit-keyframes statisticImgRotation {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
}
@-moz-keyframes statisticImgRotation {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
}
@-ms-keyframes statisticImgRotation {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
}
@-o-keyframes statisticImgRotation {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
}
@keyframes statisticImgRotation {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
}
.our-aimed-target-heading > h1 { color: #603813; font: 8vw/1.2 "Montserrat-ExtraBold"; margin-bottom: 5vw; text-transform: uppercase; }
.our-aimed-target-heading > h2 { color: #012f00; font: 4vw/1.2 "Montserrat-ExtraBold"; margin-bottom: 5vw; text-transform: uppercase; }
.read-more-oat > a { border: 1px solid #ffffff; color: #ffffff; }
.read-more-oat > a > span { background-color: #ffffff; }
.read-more-oat > a:hover { color: #8dc63f; }
.read-more-oat > a:hover > span { height: 20vw; width: 20vw; }

  /*------- Question Answer Information SectionEnds -------*/

  /*------- About Us Section Starts -------*/

/* .bg-about,
.bg-person-info,
.bg-product,
.bg-gallery,
.bg-our-partners { -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.bg-about.active,
.bg-person-info.active,
.bg-product.active,
.bg-gallery.active,
.bg-our-partners.active { background-color: #fdf0e4; } */
.about-img { overflow: hidden; }
.about-img > img { width: 100%; }
.about-word { position: absolute; right: -3.5vw; top: -2.5vw; }
.about-info { margin-left: 2.5vw; }
.about-word > h2,
.about-info > h2 { color: #000000; font: 4vw/1.2 "Montserrat-ExtraBold"; margin-bottom: 1.5vw; text-transform: uppercase; }
.about-word > h2 { margin-bottom: 0; }
.about-info > p { margin-bottom: 1.5vw; }
.about-info > h2,
.about-info > p { background-color: #ffffff; overflow: hidden; }
.about-info > h2 > span,
.about-info > p > span { display: inline-block; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }

  /*------- About Us Section Starts -------*/

  /*------- Quote Section Starts -------*/
  
.bg-ftii-outline-quote { overflow: hidden; padding: 0 5vw; }
.ftii-outline-quote > p { color: transparent; font: 10vw/1 "Montserrat-ExtraBold"; opacity: 0.9; -webkit-text-stroke: 1px #603813; -moz-text-stroke: 1px #603813; -ms-text-stroke: 1px #603813; -o-text-stroke: 1px #603813; text-transform: uppercase; white-space: nowrap; }

  /*------- Quote Section Ends -------*/

  /*------- Video Section Starts -------*/

.bg-video { background-color: #ececec; margin-top: 2.5vw; padding: 0; position: relative; }
.bg-video::before { background-color: #ececec; content: ""; display: block; height: 10vw; left: 0; position: absolute; top: -5vw; width: 50%; z-index: 0; }
.box-seedballs-pro-mach-info { padding: 5vw; }
.box-seedballs-pro-mach-info > h2 { color: #603813; font: 3.7vw/1.2 "Montserrat-ExtraBold"; margin-bottom: 2.5vw; position: relative; text-transform: uppercase; }
.box-seedballs-pro-mach-info > h2 > span { color: #00a552; display: block; text-transform: capitalize; }
.box-seedballs-pro-mach-info > p { margin-bottom: 1.5vw; }
.box-youtube-video { background-color: #603813; padding: 2.5vw; }
.youtube-video { border: 0; height: 20vw; width: 100%; }
.box-seedballs-pro-mach-info > p { background-color: #ececec; overflow: hidden; }
.box-seedballs-pro-mach-info > p > span { display: inline-block; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }

  /*------- Video Section Ends -------*/

  /*------- Person Information Section Starts -------*/

.mix-make-heading > h2 { color: #00a552; font: 5vw/1.2 "Montserrat-ExtraBold"; margin-bottom: 5vw; text-transform: uppercase; }
.mix-make-heading > h2 > span { display: block; letter-spacing: 8px; }
.person-image { position: relative; }
.person-image > img { -webkit-box-shadow: 8px 8px 1.5vw 0 rgba(42,67,113,.15); -moz-box-shadow: 8px 8px 1.5vw 0 rgba(42,67,113,.15); -ms-box-shadow: 8px 8px 1.5vw 0 rgba(42,67,113,.15); -o-box-shadow: 8px 8px 1.5vw 0 rgba(42,67,113,.15); box-shadow: 8px 8px 1.5vw 0 rgba(42,67,113,.15); width: 100%; }
.person-pledged { bottom: -4vw; left: -4vw; position: absolute; z-index: -1; }
.person-pledged > img { -webkit-animation: pledgedImgRotation 20s linear infinite; -moz-animation: pledgedImgRotation 20s linear infinite; -ms-animation: pledgedImgRotation 20s linear infinite; -o-animation: pledgedImgRotation 20s linear infinite; animation: pledgedImgRotation 20s linear infinite; width: 10vw; }
@-webkit-keyframes pledgedImgRotation {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
}
@-moz-keyframes pledgedImgRotation {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
}
@-ms-keyframes pledgedImgRotation {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
}
@-o-keyframes pledgedImgRotation {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
}
@keyframes pledgedImgRotation {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  50% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
  100% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
}
.person-info > h2 { color: #603813; font: 4.5vw/1.4 "Montserrat-ExtraBold"; text-transform: uppercase; }
.person-info > h3:nth-child(2) { color: #000000; font: 2.5vw/1.4 "Montserrat-Bold"; margin-bottom: 3vw; }
.person-info > h3:nth-child(3) { color: #000000; font: 2.5vw/1.4 "Montserrat-SemiBold"; }
.person-info > h3:nth-child(4) { color: #000000; font: 2.5vw/1.4 "Montserrat-SemiBold"; }
.person-info > h3:nth-child(4) > span { display: block; }
.date-info > h3 { color: #000000; font: 3vw/1.2 "Montserrat-Medium"; margin: 5vw 0 1vw; }
.date-info > h3 > span { font-family: "Montserrat-Bold"; }
.date-number-gradient > p,
.year-number-gradient > p { -webkit-animation: shine 10s linear infinite; -moz-animation: shine 10s linear infinite; -ms-animation: shine 10s linear infinite; -o-animation: shine 10s linear infinite; animation: shine 10s linear infinite; background: -webkit-linear-gradient(to right, #c5e8b7 15%, #abe098 30%, #83d475 55%, #57c84d 80%, #c5e8b7 95%); background: -moz-linear-gradient(to right, #c5e8b7 15%, #abe098 30%, #83d475 55%, #57c84d 80%, #c5e8b7 95%); background: -ms-linear-gradient(to right, #c5e8b7 15%, #abe098 30%, #83d475 55%, #57c84d 80%, #c5e8b7 95%); background: -o-linear-gradient(to right, #c5e8b7 15%, #abe098 30%, #83d475 55%, #57c84d 80%, #c5e8b7 95%); background: linear-gradient(to right, #c5e8b7 15%, #abe098 30%, #83d475 55%, #57c84d 80%, #c5e8b7 95%); -webkit-background-clip: text; background-size: 300% auto; background-clip: text; color: #000; font: 6vw/1.2 "Montserrat-ExtraBold"; text-align: center; -webkit-text-fill-color: transparent; }
.date-number-gradient > p { margin-bottom: 1vw; }
@-webkit-keyframes shine {
  to { background-position: 300% center; }
}
@-moz-keyframes shine {
  to { background-position: 300% center; }
}
@-ms-keyframes shine {
  to { background-position: 300% center; }
}
@-o-keyframes shine {
  to { background-position: 300% center; }
}
@keyframes shine {
  to { background-position: 300% center; }
}
.dn-seedballs-heading > h3 { color: #603813; font: 4vw/1.2 "Montserrat-ExtraBold"; text-transform: uppercase; }
.year-info > h2 { color: #000000; font: 8vw/1.2 "Montserrat-ExtraBold"; margin: 5vw 0 0.5vw; text-transform: uppercase; }
.year-number-gradient > p { font-size: 8vw; }
.joint-fcci-sente > p { color: #000000; font: 3vw/1.3 "Montserrat-SemiBold"; margin: 3vw 0; text-align: center; }
.joint-fcci-sente > p > span { display: block; }

  /*------- Person Information Section Ends -------*/

  /*------- Marquee Animation Section Starts -------*/

.bg-marquee { overflow: hidden; padding: 0; }
.gallery-marquee { -webkit-animation: galleryMarquee 15s -10s infinite; -moz-animation: galleryMarquee 15s -10s infinite; -ms-animation: galleryMarquee 15s -10s infinite; -o-animation: galleryMarquee 15s -10s infinite; animation: galleryMarquee 15s -10s infinite; white-space: nowrap; will-change: transform; }
@-webkit-keyframes galleryMarquee {
  0% { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
  100% { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
}
@-moz-keyframes galleryMarquee {
  0% { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
  100% { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
}
@-ms-keyframes galleryMarquee {
  0% { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
  100% { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
}
@-o-keyframes galleryMarquee {
  0% { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
  100% { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
}
@keyframes galleryMarquee {
  0% { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
  100% { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
}
.gallery-marquee > span { color: #000000; font: 5vw/1.2 "Montserrat-Light"; }
.gallery-marquee > span > span { font-family: "Montserrat-SemiBold"; }

  /*------- Marquee Animation Section Ends -------*/

  /*------- Product Section Starts -------*/

.bg-product { margin-top: 4vw; position: relative; }
.bg-product::after { background-color: #00a552; content: ""; display: block; height: 95vh; left: 0; position: absolute; top: 0; width: 35%; z-index: -1; }
.product-head > h2 { color: #ffffff; font: 4vw/1.2 "Montserrat-Bold"; margin-left: 1.5vw; text-transform: uppercase; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-writing-mode: vertical-lr; -moz-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr; -o-writing-mode: vertical-lr; writing-mode: vertical-lr; }
.banner-product { background: url("../images/product-banner.jpg") no-repeat fixed 100% 100%/cover; height: 75vh; margin-top: -10vw; }
.bg-product-slider { background-color: #eeeeee; margin-top: -15vw; padding: 2.5vw; }
.box-product-info { position: relative; }
.box-product-info::before { background-color: #eeeeee; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); width: 100%; }
.box-product-info.active::before { -webkit-animation: productBgAnim 0.75s ease 1; -moz-animation: productBgAnim 0.75s ease 1; -ms-animation: productBgAnim 0.75s ease 1; -o-animation: productBgAnim 0.75s ease 1; animation: productBgAnim 0.75s ease 1; }
@-webkit-keyframes productBgAnim {
  0% { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
  50% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
}
@-moz-keyframes productBgAnim {
  0% { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
  50% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
}
@-ms-keyframes productBgAnim {
  0% { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
  50% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
}
@-o-keyframes productBgAnim {
  0% { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
  50% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
}
@keyframes productBgAnim {
  0% { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
  50% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
  100% { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
}
.box-product-info > img { width: 100%; }
.read-more-coos > a:hover span { background-color: #8dc63f; }
.product-slick-slider .slick-prev { left: -1.5vw; }
.product-slick-slider .slick-next { right: -1.5vw; }
.product-slick-slider .slick-prev,
.product-slick-slider .slick-next { background-color: rgb(222 222 222 / 0.5); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; height: 4vw; width: 4vw; z-index: 1; }
.product-slick-slider .slick-prev::before { color: #000000; content: "\f053"; font-size: 1.5vw; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.product-slick-slider .slick-next::before { color: #000000; content: "\f054"; font-size: 1.5vw; font-family: "Font Awesome 5 Free"; font-weight: 900; }

  /*------- Product Section Ends -------*/

  /*------- Gallery Section Starts -------*/

.bg-gallery { overflow-x: hidden; padding: 0; }
.our-activity > h2 { color: #603813; font: 4vw/1.2 "Montserrat-ExtraBold"; margin: 0 0 5vw 5vw; }
.box-gallery > img { cursor: grab; -webkit-filter: grayscale(100%); filter: grayscale(100%); height: 25vw; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.box-gallery > img:hover { -webkit-filter: grayscale(0); filter: grayscale(0); }
.activity-slick-slider .slick-slide { padding: 0 0.5vw; }
.read-more-activities { margin: 5vw 0; }

  /*------- Gallery Section Ends -------*/

  /*------- Our Partners Section Starts -------*/

.our-partners-heading > h2 { color: #603813; font: 2.4vw/1.2 "Montserrat-SemiBold"; padding-top: 1.5vw; position: relative; }
.our-partners-heading > h2::before { background-color: #603813; content: ""; height: 1px; left: 0; position: absolute; top: 0; width: 10vw; }
.our-partners-img > img { margin: 0 auto; width: 10vw; }

  /*------- Our Partners Section Ends -------*/

  /*------- Footer Section Starts -------*/

.bg-footer { background-color: #8dc63f; padding: 2.5vw 5vw; position: relative; }
.bg-footer::after { -webkit-animation: bannerlineAnim 4s linear infinite; -moz-animation: bannerlineAnim 4s linear infinite; -ms-animation: bannerlineAnim 4s linear infinite; -o-animation: bannerlineAnim 4s linear infinite; animation: bannerlineAnim 4s linear infinite; background-color: #ffffff; content: ""; display: block; height: 2vw; left: 50%; margin-left: -1px; position: absolute; top: 0; width: 1px; z-index: 1; }
@-webkit-keyframes bannerlineAnim {
  0% { height: 2vw; }
  50% { height: 0; }
  100% { height: 2vw; }
}
@-moz-keyframes bannerlineAnim {
  0% { height: 0; }
  50% { height: 2vw; }
  100% { height: 0; }
}
@-ms-keyframes bannerlineAnim {
  0% { height: 0; }
  50% { height: 2vw; }
  100% { height: 0; }
}
@-o-keyframes bannerlineAnim {
  0% { height: 0; }
  50% { height: 2vw; }
  100% { height: 0; }
}
@keyframes bannerlineAnim {
  0% { height: 2vw; }
  50% { height: 0; }
  100% { height: 2vw; }
}
.footer-logo { position: relative; text-align: center; }
.footer-logo > a { display: inline-block; }
.footer-logo > a > img { margin: 0 auto; position: relative; width: 10vw; z-index: 1; }
.lr-hori-line { border-top: 1px solid #ffffff; }
.footer-quick-listing { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 7.5vw 0; }
.footer-quick-listing > li { margin-right: 1.5vw; }
.footer-quick-listing > li > a { color: #ffffff; font: 1vw/1.2 "Montserrat-SemiBold"; }
.footer-quick-listing > li > a:hover { color: #603813; }
.footer-contact-listing > li { display: block; margin-bottom: 1vw; padding-left: 2.5vw; position: relative; }
.footer-contact-listing > li:first-child::before,
.footer-contact-listing > li:nth-child(2)::before,
.footer-contact-listing > li:nth-child(3)::before { color: #ffffff; content: "\f3c5"; display: block; font-family: "Font Awesome 5 Free"; font-size: 1vw; font-weight: 900; left: 0; position: absolute; top: 0; }
.footer-contact-listing > li:nth-child(2)::before { content: "\f0e0"; }
.footer-contact-listing > li:nth-child(3)::before { content: "\f879"; }
.footer-contact-listing > li:last-child { margin-bottom: 0; }
.footer-contact-listing > li > p,
.footer-contact-listing > li > a { color: #ffffff; font: 1vw/1.7 "Montserrat-Light"; text-align: left; }
.footer-contact-listing > li > a:hover,
.social-listing > li > a:hover { color: #603813; }
.cr-info > p { color: #ffffff; font-size: 1vw; }
.cr-info > p > span { color: #ffffff; }
.cr-info > p > a > img { width: 1vw; }
.social-listing { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: flex-end; }
.social-listing > li { margin-right: 2.5vw; }
.social-listing > li > a { color: #ffffff; font-size: 1vw; }

    /*------- Circle Animation CSS Starts -------*/

.circle-ripple { -webkit-animation: ripple 0.7s linear infinite; -moz-animation: ripple 0.7s linear infinite; -ms-animation: ripple 0.7s linear infinite; -o-animation: ripple 0.7s linear infinite; animation: ripple 0.7s linear infinite; background-color: #603813; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; height: 5vw; left: 50%; margin: 0 auto; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 5vw; }
@-webkit-keyframes ripple {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); -moz-box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); -ms-box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); -o-box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); }
  100% { -webkit-box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); -moz-box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); -ms-box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); -o-box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); }
}
@-moz-keyframes ripple {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); -moz-box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); -ms-box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); -o-box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); }
  100% { -webkit-box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); -moz-box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); -ms-box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); -o-box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); }
}
@-ms-keyframes ripple {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); -moz-box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); -ms-box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); -o-box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); }
  100% { -webkit-box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); -moz-box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); -ms-box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); -o-box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); }
}
@-o-keyframes ripple {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); -moz-box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); -ms-box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); -o-box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); }
  100% { -webkit-box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); -moz-box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); -ms-box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); -o-box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); }
}
@keyframes ripple {
  0% { -webkit-box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); -moz-box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); -ms-box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); -o-box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); box-shadow: 0 0 0 0 rgba(115, 167, 47, 0.3), 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3); }
  100% { -webkit-box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); -moz-box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); -ms-box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); -o-box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); box-shadow: 0 0 0 1em rgba(115, 167, 47, 0.3), 0 0 0 3em rgba(115, 167, 47, 0.3), 0 0 0 5em rgba(115, 167, 47, 0.3), 0 0 0 8em rgba(101, 255, 120, 0); }
}

    /*------- Circle Animation CSS Ends -------*/

  /*------- Footer Section Ends -------*/

/*------- Home Page Ends -------*/

/*------- About Page Starts -------*/

  /*------- Banner Section Starts -------*/

/* .bg-banner-ip { background-color: #603813; } */
.bg-banner-ip { background: url("../images/inner-banner-1.jpg") no-repeat top/cover; height: 50vh; overflow: hidden; position: relative; }
.inner-banner { bottom: 0; left: 0; position: absolute; width: 100%; z-index: 2; }
.banner-heading-ip { left: -7%; position: absolute; top: 25%; width: 100%; z-index: 1; }
.banner-heading-ip > h1 { color: #ffffff; font: 6vw/1.2 "Montserrat-ExtraBold"; text-align: center; text-transform: uppercase; }

  /*------- Banner Section Ends -------*/

  /*------- About Us Section Starts -------*/

.bg-about-ap { background-color: #ffffff; transition: 0.5s linear; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; }
.bg-about-ap.active { background-color: #fdf0e4; }
.seedball-main-heading-ap > h2 { color: #603813; font: 4vw/1.4 "Montserrat-ExtraBold"; margin-bottom: 5vw; text-transform: uppercase; }
.seedball-info-image > p { margin-bottom: 2.5vw; }
.seedball-info-image > p span { font-family: "Montserrat-Bold"; }
.seedball-info-image > h4 { color: #000000; font: 2.4vw/1.2 "Montserrat-Bold"; margin-bottom: 2.5vw; }
.seedball-info-image > img { -webkit-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -moz-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -ms-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -o-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); margin-bottom: 2.5vw; width: 100%; }

  /*------- About Us Section Ends -------*/

  /*------- Background Image Section Starts -------*/

.bg-about-background-image-1 { background: url("../images/about-3.jpg") no-repeat fixed center/cover; height: 100vh; }
.bg-about-background-image-2 { background: url("../images/about-8.jpg") no-repeat fixed center/cover; height: 100vh; }
.bg-about-background-image-3 { background: url("../images/about-13.jpg") no-repeat fixed center/cover; height: 100vh; }

  /*------- Background Image Section Ends -------*/

/*------- About Page Starts -------*/

/*------- Machine Page Starts -------*/

  /*------- Machine All Information Section Starts -------*/

.bg-machine-mp { background-color: #ffffff; transition: 0.5s linear; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; }
.bg-machine-mp.active { background-color: #fdf0e4; }
.bg-machine-background-image-1 { background: url(../images/machine-3.jpg) no-repeat fixed center/cover; height: 100vh; }
.bg-machine-background-image-2 { background: url(../images/machine-8.jpg) no-repeat fixed center/cover; height: 100vh; }
/* .bg-machine-background-image-1,
.bg-machine-background-image-2 { padding: 0; } */
.seedballs-machine-listing { margin-bottom: 2.5vw; }
.seedballs-machine-listing > li { margin-bottom: 0.75vw; padding-left: 1.5vw; position: relative; }
.seedballs-machine-listing > li:last-child { margin-bottom: 0; }
.seedballs-machine-listing > li::before { background-color: #000000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ""; display: block; height: 0.75vw; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 0.75vw; z-index: 1; }
.yt-video-ip { border: 0; height: 100vh; margin-bottom: -5px; width: 100%; }

  /*------- Machine All Information Section Ends -------*/

/*------- Machine Page Ends -------*/

/*------- Activities Page Starts -------*/

  /*------- Slider Section Starts -------*/

.bg-activity-slider-ap { padding: 5vw 0 0; }
.bg-activity-slider-ap { -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.bg-activity-slider-ap.active { background-color: #fdf0e4; }
.bg-activity-slider-ap-4 { padding: 5vw 0; }
.activity-info-ap > h3 { color: #603813; font: 5vw/1.2 "Montserrat-Bold"; margin-left: 2.5vw;  position: relative; white-space: nowrap; z-index: 1; }
.activity-info-ap > h3 > span { display: block; }
.box-activity-slider-ap > img { height: 25vw; }
.yt-video-acp { border: 0; height: 25vw; width: 30vw; }

    /*------- Slider Arrows CSS Starts -------*/

.activity-slick-slider-acp .slick-slide { padding: 0 0.75vw; }
.activity-slick-slider-acp .slick-prev { left: 1vw; }
.activity-slick-slider-acp .slick-next { right: 1vw; }
.activity-slick-slider-acp .slick-prev,
.activity-slick-slider-acp .slick-next { background-color: rgb(0 0 0 / 40%); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; height: 4vw; width: 4vw; z-index: 1; }
.activity-slick-slider-acp .slick-prev::before { color: #ffffff; content: "\f053"; font-size: 1.5vw; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.activity-slick-slider-acp .slick-next::before { color: #ffffff; content: "\f054"; font-size: 1.5vw; font-family: "Font Awesome 5 Free"; font-weight: 900; }
.activity-slick-slider-acp .slick-next.slick-disabled,
.activity-slick-slider-acp .slick-prev.slick-disabled,
.activity-slick-slider-acp .slick-next.slick-disabled::before,
.activity-slick-slider-acp .slick-prev.slick-disabled::before { cursor: default; opacity: 0; }
.activity-slick-slider-acp .slick-list .slick-track { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

    /*------- Slider Arrows CSS Ends -------*/

  /*------- Slider Section Ends -------*/

/*------- Activities Page Ends -------*/

/*------- Team Page Starts -------*/

  /*------- Team Section Starts -------*/

.bg-team-tp { -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.bg-team-tp.active { background-color: #fdf0e4; }
.box-team-info { margin-bottom: 5vw; }
.box-team-info-figure { margin-bottom: 1.5vw; position: relative; }
.box-team-info-figure > img { -webkit-border-radius: 2vw; -moz-border-radius: 2vw; -ms-border-radius: 2vw; -o-border-radius: 2vw; border-radius: 2vw; -webkit-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -moz-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -ms-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -o-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); width: 100%; }
.box-team-info-figcaption { bottom: 5vw; position: absolute; right: -5vw; }
.box-team-info-figcaption > h4 { background-color: rgb(255 255 255 / 75%); color: #000000; font: 1.8vw/1.2 "Montserrat-SemiBold"; padding: 1vw; }
.box-team-person-desc > h4 { background-color: rgb(255 255 255 / 75%); color: #000000; font: 1.8vw/1.2 "Montserrat-SemiBold"; margin-bottom: 1vw; text-align: center; }
.box-team-person-desc > p { line-height: 1.7; margin-bottom: 1.5vw; min-height: 84px; text-align: center; }
.col-offset-11-point-25 { margin-left: 11.25%; }
.col-offset-9-point-75 { margin-left: 9.75%; }
.col-offset-34-point-75 { margin-left: 34.75%; }

  /*------- Team Section Ends -------*/

/*------- Team Page Starts -------*/

/*------- Inner Team Page Starts -------*/

  /*------- Team Section Starts -------*/

.bg-team-ip { padding: 5vw 0 2.5vw; }
.team-member-ip > img { width: 100%; }
.team-member-name-ip > h1 { color: #012f00; font: 7vw/1.2 "Montserrat-ExtraBold"; margin: 2.5vw 0 2.5vw -5vw; }
.team-member-name-ip > h1 > span { display: block; }
.team-member-name-ip > p { color: #000000; font: 1.4vw/1.7 "Montserrat-Medium"; margin-bottom: 2.5vw; padding: 0 5vw; }
.team-member-socil-listing { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 5vw; }
.team-member-socil-listing > li { margin-right: 2.5vw; }
.team-member-socil-listing > li:last-child { margin-right: 0; }
.team-member-socil-listing > li > a { color: #000000; font-size: 1.4vw; }

  /*------- Team Section Ends -------*/

  /*------- Team Description Section Starts -------*/

.team-member-main-desc > h2 { color: #000000; font: 3vw/1.4 "Montserrat-SemiBold"; margin-bottom: 2.5vw; }
.team-member-desc > p { color: #000000; font: 1.4vw/1.7 "Montserrat-Medium"; margin-bottom: 2.5vw; }
.team-member-desc > p:last-child { margin-bottom: 5vw; }
.box-team-member-logo { -webkit-border-radius: 1vw; -moz-border-radius: 1vw; -ms-border-radius: 1vw; -o-border-radius: 1vw; border-radius: 1vw; -webkit-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -moz-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -ms-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -o-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); padding: 3.5vw 5vw; }
.box-team-member-logo > img { margin: 0 auto; width: 200px; }

  /*------- Team Description Section Ends -------*/

/*------- Inner Team Page Ends -------*/

/*------- Shop Page Starts -------*/

  /*------- Shopping Section Starts -------*/

.bg-our-shop { padding: 5vw 5vw 0; }
.box-shop-info { padding: 0 2.5vw; }
.box-shop-image > img { -webkit-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -moz-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -ms-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -o-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); width: 100%; }
.box-shop-info > h5 { color: #000000; font: 1vw/1.2 "Montserrat-Regular"; margin-bottom: 0.5vw; text-transform: uppercase; }
.box-shop-info > h2 { color: #603813; font: 4vw/1.2 "Montserrat-Bold"; margin-bottom: 1vw; }
.box-shop-info > p { color: #000000; line-height: 1.7; margin-bottom: 2.5vw; }
.box-shop-info > p:last-of-type { margin-bottom: 0; }
/* .table-shop { margin-bottom: 5vw; }
.table-shop > thead > tr > th { border-bottom: 1px solid #603813; color: #603813; font: 1vw/1.2 "Montserrat-Medium"; padding: 0.75vw 0; }
.table-shop > tbody > tr > td { border-top: 0; color: #000000; font: 1vw/1.2 "Montserrat-Light"; padding: 0.75vw 0; }
.plus-minus-quantity { border: 1px solid #000000; display: inline-block; }
.qty { border: 0; color: #474747; font: 1vw/1.2 "Montserrat-Regular"; text-align: center; width: 2vw; }
.add,
.minus { cursor: pointer; }
.plus-minus-quantity > i { color: #000000; font-size: 2rem; line-height: 2; padding: 0 0.5vw; text-align: center; }
.plus-minus-quantity > i:first-child { border-right: 1px solid #000000; }
.plus-minus-quantity > i:last-child { border-left: 1px solid #000000; }
.btn-shopping { font: 1vw/1.2 "Montserrat-Regular"; height: 2.188vw; letter-spacing: 1px; padding: 0.5vw 1vw; text-transform: uppercase; }
.btn-shopping.disabled { background-color: transparent; border: 1px solid #cccccc; color: #cccccc; } */

    /*------- Custom Switch CSS Starts -------*/

/* .pay-option-pp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; margin-top: 0.75vw; }
.pay-option-pp > li { display: inline-block; }
.pay-option-pp > li > a { background-color: #f4f5f5; color: #000; display: block; font: 1vw/1.2 "Montserrat-Regular"; padding: 0.5vw 1vw; }
.pay-option-pp > li:first-child > a { -webkit-border-radius: 2vw 0 0 2vw; -moz-border-radius: 2vw 0 0 2vw; -ms-border-radius: 2vw 0 0 2vw; -o-border-radius: 2vw 0 0 2vw; border-radius: 2vw 0 0 2vw; }
.pay-option-pp > li:last-child > a { -webkit-border-radius: 0 2vw 2vw 0; -moz-border-radius: 0 2vw 2vw 0; -ms-border-radius: 0 2vw 2vw 0; -o-border-radius: 0 2vw 2vw 0; border-radius: 0 2vw 2vw 0; }
.pay-option-pp > li.active > a { background-color: #8dc63e; color: #fff; } */

  /*------- Custom Switch CSS Ends -------*/

  /*------- Shopping Section Ends -------*/

  /*------- Pricing Section Starts -------*/

.box-shop { background-color: #fff; -webkit-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -moz-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -ms-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -o-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); margin-bottom: 1.5vw; padding: 3vw 1.5vw; }
.box-shop-heading-desc > h2 { color: #603813; font: 1.8vw/1.42857143 "Montserrat-Bold"; margin-bottom: 0.75vw; text-align: center; text-transform: uppercase; }
.box-shop-heading-desc > p { color: #525252; font: 1.8vw/1.2 "Montserrat-Bold"; margin-bottom: 1.5vw; text-align: center; }
.pay-now > a { border: 1px solid #603813; color: #603813; font-size: 0.85vw; }
.pay-now > a > span { background-color: #603813; }

  /*------- Pricing Section Ends -------*/

  /*------- Requisition Form Section Starts -------*/

.label-requistion { color: #603813; display: block; font: 3vw/1.4 "Montserrat-Bold"; margin-bottom: 1.5vw; text-transform: uppercase; }
.form-control-element[readonly] { background-color: #ffffff; }
.input-group-addon-datepicker { background-color: #ffffff; border: 0; border-bottom: 1px solid #000000; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.input-group-addon-datepicker > i { font-size: 2.4vw; }
.datepicker table tr td.today { background: -webkit-linear-gradient(to top, #905824, #603813); background: -moz-linear-gradient(to top, #905824, #603813); background: -ms-linear-gradient(to top, #905824, #603813); background: -o-linear-gradient(to top, #905824, #603813); background: linear-gradient(to top, #905824, #603813); color: #ffffff; }
.datepicker table tr td.active,
.datepicker table tr td.active.active { background: -webkit-linear-gradient(to top, #905824, #603813); background: -moz-linear-gradient(to top, #905824, #603813); background: -ms-linear-gradient(to top, #905824, #603813); background: -o-linear-gradient(to top, #905824, #603813); background: linear-gradient(to top, #905824, #603813); color: #ffffff; }

    /*------- Custom Radio Button CSS Starts -------*/

.inline-block-label-radio-btn-proj { display: inline-block; margin: 0 2vw 2vw 0; position: relative; }
input[class="radio-btn-proj-1"],
input[class="radio-btn-proj-2"] { display: none; }
input[class="radio-btn-proj-1"] + span,
input[class="radio-btn-proj-2"] + span { background-color: #888; border: 0.25vw solid #ffffff; -webkit-box-shadow: inset 0 0 0 0 #8dc63f; -moz-box-shadow: inset 0 0 0 0 #8dc63f; -ms-box-shadow: inset 0 0 0 0 #8dc63f; -o-box-shadow: inset 0 0 0 0 #8dc63f; box-shadow: inset 0 0 0 0 #8dc63f; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: block; height: 1.8vw; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; width: 1.8vw; }
input[class="radio-btn-proj-1"] + span + span,
input[class="radio-btn-proj-2"] + span + span { color: #000000; display: block; font: 1.8vw/1.4 "Montserrat-SemiBold"; padding: 0 0 0 2.5vw; word-break: break-all; }
input[class="radio-btn-proj-1"]:checked + span,
input[class="radio-btn-proj-2"]:checked + span { -webkit-box-shadow: inset 0 0 0 2vw #8dc63f; -moz-box-shadow: inset 0 0 0 2vw #8dc63f; -ms-box-shadow: inset 0 0 0 2vw #8dc63f; -ms-box-shadow: inset 0 0 0 2vw #8dc63f; -o-box-shadow: inset 0 0 0 2vw #8dc63f; box-shadow: inset 0 0 0 2vw #8dc63f; }

    /*------- Custom Radio Button CSS Ends -------*/

  /*------- Requisition Form Section Ends -------*/

/*------- Shop Page Ends -------*/

/*------- Green Cover Page Starts -------*/

  /*------- Green Cover Section Starts -------*/

.green-cover-image-gcp > img { -webkit-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -moz-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -ms-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -o-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); width: 100%; }
.green-cover-info-gcp { margin-left: 1.5vw; }
.green-cover-info-gcp > p { margin-bottom: 1.5vw; }
.green-cover-info-gcp > p:last-child { margin-bottom: 0; }

  /*------- Green Cover Section Starts -------*/

/*------- Green Cover Page Starts -------*/

/*------- Tree Page Starts -------*/

  /*------- Tree Section Starts -------*/

.bg-tree-trp { -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.bg-tree-trp.active { background-color: #fdf0e4; }
.tree-image-trp > img { -webkit-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -moz-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -ms-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -o-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); width: 100%; }
.tree-info-trp-left { padding-left: 1.5vw; }
.tree-info-trp-right { padding-right: 1.5vw; }
.tree-info-trp > h2 { color: #603813; font: 4vw/1.2 "Montserrat-Bold"; }
.tree-info-trp > p { margin-bottom: 1.5vw; }
.tree-info-trp > p:nth-child(2) { color: #80c04d; }
.tree-info-trp > p:last-child { margin-bottom: 0; }

  /*------- Tree Section Starts -------*/

/*------- Tree Page Ends -------*/

/*------- Our Partners Page Starts -------*/

  /*------- Our Partners Section Starts -------*/

.our-partner-image-info-opp { margin: 0 -0.75vw 5vw; }
.our-partner-image-opp > img { background-color: #ffffff; -webkit-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -moz-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -ms-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); -o-box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); box-shadow: 8px 8px 30px 0 rgb(42 67 113 / 15%); display: inline-block; margin: 0 auto; padding: 1.5vw; }
.our-partner-heading-opp > h2 { color: #603813; font: 4vw/1.2 "Montserrat-Bold"; }
.our-partner-info-opp > p { margin-bottom: 1.5vw; }
.our-partner-info-opp > p:last-child { margin-bottom: 0; }
.our-partner-info-opp > p span { font-family: "Montserrat-Bold"; }

  /*------- Our Partners Section Ends -------*/

/*------- Our Partners Page Ends -------*/

/*------- Contact Us Page Starts -------*/

  /*------- Contact Message Section Starts -------*/

.bg-contact-cp { padding: 0; }
.contact-message-heading-cp > h2 { color: rgb(204 204 204 / 10%); font: 17vw/1.2 "Montserrat-Bold"; text-align: center; text-transform: uppercase; white-space: nowrap; }

  /*------- Contact Message Section Ends -------*/

  /*------- Contact Box Section Starts -------*/

.bg-contact-box { margin-top: -10vw; padding: 0 5vw 5vw; }
.bg-contact-cp,
.bg-contact-box,
.bg-contact-details-cp { -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.bg-contact-cp.active,
.bg-contact-box.active,
.bg-contact-details-cp.active { background-color: #fdf0e4; }
.contact-info-cp > h4 { color: #000000; font: 2.4vw/1.2 "Montserrat-Light"; margin-bottom: 0.5vw; text-transform: uppercase; }
.contact-info-cp > h3 { color: #603813; font: 4vw/1.2 "Montserrat-SemiBold"; margin-bottom: 1.5vw; text-transform: uppercase; }
.contact-info-cp > h6 { color: #000000; font: 1vw/1.2 "Montserrat-Light"; margin-bottom: 5vw; text-transform: uppercase; }
.box-contact-info-cp { box-shadow: inset 0 400px 0 0 #603813; border: 1px solid #603813; cursor: pointer; margin-bottom: 10vw; padding: 2.5vw; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.box-contact-info-cp:hover { box-shadow: inset 0 0 0 0 #603813; color: #603813; }
.box-contact-info-cp > h6 { color: #ffffff; font: 1vw/1.2 "Montserrat-Light"; letter-spacing: 7px; margin-bottom: 1.5vw; padding-top: 1vw; position: relative; text-transform: uppercase; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.box-contact-info-cp > h6::before { background-color: #ffffff; content: ""; display: block; height: 1px; left: 0; position: absolute; top: 0; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; width: 5vw; }
.box-contact-info-cp > h4 { color: #ffffff; font: 3vw/1.2 "Montserrat-Bold"; margin-bottom: 3vw; text-transform: uppercase; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.box-contact-info-cp > h4 > span { display: block; }
.box-contact-info-cp > p { color: #ffffff; font: 1vw/1.2 "Montserrat-Light"; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
.box-contact-info-cp:hover > h6,
.box-contact-info-cp:hover > h4,
.box-contact-info-cp:hover > p { color: #603813; }
.box-contact-info-cp:hover > h6::before { background-color: #603813; }
.form-element { margin-bottom: 5vw; position: relative; }
.fields { color: #272727; font: 3vw/1.42857143 "Montserrat-Bold"; left: -0.2vw; margin-bottom: 0; pointer-events: none; position: absolute; text-transform: uppercase; top: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.form-control-element { background-color: transparent; border: 0; border-bottom: 1px solid #272727; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; color: #000000; font-family: "Montserrat-Bold"; font-size: 3vw; height: 4vw; letter-spacing: 1px; padding: 0; }
.form-control-element:focus { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; border-color: #000000; color: #000000; outline: 0; }
.form-control-element:focus ~.fields,
.form-control-element:valid ~ .fields { color: #cccccc; font: 1vw/1.42857143 "Montserrat-Bold"; left: -0.2vw; top: -1.5vw; }
textarea.form-control-element { height: 15vw; resize: none; }
.btn-submit { background-color: #000000; color: #ffffff; font: 1vw/1.2 "Montserrat-Bold"; letter-spacing: 1px; padding: 1vw 2vw; text-align: center; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; -ms-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.btn-submit:hover { background-color: #603813; color: #ffffff; }
.btn-submit:focus { color: #ffffff; }
  
  /*------- Contact Box Section Ends -------*/

  /*------- Contact Details Section Starts -------*/

.box-contact-details-cp { border-top: 1px solid #000000; }
.box-contact-details-cp > h6 { color: #000000; font: 1vw/1.2 "Montserrat-Light"; letter-spacing: 7px; margin-bottom: 1.5vw; padding-top: 1vw; position: relative; text-transform: uppercase; }
.box-contact-details-cp > h4,
.box-contact-details-cp > h4 > a { color: #000000; font: 1.6vw/1.7 "Montserrat-SemiBold"; }

  /*------- Contact Details Section Ends -------*/

/*------- Contact Us Page Ends -------*/