@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

body {
  font-family: "montserrat", sans-serif;
}

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


:root {
  --green: #003516;
  --black: #000;
}





a {
  text-decoration: none;
}

p {
  font-size: 16px;
  /* margin-bottom: 0px; */
  text-align: justify;
}


ul {
  /* padding: 0px; */
  margin: 0;
}




section {
  padding: 50px 0px;
}

@media(max-width: 767px) {
  section {
    padding: 20px 0px;
  }

  p {
    font-size: 14px;
    text-align: justify;
  }

  ul li {
    font-size: 14px;
  }
}










/* topbar css start */
.topbar-div {
  background-color: var(--black);
  padding: 10px;
}

.topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.topbar a {
  color: #fff;
}

.topbar-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.topbar-icon a i {
  font-size: 18px;
}

@media(max-width: 767px) {
  .topbar-div {
    padding: 3px;
  }

  .topbar {
    flex-direction: column;
    text-align: center;
  }

  .topbar a {
    color: #fff;
    font-size: 12px;

  }

  .topbar-icon {
    display: none;

  }
}


/* topbar css end */


/* sub-page start */
.sub-page {
  background-color: var(--green);
  color: #fff;
  display: flex;
  padding: 60px 0px;
}

.sub-page-name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.sub-page-name h1 {
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
}

.sub-page-name p a {
  color: #fff;
  font-weight: 600;
}

@media(max-width: 767px) {
  .sub-page {
    background-color: var(--green);
    color: #fff;
    display: flex;
    padding: 20px 0px;
  }

  .sub-page-name h1 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
  }
}

/* sub-page css end */



/* navbar css start */

.navbar {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  position: sticky;
}

.navbar-brand img {
  height: 50px;
}

.navbar-nav .nav-item .nav-link {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  transition: 0.4s ease-in-out;
  text-transform: uppercase;
}

.navbar-nav .nav-item .nav-link:hover {
  color: var(--green);
}


.active {
  color: var(--green) !important;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 15px !important;
}

.carousel-item img {
  width: 100%;
}

.dropdown-menu .dropdown-item {
  font-weight: 500;
}

.dropdown-menu .dropdown-item:hover {
  background-color: var(--green);
  color: #fff;
}

@media(max-width: 767px) {
  .navbar-brand img {
    height: 32px;
  }
}

/* navbar css end */



/* success style start */
.success-form {
  padding: 50px 0;
}

.success-form .success-head {
  text-align: center;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 50px 10px;
}

.success-form .success-head i {
  color: #87bd48;
  font-size: 100px;
  border: 10px solid #87bd48;
  border-radius: 50%;
  padding: 15px 22px;
}

.success-form .success-head h1 {
  color: #155391;
  margin: 13px 0 0;
}

.success-form .success-head p {
  margin-bottom: 28px !important;
}

.success-form .success-head a {
  background: var(--green);
  color: #fff;
  padding: 10px 20px;
}

/*success style end */

/* about css start */

.line {
  display: block;
  width: 80px;
  height: 2px;
  background-color: var(--green);
}

.about-content h1 {
  margin-bottom: 0px;
  font-size: 35px;
  font-weight: 600;
}

.about-content h2 {
  margin-bottom: 0px;
  font-size: 24px;
  font-weight: 600;
}

.about-para {
  margin-top: 20px;
}

.about-para p {
  line-height: 1.8;
}

.about-para p span {
  color: var(--green);
}

.about-key h3,
.about-consion h3 {
  font-size: 18px;
  font-weight: 600;
}

.about-btn a {
  background-color: var(--green);
  color: #fff;
  display: inline;
  padding: 8px 10px;
}

.management-content p {
  text-align: center;
  line-height: 2;
}





@media(max-width: 767px) {
  .about-content h1 {
    margin-bottom: 0px;
    font-size: 24px;
    font-weight: 600;
  }

  .about-img {
    margin-bottom: 20px;
  }

  .about-content h2 {
    font-size: 20px;
  }

  .management-content p {
    text-align: justify;
  }
}

/* about css end */


/* why css start */

.why-us {
  background-color: #F4F4F4;
}

.all-sec-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px;
}

.all-sec-heading h2 {
  font-size: 30px;
  font-weight: 600;
}

.why-card-name h3 {
  font-size: 20px;
  font-weight: 600;
  color: var(--green);
  margin-bottom: 15px;
}

.why-card-name p {
  text-align: center;
}

.svg {
  margin-bottom: 15px;
}

@media(max-width: 767px) {
  .all-sec-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }

  .all-sec-heading h2 {
    font-size: 23px;
    font-weight: 600;
  }

  .why-card-name h3 {
    font-size: 17px;
    font-weight: 600;
    color: var(--green);
    margin-bottom: 12px;
  }

  .svg {
    margin-bottom: 12px;
  }
}

/* why css end */

/* products css start */



.pro-img {
  margin-bottom: 12px;
}

.pro-name h3 {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: var(--green);
}

.product-card {
  margin-bottom: 30px;
}

@media(max-width: 767px) {
  .pro-name h3 {
    font-size: 18px;
  }
}

/* products css end */

/* blog css start */

.blog-card {
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.blog-card img {
  height: 220px;
  object-fit: cover;
}

.blog-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.card-body h3 {
  font-size: 20px;
  font-weight: 600;
}

.blog-btn {
  background-color: var(--green);
  color: #fff;
  padding: 8px 10px;
  border-radius: 5px;
}

@media(max-width: 767px) {
  .card-body h3 {
    font-size: 17px;
    font-weight: 600;
  }

  .blog-card {
    margin-bottom: 20px;
  }
}

/* blog css end */


/* blo-detail css start */

.blog-details-big-img {
  box-shadow: #8c0d0d1a 0px 4px 12px;
  padding: 10px;
  margin-bottom: 5px;
}

.recent-link {
  text-decoration: none;
}

.blog-content h3 {
  font-size: 23px;
  font-weight: 600;
  margin-bottom: 12px;
}

.recent-content h3 {
  font-size: 17px;
  color: #000;
  font-weight: 600;
}

.recent-content p {
  color: #000;
  font-size: 14px;
}

.recent-content p i {
  color: var(--green);
  padding-right: 4px;
}

.name-recent h4 {
  font-size: 25px;
  font-weight: 600;
}


.recent-blog {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px dotted var(--green);

}

@media(max-width: 767px) {
  .recent-content h3 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
  }

  .blog-content h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
  }

  .name-recent h4 {
    font-size: 18px;
    font-weight: 600;
  }
}





/* blo-detail css end */


/* gallery css start */

.more-gallery-img img {
  transition: 0.4s ease-in-out;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}

.more-gallery-img {
  position: relative;
}

.more-gallery-img img:hover {
  transform: translateY(-2%);
  cursor: pointer;
}

.more-gallery-img:hover .gallery-icon {
  opacity: 1;
  cursor: pointer;
}

.gallery-icon {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background-color: #003516b9;
  opacity: 0;
  transition: 0.5s ease-in-out;
}

/* gallery css end */


/* contact css start */
.form-card-dark {
  background: #1e1e2f;
  border-radius: 12px;
  color: #fff;
  padding: 40px;
}

.form-card-dark .form-control {
  border-radius: 8px;
  border: 1px solid #444;
  background: #2a2a3d;
  color: #fff;
}

.form-card-dark .form-control::placeholder {
  color: #aaa;
}

.form-card-dark .form-control:focus {
  border-color: #003516;
  box-shadow: none;
}

.form-card-dark h4 {
  font-weight: 600;
}

.form-card-dark .btn {
  border-radius: 30px;
  padding: 10px;
  font-weight: 600;
}

@media(max-width: 767px) {
  .form-card-dark {
    background: #1e1e2f;
    border-radius: 12px;
    color: #fff;
    padding: 20px;
  }
}



/* captcha start */
.captchasep1 {
  display: flex;
}

.captchasep1 input {
  width: 100% !important;
  margin-top: 0 !important;
  height: 50px;
}

.captchasep1 .captcha-codes-sec {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  border-radius: 5px;
  border-top: 1px solid #ced4da;
  border-right: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  font-weight: bolder !important;
}

.captchasep1 .captcha-codes-sec p {
  margin-bottom: 0;
  letter-spacing: 9px;
  font-style: italic;
  font-size: 18px;
  padding: 10px;
  height: 100%;
  /* color: #fff; */
  font-weight: bolder !important;
}

@media (max-width: 768px) {
  .captchasep1 .captcha-codes-sec p {
    font-size: 24px;
  }

  .captchasep1 {
    margin-bottom: 10px;
  }
}

@media (max-width: 992px) {
  .captchasep1 .captcha-codes-sec p {
    font-size: 18px;
  }
}

.captchasep1 .captcha-codes-sec {
  margin-bottom: 10px;
}

.captchasep1 .captcha-codes-sec button {
  font-style: italic;
  font-size: 22px;
  outline: none;
  background: transparent;
  height: 100%;
  border: none;
  font-weight: bolder;
}

.captchasep1 .captcha-codes-sec button i {
  background: #000;
  color: #fff;
  padding: 3px;
  border-radius: 6px;
}

@media screen and (max-width: 600px) {
  .captchasep1 {
    display: flex;
    flex-direction: column !important;
  }

  .captchasep1 .captcha-codes-sec {
    border-left: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    margin-top: 3px;
  }
}


/* contact css end */





/* enq-page css start */
.enq-content h2 {
  font-size: 22px;
  font-weight: 600;
}

.enq-content h3 {
  font-size: 20px;
  font-weight: 600;
}


@media(max-width: 991px) {
  .enq-form {
    margin-bottom: 25px;
  }

  .enq-map iframe {
    height: 150px !important;
  }
}

/* enq-page css end */






/* client css start */

.brands-we-deal {
  background: rgba(243, 241, 241, 0.801);
}

.brands-we-deal .brand-img {
  margin: 10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/* ----------- end of brands we deal in css here -------------- */


/* footer css start */

.footer {
  background-color: #111111;
  color: #fff;
  padding: 60px 0px;
}

.all-use-links {
  margin-bottom: 28px;
}

.all-use-links h2 {
  font-size: 20px;
}

.add-footer p {
  font-size: 14px;
  text-align: start;
}

.namelinks-footer p a {
  color: #fff;
}

.namelinks-footer p a:hover {
  color: #027896;
  text-decoration: underline;
}

.footer-icon {
  display: flex;
  gap: 15px;
}

.footer-icon a i {
  color: #fff;
}

.footer-icon a i:hover {
  color: #027896;
}

.use-links-item ul {
  padding: 0px;
}

.use-links-item ul li {
  list-style: none;
  line-height: 2;
}

.use-links-item ul li i {
  padding-right: 6px;
}

.use-links-item ul li a {
  color: #fff;

}

.use-links-item ul li a:hover {
  color: #027896;
  text-decoration: underline;
}

@media(max-width: 767px) {
  .footer {

    padding: 30px 0px;
  }

  .all-use-links {
    margin-bottom: 14px;
  }

  .all-use-links h2 {
    font-size: 18px;
  }

  .footer-icon {
    margin-bottom: 14px;
  }

  .use-links-item {
    margin-bottom: 14px;
  }
}





/* copyright */
.copyright-section {
  background-color: var(--green);
}

.main-copyright {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.right-side p,
.left-side p {
  color: #fff;
  font-size: 16px;
  margin-bottom: 0px;
}

.left-side p a {
  text-decoration: none;
  color: #fff;
}

@media (max-width: 767px) {
  .footer-line {
    margin-bottom: 10px;
  }

  .main-copyright {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .right-side p {
    text-align: center;
    font-size: 12px;
  }

  .logo-icon {
    margin-bottom: 20px;
  }

  .left-side p {
    font-size: 12px;
  }
}