*,

::after,

::before {

  padding: 0;

  margin: 0;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



:root {

  --primary-font: "Manrope", sans-serif;

  /* --secondary-font: "Poppins", sans-serif; */



  /* --primary-color: #caa24d; */

  --primary-color: #ffe1a1;

  --secondary-color: #e16900;

  scroll-behavior: smooth;

  scroll-padding-top: 90px;

}



html {

  overflow-x: hidden;

  width: 100%;

}



a {

  transition: all 0.3s ease;

}



body {

  font-family: var(--primary-font);

  font-size: 16px;

  line-height: 1.875;

  font-weight: 400;

  color: #4d3d30;

  overflow-x: hidden;

  width: 100%;

  background-color: #f4f1ea;

}



ul,

ol {

  list-style: none;

  padding: 0;

  margin: 0;

}



a {

  text-decoration: none;

  color: #4d3d30;

}



.h-center {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.header {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 9999 !important;



  background-color: rgba(77, 61, 48, 0.57);

  box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);

  /* padding: 20px 0; */

  /* border-bottom: 1px solid #fff; */

}



.header.sticky-header {

  background-color: rgba(77, 61, 48, 1);

}



.header.sticky .header-top {

  display: none;

}



.header-top {

  border-bottom: 1px solid rgba(255, 255, 255, 0.2);

  /* background-color: var(--primary-bg-color); */

  /* background-color: var(--secondary-color); */

  background-color: #08b711;

}



.header-top-right {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.header-top-cta li:not(:last-child) {

  margin-right: 20px;

}



.header-top-cta li a {

  padding: 10px 0;

  display: inline-block;

  font-weight: 500;

  font-size: 16px;

  color: #fff;

}



.social-link {

  margin-left: 40px;

}



.social-link li:not(:last-child) {

  margin-right: 20px;

  display: inline-block;

}



.social-link li a {

  font-size: 13px;

  color: #fff;

}



.header-bottom {

  z-index: 99999;

  position: relative;

}



/* .logo-box {

  max-width: 200px;

  padding: 5px 10px;

} */

.navigation-links {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.nav-items {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.nav-items li.nav-item {

  margin: 0px 30px;

}



.nav-items li.has-sub-menu {

  position: relative;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

}



.nav-items li.has-sub-menu::after {

  content: "\f107";

  font-family: "Font Awesome 6 Free";

  position: absolute;

  top: 33%;

  font-weight: 900;

  right: -20px;

  color: #fff;

}



.nav-items li.has-sub-menu:hover::after {

  content: "\f106";

  color: var(--primary-color);

}



.nav-items .nav-link {

  color: #fff;

  font-weight: 700;

  /* line-height: 30px; */

  line-height: 90px;

  font-size: 18px;

  display: inline-block;

  text-transform: uppercase;

}



.nav-items .nav-link:hover {

  color: var(--primary-color);

}



.sub-menu {

  opacity: 0;

  background-color: #ffe1a1;

  position: absolute;

  z-index: 999;

  top: 100%;

  left: 0;

  min-width: 380px;

  padding: 23px 0 28px;

  -webkit-transform: translateY(10px);

  -ms-transform: translateY(10px);

  transform: translateY(10px);

  -webkit-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

  -webkit-box-shadow: 10px 11px 38px 0px rgba(0, 0, 0, 0.1);

  box-shadow: 10px 11px 38px 0px rgba(0, 0, 0, 0.1);

  visibility: hidden;

}



.nav-items li.has-sub-menu:hover .sub-menu {

  opacity: 1;

  -webkit-transform: translateY(0px);

  -ms-transform: translateY(0px);

  transform: translateY(0px);

  visibility: visible;

}



.nav-items li.has-sub-menu .sub-menu li a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding: 7px 20px 7px 30px;

  color: inherit;

  opacity: 1;

  -webkit-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

  transition: all 0.2s ease;

  color: #222;

  font-weight: bold;

  line-height: 30px;

  font-size: 16px;

  position: relative;

}



.nav-items li.has-sub-menu .sub-menu li a::before {

  content: "";

  position: absolute;

  top: 50%;

  left: 0;

  width: 20px;

  height: 2px;

  background-color: #222;

  opacity: 0;

  -webkit-transition: all 0.3s ease-out;

  -o-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out;

}



.nav-items li.has-sub-menu .sub-menu li a:hover {

  -webkit-transform: translateX(20px);

  -ms-transform: translateX(20px);

  transform: translateX(20px);

}



.nav-items li.has-sub-menu .sub-menu li a:hover::before {

  opacity: 1;

}



.side-menu-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  height: 100%;

  margin-right: 20px;

}



.side-menu {

  background-color: var(--secondary-color);

  padding: 20px 30px;

  font-size: 20px;

  color: #fff;

  cursor: pointer;

}



.slider-section {

  margin-top: 88px;



  /* clip-path: polygon(100% 0, 100% 75%, 68% 98%, 0 74%, 0 0); */

  /* background-color: var(--primary-bg-color); */

  /* background-color: #e16900; */

}



.swiper {

  width: 100%;

  height: 850px;

}



.swiper-slide {

  background-position: right;

  background-size: cover;

}



.swiper-slide.slide-1 {

  background: #bfae9f;

}



.swiper-slide.slide-2 {

  background: #bfae9f;

}



/* .swiper-slide.slide-3 {

  background-image: url(../image/slide/1.webp);

} */

.slide-content-box {

  height: 100%;

  display: flex;

  justify-content: space-between;

}



.slide-content {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  height: 90vh;

}



.slide-heading {

  text-transform: uppercase;



  font-size: 120px;

  font-weight: 800;

  line-height: 190px;

  color: #f4f0ea;



  font-family: var(--secondary-font);

  /* position: absolute;

  top: 10%;

  left: 25%; */

}



.slide-1 .slide-heading {

  text-transform: uppercase;

  font-size: 280px;

  font-weight: 700;

  line-height: 95px;

  color: #f4f0ea;

  margin-bottom: 50px;

  text-align: center;

  font-family: var(--secondary-font);

}



.slide-heaidng-one {

  font-family: var(--primary-font);

  font-size: 60px;

  font-weight: 700;

  line-height: 52px;

  z-index: 999;

  color: #fff;

  margin-top: 50px;

  text-decoration: underline;

  text-underline-offset: 20px;

  margin-bottom: 30px;

}



.slide-content .slide-para {

  font-family: var(--primary-font);

  font-size: 16px;

  color: #fff;

  font-weight: 400;

  text-align: center;

  margin-top: 20px;

}



.slide-content .slide-para:last-child {

  margin-top: 0;

}



.slide-btn-group a.defaultBtn {

  display: inline-block;

  padding: 13px 35px;

  font-weight: 700;

  font-size: 16px;

  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 8px 9px 18px 0px;

  box-shadow: rgba(0, 0, 0, 0.1) 8px 9px 18px 0px;

  line-height: 30px;

  margin-top: 10px;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  border: 1px solid transparent;

}



.slide-btn-group a.learnBtn {

  background-color: #fff;

  color: #4d3d30;

  margin-right: 30px;

}



.slide-btn-group a.learnBtn:hover {

  background-color: var(--secondary-color);

  color: #fff;

}



.slide-btn-group a.contactBtn {

  color: #fff;

  margin-right: 30px;

  -webkit-box-shadow: none;

  box-shadow: none;



  border: 1px solid #fff;

}



.slide-btn-group a.contactBtn:hover {

  background-color: var(--secondary-color);

  color: #fff;

  border: 1px solid var(--secondary-color);

}



.swiper-horizontal>.swiper-pagination-bullets,

.swiper-pagination-bullets.swiper-pagination-horizontal {

  top: 60%;

  left: 0px;

  width: 50px;



  text-align: left;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {

  margin: 10px 20px;

}



.swiper-pagination-bullet {

  cursor: pointer;

  width: 4px;

  height: 4px;

  background-color: #fff;

  opacity: 1;

  border-radius: 50%;

}



.swiper-pagination-bullet-active {

  width: 4px;

  height: 4px;

  outline: 1px solid #fff;

  outline-offset: 7px;

  display: block;

}



.stats-section {

  margin-top: -100px;

  z-index: 999 !important;

}



.stats-section.stats-bg {

  position: relative;

}



.stats-section.stats-bg::before {

  position: absolute;

  content: "";

  /* background-color: var(--primary-color); */

  background: #000;

  width: 100%;

  height: 100%;

  z-index: -1;

  left: 16%;

  top: 0;

}



.stats-box {

  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  place-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.stats-box .stats-icon {

  width: 80px;

  height: 80px;

  margin-right: 10px;

  margin-top: 15px;

}



.stats-box .stats-icon img {

  width: 80px;

  height: 80px;

  -o-object-fit: contain;

  object-fit: contain;

  opacity: 0.7;

}



.stats-box.top .stats-title {

  min-height: 90px;

}



.stats-right .stats-count {

  color: var(--secondary-color);

  font-size: 25px;

  font-weight: 800;

}



.stats-right .stats-title h2 {

  color: #fff;

  font-size: 18px;

}



.stats-right .stats-title p {

  color: #fff;

  font-size: 13px;

  line-height: 1.7;

  margin-bottom: 0;

}



.about-section {

  margin: 0px 0 20px;

}



.about-content {

  position: relative;

  padding-left: 10%;

}



.main-heading {

  text-transform: uppercase;

  font-size: 140px;

  font-weight: 800;

  line-height: 190px;

  color: transparent;

  -webkit-text-stroke: 3px var(--primary-color);

  font-family: var(--secondary-font);

  /* margin-bottom: 50px; */

}



/* .about-content-box {

  position: absolute;

  top: 100px;

} */



/* our products section start */

.our-products {

  margin: 0 0 60px 0;



  /* background: var(--primary-bg-color); */

}



.our-products .main-heading {

  -webkit-text-stroke: 3px var(--primary-color);

}



.our-product-box {

  border: 1px solid var(--primary-color);

}



/* our products section end */



.why-us-section {

  /* background-image: url(../image/bg/bg-1.png); */

  background-repeat: no-repeat;

  background-position: right;

  background-size: contain;

  margin-bottom: 80px;

  margin-top: 180px;

}



.why-us-content-box {

  /* margin-top: -100px; */

  padding-left: 0%;

}



.why-us-content-box .content-title {

  color: #4d3d30;

  margin-bottom: 20px;

}



.why-us-content .main-heading {

  font-size: 130px;

  -webkit-text-stroke-color: var(--primary-color);

}



.sub-heading {

  color: var(--primary-color);

  font-size: 18px;

  font-weight: 700;

  border-left: 2px solid var(--primary-color);

  line-height: normal;

  padding-left: 10px;

  margin-bottom: 10px;

}



.content-title {

  font-family: var(--primary-font);

  font-size: 36px;

  font-weight: 300;

  line-height: 48px;

  z-index: 999;

  color: #4d3d30;

}



.about-content-box .content-title {

  color: var(--primary-color) !important;

}



.content-para {

  color: #616161;

  font-size: 16px;

  line-height: 26px;

  text-align: justify;

}



.about-btn-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  margin-top: 30px;

}



.about-btn {

  display: inline-block;

  font-weight: 700;

  color: #4d3d30;

}



.download-shape {

  width: 60px;

  height: 60px;

  background-color: var(--secondary-color);

  border-radius: 50%;

  display: grid;

  place-content: center;

  color: #fff;

  font-size: 20px;

  outline: 1px solid lightgray;

  outline-offset: 30px;

  margin-right: 35px;

  box-shadow: 8px 9px 18px 0px rgba(56, 56, 56, 0.4);

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.download-shape:hover {

  outline-offset: 0px;

}



.about-img {

  position: relative;

}



.about-img-content {

  /* background-image: linear-gradient(rgba(0, 0, 0, 0.959), rgba(0, 0, 0, 0.911)),

    url(../image/counter/gears.png); */

  background-image: linear-gradient(rgba(225, 105, 0, 0.918),

      rgba(225, 105, 0, 0.884)),

    url(../image/counter/gears.png);



  background-position: 0 0;

  background-repeat: no-repeat;

  width: 180px;

  height: 150px;

  position: absolute;

  bottom: 0px;

  left: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding: 10px 10px 10px 15px;

}



.about-img-content h2 {

  color: #fff;

}



.about-img-content h3 {

  color: #fff;

  font-size: 20px;

  text-transform: uppercase;

}



.pointer-list {

  padding-left: 10%;

}



.pointer-content h2 {

  font-size: 18px;

  color: #333;

  font-weight: 400;

  margin-bottom: 30px;

  line-height: 1.6;

}



.pointer-content {

  padding: 15px 30px 0px 30px;

  position: relative;

}



.pointer-content p {

  margin-bottom: 5px;

  color: #4d3d30;

}



.pointer-content::before {

  content: "\f00c";

  font-family: "Font Awesome 6 Free";

  position: absolute;

  top: 25px;

  left: -40px;

  font-weight: 900;

  -webkit-box-shadow: 4px 5px 16px 0px rgba(0, 0, 0, 0.1);

  box-shadow: 4px 5px 16px 0px rgba(0, 0, 0, 0.1);

  padding: 12px;

  color: var(--secondary-color);

  border-radius: 50%;

  width: 50px;

  height: 50px;

  display: grid;

  place-content: center;

}



.pointer-content:hover::before {

  background-color: var(--primary-color);

  color: #fff;

  -webkit-box-shadow: 4px 5px 16px 0px rgba(82, 165, 54, 0.3);

  box-shadow: 4px 5px 16px 0px rgba(82, 165, 54, 0.3);

}



.why-us-boxes {

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.why-us-box {

  width: 100%;

  height: 320px;

  display: grid;

  place-content: center;

}



.why-us-box img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.why-us-box.box-1 {

  /* background-color: #008b57; */

  background-image: linear-gradient(rgba(202, 162, 77, 0.932),

      rgba(202, 162, 77, 0.808)),

    url(../image/products/2.webp);

  background-position: center;

  background-size: cover;

  padding: 10%;

}



.why-us-box h2 {

  color: #fff;

}



.why-us-box .plus-icon {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background-color: #fff;

  display: grid;

  place-content: center;

  margin-top: 15px;

  -webkit-box-shadow: 4px 5px 16px 0px rgba(255, 255, 255, 0.1);

  box-shadow: 4px 5px 16px 0px rgba(255, 255, 255, 0.1);

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

  color: #4d3d30;

}



.why-us-box .plus-icon:hover {

  -webkit-transform: rotate(360deg);

  -ms-transform: rotate(360deg);

  transform: rotate(360deg);

}



.why-us-box.box-4 {

  /* background-color: var(--primary-color); */

  background-image: linear-gradient(rgba(202, 162, 77, 0.932),

      rgba(202, 162, 77, 0.808)),

    url(../image/products/3.jpg);

  background-position: center;

  background-size: cover;

  padding: 10%;

}



.why-us-right-boxes {

  margin-top: 40px;

}



.client-logo-section {

  /* margin: 80px 0 100px; */

  position: relative;

  /* padding: 80px 0 0; */

  overflow-y: hidden;

}



.client-logo-section video {

  max-height: 470px;

  width: 100%;

  object-fit: cover;

}



.client-logo-section .client-logos {

  position: absolute;

  inset: 0;

  width: 100%;

  display: grid;

  place-content: center;

}



.client-logo-section .client-logo-box {

  height: 200px;

  background-color: #fff;

  display: grid;

  place-content: center;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  cursor: pointer;

}



.accordion-section {

  height: 80vh;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



.accordion-box {

  display: grid;

  place-content: center;

  width: 34%;

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

}



.accordion-box.accordion-one,

.accordion-box.accordion-two,

.accordion-box.accordion-three,

.accordion-box.accordion-four {

  position: relative;

}



.accordion-box:hover {

  width: 43%;

  -webkit-filter: grayscale(0);

  filter: grayscale(0);

}



.accordion-box.accordion-one:hover::before,

.accordion-box.accordion-two:hover::before,

.accordion-box.accordion-three:hover::before,

.accordion-box.accordion-four:hover::before {

  -webkit-filter: grayscale(0);

  filter: grayscale(0);

}



.accordion-box.accordion-one::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: url(../image/accordion/1.jpg);

  z-index: -1;

  -webkit-filter: grayscale(1);

  filter: grayscale(1);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}



.accordion-box.accordion-two::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: url(../image/accordion/2.jpg);

  z-index: -1;

  -webkit-filter: grayscale(1);

  filter: grayscale(1);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}



.accordion-box.accordion-three::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: url(../image/accordion/4.webp);

  z-index: -1;

  -webkit-filter: grayscale(1);

  filter: grayscale(1);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}



.accordion-box.accordion-four::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-image: linear-gradient(to right,

      rgba(0, 0, 0, 0.5),

      rgba(0, 0, 0, 0.5)),

    url(../image/accordion/5.webp);

  z-index: -1;

  -webkit-filter: grayscale(1);

  filter: grayscale(1);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

}



.accordion-box .accordion-content a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  -ms-flex-pack: distribute;

  justify-content: space-around;

}



.accordion-box .accordion-content h1 {

  color: #fff;

  font-size: 30px;

  font-weight: 700;

  margin: 0 20px;

  text-align: center;

}



.accordion-plus {

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background-color: var(--secondary-color);

  display: grid;

  place-content: center;

  color: #fff;

  -webkit-box-shadow: 4px 5px 16px 0px rgba(255, 255, 255, 0.1);

  box-shadow: 4px 5px 16px 0px rgba(255, 255, 255, 0.1);

  -webkit-transition: all 0.4s ease;

  -o-transition: all 0.4s ease;

  transition: all 0.4s ease;

}



.accordion-box.accordion-one .accordion-content {

  position: relative;

}



.accordion-box.accordion-one .accordion-content::after {

  content: "01";

  position: absolute;

  font-size: 150px;

  font-weight: 700;

  z-index: -1;

  top: -250px;

  /* top: -290px; */

  right: 30px;

  color: transparent;

  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.849);



  font-family: var(--secondary-font);

  opacity: 1;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.accordion-box.accordion-one:hover .accordion-content::after {

  opacity: 0;

  -webkit-transform: translateX(100px);

  -ms-transform: translateX(100px);

  transform: translateX(100px);

}



.accordion-box.accordion-two .accordion-content {

  position: relative;

  width: 100%;

}



.accordion-box.accordion-two .accordion-content::after {

  content: "02";

  position: absolute;

  font-size: 150px;

  font-weight: 700;

  z-index: -1;

  top: -270px;

  right: 30px;

  color: transparent;

  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.849);

  font-family: var(--secondary-font);

  opacity: 1;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.accordion-box.accordion-two:hover .accordion-content::after {

  opacity: 0;

  -webkit-transform: translateX(100px);

  -ms-transform: translateX(100px);

  transform: translateX(100px);

}



.accordion-box.accordion-three .accordion-content {

  position: relative;

}



.accordion-box.accordion-three .accordion-content::after {

  content: "03";

  position: absolute;

  font-size: 150px;

  font-weight: 700;

  z-index: -1;

  top: -290px;

  right: 0;

  color: transparent;

  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.849);

  font-family: var(--secondary-font);

  opacity: 1;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.accordion-box.accordion-three:hover .accordion-content::after {

  opacity: 0;

  -webkit-transform: translateX(100px);

  -ms-transform: translateX(100px);

  transform: translateX(100px);

}



.accordion-box.accordion-four .accordion-content {

  position: relative;

}



.accordion-box.accordion-four .accordion-content::after {

  content: "04";

  position: absolute;

  font-size: 150px;

  font-weight: 700;

  z-index: -1;

  top: -290px;

  right: 30px;

  color: transparent;

  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.849);

  font-family: var(--secondary-font);

  opacity: 1;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.accordion-box.accordion-four:hover .accordion-content::after {

  opacity: 0;

  -webkit-transform: translateX(100px);

  -ms-transform: translateX(100px);

  transform: translateX(100px);

}



.accordion-content a:hover .accordion-plus {

  outline: 1px solid #fff;

  outline-offset: 40px;

  background-color: #fff;

  color: var(--secondary-color);

}



.fact-content .main-heading {

  -webkit-text-stroke-color: rgb(206, 206, 206);

}



.fact-content-box {

  margin-top: -100px;

  padding-left: 10%;

}



.fact-section {

  background-image: url(../image/bg/bg-2.webp);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  padding: 50px 0;

}



.progress-box {

  width: 100%;

  height: 10px;

  border: 1px solid lightgray;

  padding: 1px;

}



.progress-box .progress-inner {

  width: 30%;

  height: 100%;

}



.progress-box .progress-inner.bar-1 {

  background-color: green;

}



.progress-box .progress-inner.bar-2 {

  background-color: #ff7029;

}



.progress-bar-info {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.progress-bar-box {

  margin-bottom: 30px;

}



.quick-cta {

  margin-bottom: -150px;

  z-index: 9;

  position: relative;

}



.quick-cta .container {

  background-image: url(../image/bg/bg-4.webp);

  padding: 51px 20px;

}



.quick-cta-box {

  position: relative;

}



.quick-cta-box h1 {

  font-size: 30px;

  color: #fff;

}



.quick-cta-box p {

  font-size: 17px;

  color: #fff;

}



.quick-cta-title {

  position: absolute;

  top: -20px;

  right: 50px;

  z-index: 1;



  font-family: var(--secondary-font);

}



.quick-cta-title h1 {

  font-size: 120px;

  color: transparent;

  -webkit-text-stroke: 1px;

  -webkit-text-stroke-color: #fff;

}



.quick-cta-btn {

  background-color: #fff;

  border: 0;

  outline: 0;

  color: #4d3d30;

  padding: 15px 25px;

  border: 1px solid var(--secondary-color);

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.quick-cta-btn:hover {

  background-color: transparent;

  border-color: #fff;

  color: #fff;

}



.work-content-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin-top: 0px;

}



.work-content-box .sub-heading {

  border-left: 0;

  color: #fff;

}



.work-content-box .content-title {

  max-width: 600px;

  color: #4d3d30;

}



.work-content-box .content-para {

  text-align: center;

  max-width: 800px;

  color: #4d3d30;

}



/* work-project-box start */



.swiper1 {

  width: 100%;

  height: 100%;

}



.work-project-box {

  position: relative;

  overflow: hidden;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.work-project-box .overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1;

  /* background-color: rgba(225, 105, 0, 0.9); */

  background-color: #fff;

  opacity: 0;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.work-project-box .work-project-link {

  position: absolute;

  display: inline-block;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 2;

}



.work-project-box-img {

  overflow: hidden;

}



.work-project-content {

  padding: 40px;

  position: absolute;

  top: 0;

  left: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  width: 100%;

  height: 100%;

  z-index: 3;

  overflow: hidden;

  -webkit-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}



.work-project-discription,

.work-project-plus {

  z-index: 9;

}



.work-project-plus {

  -ms-flex-item-align: end;

  align-self: flex-end;

}



.work-project-plus a {

  display: block;

  margin: 40px;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  background-color: #222;

  display: grid;

  place-content: center;

  outline: 1px solid #222;

  outline-offset: 50px;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  opacity: 0;

  -webkit-transform: translateY(-100px);

  -ms-transform: translateY(-100px);

  transform: translateY(-100px);

}



.work-project-discription .work-sub-heading p a {

  color: #222;

  border-left: 1px solid #222;

  padding-left: 10px;

}



.work-project-discription {

  opacity: 0;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  -webkit-transform: translateY(100px) scale(0);

  -ms-transform: translateY(100px) scale(0);

  transform: translateY(100px) scale(0);

}



.work-project-discription h1,

.work-project-discription h1 a {

  display: block;

  color: #222;

  font-size: 30px;

}



.work-project-box:hover .overlay {

  opacity: 1;

}



.work-project-box:hover .work-project-discription {

  opacity: 1;

  -webkit-transform: translateY(0px);

  -ms-transform: translateY(0px);

  transform: translateY(0px);

}



.work-project-box .work-project-plus a {

  color: #4d3d30;

}



.work-project-box:hover .work-project-plus a {

  opacity: 1;

  -webkit-transform: translateY(0px) scale(1);

  -ms-transform: translateY(0px) scale(1);

  transform: translateY(0px) scale(1);

}



.work-project-box:hover .work-project-plus a:hover {

  -webkit-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  transform: rotate(180deg);

}



/* work-project-box end */



/* Quick contact form start */



.quick-contact {

  position: fixed;

  display: none;

  top: 50%;

  right: 0px;

  z-index: 999999999999 !important;

  background-color: #000;

  padding: 15px 10px;

  min-width: 350px;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

  -webkit-transition: all 0.3s ease-in-out;

  -o-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  -webkit-box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.4),

    2px 5px 5px rgba(0, 0, 0, 0.4);

  box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.4), 2px 5px 5px rgba(0, 0, 0, 0.4);

}



.quick-contact.active {

  right: -350px;

}



.quick-contact .toggle-container {

  position: absolute;

  top: 48%;

  left: -77px;

  z-index: 9999999 !important;

  -webkit-transform: rotate(-90deg) translateY(-50%);

  -ms-transform: rotate(-90deg) translateY(-50%);

  transform: rotate(-90deg) translateY(-50%);

  background-color: var(--secondary-color);

  padding: 10px 20px;

  cursor: pointer;

  border: 1px solid #fff;

}



.quick-contact .toggle-container p {

  margin-bottom: 0;

  font-size: 18px;

  color: #fff;

}



.quick-contact .field-container {

  width: 100%;

  position: relative;

  margin-bottom: 20px;

}



.quick-contact .form-container .heading {

  font-size: 20px;

  text-align: center;

}



.quick-contact .form-container .para {

  font-size: 17px;

  text-align: center;

  line-height: 1.3;

}



.quick-contact .field-container .input-field {

  width: 100%;

  min-height: 40px;

  border-radius: 0;

  border: 1px solid lightgray;

  font-family: "Poppins", sans-serif;

  padding-left: 50px;

  font-size: 15px;

}



.quick-contact .field-container .form-icon {

  position: absolute;

  top: 0;

  left: 0;

  background-color: lightgray;

  width: 40px;

  height: 40px;

  display: grid;

  place-content: center;

}



.quick-contact .field-container .input-field:focus {

  outline: none;

}



.quick-contact .field-container .label-field {

  position: absolute;

  top: 25%;

  left: 40px;

  -webkit-transition: all 0.3s;

  -o-transition: all 0.3s;

  transition: all 0.3s;

  background-color: #fff;

  padding: 0px 10px;

  font-size: 15px;

  color: #555;

  margin-bottom: 0;

}



.quick-contact .field-container .input-field:focus~.label-field,

.quick-contact .field-container .input-field:valid~.label-field {

  top: -30%;

  font-size: 13px;

}



.quick-contact .field-container.message-field .input-field {

  min-height: 100px;

  padding-top: 20px;

  padding-left: 10px;

}



.quick-contact .field-container.message-field .label-field {

  top: 5%;

  left: 5px;

}



.quick-contact .field-container.message-field .input-field:focus~.label-field,

.quick-contact .field-container.message-field .input-field:valid~.label-field {

  top: -7%;

  font-size: 13px;

}



.quick-contact .quick-submit-btn {

  display: block;

  width: 100%;

  background-color: var(--primary-color);

  color: #fff;

  border: 0;

  outline: 0;

  font-size: 15px;

  padding: 10px 0;

}



/* Quick contact form end */



#work-carousel {

  margin-top: 30px;

}



#work-carousel .owl-dots .owl-dot span {

  width: 3px;

  height: 3px;

  margin: 40px 20px;

  background: #000;

  display: block;

  -webkit-backface-visibility: visible;

  -webkit-transition: opacity 0.2s ease;

  -o-transition: opacity 0.2s ease;

  transition: opacity 0.2s ease;

  border-radius: 30px;

}



#work-carousel .owl-dots .owl-dot.active span {

  outline: 1px solid #000;

  outline-offset: 10px;

}



.testimonials-section {

  position: relative;

}



.testimonials-section::after {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  background-image: url(../image/testimonials/2.png);

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-position: right;

  z-index: -1;

}



.testimonials-section::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  background-image: url(../image/testimonials/3.png);

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-position: left;

  z-index: -1;

}



.accordion-group-text {

  width: 100%;

  /* padding-left: 10%; */

  padding-left: 0%;

}



.accordion-group-text p {

  color: #fff;

}



.segment-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



.work-section {

  padding: 50px 0 50px;

  background-color: #a07d67;

}



.work-segment {

  background-color: #18181a;

  background-image: url(../image/bg/bg-3.jpg);

  background-position: left;

  background-size: 800px 100%;

  background-repeat: no-repeat;

  margin-top: 50px;

}



.segment-box-wrapper {

  margin-top: 50px;

  padding-bottom: 50px;

  margin-left: 20%;

  margin-right: 5%;

  display: grid;

  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));

}



.segment-box .segment-box-icon {

  width: 80px;

  height: 80px;

  margin-bottom: 10px;

}



.segment-box .segment-box-icon img {

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

  opacity: 0.7;

}



.segment-box .segment-title p {

  font-size: 20px;

  text-align: center;

  color: #fff;

  line-height: 1.2;

  text-rendering: geometricPrecision;

}



/* product section start */

.product-section.bg {

  background-image: -o-linear-gradient(rgba(39, 39, 39, 0.98),

      rgba(39, 39, 39, 0.9)),

    url(../image/bg/mv2.webp);

  background-image: -webkit-gradient(linear,

      left top,

      left bottom,

      from(rgba(39, 39, 39, 0.98)),

      to(rgba(39, 39, 39, 0.9))),

    url(../image/bg/mv2.webp);

  background-image: linear-gradient(rgba(39, 39, 39, 0.98),

      rgba(39, 39, 39, 0.9)),

    url(../image/bg/mv2.webp);

}



.product-pointer.white ul li {

  color: #fff;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  position: relative;

  padding-left: 30px;

  margin-bottom: 10px;

}



.product-pointer.white ul li:hover {

  translate: 10px;

}



.product-pointer.white ul li::before {

  position: absolute;

  left: 0;

  top: 0;

  content: "\f0a4";

  font-family: "Font Awesome 6 Free";

  color: #fff;

  /* font-weight: 900; */

}



.product-pointer ul li {

  color: #4d3d30;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  position: relative;

  padding-left: 30px;

  margin-bottom: 10px;

}



.product-pointer ul li:hover {

  translate: 10px;

}



.product-pointer ul li::before {

  position: absolute;

  left: 0;

  top: 0;

  content: "\f0a4";

  font-family: "Font Awesome 6 Free";

  color: #4d3d30;

  /* font-weight: 900; */

}



.product-content.product-one .product-title h2 {

  font-weight: 500;

}



.table-wrapper {

  max-height: 350px;

  min-height: 350px;

  overflow-y: auto;

}



.table-wrapper::-webkit-scrollbar {

  width: 5px;

}



.table-wrapper::-webkit-scrollbar-track {

  background: gray;

}



.table-wrapper::-webkit-scrollbar-thumb {

  background: #000;

}



.product-specification-table.white th,

.product-specification-table.white td {

  color: #fff;

}



.product-tab.white .nav-tabs .nav-item.show .nav-link,

.product-tab.white .nav-tabs .nav-link {

  border-radius: 0;

  color: #fff;

}



.product-tab .nav-tabs .nav-item.show .nav-link,

.product-tab .nav-tabs .nav-link {

  border-radius: 0;

  color: #4d3d30;

}



.nav-tabs .nav-item.show .nav-link,

.nav-tabs .nav-link.active {

  color: #fff;

  background-color: rgba(77, 61, 48, 1);

  border-color: rgba(77, 61, 48, 1);

  border-radius: 5px;

}



.product-tab .tab-content {

  margin-top: 20px;

}



/* product section end */



.footer {

  background: #a07d67;

  background-position: center;

  background-size: cover;

  /* margin-top: 50px; */

  padding: 50px 0 50px;

  /* clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%); */

}



.f-logo img {

  width: 250px;

}



.f-social-links .social-link-box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.f-social-links .social-link-box li a {

  display: inline-block;

  width: 35px;

  height: 35px;

  display: grid;

  place-content: center;

  color: #fff;

  margin-right: 5px;

  font-size: 20px;

}



/* .f-social-links .social-link-box li a.twitter {

  background-color: #1da1f2;

}

.f-social-links .social-link-box li a.facebook {

  background-color: #1877f2;

}

.f-social-links .social-link-box li a.linkedin {

  background-color: #0a66c2;

}

.f-social-links .social-link-box li a.instagram {

  background-color: #e4405f;

} */



.f-content-box.fh-center {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

}



.f-para {

  padding-right: 50px;

}



.f-para p {

  color: #fff;

}



.f-heading {

  color: #fff;

  margin-bottom: 20px;

}



.f-link-box li {

  position: relative;

  padding-left: 30px;

  margin-bottom: 15px;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.f-link-box li:hover {

  -webkit-transform: translateX(10px);

  -ms-transform: translateX(10px);

  transform: translateX(10px);

}



.f-link-box li a {

  color: #fff;

}



.f-link-box li::before {

  position: absolute;

  left: 0;

  top: 0;

  content: "\f061";

  font-family: "Font Awesome 6 Free";

  color: #fff;

  font-weight: 900;

}



.f-link-box li.address::before {

  content: "\f5a0";

}



.f-link-box li.mail::before {

  content: "\f0e0";

}



.f-link-box li.phone::before {

  content: "\f2a0";

}



.f-bottom {

  background-color: #7c5943;

}



.f-bottom p {

  padding: 10px 0;

  margin: 0;

  color: #fff;

}



.quick-cta-box p a {

  color: #fff;

  font-weight: 500;

}



.ev-box {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  margin: 50px 0;

}



.ev-box .ev-box-img {

  width: 90px;

  height: 90px;

  margin-bottom: 15px;

  border-radius: 50%;

  border: 1px solid var(--secondary-color);

  padding: 18px;

}



.ev-box .ev-box-img img {

  width: 100%;

  height: 100%;

  object-fit: contain;

  filter: brightness(0) invert(0);

}



.ev-box-des p {

  margin: 0;

  text-align: center;

  color: #4d3d30;

}



.ev-stats-outer-bar {

  border: 1px solid lightgray;

  border-radius: 50px;

  width: 100%;

  height: 30px;

  overflow: hidden;

}



.ev-stats-outer-bar .ev-stats-inner-bar {

  height: 30px;

  border-radius: 50px;

}



.ev-stats-outer-bar .ev-stats-inner-bar.one {

  background-color: #7e7e7e;

  width: 40%;

}



.ev-stats-outer-bar .ev-stats-inner-bar.two {

  background-color: #fcbe05;

  width: 80%;

}



.ev-stats-outer-bar .ev-stats-inner-bar.three {

  background-color: #4e7da9;

  width: 60%;

}



.ev-stats-content {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.ev-stats-box.third .ev-stats-content {

  flex-direction: row-reverse;

}



.ev-stats-content-para {

  margin-top: 15px;

}



.ev-stats-content-para p {

  text-align: center;

}



.ev-stats-content .ev-stats-heading h4 {

  font-size: 25px;

  font-weight: 400;

}



.process {

  margin-bottom: 50px;

}



.process-tab-nav-box {

  background: #000;

  min-height: 500px;

}



.process-tab-container-box {

  margin-top: 50px;

}



.process-tab-container-box .nav-pills .nav-link {

  color: #fff;



  border-radius: 0;

}



.process-tab-container-box .nav-pills .nav-link:not(:last-child) {

  border-bottom: 1px dashed #acacac;

}



.process-tab-container-box .nav-pills .nav-link.active,

.process-tab-container-box .nav-pills .show>.nav-link {

  color: #fff;

  background-color: #51a536;

  border-radius: 0;

}



.process-tab-container-box .process-tab-content {

  /* padding-right: 5%; */

  padding-left: 2%;

}



.process-step-number h3 {

  font-size: 70px;

  color: transparent;

  text-transform: uppercase;

  font-family: var(--secondary-font);

  font-weight: 900;

  -webkit-text-stroke: 1px lightgray;

}



.process-tab-container-box .process-tab-content p {

  text-align: justify;

}



.process-step-des .accordion-button:not(.collapsed) {

  color: #fff;

  background-color: gray;

  box-shadow: none;

}



.process-step-des .accordion-button:not(.collapsed)::after {

  background-image: var(--bs-accordion-btn-active-icon);

  transform: var(--bs-accordion-btn-icon-transform);

  filter: grayscale(1) invert(1);

}



.mobile-menu {

  display: none;

}



/* mobile menu icon start */



.mobile-menu-icon {

  display: flex;

  flex-direction: column;

}



.mobile-menu-icon span {

  display: inline-block;

  width: 35px;

  height: 2px;

  background-color: #fff;

  position: relative;

  transition: all 0.3s ease;

}



.mobile-menu-icon span::after {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  top: -10px;

  background: #fff;

  transition: all 0.3s ease;

}



.mobile-menu-icon span::before {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  bottom: -10px;

  background: #fff;

  transition: all 0.3s ease;

}



.mobile-menu-icon span.active {

  background-color: transparent;

}



.mobile-menu-icon span.active::after {

  transform: rotate(45deg);

  transform-origin: center;

  top: 0;

}



.mobile-menu-icon span.active::before {

  transform: rotate(-45deg);

  transform-origin: center;

  bottom: 0;

}



/* mobile menu icon end */



.offcanvas {

  position: fixed;

  bottom: 0;

  z-index: var(--bs-offcanvas-zindex);

  display: flex;

  flex-direction: column;

  max-width: 90%;

  color: var(--bs-offcanvas-color);

  visibility: hidden;

  background-color: var(--bs-offcanvas-bg);

  background-clip: padding-box;

  outline: 0;

  transition: var(--bs-offcanvas-transition);

  margin-top: 0px;

}



.mobile-menu-navigation .nav-items {

  flex-direction: column;

}



.mobile-menu-navigation .nav-items .nav-item .nav-link {

  color: #fff;

}



.mobile-menu-navigation .nav-items .nav-item.has-sub-menu .sub-menu {

  min-width: 260px;

}



.main-logo-text {

  /*font-family: "Swis721 Blk BT";*/

  font-family: "Manrope", sans-serif;

  font-size: 80px;

  margin: 0;

  color: #ffe1a1;

}



/* demo section start */

.demo-section .demo-content {

  background-color: #fff;

  position: relative;

  margin-top: -260px;

  max-width: 600px;

  clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);

  padding: 50px;

  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;

  margin-left: -60px;

}



.demo-section .demo-content h2,

.demo-section .demo-content h4 {

  color: #4d3d30;

}



.demo-content-bottom p {

  color: #4d3d30;

  font-size: 15px;

  padding-right: 30px;

}



.demo-content-bottom .demo-btn a {

  display: inline-block;

  background: #e16900;

  padding: 7px 15px;

  text-align: center;

  font-size: 14px;

  color: #fff;

  font-weight: 600;

}



.demo-content-bottom .demo-btn a:hover {

  background-color: var(--primary-color);

}



.demo-content-bottom {

  display: grid;

  grid-template-columns: 70% 30%;

}



/* demo section end */



.section-title {

  margin-bottom: 100px;

}



.section-title .main-heading {

  margin-bottom: 0;

}



.section-title P.content-para {

  text-align: center;

  color: #fff;

  font-size: 18px;

}



.our-product-content {

  padding: 10px;

}



.our-product-title h1 {

  font-size: 13px;

  line-height: 1.6;

  color: #4d3d30;

}



.our-product-para p {

  line-height: 1.5;

  font-size: 15px;

}



.our-product-btn-group {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  border-top: 1px solid var(--primary-color);

}



.our-product-btn-group a {

  display: inline-block;

  padding: 5px 10px;

  transition: all 0.3s ease;

  text-align: center;

  color: #fff;

  background-color: var(--primary-color);

  font-size: 12px;

}



.our-product-btn-group a:first-child {

  border-right: 1px solid #fff;

}



.our-product-btn-group a:hover {

  background-color: var(--secondary-color);

  color: #fff;

}



.ev-opportunities {

  padding: 60px 0;

}



.ev-opportunities .main-heading {

  -webkit-text-stroke-color: #cddd00;

}



/* contact use section start */



.contact-container {

  padding: 50px 0 100px;

  background-color: #fff;

}



.form-container .form-field {

  position: relative;

  display: inline-block;

  width: 100%;

  vertical-align: top;

  margin: 0 0 20px;

  padding: 13px 15px;

  font-family: inherit;

  font-size: 15px;

  line-height: 24px;

  font-weight: inherit;

  color: #222;

  background-color: transparent;

  border: 0;

  border-bottom: 1px solid #caa24d;

  border-radius: 0;

  outline: 0;

  font-family: "Montserrat", sans-serif;

  cursor: pointer;

  -webkit-appearance: none;

  -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out,

    border-color 0.2s ease-out;

  -o-transition: color 0.2s ease-out, background-color 0.2s ease-out,

    border-color 0.2s ease-out;

  transition: color 0.2s ease-out, background-color 0.2s ease-out,

    border-color 0.2s ease-out;

}



.form-container label {

  color: #4d3d30;

  font-size: 17px;

  font-weight: 500;

}



.form-container .form-field::placeholder {

  font-size: 12px;

  padding-left: 0;

}



.form-btn {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  width: auto;

  margin: 0;



  font-size: 14px;

  line-height: 3.333em;

  font-weight: 600;

  letter-spacing: 0.1em;

  text-decoration: none;

  text-transform: uppercase;

  border-radius: 8px;

  outline: 0;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out,

    border-color 0.3s ease-in-out;

  -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out,

    border-color 0.3s ease-in-out;

  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out,

    border-color 0.3s ease-in-out;

  padding: 5px 38px;

  color: #fff;

  background-color: #4d3d30;

  border: 1px solid #4d3d30;

  cursor: pointer;

}



.form-btn:hover {

  background-color: transparent;

  color: #4d3d30;

  border-color: #4d3d30;

}



/* contact use section end */



#our-product-carousel .owl-nav {

  position: absolute;

  top: -80px;

  right: 50px;

}



#our-product-carousel .owl-nav button.owl-next,

#our-product-carousel .owl-nav button.owl-prev {

  width: 40px;

  height: 40px;

  border-radius: 0;

  background-color: var(--primary-color);

  color: #fff;

}



#our-product-carousel .owl-nav button.owl-next:hover,

#our-product-carousel .owl-nav button.owl-prev:hover {

  background-color: var(--secondary-color);

}



.circle {

  width: 200px;

  height: 200px;

  background-color: #fafafa;

  border-radius: 50%;

  display: grid;

  place-content: center;

  rotate: -135deg;

}



.circle-content {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}



.circle-box.semi-circle {

  border-top: 1px solid #ffd783;

  border-right: 1px solid #ffd783;

  border-bottom: 1px solid transparent;

  border-left: 1px solid transparent;

  border-radius: 50%;

  padding: 20px;

  /* rotate: 130deg; */

  rotate: 135deg;

  z-index: 9;

  position: relative;

}



.circle-box.semi-circle.first-circle .circle-box.semi-circle.second-circle .circle-box.semi-circle.third-circle {

  position: relative;

}



.circle-box.semi-circle.first-circle::before {

  position: absolute;

  top: 198px;

  left: 193px;

  content: "";

  width: 20px;

  height: 20px;

  background: #fff;

  border: #ffd783 2px solid;

  display: block;

  border-radius: 50%;

}



.circle-box.semi-circle.first-circle::after {

  position: absolute;

  top: 24px;

  right: 195px;

  content: "";

  width: 20px;

  height: 20px;

  background: #fff;

  border: #ffd783 2px solid;

  display: block;

  border-radius: 50%;

  z-index: 999;

}



.circle-box.semi-circle.second-circle::after {

  position: absolute;

  top: 193px;

  right: 21px;

  content: "";

  width: 20px;

  height: 20px;

  background: #fff;

  border: #ffd783 2px solid;

  display: block;

  border-radius: 50%;

  z-index: 999999 !important;

}



.circle-box.semi-circle.third-circle::after {

  position: absolute;

  top: 32px;

  right: 202px;

  content: "";

  width: 20px;

  height: 20px;

  background: #fff;

  border: #ffd783 2px solid;

  display: block;

  border-radius: 50%;

  z-index: 999;

}



.circle-box.semi-circle.third-circle {

  z-index: -8;

}



.circle-box.semi-circle.second-circle {

  rotate: 320deg;

}



.circle-box.semi-circle.second-circle .circle {

  rotate: -320deg;

}



.circle-content .circle-content-icon {

  margin-bottom: 20px;

  width: 80px;

}



.circle-content .circle-content-icon img {

  width: 100%;

}



.circle-content .circle-content-title p {

  color: var(--primary-color);

  text-align: center;

  font-size: 20px;

  font-weight: 600;

  line-height: 1;

}



.slide-content-right {

  display: flex;

  /* justify-content: space-evenly; */

}



.box-content {

  margin-top: 30px;

}



.box-content h1 {

  font-size: 20px;

  text-align: center;

  font-weight: 300;

  color: #fff;

}



.box-content h3 {

  font-size: 25px;

  text-align: center;

  font-weight: 700;

  color: #fff;

}



.mega-menu {

  opacity: 0;

  background-color: var(--primary-color);

  position: fixed;

  z-index: 999;

  right: 0;

  top: 8.5%;

  min-width: 80%;

  padding: 23px 0 28px;

  -webkit-transform: translateY(10px);

  -ms-transform: translateY(10px);

  transform: translateY(10px);

  -webkit-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

  -webkit-box-shadow: 10px 11px 38px 0px rgba(0, 0, 0, 0.1);

  box-shadow: 10px 11px 38px 0px rgba(0, 0, 0, 0.1);

  visibility: hidden;

}



.has-mega-menu:hover .mega-menu {

  opacity: 1;



  visibility: visible;

}



.mega-menu-title h3 {

  font-size: 30px;

  font-weight: 400;

  color: #4d3d30;

}



.mega-menu-title h3:hover {

  color: var(--secondary-color);

}



.purpose-section {

  margin: 100px 0;

}



.purpose-heading {

  padding-left: 5%;

}



.purpose-heading .main-heading {

  line-height: 130px;

  text-align: left !important;

  margin-bottom: 20px;

  -webkit-text-stroke-color: var(--primary-color);

}



.purpose-heading .content-para {

  color: #4d3d30 !important;

  padding-right: 10%;

  font-weight: 500;

  font-size: 17px;

}



.purpose-content-box .purpose-content-num h1 {

  font-size: 100px;

  text-transform: uppercase;

  font-weight: 800;

  line-height: 110px;

  color: transparent;

  -webkit-text-stroke: 2px #bbbbbb;

  font-family: var(--secondary-font);

}



.purpose-content-box .purpose-content-title h1 {

  /* color: #333; */

  color: #4d3d30;

  font-size: 30px;

}



.purpose-content-group {

  display: flex;

  flex-wrap: wrap;

}



.purpose-content-group .purpose-content-box {

  margin-bottom: 50px;

  width: 50%;

}



.purpose-content-group .purpose-content-box:nth-child(odd) {

  padding-right: 5%;

}



.area-of-expertise {

  margin: 60px 0;

  /* padding:  0px 0 200px; */

}



.area-of-expertise .expertise-heading .main-heading {

  -webkit-text-stroke-color: var(--primary-color);

  line-height: 120px;

  margin-bottom: 100px;

}



.work-content .main-heading {

  -webkit-text-stroke: 3px var(--primary-color);

}



.testimonial-content {

  padding: 80px 50px;

  /* background-color:  var(--primary-bg-color); */

  background-image: linear-gradient(to right,

      rgba(202, 162, 77, 0.904),

      rgba(202, 162, 77, 0.945)),

    url(../image/testimonials/1.jpg);

  background-position: center;

  background-size: cover;

  min-height: 100%;

  margin-top: 80px;

  z-index: 8;

}



.testimonial-section {

  margin: 0px 0 150px;

}



.testimonial-content-title {

  position: relative;

}



.testimonial-content-title h1 {

  position: relative;

  z-index: 10;

}



.testimonial-content-title::after {

  content: url(../image/testimonials/quote.png);

  position: absolute;

  top: -90px;

  right: 0;

  z-index: 9;

}



.testimonial-sub-heading h6 {

  position: relative;

  padding-left: 10px;

}



.testimonial-sub-heading h6::before {

  position: absolute;

  top: 0;

  left: 0px;

  content: "";

  width: 2px;

  height: 100%;

  background-color: #fff;

}



.testimonial-content-mgs p {

  line-height: 2;

}



#testimonial .owl-nav {

  position: absolute;

  bottom: -76.3%;

  right: -50px;

  margin: 0;

}



#testimonial .owl-nav .owl-prev,

#testimonial .owl-nav .owl-next {

  background-color: var(--secondary-color);

  width: 50px;

  height: 50px;

  border-radius: 0;

  margin: 0;

  color: #fff;

}



#testimonial .owl-nav .owl-prev:hover,

#testimonial .owl-nav .owl-next:hover {

  background-color: #000;

}



.our-products .section-title P.content-para {

  color: #4d3d30;

}



.f-logo h1 {

  color: #fff;

  font-weight: 600;

}



.high-impact-box {

  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.13);

  min-height: 400px;

  padding: 100px 50px;

  display: grid;

  place-content: center;

}



.high-impact-box.one {

  transform: skewY(20deg);

}



.high-impact-box.one .high-impact-box-content {

  transform: skewY(-20deg);

}



.high-impact-box.two {

  transform: skewY(-20deg);

  margin-top: 80px;

}



.high-impact-box.two .high-impact-box-content {

  transform: skewY(20deg);

}



.high-impact {

  margin-bottom: 100px;

}



.high-impact .contact-content {

  position: relative;

  margin-bottom: 100px;

}



.high-impact .main-heading {

  text-transform: capitalize;

}



.high-impact .contact-content .sub-title {

  position: absolute;

  top: 80%;

  left: 35%;

  font-size: 60px;

  color: var(--secondary-color);

}



.high-impact-box-content .high-impact-heading {

  font-size: 60px;

  color: var(--primary-color);

  font-weight: 700;

}



.high-impact-box-content .high-impact-sub-heading {

  font-size: 30px;



  font-weight: 700;

}



.high-impact-box-content .high-impact-para {

  font-size: 18px;

  line-height: 1.2;

}



.our-product-section-title {

  margin-bottom: 30px;

  font-size: 50px;

  color: #4d3d30;

  font-weight: 700;

  text-align: center;

  text-decoration: underline;

  text-underline-offset: 15px;

  text-decoration-thickness: 2px;

  text-decoration-color: #a07d67;

}



.intro-section {

  width: 100vw;

  height: 100vh;

  position: relative;

  overflow: hidden;

}



.intro-section video {

  width: 100vw;

  position: relative;

}



.intro-content-wrapper {

  position: absolute;

  top: 0%;

  left: 00%;

  width: 100%;

  height: 100%;

  background-color: rgba(160, 125, 103, 0.9);

  display: grid;

  place-content: center;

}



.intro-content-wrapper .intro-content {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  /* margin-top: 33%; */

}



.intro-content-wrapper .intro-content h1.big-heading {

  font-size: 24vw;

  line-height: 30vw;

  margin: 0;

  text-align: center;

  font-weight: 700;

  color: #ffe1a1;

  margin-left: -2.5vw;

  text-shadow: rgba(0, 0, 0, 0.16) 0px 5px 15px;

  /* background: #000; */

}



.intro-content-wrapper .intro-content h1.heading {

  font-size: 5.5vw;

  text-align: center;

  color: #fff;

  text-decoration: underline;

  text-underline-offset: 15px;

  text-decoration-line: 1px;

  text-decoration-color: #fff;

}



.intro-content-wrapper .intro-content p.des {

  font-size: 30px;

  text-align: center;

  color: #fff;

  max-width: 80%;

  line-height: 1.5;

  margin-top: 20px;

}



.product-heading {

  margin: 50px 0;

  margin-left: 50px;

}



.product-heading h1 {

  text-decoration: underline;

}



.single-product-box {

  background-color: #e8e0d4;

}



.single-product-content {

  padding: 20px;

}



.single-product-content .single-product-title p {

  font-weight: 500;

  font-size: 20px;

  line-height: 1.3;

}



.single-product-content .single-product-btn a {

  text-decoration: underline;

  text-underline-offset: 5px;

}



.single-product-slide {

  max-width: 95%;

  margin: 0 auto;

}



.single-product-slide .single-product-box {

  margin: 0 30px;

  width: 95% !important;

}



.single-product-slide .slider-prev,

.single-product-slide .slider-next {

  position: absolute;

  top: 50%;

  z-index: 9999;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background-color: #b1aaa1;

  display: grid;

  place-content: center;

  cursor: pointer;

}



.single-product-slide .slider-next {

  right: -10px;

}



.single-product-slide .slider-prev {

  left: -10px;

}



.single-product-slide .slider-prev:hover,

.single-product-slide .slider-next:hover {

  background: #000;

}



.section-heading h1 {

  text-align: center;

  font-size: 48px;

  margin-bottom: 40px;

  font-weight: 700;

}



.about-content-box {

  padding-left: 5%;

}



.about-content-box h1 {

  margin-bottom: 20px;

  font-weight: 700;

}



.about-content-box p {

  line-height: 2;

  margin-bottom: 30px;

}



.btn-box a {

  background-color: #4d3d30;

  color: #fff;

  display: inline-block;

  padding: 5px 25px;

  border-radius: 8px;

  border: 1px solid #4d3d30;

  transition: all 0.3s ease;

  font-family: "roboto", sans-serif;

}



.btn-box a:hover {

  background-color: transparent;

  color: #4d3d30;

}



.btn-box a.bg-white {

  background-color: #fff;

  color: #4d3d30;

  display: inline-block;

  padding: 5px 25px;

  border-radius: 10px;

  border: 1px solid #fff;

  transition: all 0.3s ease;

}



.btn-box a.bg-white:hover {

  background-color: #4d3d30 !important;

  color: #fff;

  border-color: #4d3d30 !important;

}



.service-section {

  margin: 80px 0;

}



.service-content-box {

  background-color: #a07d67;

  padding: 50px;

  border-radius: 30px;

}



.service-row {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  position: relative;

}



.service-row .service-content-box {

  position: absolute;

  top: 150px;

  right: 100px;

  width: 50%;

  height: 100%;

  max-height: 600px;

  display: grid;

  place-content: center;

}



.service-row .service-content-box h2 {

  color: #fff;

  font-size: 40px;

  margin-bottom: 20px;

  font-weight: 700;

}



.service-row .service-content-box p {

  color: #fff;

  font-size: 25px;

}



#client-logo .owl-nav button.owl-next,

#client-logo .owl-nav button.owl-prev {

  width: 40px;

  height: 40px;

  border: 2px solid #4d3d30;

  color: #4d3d30;

  background: transparent;

}



#client-logo .owl-nav button.owl-next {

  position: absolute;

  top: 45%;

  right: -50px;

  transform: translateY(-50%);

}



#client-logo .owl-nav button.owl-prev {

  position: absolute;

  top: 45%;

  left: -50px;

  transform: translateY(-50%);

}



#client-logo .owl-nav button.owl-next:hover,

#client-logo .owl-nav button.owl-prev:hover {

  background-color: #a07d67;

}



.work-section .section-heading h1 {

  font-size: 60px;

  text-align: center;

  color: #fff;

  margin-bottom: 10px;

}



.work-section .section-heading p {

  text-align: center;

  color: #fff;

  font-size: 19px;

}



.section-heading h1.fs-60 {

  font-size: 60px;

}



.why-us-content .section-heading h1.left-align {

  text-align: left;

  margin-bottom: 15px;

  font-weight: 700;

}



.why-us-content .section-heading {

  border-bottom: 2px solid #4d3d30;

  margin-bottom: 20px;

}



#client-logo .owl-dots .owl-dot {

  margin-top: 50px;

}



#client-logo .owl-dots .owl-dot.active span,

#client-logo .owl-dots .owl-dot:hover span {

  background: #4d3d30;

}



#client-logo .owl-dots .owl-dot span {

  background: rgba(170, 133, 103, 0.5);

}



.breadcrumb.bg-1 {

  /* background-image: linear-gradient(

      rgba(160, 125, 103, 0.5),

      rgba(160, 125, 103, 0.3)

    ),

    url(../image/breadcrumb-bg/breadcrumb-bg.jpg); */



  background-image: url(../image/breadcrumb-bg/breadcrumb-bg.jpg);

  background-position: center;

  background-size: cover;



  display: grid;

  /* place-content: center; */

  padding: 300px 20%;

}



.breadcrumb.bg-2 {

  /* background-image: linear-gradient(

      rgba(160, 125, 103, 0.5),

      rgba(160, 125, 103, 0.3)

    ),

    url(../image/breadcrumb-bg/breadcrumb-bg.jpg); */



  background-image: url(../image/breadcrumb-bg/2.jpg);

  background-position: center;

  background-size: cover;

  display: grid;

  /* place-content: center; */

  padding: 300px 20%;

}



.breadcrumb.bg-3 {

  background-image: url(../image/breadcrumb-bg/breadcrumb-bg-3.jpg);

  background-position: center;

  background-size: cover;

  display: grid;

  /* place-content: center; */

  padding: 300px 20%;

}



.breadcrumb.bg-4 {

  background-image: url(../image/breadcrumb-bg/breadcrumb-bg-4.jpg);

  background-position: center;

  background-size: cover;

  display: grid;

  /* place-content: center; */

  padding: 300px 20%;

}



.breadcrumb.bg-5 {

  background-image: url(../image/breadcrumb-bg/breadcrumb-bg-5.webp);

  background-position: center;

  background-size: cover;

  display: grid;

  /* place-content: center; */

  padding: 300px 20%;

}



.breadcrumb.bg-6 {

  background-image: url(../image/breadcrumb-bg/breadcrumb-bg-6.jpg);

  background-position: center;

  background-size: cover;

  display: grid;

  /* place-content: center; */

  padding: 300px 20%;

}



.breadcrumb.bg-7 {

  background-image: url(../image/breadcrumb-bg/breadcrumb-bg-7.jpg);

  background-position: center;

  background-size: cover;

  display: grid;

  /* place-content: center; */

  padding: 300px 20%;

}



.breadcrumb.bg-9 {

  background-image: url(../image/breadcrumb-bg/breadcrumb-bg-9.webp);

  background-position: center;

  background-size: cover;

  display: grid;

  /* place-content: center; */

  padding: 300px 20%;

}



.breadcrumb.bg-10 {

  background-image: url(../image/breadcrumb-bg/breadcrumb-bg-10.webp);

  background-position: center;

  background-size: cover;

  display: grid;

  /* place-content: center; */

  padding: 300px 20%;

}



.breadcrumb.bg-11 {

  background-image: url(../image/breadcrumb-bg/breadcrumb-bg-24.webp);

  background-position: center;

  background-size: cover;

  display: grid;

  /* place-content: center; */

  padding: 300px 20%;

}



.breadcrumb.bg-13 {

  background-image: url(../image/breadcrumb-bg/breadcrumb-bg-13.webp);

  background-position: center;

  background-size: cover;

  display: grid;

  /* place-content: center; */

  padding: 300px 20%;

}



.breadcrumb.bg-14 {

  background-image: url(../image/breadcrumb-bg/breadcrumb-bg-14.webp);

  background-position: center;

  background-size: cover;

  display: grid;

  /* place-content: center; */

  padding: 300px 20%;

}



.breadcrumb.bg-15 {

  background-image: url(../image/breadcrumb-bg/breadcrumb-bg-15.webp);

  background-position: center;

  background-size: cover;

  display: grid;

  /* place-content: center; */

  padding: 300px 20%;

}



.breadcrumb.bg-16 {

  background-image: url(../image/breadcrumb-bg/breadcrumb-bg-23.jpeg);

  background-position: center;

  background-size: cover;

  display: grid;

  /* place-content: center; */

  padding: 300px 20%;

}



.breadcrumb.bg-17 {

  background-image: url(../image/breadcrumb-bg/breadcrumb-bg-21.jpeg);

  background-position: center;

  background-size: cover;

  display: grid;

  /* place-content: center; */

  padding: 300px 20%;

}



.breadcrumb.bg-18 {

  background-image: url(../image/breadcrumb-bg/breadcrumb-bg-22.jpeg);

  background-position: center;

  background-size: cover;

  display: grid;

  /* place-content: center; */

  padding: 300px 20%;

}



.breadcrumb.bg-19 {

  background-image: url(../image/breadcrumb-bg/breadcrumb-bg-19.png);

  background-position: center;

  background-size: contain;

  display: grid;

  background-repeat: no-repeat;

  /* place-content: center; */

  padding: 300px 20%;

}





.breadcrumb.bg-20 {

  background-image: url(../image/breadcrumb-bg/breadcrumb-bg-20.jpeg);

  background-position: center;

  background-size: cover;

  display: grid;

  /* place-content: center; */

  padding: 300px 20%;

}



.breadcrumb.bg-21 {

  background-image: url(../image/breadcrumb-bg/breadcrumb-bg-18.webp);

  background-position: center;

  background-size: cover;

  display: grid;

  /* place-content: center; */

  padding: 300px 20%;

}



.breadcrumb.bg-22 {

  background-image: url(../image/breadcrumb-bg/career_bg.jpg);

  background-position: center;

  background-size: cover;

  display: grid;

  /* place-content: center; */

  padding: 300px 20%;

}



.breadcrumb.bg-23 {

  background-image: url(../image/breadcrumb-bg/breadcrumb-bg-25.png);

  background-position: center;

  background-size: cover;

  display: grid;

  /* place-content: center; */

  padding: 300px 20%;

}



.breadcrumb .breadcrumb-content .breadcrumb-title {

  color: #fff;

  font-weight: 900;

}



.breadcrumb-links {

  margin: 0;

  padding: 0;

}



.breadcrumb-links {

  display: flex;

  justify-content: center;

  align-items: center;

}



.breadcrumb-links li {

  margin: 0 15px;

}



.breadcrumb-links li a {

  color: #fff;

}



.breadcrumb-links li:first-child a {

  position: relative;

}



.breadcrumb-links li:first-child a::after {

  position: absolute;

  content: ">";

  top: -7px;

  right: -20px;

  font-size: 20px;

}



.breadcrumb-links li a.active {

  color: #ffe1a1;

}



.page-container {

  margin: 50px 0;

}



.product-content p {

  text-align: justify;

}



.product-content p :has(strong) {

  color: #4d3d30;

}



.product-content p {

  font-size: 17px;

  font-weight: bold;

  line-height: 1.6;

}



.product-list .product-heading {

  margin-left: 0;

}



.product-list .single-product-box {

  margin-bottom: 25px;

}



.product-img-box {

  border: 1px solid lightgray;

  display: grid;

  place-content: center;

}



.product-pointer-list li {

  position: relative;

  padding-left: 30px;

  margin-bottom: 5px;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  text-align: justify;

}



.product-pointer-list li:hover {

  -webkit-transform: translateX(10px);

  -ms-transform: translateX(10px);

  transform: translateX(10px);

}



.product-pointer-list li a {

  color: #4d3d30;

}



.product-pointer-list li::before {

  position: absolute;

  left: 0;

  top: 0;

  content: "\f061";

  font-family: "Font Awesome 6 Free";

  color: #4d3d30;

  font-weight: 900;

}



.product-pointer-list1 li {

  position: relative;

  padding-left: 30px;

  margin-bottom: 5px;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

  text-align: justify;

  font-weight: bold;

}



/* .product-pointer-list11 li:hover {

  -webkit-transform: translateX(10px);

  -ms-transform: translateX(10px);

  transform: translateX(10px);

} */

.product-pointer-list1 li a {

  color: #4d3d30;

}



.product-pointer-list1 li::before {

  position: absolute;

  left: 0;

  top: 0;

  /* content: "\f192"; */

  /*content: "\f044";*/

  content: "\f192";

  font-family: "Font Awesome 6 Free";

  color: #4d3d30;

}



.product-content-title {

  margin-bottom: 25px;

}



.product-content-title.bg {

  display: inline-block;

  background-color: #4d3d30;

  color: #fff;

  padding: 10px 20px;

}



.breadcrumb-para {

  color: #fff !important;

}



.product-feature-content {

  margin: 50px 0;

}



.product-feature-content .accordion-item {

  margin: 10px 0;

}



.product-feature-content .accordion-item .accordion-button {

  background-color: rgba(77, 61, 48, 1);

  color: #fff;

  box-shadow: none;

}



.accordion-button::after {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}



.accordion-button:not(.collapsed)::after {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}



.product-feature-content p {

  text-align: justify;

  font-size: 17px;

  font-weight: bold;

}



.product-title {

  margin-bottom: 50px;

  font-weight: bold;

  text-align: center;

}



.download-form .btn-close {

  position: absolute;

  top: -10px;

  right: -10px;

  z-index: 999;

  background-color: #4d3d30;

  opacity: 1;

  color: #fff;

  width: 30px;

  height: 30px;

  display: grid;

  place-content: center;

  border-radius: 50%;

}



.download-form .modal-container {

  padding: 20px;

}



.download-form .form-field {

  margin-bottom: 15px;

}



.download-form .modal-container h2 {

  font-size: 20px;

  margin-bottom: 10px;

  text-align: center;

}



.download-form .btn-close {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");

}



.download-form .download-btn-box {

  display: flex;

  justify-content: center;

}



.download-form .download-btn {

  background-color: #4d3d30;

  color: #fff;

  border: 0;

  outline: 0;

  padding: 5px 30px;

  border-radius: 10px;

  /* margin-left: 50%;

  transform: translateX(-50%); */

}



.breadcrumb-content {

  max-width: 80%;

  background: #00000099;

  padding: 10px;

}



.single-product-content .single-product-title p {

  font-weight: 600;

  font-size: 19px;

  line-height: 1.3;

  max-height: 70px;

  min-height: 70px;

  overflow-y: auto;

  margin: 0 !important;

  margin-bottom: 10px !important;

}



.single-product-content .single-product-title p::-webkit-scrollbar {

  width: 3px;

}



.single-product-content .single-product-title p::-webkit-scrollbar-track {

  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);

}



.single-product-content .single-product-title p::-webkit-scrollbar-thumb {

  background-color: darkgrey;

  outline: 1px solid slategrey;

}



.accordion-body p {

  font-weight: bold;

}



.product-slider .owl-nav {

  position: absolute;

  top: 40%;

  transform: translateY(-50%);

  width: 100%;

}



.product-slider .owl-nav .owl-prev {

  position: absolute;

  left: 0;

  width: 40px;

  height: 40px;

  border-radius: 50%;

  background-color: #b1aaa1;

  display: grid;

  place-content: center;

  cursor: pointer;

}



.product-slider .owl-nav .owl-next {

  position: absolute;

  right: 20px;



  width: 40px;

  height: 40px;

  border-radius: 50%;

  background-color: #b1aaa1;

  display: grid;

  place-content: center;

  cursor: pointer;

}





#scroll-btn {

  display: none;

}



.view-product-btn {

  display: inline-block;

  padding: 10px 20px;

  background-color: #fff;

  color: #4d3d30;

  position: absolute;

  right: 1%;

}



.purpose-section .about-content-box h1 {

  margin-bottom: 0;

}



.purpose-section .about-content-box p {

  margin-bottom: 5px;

  line-height: 1.7;

}



.purpose-pointer {

  margin-top: 15px;

}



.purpose-pointer .purpose-pointer-list-content {

  position: relative;

  margin-bottom: 10px;



  padding-left: 40px;

}



.purpose-pointer .purpose-pointer-list-content h2 {

  font-size: 18px;

  color: #333;

  font-weight: 400;

  margin-bottom: 0px;

  line-height: 1.6;

}



.purpose-pointer .purpose-pointer-list-content::before {

  content: "\f00c";

  font-family: "Font Awesome 6 Free";

  position: absolute;

  top: 0px;

  left: 0px;

  font-weight: 900;

  border-radius: 50%;



  color: var(--secondary-color);

}





.tab-line {

  background-color: #4d3d30;

  color: #fff;

  padding: 10px 35px;

  display: inline-block;

  font-family: 'Courier New', Courier, monospace;

  font-weight: 500;

  font-size: 19px;

  position: relative;

}





/* .tab-line::before {

  content: "\275D";

  position: absolute;

  top: 5;

  left: 15px;

  font-family: Arial, Helvetica, sans-serif;

  scale: 2;

}



.tab-line::after {

  content: "\275E";

  position: absolute;

  scale: 2;

  top: 30px;

  right: 10px;

  font-family: Arial, Helvetica, sans-serif;

} */



.product-card-box {

  /* filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, .5)); */

  box-shadow: 1px 2px 3px rgba(0, 0, 0, .5);

  margin-bottom: 30px;

}



.product-card-box-img {

  background-color: #fff;

  position: relative;



}



.product-card-box-img .product-card-main-img {

  /* width: 100%; */

  height: 250px;

}



.product-card-box-img .product-card-main-img img {

  width: 80%;

  height: 100%;

  object-fit: contain;

}



.product-card-box-img .product-card-icon {

  width: 100px;

  height: 100px;

  position: absolute;

  top: 0;

  right: 0;

  z-index: 99;

  border: 1px solid #c0c0c0;

  border-right: 0;

  border-top: 0;

  padding: 1%;

}



.product-card-box-img .product-card-icon img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}



.product-card-box .product-card-content {

  padding: 2%;

  padding-top: 5%;

}



.product-card-box .product-card-content h2 {

  font-size: 18px;

  font-weight: 600;

  text-align: center;

  min-height: 50px;

}



.product-card-box .product-card-content p a {

  text-decoration: underline;

  color: #4d3d30;

  font-weight: 600;

}



.product-card-box .product-card-content p.description {

  max-height: 100px;

  min-height: 100px;

  overflow-y: auto;

}









.product-card-box .product-card-content p.description::-webkit-scrollbar {

  width: 5px;

}



.product-card-box .product-card-content p.description::-webkit-scrollbar-track {

  background: gray;

}



.product-card-box .product-card-content p.description::-webkit-scrollbar-thumb {

  background: #000;

}



.text-underline {

  text-decoration: underline;

  text-underline-offset: 5px;

}



.career-form {

  padding: 5%;

  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}



.client-logo-section {

  overflow: hidden;

  /* z-index: 99999; */



}







#client-logo.owl-theme .owl-nav,

#client-logo1.owl-theme .owl-nav {

  margin-top: 10px;

  display: none;

}



.band-content {

  display: flex;

  justify-content: center;

  align-items: center;

  margin-bottom: 80px;



}



.band-content .band-content-title {

  margin-right: 50px;

  text-align: right;

  width: 250px;

}



.band-content .band-content-des {

  max-width: 250px;

  margin-left: 50px;

}



.product-img-box.border-no {

  border: none;

}



.section-bg {

  background: #f4f1ea;

}



.mfp-hide {

  display: none;

}



/* make video responsive inside popup */

.mfp-content video {

  width: 100%;

  height: auto;

  max-height: 80vh;

  /* prevent overflow on small screens */

  display: block;

}



.gallery-image-card {

  margin-bottom: 20px;

  border: 2px solid #4d3d30;

}



.trigger {

  position: relative;

}





.play-button {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  background: #4d3d30;

  width: 100px;

  height: 100px;

  display: grid;

  place-content: center;

  border-radius: 50%;

}



.play-button i {

  color: #fff;

  font-size: 40px;

}

.feature-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);column-gap: 25px;
}

.feature-container .feature-box {
  display: grid;
  grid-template-columns: 20px auto;
  padding: 10px;
  column-gap: 15px;
  margin-bottom: 15px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.feature-container .feature-box h3 {
  font-size: 18px;
}

/* .feature-container .feature-box .icon {
  width: 80px;
  height: 80px;
  
} */

.feature-container .feature-box .icon i {
  font-size: 25px;
}