/* @font-face {
  font-family: poppins;
  src: url(../assets/fonts/Poppins/Poppins-Regular.ttf);
}
*, */
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box !important;
  margin: 0px !important;
  padding: 0px !important;
  text-decoration: none !important;
  outline: none !important;
}
/* --background color-- */
:root {
  -bg-white: #fff;
  /* --text color */
  --primary-text: #061738;
  --seconday-color: #60cd12;
  --light-color: #e2f6de;
  --dark-color: #03262c;
  --text-white: #fff;
  --text-grey: #dee2e6;
  --anchor-color: #007aff;
  /* --font family */
  --primary-font: Poppins-Regular;
}
body,
html {
  color: var(--primary-text) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  scroll-behavior: smooth !important;
  line-height: 1.5 !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0px !important;
}
h1 {
  font-size: 9rem !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: var(--primary-text) !important;
}
h2 {
  color: var(--primary-text) !important;
  font-size: 4.7rem !important;
  font-weight: 600 !important;
  display: inline-block !important;
  text-transform: capitalize !important;
  /* line-height: 1.2rem !important; */
  margin-bottom: 2rem !important;
}
h3 {
  color: var(--text-white) !important;
  font-size: 3.1rem !important;
  /* line-height: 1.2rem !important; */
  font-weight: 700 !important;
}
h4 {
  font-size: 2.5rem !important;
  font-weight: 700 !important;
  /* line-height: 1 !important; */
  color: var(--primary-text) !important;
}
h5 {
  font-size: 1.8rem !important;
  font-weight: 600 !important;
  /* line-height: 1 !important; */
  color: var(--primary-text) !important;
}
p {
  font-size: 1.6rem !important;
  /* line-height: 1.6rem !important; */
  margin-top: 1rem !important;
  color: var(--primary-text) !important;
}
embed,
iframe,
object {
  max-width: 100% !important;
}
ul {
  margin: 0px !important;
  padding: 0px !important;
  list-style: none !important;
}
a,
a:hover,
a:focus,
a:active button {
  text-decoration: none !important;
  outline: 0 !important;
}
li a {
  color: white !important;
}
/* a:hover,
button:hover {
  -webkit-transition: all 0.3s ease-in !important;
  -o-transition: all 0.3s ease-in !important;
  -moz-transition: all 0.3s ease-in !important;
  transition: all 0.3 ease-in !important;
} */
::-webkit-scrollbar {
  width: 1rem !important;
}
::-webkit-scrollbar-track {
  background: white !important;
}
::-webkit-scrollbar-thumb {
  background: var(--seconday-color) !important;
}
.main-btn {
  position: relative !important;
  color: white !important;
  background: linear-gradient(to right, #0f7404, #5cb917) !important;
  z-index: 1 !important;
  overflow: hidden !important;
  border: 0.2rem solid white !important ;
  border-radius: 3.5rem !important;
  text-transform: uppercase !important;
  padding: 1rem 3.5rem !important;
  font-size: 1.8rem !important;
  margin-top: 1.5rem !important;
  letter-spacing: 0.2rem !important;
}
.main-btn:hover {
  background: white !important;
  color: var(--seconday-color) !important;
  border: 0.2rem solid var(--seconday-color) !important;
}
section {
  padding: 5rem 0 !important;
}
.section-title {
  font-size: 4rem !important;
  font-weight: 600 !important;
  color: var(--primary-text) !important;
  text-transform: capitalize !important;
  margin-bottom: 2rem !important;
}
.section-subtitle {
  font-size: 1.6rem !important;
  font-weight: 400 !important;
  color: var(--primary-text) !important;
  max-width: 40% !important;
  margin: auto !important;
  margin-bottom: 1.5rem !important;
}
.about .banner_section,
.product .banner_section,
.gallery .banner_section,
.contact .banner_section {
  background: url(../assets/images/banner-slide/top-banner.jpg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  padding-top: 17rem !important;
  padding-bottom: 10rem !important;
  min-height: auto !important;
}
/* .row{
  margin: 0px !important;
  padding: 0px !important;
}
--navbar css */
.header {
  position: absolute !important;
  width: 100% !important;
  top: 2rem !important;
  left: 0px !important;
  z-index: 2 !important;
}
.header .navbar {
  background: url(../assets/images/header-bg.png) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  padding: 2rem 5rem !important;
}
.header .navbar-brand {
  width: 7.5rem !important;
  margin-top: -0.1rem !important;
}
.header .navbar-nav .nav-link {
  color: var(--text-white) !important;
  text-transform: uppercase !important;
  font-size: 1.6rem !important;
  font-weight: 600 !important;
  padding: 0.5rem 2rem !important;
  font-family: poppins;
}
.header .navbar-nav .nav-link:hover {
  color: var(--seconday-color) !important;
}

.header .navbar-toggler {
  color: var(--text-white) !important;
  font-size: 2rem !important;
  height: 2.7rem !important;
  padding: 0 !important;
}
.header .navbar-toggler:focus {
  outline: none !important;
  box-shadow: none !important;
}
.header .header_right span {
  color: var(--seconday-color) !important;
  display: block !important;
  font-weight: 700 !important;
  font-size: 1.4rem !important ;
  margin-right: 1rem !important;
}
.header .header_right .phone_no {
  color: var(--text-white) !important;
  font-size: 1.6rem !important;
}
.header-scrolled {
  position: fixed !important;
  top: -0.4rem !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 1320px !important;
  margin: auto !important;
  z-index: 999 !important;
  transition: 0.3s all ease-in-out !important;
}
/* --banner section 2 */
.banner_section {
  background: url(../assets/images/banner-slide/Banner-1.jpg);
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  min-height: 90vh !important;
}
.banner_section .carousel-item {
  padding: 3rem !important;
  height: 90vh !important;
  height: 90vh !important;
}
.banner_section .carousel-caption {
  top: 30% !important;
  bottom: 0 !important;
  left: 3% !important;
  right: 0 !important ;
  text-align: left !important;
  width: 100% !important;
}
.banner_section .carousel-caption h1 {
  padding: 5px !important;
}

.banner_section .carousel-caption h3 {
  padding: 0.5rem 1.5rem !important;
  background-color: var(--dark-color) !important;
  display: inline !important;
}
.banner_section .carousel-caption p {
  max-width: 40rem !important;
  margin-bottom: 2rem !important;
  padding: 5px !important;
}
/* --about section */
.landing_about_section {
  background: url(../assets/images/about/about-banner.jpg) !important;
  background-size: cover !important ;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  padding: 9rem 0 !important;
}
.landing_about_section p {
  color: var(--primary-text) !important;
  margin-bottom: 2rem !important;
}
/* --product details */
.landing_product_section .product-card {
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer !important;
  border: 0.2rem solid var(--light-color) !important;
  padding: 2rem 1rem !important;
  transition: all 0.3s !important;
}
.landing_product_section .product-card .product-img {
  margin-bottom: 7rem !important;
  text-align: center !important;
}
.landing_product_section .product-card h3 {
  color: var(--primary-text) !important;
}
.landing_product_section .product-card span {
  font-size: 1.8rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  color: var(--seconday-color) !important;
  margin-right: 0.5rem !important ;
  text-decoration: line-through;
  transition: all 0.3s !important;
}
.landing_product_section .product-card .product_details {
  position: absolute !important;
  bottom: -22rem !important;
  right: 0 !important;
  left: 0 !important;
  text-align: center !important;
  padding: 5rem 1rem !important;
  background-color: var(--dark-color) !important;
  transition: all 0.5s ease;
}
.landing_product_section .product-card:hover .product_details {
  bottom: 0px !important;
}
/* --testimonial section */
.testimonial_section {
  background-color: var(--light-color) !important;
  padding-bottom: 8rem !important;
}
.testimonial_section .carousel-indicators {
  bottom: -6rem !important;
}
.testimonial_section .carousel-indicators button {
  background-color: var(--dark-color) !important;
  width: 1.2rem !important;
  height: 1.2rem !important;
  border-radius: 50% !important;
}
.testimonial_section .card {
  background: url(../assets/images/testimonial/testimonial-bg.png);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  text-align: right !important;
  padding: 5rem 5rem 5rem 0 !important;
  border-radius: 0.5rem 0.5rem 0 !important;
  border: 0.1rem solid transparent !important;
}
.testimonial_section .profile-box {
  padding: 1.875rem !important;
  background-color: var(--dark-color) !important;
  border-radius: 0.5rem 0 0 0.5rem !important;
}
.testimonial_section .profile-box img {
  border-radius: 0.625rem 3.125rem !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.testimonial_section .desc-box {
  padding-left: 2.5rem !important ;
}
/* --gallery section */
.gallery_section img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
/* --footer section-- */
.footer_wrapper {
  background: url(../assets/images/footer-bg/footer_bg.png);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
  padding-top: 15rem;
  padding-bottom: 0rem !important;
}
.footer_wrapper h5 {
  color: var(--text-white) !important;
  font-size: 2.5rem !important ;
  margin-bottom: 1.25rem !important;
}
.footer_wrapper ul li {
  margin-bottom: 0.5rem !important ;
  list-style: none !important;
}
.footer_wrapper .company_details {
  font-size: 1.4rem !important;
}
.footer_wrapper .contact-info li a {
  color: var(--text-grey) !important;
  font-size: 1.6rem !important;
}
.footer_wrapper .link-widget li a,
.footer_wrapper p {
  color: var(--text-grey) !important;
  font-size: 1.6rem !important;
  padding-left: 1.5rem !important;
  position: relative !important;
  -webkit-transition: all 0.3s ease-out 0s !important ;
  transition: all 0.3s ease-out 0s !important;
}
.footer_wrapper .link-widget li a:before {
  content: "" !important;
  font-family: "font Awesome 5 free " !important;
  font-weight: 900 !important;
  position: absolute !important;
  left: 0.3rem !important;
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important ;
  transform: translateY(-50%) !important ;
}
.footer_wrapper .link-widget li a:hover{
  margin-left: .625rem !important;
  color: var(--seconday-color) !important;
}
.footer_wrapper .social-network a{
  width: 3.5rem !important;
  height: 3.5rem !important;
  line-height: 3.2rem  !important;
  margin: .5rem !important;
  display: inline-block !important;
  border: 0.125rem solid var(--text-grey) !important;
  color: var(--text-grey) !important;
  text-align: center !important;
  border-radius: 100% !important;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) !important;

}
.footer_wrapper .social-network a:hover{
  background-color: var(--seconday-color) !important;
  border-color: var(--seconday-color) !important;
  color: var(--text-white) !important;
  box-shadow:  0 0.625rem 0.9375rem 0 rgb(0 0 0 / 10%) !important; 
  transform: translateY(-0.1875rem) !important;
}
.footer_wrapper .form-control{
  font-size: 2rem !important;
  color: var(--text-white) !important;
  min-height: 5px !important;
}
.footer_wrapper .form-control:focus{
  outline: none !important;
  box-shadow:none !important ;
  border-color: var(--seconday-color) !important;
}
.footer_wrapper .copyright-section{
  background-color: var(--seconday-color) !important;
  margin-top: 5rem !important;
}
.footer_wrapper .copyright-section p{
  margin-top: 0 !important;
  padding: 3rem 0 !important;
  line-height: 0 !important;
}
.footer_wrapper .copyright-section a{
  color: var(--primary-text) !important;
  font-weight: 600 !important;
}