@font-face {

  font-family: "Manrope-Medium";

  src: url(../fonts/Manrope-Medium.ttf);

}

@font-face {

  font-family: "Manrope-Regular";

  src: url(../fonts/Manrope-Regular.ttf);

}

@font-face {

  font-family: "Manrope-Light";

  src: url(../fonts/Manrope-Light.ttf);

}

@font-face {

  font-family: "SpaceGrotesk-Bold";

  src: url(../fonts/SpaceGrotesk-Bold.ttf);

}

@font-face {

  font-family: "SpaceGrotesk-Medium";

  src: url(../fonts/SpaceGrotesk-Medium.ttf);

}

@font-face {

  font-family: "SpaceGrotesk-Light";

  src: url(../fonts/SpaceGrotesk-Light.ttf);

}

@font-face {

  font-family: "SpaceGrotesk-Regular";

  src: url(../fonts/SpaceGrotesk-Regular.ttf);

}



body {

  padding: 0;

  margin: 0;

  font-family: "Manrope-Regular";

  color: #403226;

  scroll-behavior: smooth;

}

h1, h2, h3, h4, h5, h6 {

  font-family: "SpaceGrotesk-Bold";

}

a {

  text-decoration: none;

}

p { font-size: 16px; line-height: 1.7;}

section {

  padding: 80px 0;

  position: relative; z-index: 0;

}



/*--- Header CSS Starts ---*/



header { 

  background-color: #fff; /*box-shadow: 0 0 10px rgb(0 0 0 / 20%); */z-index: 99;  position: fixed; width: 100%;

  top: 0;

  /* backdrop-filter: blur(5px); */

  transition: all 300ms ease-in-out;

}

header .navbar { padding: 0; padding: 0 55px; }

header.sticky { position: fixed;top: 0; left: 0; width: 100%; background-color: #fff;box-shadow: 0 0 10px rgb(0 0 0 / 20%);}

header.sticky .top-header { display: none; }

.top-header { padding: 0; background-color: #adadad; padding-left: 100px; }

.home-banner > img, .home-banner > video { width: 100%; height: 89vh; object-fit: cover; }

.home-banner {margin-top: 105px;}

.navbar-brand > img { width: 173px; transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; }

header.sticky .navbar-brand > img { width: 150px; filter: unset; }

header .navbar-nav {

  min-height: calc(100vh - 71px);

}

header.sticky .navbar-nav {

  min-height: calc(100vh - 62px);

  padding-top: 30px;

}

.navbar-nav .nav-item .nav-link {position: relative; overflow: hidden; font-family: "SpaceGrotesk-Bold"; font-size: 24px; color: #3c434a; text-transform: uppercase; padding: 20px 15px; transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;}

.navbar-nav .nav-item > .nav-link::before {

  position: absolute;

  content: "";

  height: 2px;

  width: 80%;

  background-color: #BB9A65;

  left: -100%;

  bottom: 0;

  opacity: 0;

  transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out;

}

.navbar-nav .nav-item:hover > .nav-link::before, .navbar-nav .nav-item > .nav-link.active::before {

  left: 10%;

}

header.sticky .navbar-nav .nav-item .nav-link {color: #3c434a; padding: 20px 15px!important; }

header.sticky .navbar-nav .nav-item.dropdown .nav-link {padding: 20px 25px 20px 15px!important; }

.navbar-nav .nav-item .dropdown-item {

  font-family: "Manrope-Regular"; font-size: 14px; color: #fff; text-transform: uppercase; font-weight: 600;

  color: #403226;

}

.nav-item .dropdown-item:active, .nav-item .dropdown-item:focus, .nav-item .dropdown-item:hover {

  color: #fff;

}

.nav-call {

  margin-left: 20px;

  padding-left: 20px;

  position: relative;

}

.nav-call::before {

  position: absolute;

  content: "";

  height: 60%;

  width: 1px;

  background-color: #fff;

  left: 0;

  top: 0;

  bottom: 0;

  margin: auto;

}

.nav-call img {

  filter: invert(1) brightness(9);

}

header.sticky .nav-call::before {

  background-color: #403226;

}

header.sticky .nav-call img {

  filter: unset;

}

header .navbar-nav.desk-nav .nav-item .nav-link::before {

  position: absolute;

  content: "";

  height: 4px;

  width: calc(100% - 30px);

  left: 0;

  right: 0;

  bottom: 0px;

  top: unset;

  margin: auto;

  background-color: #BB9A65;

  opacity: 0;

  transition: all 300ms ease-in-out;

}

header .navbar-nav.desk-nav .nav-item:hover .nav-link::before,

header .navbar-nav.desk-nav .nav-item .nav-link.active::before {

  opacity: 1;

}

.navbar-nav .nav-item:hover .nav-link, .navbar-nav .nav-item .nav-link.active, .navbar-nav .nav-item .nav-link[aria-expanded="true"]

 { color: #403226 !important; }

header .navbar-nav.desk-nav .nav-item .dropdown-item:hover { background: #efefef; color: #000;}

.navbar-nav.desk-nav .nav-item .dropdown-item.active, .navbar-nav.desk-nav .nav-item .dropdown-item.active:hover {

  color: #BB9A65;

  background-color: #BB9A65;

}

.nav-center li.nav-item {margin: 0 10px;}

header.sticky .navbar-nav .nav-item.register-link .nav-link { padding: 15px 30px!important; }

header .navbar-nav .nav-item .nav-link.search-btn { position: relative;background-color: #BB9A65; height: 40px; width: 40px !important; border-radius: 50%; display: grid; align-items: center; padding: 0 !important; background-image: url(../images/search.png); background-repeat: no-repeat; background-position: center; background-size: 15px; transition: none;}

header .navbar-nav .nav-item .nav-link.search-btn.search-close {background-image: url(../images/close.png); background-color: #BB9A65; background-size: 15px;}

/* header .navbar-nav .nav-item .nav-link.search-btn > img { width: 15px; display: block; margin: 0 auto;} */

.dropdown > .nav-link { 
  padding-right: 35px !important;
  border: 1px solid #ddd;
  padding: 10px 18px;
  border-radius: 30px;
  background: #0a3254;
  color: #fff;
}

.dropdown > .nav-link::after {

  position: absolute;

  content: "";

  height: 16px;

  width: 16px;

  background-image: url(../images/down-arrow.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 12px;

  right: 10px;

  top: 0;

  bottom: 0;

  margin: auto;

  transition: all 300ms ease-in-out;
  filter: invert(0);

}

header.sticky .dropdown > .nav-link::after{

  /* filter: invert(1); */

}

header .dropdown-menu {

  display: block;

  opacity: 0;

  background-color: #fff;

  transform: translateY(20px);

  pointer-events: none;

  border: 0;

  border-radius: 0;

  padding: 10px 5px;

  -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;

  border-radius: 10px 10px;
  left: auto !important;
  right: 0;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
}

.dropdown:hover .dropdown-menu {

  pointer-events: auto;

  opacity: 1;

  transform: translateY(0);

}

.sub-dropdown-menu {

  position: absolute;

  display: block;

  opacity: 0;

  background-color: #fff;

  transform: translateY(20px);

  pointer-events: none;

  border: 0;

  top: 0;

  list-style-type: none;

  left: 100%;

  border-radius: 0;

  padding: 10px 5px;

  -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;

  border-radius: 0 0 10px 10px;

}

.dropdown-menu > li:hover > .sub-dropdown-menu {

  pointer-events: auto;

  opacity: 1;

  transform: translateY(0);

}

header.sticky .dropdown:hover .dropdown-menu.mega-dropdown {top: 60px;}

header.sticky .dropdown .mega-dropdown { top: 60px; }

.dropdown:hover .dropdown-menu.mega-dropdown {opacity: 1;pointer-events: auto;visibility: visible;top: 80px;}

.mega-dropdown {position: fixed!important;top: 118px;left: 0;right: 0;width: 100%;padding: 50px 15px;border:  0;border-radius: 0;box-shadow: 0 10px 15px -10px #808080;-webkit-box-shadow:0 10px 15px -10px #808080;-o-box-shadow: 0 10px 15px -10px #808080;-ms-box-shadow: 0 10px 15px -10px #808080;-moz-box-shadow: 0 10px 15px -10px #808080;transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-webkit-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;display: block;visibility: hidden;opacity: 0;pointer-events: none;border-top: 1px solid #eee;}

.mega-dropdown .dropdown-item { margin: 0; padding: 0; margin-bottom: 20px;}

/* .desk-nav .mega-dropdown .dropdown-item { margin: 0; padding: 0; margin-bottom: 30px;} */

.mega-dropdown .dropdown-item > a { padding: 0; }

.m-title { font-weight: 600; }

.custom-link-content > span { font-family: "Manrope-Regular"; color: #fff; font-size: 13px; float: left; margin-right: 10px; line-height: 1; }

.custom-link-content { position: absolute; padding: 10px 15px; bottom:0; left: 0; width: 100%; z-index: 1;}

header .dropdown-item:hover { background-color: #bb9a65; }

header .dropdown-item {font-size: 14px; padding: 12px 15px; border-radius: 5px; margin-bottom: 1px; color: #403226; }

.menu-link-box { display: block; position: relative; overflow: hidden; }

.menu-link-box .hover-img { z-index: 0;position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0;transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-webkit-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out; }

.hover-img > img { width: 100%; }

/* .menu-link-box::before { position: absolute; content: ""; height: 5px; width: 100%; background-color: #A5E1FF; bottom: 0; transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-webkit-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;} */

/* .menu-link-box:hover::before { opacity: 0.25; } */

.menu-link-box:hover .hover-img { opacity: 1; }

.navbar-toggler  { border: 0;display: grid;height: 24px;align-items: center;position: relative;padding: 0; }

.navbar-toggler:focus {box-shadow: none !important;}

.navbar-toggler .navbar-toggler-icon {

  background-image: none; 

  height: 2px;

  border-radius: 3px;

  display: inline-block;

  background: #BB9A65;

  position: relative;

}

.navbar-toggler::before, .navbar-toggler::after {

  position: absolute;

  content: ""; 

  right: 0;

  top: -10px;

  background: #BB9A65;

  transform: rotate(0deg);

  position: absolute;

  content: "";

  height: 2px;

  width: 18px; 

  border-radius: 3px;

  margin: auto;

  transform-origin: right top;

  transform-style: preserve-3D;

  transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  -moz-transition: all 300ms ease-in-out;

  -ms-transition: all 300ms ease-in-out;

  -webkit-transition: all 300ms ease-in-out;

}

.navbar-toggler::before {

  top: 0;

  bottom: unset;

  transform-origin: right top;

  transform-style: preserve-3D;

}

.navbar-toggler::after {

  top: unset;

  transform-origin: right bottom;

  transform-style: preserve-3D;

  bottom: 0;

}

.navbar-toggler:hover::before, .navbar-toggler:hover::after {
  width: 100%;
}

.navbar-toggler[aria-expanded="true"]::before {

  transform: rotate(-45deg);

  top: 0;

  width: 32px;

}

.navbar-toggler[aria-expanded="true"]::after {

  transform: rotate(45deg);

  bottom: 0;

  width: 32px;

}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {

  background-color: transparent;

}

.dropdown-toggle::after {

  border: 0;

  content: url(../images/arrow-down.svg);

  right: 0;

  bottom: 0;

  top: 0;

  margin: 0 0 0 7px;

  position: relative;

  /* align-items: center; */

  /* display: flex; */

  filter: grayscale(1);

  transition: all 300ms ease-in-out;

  -o-transition: all 300ms ease-in-out;

  -moz-transition: all 300ms ease-in-out;

  -ms-transition: all 300ms ease-in-out;

  -webkit-transition: all 300ms ease-in-out;



}

.dropdown:hover .dropdown-toggle::after { 
  /* filter: grayscale(0); */
  border: 0;
}

.offcanvas-body {

  background-image: url(../images/asset-2.svg);

  background-repeat: no-repeat;

  background-position: 95% 85%;

  background-size: 40%;

}



/* Home Slider CSS Starts */

.home-slider {

  margin-top: 71px;

}

.main-banner .carousel-item { position: relative; border-radius: 30px; overflow: hidden; }

.main-banner .carousel-item::before { 

  position: absolute;

  content: "";

  height: calc(100%);

  width: 100%;

  left: 0;

  top: 0;  

  /* background: linear-gradient(315deg,#403226 0%,#403226 100%); */

  transition: background-color 300ms ease-in-out;

  background: linear-gradient(315deg,#403226 0%,rgba(52,55,61,1) 100%);

  opacity: 0.6;

}

.main-banner .carousel-item > video {

  height: 100vh;

  min-height: 768px;

  width: 100%;

  object-fit: cover;

}

.custom-carousel-caption {

  position: absolute;

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  display: flex;

  align-items: center;

}

.caption-wrap {

  /* background: rgba(64, 50, 38, 0.94); */

  padding: 50px 30px;

  border-radius: 30px;

}

.custom-carousel-caption h2 {

  font-size: 50px;

  color: #fff;

  margin-bottom: 15px;

  text-align: left;

  font-family: "SpaceGrotesk-Regular";

}

.custom-carousel-caption h5 {

  color: #fff;

  line-height: 1.5;

  font-weight: 300;

  font-family: "Manrope-Light";

  /* letter-spacing: 2px; */

  text-align: left;

}

/* Home Slider CSS Ends */

.custom-btn {z-index: 0; display: inline-block; text-decoration: none; position: relative; 

  font-size: 16px; border-radius: 30px; color: #fff; font-weight: 500; padding: 12px 35px; border: 1px solid #0a3254; transition: all 300ms ease-in-out; background: #0a3254; font-family: "SpaceGrotesk-Regular";

}

.custom-btn i { margin-left: 5px; }

.custom-btn:hover { color: #fff; background-color: #16161e;}

.custom-btn::after { 

  position: absolute;

  content: "";

  height: 46px;

  width: 46px;

  transition: all 300ms ease-in-out;

  background-color: #BB9A65;

  z-index: 1;

  right: -35px;

  top: 0;

  background-image: url(../images/arrow-small-left.svg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 18px;

  border-radius: 50%;

}

.custom-btn:hover::after { transform: rotate(45deg); right: -40px; }

.section-heading {

  color: #403226;

  font-family: "SpaceGrotesk-Bold";

}

.semi-heading {

  text-transform: uppercase;

  /* letter-spacing: 2px; */

  color: #BB9A65;

  font-family: "SpaceGrotesk-Regular";

  font-size: 14px;

  display: inline-block;

  position: relative;

  padding-left: 15px;

}

.semi-heading::before {

  position: absolute;

  content: "";

  height: 17px;

  width: 17px;

  border-radius: 50%;

  background: linear-gradient(to right, #BB9A65 50%, transparent 50%);

  z-index: -1;

  left: 0;

  bottom: 0;

  top: 0;

  margin: auto;

}

.custom-btn.btn-dark {color: #fff; background-color: #BB9A65; border: 1px solid #BB9A65}

.custom-btn.btn-dark:hover {color: #fff; border-color: #403226;}

.custom-btn.btn-dark::after {background-color: #403226; }

.custom-btn.btn-light {   

  color: #BB9A65;

  background-color: transparent;

  border: 1px solid #c1c1c1;

}

.custom-btn.btn-light:hover {color: #BB9A65; border-color: #BB9A65; background-color: #fff;}

.custom-btn.btn-light::after {background-color: #BB9A65; }

.about-intro-section {position: relative;}

.about-intro-section::after {

  position: absolute;

  content: "";

  height: 80%;

  width: 20%;

  bottom: 0;

  right: 0;

  background-image: url(../images/asset-vr.svg);

  font-family: "SpaceGrotesk-Regular";

  background-size: contain;

  background-repeat: no-repeat;

  z-index: -1;

  background-position: 90% 100%;

}

.about-intro-section::before {

  position: absolute;

  content: "";

  height: 50%;

  width: 20%;

  max-width: 160px;

  top: 5%;

  left: 0;

  background-image: url(../images/asset-1.svg);

  background-size: contain;

  background-repeat: no-repeat;

  z-index: -1;

  background-position: left top;

}

.bg-custom-light {

  background-color: #F9F9FA;

}

.bg-custom-dark {

  background-color: #403226;

}

.col-service { position: relative; overflow: hidden; margin: 15px 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%; max-width: 33.333333%;padding-right: 15px;padding-left: 15px }

.service-item {position: relative; transition: all 300ms ease-in-out; background-color: #fff;}

.service-item:hover {

  box-shadow: 10px 10px 15px 5px rgba(52,55,61,0.05);

  background-color: #BB9A65;

}

.service-item h3 { 

  color: #403226;

  font-family: "SpaceGrotesk-Bold";

  font-size: 22px;

  margin-bottom: 15px;

}

.service-item p {

  display: -webkit-box;

  overflow: hidden;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

}

.service-item:hover p, .service-item:hover h3 {

  color: #fff;

}

.service-icon > img {

  width: 60px;

  height: 60px;

  object-fit: contain;

}

.service-item:hover .service-icon > img {

  filter: invert(1) brightness(0);

}

.cta-link {

  color: #403226;

  display: inline-block;

  padding-right: 25px;

  background-image: url(../images/next.png);

  background-repeat: no-repeat;

  background-position: center right;

  transition: all 300ms ease-in-out;

  background-size: 16px;

  font-weight: 500;

}

.cta-link:hover {

  padding-right: 35px;

  color: #BB9A65;

}

.service-item:hover .cta-link {

  filter: invert(1) brightness(9);

}

.about-thumb-wrapper { position: relative; padding-bottom: 70px; margin-bottom: 50px;}

.about-thumb-wrapper .about-thumb-rc {

  width: 80%;

  margin-left: auto;

  display: block;

}

.about-thumb-wrapper img:nth-child(2) {

  position: absolute;

  bottom: -30px;

  left: 0;

  max-width: 80%;

  aspect-ratio: 1/1.05;

  object-fit: cover;

}

.est-year {

  color: #BB9A65;

  font-size: 20px;

  display: inline-block;

  padding: 10px;

  position: absolute;

  top: 10px;

  left: 0;

}

.est-year > span:nth-child(1) {

  text-transform: uppercase;

  font-size: 16px;

  font-family: "SpaceGrotesk-Light";



}

.est-year > span:nth-child(2) {

  font-size: 60px !important;

  line-height: 1;

  font-family: "SpaceGrotesk-Bold";

}

.desc { color: #000;}

.desc ul li, .desc p {

  margin-bottom: 10px;

}

.bg-img {

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.call-to-action-block::before {

  position: absolute;

  content: "";

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  background-color: #BB9A65;

  opacity: 0.9;

}

.portfolio-home-section {

  position: relative;

}

.portfolio-home-section::after {

  position: absolute;

  content: "";

  height: 100%;

  width: 80%;

  background-image: url(../images/BG.png);

  background-repeat: no-repeat;

  background-position: bottom left;

  background-size: contain;

  left: 0;

  top: 0;

  z-index: -1;

  opacity: 0.09;

}

.bordered-title {

  font-family: "SpaceGrotesk-Regular";

  font-size: 120px;

  color: transparent;

  -webkit-text-stroke: 0.5px #BB9A65;

  -webkit-text-fill-color: transparent;

  position: absolute;

  bottom: 0;

  left: 0;

  opacity: 0.5;

  line-height: 0.8;

  pointer-events: none;

  z-index: -1;

}

.bg-tm-90 {

  position: relative;

  margin-left: 15px;

  margin-right: 15px;

  border-radius: 30px;

  background-color: #0a3254;

}

.bg-tm-90::before {

  position: absolute;

  content: "";

  height: 100%;

  width: 100%;

  left: 0;

  right: 0;

  top: 0;

  margin: 0 auto;

  background-image: url(../images/bg-wave.svg);

  background-repeat: no-repeat;

  background-position: center;

  z-index: -1;

  /* background-size: cover; */

}

.col-oem { 

  position: relative; overflow: hidden; 

  margin: 15px 0;

  border-radius: 35px;

  /* -ms-flex: 0 0 25%;flex: 0 0 25%; max-width: 25%; */

  /* padding-right: 15px;padding-left: 15px; */

}

.oem-item { position: relative; overflow: hidden;}

.oem-thumb { position: relative; overflow: hidden; }

.oem-thumb::before {

  position: absolute;

  content: '';

  height: 150px;

  width: 150px;

  mask: url(../images/image-shape-bottom.png) bottom right no-repeat;

  -webkit-mask: url(../images/image-shape-bottom.png) bottom right no-repeat;

  background-image: url(../images/image-shape-bottom.png);

  top: unset;

  left: unset;

  right: -1px;

  bottom: -1px;

  background-color: #0a3254;

  z-index: 1;

  background-repeat: no-repeat;

}

.oem-thumb.shape-white::before {

  background-image: url(../images/image-shape-white-bottom.png);

  background-color: #fff;

}

.oem-detail::before {

  content: '';

  position: absolute;

  z-index: -1;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  /* background: rgba(0, 0, 0, 0.3); */

  background: linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0) 73%);

  -webkit-transition: opacity 0.3s ease-out, background-color 0.3s ease-out;

  -ms-transition: opacity 0.3s ease-out,background-color 0.3s ease-out;

  transition: opacity 0.3s ease-out, background-color 0.3s ease-out;

}

.oem-detail {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 0;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-justify-content: stretch;

  -ms-flex-pack: stretch;

  justify-content: stretch;

  -webkit-align-items: flex-start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-box-sizing: border-box;

  -ms-box-sizing: border-box;

  box-sizing: border-box;

  width: 100%;

  max-height: 100%;

  height: 100%;

  overflow: hidden;

  padding: 30px;

}

.port-content-bottom {

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-flex-direction: column;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-justify-content: flex-end;

  -ms-flex-pack: end;

  justify-content: flex-end;

  -webkit-flex-grow: 1;

  -ms-flex-grow: 1;

  flex-grow: 1;

  width: 100%;

  will-change: transform;

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

  -ms-transition: -ms-transform 0.3s ease-out;

  transition: transform 0.3s ease-out;

  -webkit-transform: translateY(30px);

  -ms-transform: translateY(30px);

  transform: translateY(30px);

  padding-bottom: 15px;

}

.oem-item:hover .oem-detail::before {

  background: linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0) 73%);

  /* opacity: 0.5; */

}

.port-content-top {

  margin-bottom: 20px;

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

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

  transform: translateY(-15px);

  opacity: 0;

  will-change: transform, opacity;

  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-out;

  -ms-transition: -ms-transform 0.3s ease-out,opacity 0.3s ease-out;

  transition: transform 0.3s ease-out, opacity 0.3s ease-out;

}

.oem-item:hover .port-content-bottom {

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

}

.oem-item:hover .port-content-top {

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

  opacity: 1;

  font-size: 18px;

  font-weight: 700;

}

.port-title {

  font-size: 18px;

  color: #fff;

  max-width: 80%;

}

.port-subtitle {

  opacity: 0;

  will-change: opacity;

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

  -ms-transition: opacity 0.3s ease-out;

  transition: opacity 0.3s ease-out;

  color: #fff;

  font-weight: 400;

  font-family: "Manrope-Regular";

  font-size: 18px;

}

.oem-item:hover .port-subtitle { opacity: 1;}

.oem-thumb > img {

  transition: all 300ms ease-in-out;

  aspect-ratio: 1 / 1.15;

  object-fit: cover;

  box-sizing: border-box;

}

.oem-item:hover .oem-thumb > img {

  transform: scale(1.1);

}

/* Footer CSS Starts */



.f-title button {

  display: none;

}

.f-listing { list-style-type: none;}

.main-footer p { color: #b2b2b2;}

.f-listing > li > a{

  color: #b2b2b2;

}

.f-listing > li > a:hover {

  color: #fff;

}

.developedby-wrap a > img {

  width: 18px;

  filter: grayscale(1) brightness(9);

  transition: all 300ms ease-in-out;

  margin-left: auto; display: block;

}

.footer-logo > img {width: auto; max-width: 200px; filter: grayscale(1) brightness(9); }

footer {

  position: relative;

  padding: 0;

  color: #fff;

  padding-top: 40px;
  background-image: url(../images/Banner-2.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  z-index: 0;

}
footer::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(315deg,#0a3254 0%,#0a3254 100%);
  opacity: 0.955;
  z-index: -1;
}

.f-title {font-family: "SpaceGrotesk-Medium";color: #bb9a65;letter-spacing: 0px;font-size: 20px;margin-bottom: 20px;position: relative; font-weight: inherit;}

.f-title button { display: none; }

.footer-links, .contact-info { list-style-type: none; padding-left: 0;}

.footer-collapse {border-top: 1px solid #ffffff70;padding-top: 25px;margin-top: 25px;}

.footer-links > li, .contact-info > li { margin-bottom: 10px; font-size: 14px; color: #fff;  font-family: "Manrope-Light"; transition: all 300ms ease-in-out; width: max-content; }

.footer-links > li  a, .footer-links > li > span, .contact-info > li > span, .contact-info > li > a {color: #fff;font-family: "Manrope-Light";display: inline-block;font-size: 15px;font-weight: 400;}

.footer-links > li > a:hover, .contact-info > li > a:hover {color: #fff;}

.social-links > li { display: inline-block; margin-right: 10px; }

.social-links > li:last-child { margin-right: 0;}

.footer-links > li > h6 { font-size: 14px; margin-bottom: 8px; font-family: "Manrope-Regular"; margin-top: 15px; letter-spacing: 0px;}

.social-links > li > a { border-radius: 50%; height: 30px; width: 30px; display: grid; align-items: center; text-align: center; }

.social-links > li > a > img { display: block; margin: 0 auto; transition: all 300ms ease-in-out; }

/* .social-links > li > a:hover > img { filter: invert(1);} */

.footer-bottom { padding: 0 60px 0; background-color: #082843;}

.footer-bottom  p { font-family: "Manrope-Light"; font-size: 14px; color: #fff; margin: 0;line-height: 1.7; }

.footer-bottom a { font-family: "Manrope-Light"; font-size: 11px; color: #fff; }

.footer-main {

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

  background-repeat: no-repeat;

  background-position: 90% 15%;

  background-size: contain; */

  padding: 50px 60px 50px;

  /* margin-bottom: 50px; */

  position: relative;

}

/* .footer-main { margin-bottom: 100px; } */

.footer-main .desc p { color: #fff; font-size: 16px; line-height: 1.8;}

.mega-dropdown ul { padding-left: 0;}

.f-title .accordion-button::after {

  display: block;

  background-image: url(../images/plus.png);

  background-size: 16px;

  background-position: center;

  width: 20px;

  height: 100%;

}

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

  background-image: url(../images/minus.png);

}

.developedby-wrap > img {

  filter: grayscale(1) brightness(9);

  width: 18px;

  transition: all 300ms ease-in-out;

}

.developedby-wrap:hover > img {

  filter: unset;

}

/* Footer CSS Ends */



.testimonial-item .profile-img {

  border-radius: 50%;

  height: 70px;

  width: 70px;

  object-fit: cover;

}

.testimonial-item {

  border-radius: 10px;

  padding: 60px 30px 30px;

  background-image: url(../images/quote-right.png);

  background-repeat: no-repeat;

  background-position: 50% 8%;

  background-size: 30px;

}

.testimonial-slider .owl-dots {margin-top: 20px; text-align: center;}

.testimonial-slider .owl-dots .owl-dot {

  margin: 0 3px;

}

.testimonial-slider .owl-dots .owl-dot > span {

  display: inline-block;

  height: 10px;

  width: 10px;

  background-color: #403226;

  border-radius: 50%;

}

.testimonial-slider .owl-dots .owl-dot.active > span {

  background-color: #BB9A65;

}

.custom-owl-slide .owl-dots {margin-top: 20px; text-align: center;}

.custom-owl-slide .owl-dots .owl-dot {

  margin: 0 3px;

}

.custom-owl-slide .owl-dots .owl-dot > span {

  display: inline-block;

  height: 10px;

  width: 10px;

  background-color: rgba(187, 154, 101, 0.6);

  border-radius: 50%;

}

.custom-owl-slide .owl-dots .owl-dot.active > span {

  background-color: rgba(187, 154, 101, 1);

}

.home-oem-slide .owl-nav {

  position: absolute;

  top: -70px;

  display: inline-block;

  width: max-content;

  left: 33.4%;

}

.custom-owl-slide .owl-nav .owl-prev,

.custom-owl-slide .owl-nav .owl-next,

.my-owl-nav .my-owl-prev,

.my-owl-nav .my-owl-next {

  border: 0;

  height: 50px;

  width: 50px;

  border-radius: 50%;

  background-color: #BB9A65 !important;

  margin-right: 10px;

}

.custom-owl-slide .owl-nav .owl-prev > img,

.custom-owl-slide .owl-nav .owl-next > img,

.my-owl-nav .my-owl-prev > img,

.my-owl-nav .my-owl-next > img {

  width: 13px;   

  display: block;

  margin: 0 auto;

}

.custom-owl-slide .owl-nav .owl-next > img,

.my-owl-nav .my-owl-next > img {

  filter: grayscale(1) brightness(9);

}

.custom-owl-slide .owl-nav .owl-prev,

.my-owl-nav .my-owl-prev{

background-color: #fff !important;

}

.t-name {

  font-weight: 700;

  font-size: 18px;

  color: #403226;

}

.t-designation {

  font-size: 14px;

  color: #403226;

}

.col-blog { position: relative; overflow: hidden; margin: 15px 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%; max-width: 33.333333%;padding-right: 15px;padding-left: 15px }

.blog-item  {

  box-shadow: 0 3px 20px rgb(0 0 0 / 10%);

  position: relative;

  overflow: hidden;

  border-top: 3px solid #fff;

  transition: all 300ms ease-in-out;

}

.blog-title {

  font-weight: 700;

  color: #403226;

}

.blog-thumb {

  position: relative;

  overflow: hidden;

}

.blog-thumb > img {

  aspect-ratio: 1 / 0.73;

  object-fit: cover;

  transition: all 300ms ease-in-out;

}

.blog-item:hover .blog-thumb > img {

  transform: scale(1.07);

}

.blog-item:hover .cta-link {

  padding-right: 35px;

  color: #BB9A65;

}

.blog-item:hover {

  border-color: #BB9A65;

}

.blog-date { color: #131220; }

.map > iframe {

  border:0;

  height: 500px;

  width: 100%;

}

.inner-banner-wrap {

  background-image: url(../images/arches.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

  padding: 100px 0;

  min-height: 400px;

  position: relative;

  z-index: 0;

  display: flex;

  align-items: center;

  justify-content: center;

}

.inner-banner-wrap::before {

  position: absolute;

  content: "";

  height: 100%;

  width: 100%;

  left: 0;

  top: 0;

  background-color: #403226;

  opacity: 0.5;

  z-index: -1;

}

.contact-info > li > a:hover {

  color: #BB9A65;

  text-decoration: underline;

}

.custom-form label {

  font-size: 15px;

}

.custom-form label.error {

  color: red;  

}

.custom-form .form-control {

  border-radius: 0;

  background-color: #fff;

  border-color: #ddd;

  border-radius: 30px;

  font-size: 15px;

  padding: 15px;

}

.custom-form .form-control:focus {

  box-shadow: none;

  border-color: rgba(187, 154, 101, 0.6);

}

.custom-form textarea.form-control {

  height: 100px;

}

.custom-form .form-floating>textarea:focus~label::after, 

.custom-form .form-floating>textarea:not(:placeholder-shown)~label::after {

  background-color: transparent;

}

.contact-wrapper::after {

  position: absolute;

  content: "";

  height: 100%;

  width: 50%;

  top: 0;

  left: 0;

  background-image: url(../images/constraction-decor-image.png);

  background-size: contain;

  background-repeat: no-repeat;

  z-index: -1;

  background-position: 0%;

}

.custom-caption h1 {

  font-size: 50px;

  color: #fff;

  font-weight: 900;

  margin-bottom: 15px;

  text-transform: uppercase;

}

.custom-caption h5 {

  color: #fff;

  text-transform: uppercase;

  font-weight: 300;

  line-height: 1.5;

  letter-spacing: 2px;

}

.breadcrumb-item+.breadcrumb-item::before {

  color: #fff;

}

.vector-lb-vr::before {

  position: absolute;

  content: "";

  height: 80%;

  width: 20%;

  bottom: 0;

  left: 0;

  background-image: url(../images/asset-vr-2.svg);

  font-family: "SpaceGrotesk-Regular";

  background-size: contain;

  background-repeat: no-repeat;

  z-index: -1;

  background-position: 10% 90%;

}

.vector-tr::after {

  position: absolute;

  content: "";

  height: 50%;

  width: 20%;

  max-width: 160px;

  top: 5%;

  right: 0;

  background-image: url(../images/asset-2.svg);

  background-size: contain;

  background-repeat: no-repeat;

  z-index: -1;

  background-position: right top;

}

.mcf-item {

  display: grid;

  align-items: center;

  margin-top: 20px;

  margin-bottom: 20px;

  grid-template-columns: 25% 75%;

}

.mcf-item .mcf-thumb {

  margin-right: 15px;

  height: 65px;

  width: 65px;

  border-radius: 50%;

  background-color: #0a3254;

  display: grid;

  align-items: center;

}

.mcf-item .mcf-thumb > img {

  height: 42px;

  width: 42px;

  object-fit: contain;

  display: block;

  margin: 0 auto;

}

.tm-thumb > img {

  border-radius: 30px;

  height: 100%;

  object-fit: cover;

}

.bg-tm-gradient {

  background: linear-gradient(315deg,#0a3254 0%,#0a3254 100%);

}

.subscribe-form .form-control {

  border-radius: 40px;

  background-color: transparent;

  border: 1px solid #c1c1c1;

  color: #fff;

  font-size: 14px;

  padding-left: 20px;

  box-shadow: none !important;

}

.subscribe-form label {

  font-size: 14px;

}

.vector-lb-vr-two::before {

  position: absolute;

  content: "";

  height: 80%;

  width: 20%;

  bottom: 0;

  left: 0;

  background-image: url(../images/asset-vr-3.svg);

  font-family: "SpaceGrotesk-Regular";

  background-size: contain;

  background-repeat: no-repeat;

  z-index: -1;

  background-position: 10% 90%;

}
.carousel-control-prev, .carousel-control-next {
  display: inline-block;
  height: 30px;
  width: 30px;
  margin: auto 20px;
}
.animate-img > img {
    border-radius: 50%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
	max-width:80%;
}