@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css");

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

:root {
  --theme-color: #f8c040;
  --black: #000;
  --white: #fff;
  --paragraph: #1e1e1e;
}

* {
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-decoration: none;
  outline: none;
  box-sizing: border-box;
}

body {
  font-family: "Geist", sans-serif;
  margin: 0;
  padding: 0;
  background-color: #000;
}

::selection {
  background-color: var(--theme-color);
  color: #fff;
  text-shadow: none;
}

h3,
h4,
h5,
h6 {
  font-family: "Geist", sans-serif;
  margin: 0;
  padding: 0;
}

p {
  font-family: "Geist", sans-serif;
  font-size: 17px;
  padding: 0;
  margin: 10px 0 0;
  color: #fff;
  font-weight: 400;
}

ul,
li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

img {
  max-width: 100%;
  border: none;
}

a {
  text-decoration: none;
  outline: none !important;
}

html {
  scroll-behavior: smooth;
  font-size: 100%;
}

.p-80 {
  padding: 80px 0;
}

.title1 h1 {
  font-size: 100px;
  color: var(--white);
  line-height: 95px;
  position: relative;
  font-weight: 500;
  text-transform: uppercase;
}

.title1 h1 span {
  color: #aeaeae;
  background: linear-gradient(110deg, #777 20%, #fff 40%, #aeaeae 60%);
  background-size: 250% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textShine 4s ease-in-out infinite;
}

.title1 h1 strong {
  font-weight: 600;
  color: var(--theme-color);
  background: linear-gradient(
    to top,
    var(--theme-color) 0%,
    var(--theme-color) 50%,
    #fff 50%,
    #fff 100%
  );
  background-size: 100% 200%;
  background-position: 0 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: colorRise 2.8s ease-in-out infinite alternate;
}

@keyframes colorRise {
  0% {
    background-position: 0 100%;
  }

  100% {
    background-position: 0 0%;
  }
}

.title2 h2 {
  font-size: 75px;
  color: var(--black);
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 50px;
}

.title3 h3 {
  font-size: 70px;
  color: var(--white);
  font-weight: 500;
  margin-bottom: 15px;
  line-height: 75px;
}

.title4 h4 {
  font-size: 35px;
  color: var(--black);
  font-weight: 600;
}

.title5 h5 {
  font-size: 30px;
  color: var(--black);
}

.title6 h6 {
  font-size: 16px;
  color: var(--paragraph);
  font-weight: 500;
  margin-bottom: 0px;
  transition: 0.6s;
}

.btn01 {
  position: relative;
  font-size: 15px;
  border-radius: 30px;
  padding: 14px 25px;
  font-weight: 500;
  letter-spacing: 1px;
  color: var(--black);
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  background: linear-gradient(
    90deg,
    rgba(247, 227, 180, 1) 0%,
    rgba(219, 173, 62, 1) 30%,
    rgba(250, 227, 187, 1) 64%,
    rgba(219, 173, 62, 1) 99%
  );
  background-size: 200% 100%;
  background-position: 0% 50%;
  transition: background-position 0.6s ease,
    transform 0.4s ease;
}

.btn01:hover {
  background-position: 100% 50%;
  transform: translateY(-5px);
}

/*// backToTop //*/
#backToTop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 45px;
  height: 45px;
  padding: 4px;
  background: linear-gradient(to bottom, #6a5628, #f8c040);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  border: 1px solid rgb(255 255 255 / 89%);
  transition: 0.6s;
}

#backToTop .fa-arrow-up {
  font-size: 18px;
  color: #fff;
  top: -1px;
  position: relative;
}

#backToTop:hover {
  background-color: #f15c5a;
  transform: scale(1.1);
}

#backToTop:hover svg {
  transform: translateY(-3px);
}
/*// backToTop //*/

.form-select:focus {
  box-shadow: none;
}

a {
  text-decoration: none;
}

.subTag {
  margin-bottom: 15px;
}

.subTag h6 {
    font-size: 16px;
    color: var(--theme-color);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 24px;
}

.subTag h6:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 1px;
  background-color: var(--theme-color);
}

.subTag h6:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 1px;
  background-color: var(--theme-color);
}

/* ======================================================================= */
/* header start */
/* ======================================================================= */
.headerarea {
  padding: 25px 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid #ffffff6b;
  z-index: 11;
}

.headerarea .logo {
  width: 100%;
  max-width: 250px;
  position: relative;
  display: inline-block;
}

.nav-menu > li > a:hover {
  color: var(--theme-color);
}

.headerarea.fix .logo {
  max-width: 230px;
}

.headerarea.fix {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 0;
  background-color: #000000;
  padding: 20px 0;
  z-index: 33;
  box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rightMenu h6 {
  font-size: 17px;
  color: #FFD064;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
/*
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;*/
  ;
}

.rightMenu .d-flex.align-items-center.justify-content-between.gap-3 span a {
  width: 40px;
  height: 40px;
  flex-basis: 40px;
  flex-shrink: 0;
  border: 1px solid var(--theme-color);
  border-radius: 50%;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rightMenu h6 a {
  color: var(--white);
}

.rightMenu span {
  width: 26px;
  height: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000000;
  padding: 0;
}

.rightMenu span img {
  animation: shake 1.5s infinite;
  max-width: 16px;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255,255,255,0.7);
  }

  70% {
    transform: scale(1.05);
    box-shadow: 0 0 0 15px rgba(255,255,255,0);
  }

  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(255,255,255,0);
  }
}

@keyframes ripple {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }

  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}

@keyframes shake {
  0%, 100% {
    transform: rotate(0deg);
  }

  20% {
    transform: rotate(15deg);
  }

  40% {
    transform: rotate(-15deg);
  }

  60% {
    transform: rotate(10deg);
  }

  80% {
    transform: rotate(-10deg);
  }
}

.menus {
  width: 49px;
  height: 49px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}

.borderLine {
  position: relative;
  width: 23px;
  height: 2px;
  background-color: #000;
  border-radius: 10px;
  display: inline-block;
}

.borderLine:before {
  content: "";
  position: absolute;
  top: -7px;
  left: 0;
  width: 15px;
  height: 2px;
  background-color: #000;
  border-radius: 10px;
  transition: 0.6s;
}

.borderLine:after {
  content: "";
  position: absolute;
  bottom: -7px;
  right: 0;
  width: 15px;
  height: 2px;
  background-color: #000;
  border-radius: 10px;
  transition: 0.6s;
}

.menus:hover .borderLine:before, .menus:hover .borderLine:after {
  width: 23px;
}

.rightMenu {
  gap: 50px;
}

.fullscreen-menu {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100vh;
  min-height: 100vh;
  background: #000;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-100%);
  transition: transform 0.8s cubic-bezier(0.77, 0, 0.175, 1),
        opacity 0.4s ease,
        visibility 0.8s ease;
  overflow-y: auto;
}

.fullscreen-menu.active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.fullscreen-menu-header {
  width: 100%;
  padding: 25px 5%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255,255,255,0.15);
}

.menu-logo {
  max-width: 250px;
}

.menu-logo img {
  width: 100%;
  display: block;
}

.menu-close {
  width: 49px;
  height: 49px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  padding: 0;
}

.menu-close span {
  position: absolute;
  width: 23px;
  height: 2px;
  background: #000;
  border-radius: 10px;
  transition: 0.4s ease;
}

.menu-close span:first-child {
  transform: rotate(45deg);
}

.menu-close span:last-child {
  transform: rotate(-45deg);
}

.menu-close:hover span:first-child {
  transform: rotate(0deg);
}

.menu-close:hover span:last-child {
  transform: rotate(0deg);
}

.fullscreen-menu-content {
  width: 100%;
  min-height: calc(100vh - 100px);
  padding: 70px 5%;
  display: grid;
  grid-template-columns: 1.5fr 0.7fr;
  gap: 80px;
  align-items: center;
}

.main-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: 850px;
}

.main-menu li {
  position: relative;
  border-bottom: 1px solid rgba(255,255,255,0.15);
  overflow: hidden;
}

.main-menu li a {
  display: flex;
  align-items: center;
  gap: 35px;
  padding: 18px 0;
  color: #fff;
  text-decoration: none;
  font-size: clamp(38px, 5vw, 50px);
  font-weight: 200;
  line-height: 1;
  transition: 0.5s ease;
  position: relative;
}

.main-menu li a span {
  font-size: 14px;
  color: #FFD064;
  min-width: 35px;
  letter-spacing: 1px;
  transition: 0.4s ease;
}

.main-menu li a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  background: #FFD064;
  transition: 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}

.main-menu li:hover a {
  color: #FFD064;
  padding-left: 20px;
}

.main-menu li:hover a:after {
  width: 100%;
}

.main-menu li:hover a span {
  color: #fff;
}

.menu-contact {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-left: 50px;
  border-left: 1px solid rgba(255,255,255,0.15);
}

.menu-contact-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.menu-contact small {
  color: #FFD064;
  font-size: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.menu-contact-item a {
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  transition: 0.3s ease;
}

.menu-contact-item a:hover {
  color: #FFD064;
}

.menu-social {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}

.social-links a {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  transition: 0.3s ease;
}

.social-links a:hover {
  color: #FFD064;
}

.menu-contact p {
  margin-top: 0;
}

body.menu-open {
  overflow: hidden;
}

.menus {
  border: 0;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
}

.menus .borderLine {
  transition: 0.4s ease;
}

@media (max-width: 1199px) {

  .rightMenu {
    gap: 35px;
  }

  .rightMenu h6 {
    font-size: 15px;
  }

  .fullscreen-menu-content {
    grid-template-columns: 1fr 0.6fr;
    gap: 50px;
    padding: 60px 5%;
  }

  .main-menu li a {
    font-size: clamp(35px, 5vw, 60px);
  }
}

@media (max-width: 991px) {

  .headerarea {
    padding: 20px 0;
  }

  .headerarea .logo {
    max-width: 210px;
  }

  .rightMenu {
    gap: 20px;
  }

  /*.rightMenu > div:first-child {
    display: none !important;
  }

  .rightMenu .btn01 {
    display: none;
  }*/

  .fullscreen-menu-content {
    grid-template-columns: 1fr;
    padding: 50px 7%;
  }

  .main-menu {
    max-width: 100%;
  }

  .main-menu li a {
    font-size: clamp(40px, 8vw, 65px);
    padding: 16px 0;
  }

  .menu-contact {
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,0.15);
    padding-left: 0;
    padding-top: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
  }
}

@media (max-width: 768px) {

  .fullscreen-menu-header {
    padding: 20px 25px;
  }

  .menu-logo {
    max-width: 190px;
  }

  .menu-close {
    width: 45px;
    height: 45px;
  }

  .fullscreen-menu-content {
    padding: 45px 25px;
  }

  .main-menu li a {
    gap: 20px;
    font-size: clamp(35px, 9vw, 55px);
  }

  .main-menu li a span {
    font-size: 11px;
    min-width: 25px;
  }

  .menu-contact {
    grid-template-columns: 1fr;
    gap: 25px;
  }
}

@media (max-width: 576px) {

  .headerarea {
    padding: 15px 0;
  }

  .headerarea .logo {
    max-width: 175px;
  }

  .menus {
    width: 44px;
    height: 44px;
  }

  .borderLine {
    width: 21px;
  }

  .borderLine:before,
    .borderLine:after {
    width: 14px;
  }

  .fullscreen-menu-header {
    padding: 18px 20px;
  }

  .menu-logo {
    max-width: 170px;
  }

  .fullscreen-menu-content {
    padding: 35px 20px;
  }

  .main-menu li a {
    font-size: 36px;
    padding: 15px 0;
    gap: 15px;
  }

  .main-menu li:hover a {
    padding-left: 10px;
  }

  .menu-contact {
    gap: 20px;
  }
}

@media (max-width: 425px) {

  .headerarea .logo {
    max-width: 155px;
  }

  .menus {
    width: 42px;
    height: 42px;
  }

  .menu-close {
    width: 42px;
    height: 42px;
  }

  .main-menu li a {
    font-size: 30px;
  }

  .menu-contact-item a {
    font-size: 17px;
  }
}

@media (max-width: 375px) {

  .headerarea .logo {
    max-width: 145px;
  }

  .main-menu li a {
    font-size: 27px;
  }

  .fullscreen-menu-content {
    padding: 30px 18px;
  }
}

/* ======================================================================= */
/* banner_sec start */
/* ======================================================================= */
.banner_sec {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.banner_sec .title1 h6 {
  font-size: 25px;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin-bottom: 20px;
}

.banner_sec .btn01 {
  border-radius: 15px;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
  margin-top: 35px;
}

.banner_sec .btn01 img {
  max-width: 18px;
  object-fit: contain;
}
/*
.banner_sec {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
}*/

/**/

.threeD_slider {
  width: 100%;
  height: 100%;
  min-height: 700px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1400px;
  perspective-origin: center center;
  margin-top: 120px;
}

.slider_stage {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
}

.threeD_slide {
  width: 100%;
  height: 280px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform-style: preserve-3d;
  overflow: hidden;
  transition: transform 1s cubic-bezier(0.77, 0, 0.18, 1),
    opacity 1s ease,
    filter 1s ease,
    clip-path 1s cubic-bezier(0.77, 0, 0.18, 1);
  will-change: transform, opacity, filter;
}

.threeD_slide img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
}

.threeD_slide.active {
  z-index: 10;
  opacity: 1;
  transform: translate3d(-50%, -50%, 180px) scale(1);
  clip-path: polygon(7% 0%, 93% 0%, 100% 100%, 0% 100%);
  filter: brightness(1);
}

.threeD_slide.prev {
  z-index: 5;
  opacity: 0.95;
  transform: translate3d(-50%, -122%, -100px) scale(0.92);
  clip-path: polygon(12% 0%, 88% 0%, 100% 100%, 0% 100%);
  filter: brightness(0.9);
}

.threeD_slide.next {
  z-index: 5;
  opacity: 0.95;
  transform: translate3d(-50%, 22%, -100px) scale(0.92);
  clip-path: polygon(0% 0%, 100% 0%, 88% 100%, 12% 100%);
  filter: brightness(0.92);
}

.threeD_slide.prev2 {
  z-index: 2;
  opacity: 0.75;
  transform: translate3d(-50%, -205%, -300px) scale(0.78);
  clip-path: polygon(15% 0%, 85% 0%, 94% 100%, 6% 100%);
  filter: brightness(0.7);
}

.threeD_slide.next2 {
  z-index: 2;
  opacity: 0.75;
  transform: translate3d(-50%, 105%, -300px) scale(0.78);
  clip-path: polygon(6% 0%, 94% 0%, 85% 100%, 15% 100%);
  filter: brightness(0.7);
}

.threeD_slide.hidden {
  z-index: 0;
  opacity: 0;
  transform: translate3d(-50%, -50%, -500px) scale(0.5);
  filter: brightness(0.4);
}

.slider_controls {
  position: absolute;
  left: 50%;
  bottom: 35px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 50;
}

.slider_dot {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  transition: 0.3s ease;
}

.slider_dot.active {
  width: 30px;
  border-radius: 20px;
  background: #fff;
}

.slider_arrow {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  z-index: 50;
  transition: 0.3s ease;
  backdrop-filter: blur(10px);
}

.slider_arrow:hover {
  background: #fff;
  color: #111;
}

.slider_prev {
  left: 30px;
}

.slider_next {
  right: 30px;
}

@media (max-width: 1199px) {
  .slider_stage {
    width: 82vw;
    height: 650px;
  }

  .threeD_slide {
    height: 330px;
  }

  .threeD_slide.prev {
    transform: translate3d(-50%, -118%, -100px) scale(0.9);
  }

  .threeD_slide.next {
    transform: translate3d(-50%, 18%, -100px) scale(0.9);
  }
}

@media (max-width: 767px) {
  .threeD_slider {
    min-height: 500px;
    height: 100%;
    perspective: 1000px;
  }

  .slider_stage {
    width: 94vw;
    height: 520px;
  }

  .threeD_slide {
    height: 260px;
  }

  .threeD_slide.active {
    transform: translate3d(-50%, -50%, 100px) scale(1);
    clip-path: polygon(5% 0%, 95% 0%, 100% 100%, 0% 100%);
  }

  .threeD_slide.prev {
    transform: translate3d(-50%, -125%, -80px) scale(0.88);
  }

  .threeD_slide.next {
    transform: translate3d(-50%, 25%, -80px) scale(0.88);
  }

  .threeD_slide.prev2 {
    transform: translate3d(-50%, -205%, -250px) scale(0.7);
  }

  .threeD_slide.next2 {
    transform: translate3d(-50%, 105%, -250px) scale(0.7);
  }

  .slider_arrow {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }

  .slider_prev {
    left: 10px;
  }

  .slider_next {
    right: 10px;
  }

  .slider_controls {
    bottom: 20px;
  }
}

/*@media (max-width: 480px) {
  .slider_stage {
    width: 100vw;
    height: 450px;
  }

  .threeD_slide {
    height: 220px;
  }

  .threeD_slide.prev {
    transform: translate3d(-50%, -120%, -80px) scale(0.82);
  }

  .threeD_slide.next {
    transform: translate3d(-50%, 20%, -80px) scale(0.82);
  }

  .threeD_slide.prev2,
  .threeD_slide.next2 {
    opacity: 0.45;
  }

  .slider_arrow {
    display: none;
  }
}*/

@media (max-width: 480px) {

  .threeD_slider {
    width: 100%;
    /*min-height: 400px;
    height: 400px;*/
    margin-top: 20px;
    perspective: none;
    overflow: hidden;
  }

  .slider_stage {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: flat;
  }

  .threeD_slide {
    width: 100%;
    height: 250px;
    left: 50%;
    top: 50%;
    transform-style: flat;
    /* Single card */
    transform: translate3d(-50%, -50%, 0) scale(1) !important;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    clip-path: none !important;
    filter: none !important;
    transition: transform 0.6s ease,
      opacity 0.6s ease,
      visibility 0.6s ease;
  }

  /* Only active card visible */
  .threeD_slide.active {
    opacity: 1;
    visibility: visible;
    z-index: 10;
    transform: translate3d(-50%, -50%, 0) scale(1) !important;
    clip-path: none !important;
    filter: none !important;
  }

  /* Hide all other positions */
  .threeD_slide.prev,
  .threeD_slide.next,
  .threeD_slide.prev2,
  .threeD_slide.next2,
  .threeD_slide.hidden {
    opacity: 0 !important;
    visibility: hidden !important;
    z-index: 0 !important;
    transform: translate3d(-50%, -50%, 0) scale(1) !important;
    clip-path: none !important;
    filter: none !important;
  }

  .threeD_slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* Hide arrows on mobile */
  .slider_arrow {
    display: none;
  }

  .slider_controls {
    left: 50%;
    bottom: 0px;
    gap: 8px;
  }

  .slider_dot {
    width: 6px;
    height: 6px;
  }

  .slider_dot.active {
    width: 25px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .threeD_slide {
    transition: none;
  }
}

/* ======================================================================= */
/* weAre_sec start */
/* ======================================================================= */
.weAre_sec {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.weAre_sec:before {
  content: "";
  position: absolute;
  left: -30px;
  bottom: 0;
  width: 350px;
  height: 350px;
  background-color: #f8c0404d;
  filter: blur(100px);
  border-radius: 50%;
  z-index: -1;
}

.weAre_sec .title3 p {
  margin: 25px 0;
}

.weAre_sec .btn01 {
  border-radius: 15px;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
	 position:relative;padding: 14px 45px 14px 20px;    
}

.weAre_sec .btn01:after{ position:absolute; content:"";background-image: url(../images/arrow1.webp);width: 35px;
  height: 27px;
  right: 0px;
  background-size: 60%;
  background-repeat: no-repeat;
  top: 17px;}

.weAre_sec .btn01 img {
  max-width: 18px;
  object-fit: contain;
}

.vdoCircle {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  position: relative;
  display: flex;
  overflow: hidden;
}

.vdoCircle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}

.vdoCircleBg {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f8c0407a;
  border: 1px solid #f8c040;
  transform: translateX(-40px);
}

.vdoCircleBg:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  top: 50%;
  left: 50%;
  background-image: url(../images/vdotext.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  transform: translate(-50%, -50%);
  animation: vdoTextRotate 30s linear infinite;
}

@keyframes vdoTextRotate {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.vdoIcon {
  width: 52px;
  height: 52px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.weAre_sec .row.g-4.align-items-center {
  transform: translateY(-48px);
}

.vdoGrp {
  margin-top: 160px;
}

.weAre_secPic {
  width: 100%;
  height: 450px;
  border-radius: 18px;
  position: relative;
  display: flex;
  overflow: hidden;
}

.weAre_secPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}

.weAre_secPic:hover img {
  transform: scale(1.1);
}

.experience_card {
  width: 100%;
  height: 450px;
  background-color: #151517;
  border-radius: 18px;
  border: 1px solid #f8c040c2;
  padding: 45px 35px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}

.experience_card p {
  width: 75%;
}

.experience_card p span {
  color: var(--theme-color);
}

.experience_card h2 {
  font-size: 100px;
  color: #fff;
  font-weight: 500;
  line-height: 100px;
}

.experience_card small {
  font-size: 16px;
  color: #fff;
}

/* ======================================================================= */
/* weServes_sec  start */
/* ======================================================================= */
.weServes_sec {
  width: 100%;
  background-color: #fff;
  overflow: hidden;
}

.weServes_sec .container-fluid {
  max-width: 1920px;
  margin: 0 auto;
}

.weServes_sec .subTag h6 {
  color: var(--black);
}

.weServes_sec .subTag h6:before,
.weServes_sec .subTag h6:after {
  background-color: var(--black);
}

.weServes_sec .title3 {
  margin-bottom: 120px;
}

.weServes_sec .title3 h3 {
  color: var(--black);
  margin: 0 auto;
}

.weServes_secPic {
  width: 100%;
  height: 550px;
  border-radius: 18px;
  position: relative;
  display: flex;
  overflow: hidden;
}

.weServes_secPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}

.weServes_secPic:hover img {
  transform: scale(1.1);
}

.weServes_sec .title2 h2 {
  font-size: 120px;
  line-height: 80px;
  text-align: right;
  margin-bottom: 25px;
  margin-right: 80px;
  position: relative;
}

.weServes_sec .title2 h2 span {
  margin-right: -80px;
}

.weServes_sec .title2 h6 {
  font-size: 30px;
  color: #000;
  font-weight: 400;
  letter-spacing: 15px;
  margin-bottom: 25px;
}

.weServes_sec .col-lg-6:nth-child(1) {
  padding-right: 75px;
}

.weServes_sec .col-lg-6:nth-child(2) {
  padding-left: 75px;
  flex-direction: column-reverse;
  display: inline-flex;
}

.weServes_sec .col-lg-6:nth-child(2) .title2 h2 {
  text-align: left;
  margin-right: 0;
}

.weServes_sec .col-lg-6:nth-child(2) .title2 h2 span {
  margin-left: 125px;
}

.weServes_sec .col-lg-6:nth-child(2) .title2 {
  margin-top: 25px;
  flex-direction: column-reverse;
  display: inline-flex;
}

.weServes_sec .title2 h2:before {
    content: "";
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 270px;
    height: 6px;
    background-image: url(../images/line2.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.weServes_sec .col-lg-6:nth-child(2) .title2 h2:before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 9px;
  width: 7px;
  height: 70px;
  background-image: url(../images/line1.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.weServes_sec .col-lg-6:nth-child(2) .title2 h6 {
  letter-spacing: 35px;
  margin-left: 6px;
}

.weServes_sec .row.g-4.midline {
  position: relative;
}

.weServes_sec .row.g-4.midline:before {
  content: "";
  position: absolute;
  top: -35px;
  left: 0;
  width: 100%;
  height: 108%;
  background-image: url(../images/dot_line.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.weServes_sec .row:nth-child(3) .col-lg-6 {
  padding-right: 12px;
}

.weServes_sec .row:nth-child(3) .col-lg-6 {
  padding-left: 12px;
}

.weServes_sec .row:nth-child(3) .title2 h2 {
  line-height: 100px;
}

/* ======================================================================= */
/* achievement_sec start */
/* ======================================================================= */
.achievement_sec {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.achievement_sec:after {
  content: "";
  position: absolute;
  right: -200px;
  top: 80px;
  width: 400px;
  height: 600px;
  background-color: #f8c04033;
  filter: blur(100px);
  border-radius: 50%;
  z-index: -1;
}

.achievement_sec .title3 {
  width: 65%;
}

.achievement_sec .title3 h3 {
  line-height: 75px;
}

.achievement_card {
  width: 100%;
  border: 1px solid #3837377a;
  padding: 10px;
  transition: 0.6s;
}

.achievement_card:hover {
  background-color: #fff;
}

.achievement_cardPic {
  width: 100%;
  height: 285px;
  position: relative;
  display: flex;
  overflow: hidden;
}

.achievement_cardPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}

.achievement_card:hover .achievement_cardPic img {
  transform: scale(1.1);
}

.achievement_cardbtm {
  width: 100%;
  padding: 25px 0 0;
}

.achievement_cardbtm h6 {
  font-size: 18px;
  color: #fff;
  letter-spacing: 2px;
  font-weight: 400;
  text-transform: uppercase;
  transition: 0.6s;
}

.achievement_cardbtm h4 {
  font-size: 60px;
  color: #fff;
  font-weight: 600;
  margin-top: 35px;
  transition: 0.6s;
}

.achievement_card:hover .achievement_cardbtm h6,
.achievement_card:hover .achievement_cardbtm h4 {
  color: #000;
}

/* ======================================================================= */
/* chooseUs_sec  start */
/* ======================================================================= */
.chooseUs_sec {
  width: 100%;
  position: relative;
  background-color: #242121;
}

.chooseUs_sec .row {
  align-items: stretch !important;
}

.chooseUs_sec:before {
  content: "";
  position: absolute;
  top: 100px;
  left: -100px;
  width: 400px;
  height: 500px;
  background-color: #f8c0404d;
  filter: blur(100px);
  border-radius: 50%;
}

.chooseUs_sec .title3 {
  width: 59%;
}

.chooseUs_card {
  width: 100%;
  background-color: #fff;
  border-radius: 18px;
  padding: 45px 30px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  gap: 60px;
  transition: 0.6s;
  overflow: hidden;
}

.chooseUs_icon {
  width: 75px;
  height: 75px;
  border-radius: 15px;
  border: 1px solid var(--theme-color);
  padding: 16px;
  transition: 0.6s;
}

.chooseUs_card p {
  color: #313131;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  transition: 0.6s;
}

.chooseUs_card .title4 a {
  font-size: 17px;
  color: var(--theme-color);
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: 0.6s;
}

.chooseUs_card .title4 a img {
  max-width: 16px;
  vertical-align: baseline;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(90%) sepia(36%) saturate(2728%)
    hue-rotate(323deg) brightness(100%) contrast(97%);
  transition: 0.6s;
}

.chooseUs_card .title4 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  gap: 13px;
  transition: 0.6s;
}

.chooseUs_sec .title2 h2 {
  font-size: 105px;
  color: #fff;
  font-weight: 500;
  line-height: 100px;
}

.chooseUs_sec .title2 h5 {
  font-size: 22px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 40px;
}

.chooseUs_sec .row .col-lg-4:nth-child(1):hover .chooseUs_card,
.chooseUs_sec .row .col-lg-4:nth-child(1) .chooseUs_card {
  background: transparent;
}

.chooseUs_sec .row .col-lg-4:nth-child(1) .chooseUs_card p {
  color: #fff;
}

.chooseUs_sec .btn01 {
  border-radius: 15px;
  display: inline-flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
  margin-top: 25px;padding: 14px 45px 14px 20px;
	position: relative;
}

.chooseUs_sec .btn01:after{ position:absolute; content:"";background-image: url(../images/arrow1.webp);width: 35px;
  height: 27px;
  right: 0px;
  background-size: 60%;
  background-repeat: no-repeat;
  top: 17px;}

.chooseUs_sec .btn01 img {
  max-width: 18px;
  object-fit: contain;
}

/*.chooseUs_card:hover {
    background: #F7E3B4;
    background: -webkit-linear-gradient(129deg, rgba(247, 227, 180, 1) 0%, rgba(219, 173, 62, 1) 25%, rgba(230, 182, 68, 1) 44%, rgba(243, 209, 149, 1) 64%, rgba(250, 213, 149, 1) 82%, rgba(212, 161, 39, 1) 99%);
    background: -moz-linear-gradient(129deg, rgba(247, 227, 180, 1) 0%, rgba(219, 173, 62, 1) 25%, rgba(230, 182, 68, 1) 44%, rgba(243, 209, 149, 1) 64%, rgba(250, 213, 149, 1) 82%, rgba(212, 161, 39, 1) 99%);
    background: linear-gradient(129deg, rgba(247, 227, 180, 1) 0%, rgba(219, 173, 62, 1) 25%, rgba(230, 182, 68, 1) 44%, rgba(243, 209, 149, 1) 64%, rgba(250, 213, 149, 1) 82%, rgba(212, 161, 39, 1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F7E3B4", endColorstr="#D4A127", GradientType=0);
}*/

.chooseUs_card:hover {
  background: linear-gradient(
    129deg,
    rgba(247, 227, 180, 1) 0%,
    rgba(219, 173, 62, 1) 25%,
    rgba(230, 182, 68, 1) 44%,
    rgba(243, 209, 149, 1) 64%,
    rgba(250, 213, 149, 1) 82%,
    rgba(212, 161, 39, 1) 99%
  );
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
  background-size: 200% 100%;
  animation: gradientMove 1.5s ease-in-out infinite alternate;
}

@keyframes gradientMove {
  from {
    background-position: 0% 50%;
  }

  to {
    background-position: 100% 50%;
  }
}

.chooseUs_card:hover .chooseUs_icon {
  border-color: #000;
}

.chooseUs_card:hover .title4 a {
  color: #000;
}

.chooseUs_card:hover .title4 a img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7470%)
    hue-rotate(194deg) brightness(89%) contrast(106%);
}

.chooseUs_sec .row .col-lg-4:nth-child(1) .chooseUs_card:hover {
  background-color: transparent;
}

/* ======================================================================= */
/* ourPartners  start */
/* ======================================================================= */
.ourPartners {
  width: 100%;
  position: relative;
}

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

.ourPartners .title3 h3 {
  width: 50%;
}

.ourPartners .title3 h2 {
    font-size: 90px;
    color: #fff;
    font-weight: 500;
    line-height: 35px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.ourPartners .title3 h2 span {
    font-size: 17px;
    color: #fff;
    font-weight: 400;
}

/*-- client area start --*/

.ourPartners .container-fluid {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

.client-wrapper {
  width: 100%;
  margin-top: 35px;
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

.client-wrapper {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.client-body-area {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: max-content;
  will-change: transform;
}

.clent-box {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #808080;
  width: 200px;
  height: 90px;
  margin-right: 0;
  flex: 0 0 auto;
}

.clent-box img {
  max-width: 140px;
  height: 38px;
  object-fit: contain;
}
/*-- client area stop --*/

/* ======================================================================= */
/* global_sec  start */
/* ======================================================================= */
.global_sec {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 25px;
}

.global_sec:after {
  content: "";
  background: linear-gradient(
    180deg,
    rgba(0, 115, 184, 0) 0%,
    rgb(248 192 64 / 23%) 100%
  );
  position: absolute;
  left: 0;
  bottom: 0;
  height: 25%;
  width: 100%;
  z-index: 0;
  pointer-events: none;
}

.global_sec .title3 {
  width: 60%;
  margin: 0 auto;
}

.mappic {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  margin-top: 80px;
}

.mappic img {
  object-fit: contain;
}

.mappic:before {
  content: "";
  position: absolute;
  top: -200px;
  left: -350px;
  width: 400px;
  height: 400px;
  background-color: #f8c0404d;
  filter: blur(100px);
  border-radius: 50%;
}

.mappic:after {
  content: "";
  position: absolute;
  top: -150px;
  right: -450px;
  width: 400px;
  height: 500px;
  background-color: #f8c0404d;
  filter: blur(100px);
  border-radius: 50%;
}

/* ======================================================================= */
/* get_touch  start */
/* ======================================================================= */
.get_touch {
  width: 100%;
  background-color: #111111;
}

.get_touchLeft {
  width: 100%;
  padding: 0 40px;
}

.get_touchShape {
  width: 100%;
  height: 550px;
  padding: 40px;
  position: relative;
  background-image: url(../images/shape_ftr.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 482px;
}

.get_touchShape h4 {
    font-size: 40px;
    color: #000;
    font-weight: 600;
    margin-bottom: 20px;
}

.form-control {
  font-size: 17px;
  background-color: transparent;
  border: 1px solid #000;
  border-radius: 10px;
  margin-bottom: 15px;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 5px 15px;
  height: 55px;
  min-height: 55px;
}

.form-floating label span {
  color: red;
}

.form-control:focus {
  color: #000;
  background-color: transparent;
  border-color: #000;
  box-shadow: none;
}

#floatingTextarea2 {
  height: 100px;
}

.form-floating > label::after {
  background-color: transparent !important;
  color: #000;
}

.get_touchLeft .btn01 {
  border-radius: 10px;
  background: #000 !important;
  border: 1px solid #000;
  color: var(--theme-color);
  display: inline-flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
}

.get_touchLeft .btn01 img {
  max-width: 18px;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(80%) sepia(85%) saturate(921%)
    hue-rotate(323deg) brightness(99%) contrast(96%);
}

.get_touchLeft .btn01:hover {
  background: #2e2e2e !important;
}

.callBox {
  width: 55px;
  height: 55px;
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: var(--theme-color);
  border-radius: 50%;
  padding: 15px;
  animation: callPulse 1.5s infinite;
}

.callBox::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 1px solid var(--theme-color);
  animation: callRipple 1.5s ease-out infinite;
}

@keyframes callPulse {
  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.08);
  }
}

@keyframes callRipple {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }

  100% {
    transform: scale(1.7);
    opacity: 0;
  }
}

.get_touchRight {
  width: 100%;
}

.get_touchRight h4 {
    font-size: 58px;
    color: #fff;
    font-weight: 500;
    line-height: 65px;
    margin-bottom: 15px;
}

.touchCard-img {
  width: 46px;
  height: 46px;
  background-color: transparent;
  border: 1px solid var(--theme-color);
  border-radius: 50%;
  text-align: center;
  justify-content: center;
  margin-right: 15px;
  display: flex;
  align-items: center;
  padding: 12px;
}

.touchCard-body h5 {
  font-size: 18px;
  color: var(--theme-color);
  font-weight: 500;
  margin-bottom: 5px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.touchCard p {
  margin-top: 0;
}

.get_touchRight .d-flex.touchCard {
  margin-top: 20px;
}

.get_touchRight p a {
  color: #fff;
}

/* ======================================================================= */
/* footer_sec  start */
/* ======================================================================= */
.footer_sec {
  width: 100%;
  background-color: #111111;
  margin: 0 auto;
  border-top: 1px solid #ffffff4d;
  padding: 0 0 50px;
}

.footer_sec .logo {
  width: 100%;
  max-width: 250px;
  margin: 60px auto 25px;
  position: relative;
  display: block;
}

.footer_sec ul {
  padding: 0;
  margin: 35px 0 0 0;
  list-style-type: none;
  text-align: center;
}

.footer_sec ul li {
  display: inline-block;
}

.footer_sec ul li a {
  font-size: 17px;
  color: var(--theme-color);
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  padding-right: 25px;
  margin-right: 25px;
  transition: 0.6s;
}

.footer_sec ul li:last-child a {
  padding-right: 0;
  margin-right: 0;
}

.footer_sec ul li a:before {
  content: "";
  position: absolute;
  top: 1px;
  right: 0;
  width: 1px;
  height: 20px;
  background-color: var(--theme-color);
}

.footer_sec ul li:last-child a:before {
  display: none;
}

.copyRight {
  width: 100%;
  margin: 35px auto 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 22;
}

.copyRight-bar {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 18px;
}

.contact-link {
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  color: #ffffff;
  text-decoration: none;
  white-space: nowrap;
  transition: 0.35s ease;
}

.contact-link:hover {
  color: #ea2127;
}

.contact-divider {
  flex: 1;
  height: 1px;
  background: #ffffff4d;
}

@media (max-width: 767px) {
  .copyRight-bar {
    gap: 12px;
  }

  .contact-link {
    font-size: 14px;
  }
}

ul.footerSocialLink {
  display: flex;
  gap: 10px;
  margin: 0;
}

ul.footerSocialLink li a {
  display: inline-flex;
  width: 43px;
  height: 43px;
  transition: all 0.5s ease-out;
  border: 1px solid #ffffff;
  border-radius: 8px;
  padding: 10px !important;
  margin: 0;
}

ul.footerSocialLink li a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

ul.footerSocialLink li a:hover {
  border-color: var(--theme-color);
  background-color: var(--theme-color);
}

ul.footerSocialLink li a:hover img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(98%) saturate(27%)
    hue-rotate(359deg) brightness(100%) contrast(100%);
}

.copyRight P {
  margin: 0;
}

ul.footerSocialLink li a:before {
  display: none;
}

/* ======================================================================= */
/* about_bnr start */
/* ======================================================================= */
.about_bnr {
  width: 100%;
  height: 820px;
  margin: 0 auto;
  padding-bottom: 75px;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.about_bnr .title1 h6 {
  font-size: 25px;
  color: var(--theme-color);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 5px;
  margin-bottom: 20px;
}

.about_bnr .title1 h1 {
  font-size: 80px;
  color: var(--white);
  line-height: 80px;
  position: relative;
  font-weight: 500;
  text-transform: capitalize;
}

.breadcrumb {
  font-size: 24px;
  color: var(--theme-color);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 20px;
}

.breadcrumb a, .breadcrumb-item.active, .breadcrumb-item+.breadcrumb-item::before {
  color: var(--theme-color);
}

.about_bnr .title1 {
  width: 100%;
}

.imgGroupCard {
  width: 100%;
  height: 375px;
  position: relative;
  display: flex;
  overflow: hidden;
}

.imgGroupCard img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}

.imgGroupCard:hover img {
  transform: scale(1.1);
}

.about_bnr .imgGroup .row .col-lg-3:nth-child(2) .imgGroupCard,
.about_bnr .imgGroup .row .col-lg-3:nth-child(4) .imgGroupCard {
  height: 300px;
}

.bnr_dived {
  width: 99%;
  margin: 35px auto;
  border-bottom: 1px solid #ffffff6b;
}

/* ======================================================================= */
/* about_sec1 start */
/* ======================================================================= */
.about_sec1 {
  width: 100%;
  background-color: #fff;
}

.about_sec1pic1 {
  width: 93%;
  height: 563px;
  position: relative;
  display: flex;
  overflow: hidden;
}

.about_sec1pic1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about_sec1pic1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/shape1.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  mix-blend-mode: screen;
}

.about_sec1pic2 {
  width: 227px;
  height: 215px;
  border-radius: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  overflow: hidden;
}

.about_sec1pic2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about_sec1pic3 {
  width: 227px;
  height: 215px;
  border-radius: 35px;
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  overflow: hidden;
}

.about_sec1pic3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about_sec1 .title3 h3 {
  color: #000;
}

.about_sec1 .title3 p {
  color: var(--paragraph);
}

b,
strong {
  font-weight: 600;
}

.about_sec1 .title3 h4 {
  font-size: 30px;
  color: #000;
  font-weight: 500;
  margin: 20px 0 0 0;
}

/* ======================================================================= */
/* whatWe_do  start */
/* ======================================================================= */
.whatWe_do {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.whatWe_do:before {
  content: "";
  position: absolute;
  top: 270px;
  left: -80px;
  width: 400px;
  height: 400px;
  background-color: #f8c0404d;
  filter: blur(100px);
  border-radius: 50%;
}

.whatWe_do:after {
  content: "";
  position: absolute;
  bottom: 80px;
  right: -80px;
  width: 400px;
  height: 500px;
  background-color: #f8c0404d;
  filter: blur(100px);
  border-radius: 50%;
}

.nav-pills .nav-link {
  border-radius: 15px;
  border: 1px solid #a4a4a4;
  padding: 14px 40px;
  font-size: 18px;
  color: #fff;
  border: 2px solid #a4a4a4;
}

.nav-pills {
  width: 60%;
  margin: 0 auto;
}

.whatWe_do .nav {
  justify-content: space-between;
  margin-bottom: 50px;
}

.whatWe_do .nav-pills .nav-link.active,
.whatWe_do .nav-pills .show > .nav-link {
  color: var(--theme-color);
  background-color: transparent;
  border-color: #d6a638;
  position: relative;
}

.whatWe_do .nav-pills .nav-link.active:after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: -15px;
  margin: 0 auto;
  width: 64px;
  height: 15px;
  background-image: url(../images/active.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.whatWe_dobox {
    width: 100%;
    min-height: 500px;
    padding: 25px 35px;
    border-radius: 18px;
    background-color: #151517;
    position: relative;
    border: 1px solid #f8c040a6;
}

.whatWe_dobox h4 {
  font-size: 32px;
  color: #fff;
  font-weight: 500;
  margin: 0 0 20px;
}

.whatWe_dobox p span {
  color: var(--theme-color);
}

.whatWe_dobox p {
  margin: 0;
}

.whatWe_dobox ul {
  padding: 0;
  margin: 0 0 15px;
  list-style-type: none;
}

.whatWe_dobox ul li {
  width: 100%;
  position: relative;
  font-size: 16px;
  color: #fff;
  padding: 0 0 5px 27px;
}

.whatWe_dobox ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 17px;
  height: 17px;
  background-image: url(../images/bullet.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.whatWe_doPic {
  width: 100%;
  height: 500px;
  border-radius: 18px;
  position: relative;
  display: flex;
  overflow: hidden;
}

.whatWe_doPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ======================================================================= */
/*  approch_sec start */
/* ======================================================================= */
.approch_sec {
  width: 100%;
  position: relative;
  padding-top: 80px;
}

.approch_sec .title3 p {
  width: 65%;
}

.approch_grid {
  width: 100%;
  margin-bottom: 35px;
}

.approch_grid ul {
    gap: 35px;
    margin-bottom: 25px;
}

.approch_grid ul li {
  width: 100%;
  padding: 15px 15px;
  border-radius: 30px;
  background-color: #5f5e5e;
  font-size: 18px;
  color: #fff;
  position: relative;
  text-align: center;
  transition: 0.6s;
}

.approch_grid ul li:hover {
  background-color: #fff;
  color: #000;
}

.approch_grid ul li:after {
  content: "";
  position: absolute;
  right: -25px;
  top: 22px;
  width: 17px;
  height: 17px;
  background-image: url(../images/arrow2.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.approch_grid ul li:last-child:after {
  display: none;
}

.approch_grid ul li:nth-child(2) {
  background-color: #646464;
}

.approch_grid ul li:nth-child(3) {
  background-color: #5f5f5f;
}

.approch_grid ul li:nth-child(4) {
  background-color: #414141;
}

.approch_grid ul li:nth-child(5) {
  background-color: #262626;
}

.approch_grid ul li:nth-child(6) {
  background-color: #272626;
}

.approch_grid ul li:nth-child(2):hover,
.approch_grid ul li:nth-child(3):hover,
.approch_grid ul li:nth-child(4):hover,
.approch_grid ul li:nth-child(5):hover,
.approch_grid ul li:nth-child(6):hover {
  background-color: #fff;
}

.chooseUs_sec2 .title3 {
  width: 100%;
}

.chooseUs_sec2 .title3 h3 {
  font-size: 70px;
}

.chooseUs_sec2 .chooseUs_card {
    gap: 60px;
}

/* ======================================================================= */
/*  vission_sec start */
/* ======================================================================= */
.vission_sec {
  width: 100%;
}

.vission_secPic {
  width: 95%;
  height: 400px;
  border-radius: 18px;
  position: relative;
  display: flex;
  overflow: hidden;
}

.vission_secPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}

.vission_secPic:hover img {
  transform: scale(1.1);
}

/* ======================================================================= */
    /*  contact_info start */
/* ======================================================================= */
.contact_info {
  width: 100%;
  background-color: #fff;
}

.contact_info_pic {
  height: 500px;
  display: flex;
  border-radius: 18px;
  overflow: hidden;
  position: relative;
}

.contact_info_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}

.contact_info_pic:hover img {
  transform: scale(1.1);
}

.infoDetails {
  width: 100%;
  height: 100%;
  border-radius: 18px;
  padding: 30px 25px;
  box-shadow: 0 5px 15px 0 rgb(128 128 128 / 15%);
}

.infoDetails h4 {
  font-size: 32px;
  color: #000;
  font-weight: 600;
  margin-bottom: 35px;
}

.infoDetails p {
  margin: 10px 0 35px;
  color: var(--paragraph);
}

.adress_card {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #ebebeb;
  align-items: center;
}

.adress_card:last-child {
  border-bottom: none;
}

.info_circle {
  width: 50px;
  height: 50px;
  background-color: #FEEEEF;
  border-radius: 50%;
  text-align: center;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.info_circle i {
  color: var(--theme-color);
  font-size: 20px;
}

.infoDetails .small, .infoDetails small {
  font-size: 16px;
  color: var(--white);
  display: block;
  font-weight: 500;
  margin-bottom: 5px;
}

.infoDetails .adress_card a {
  color: var(--black);
  font-size: 17px;
}

.infoDetails .adress_card p {
  color: var(--black);
  margin: 0;
}

.infoDetails ul.footer-social-box li a {
  border: 1px solid #7a7a7a;
  color: #7a7a7a;
}

.infoDetails ul.footer-social-box li a:hover {
  border-color: var(--theme-color);
  background-color: var(--theme-color);
  color: #fff;
}

.infoDetails .touchCard-body p {
  margin: 0 !important;
}

.infoDetails .touchCard a {
  font-size: 17px;
  color: #000;
}

.infoDetails ul.footerSocialLink li a {
  border: 1px solid #000;
  border-radius: 8px;
  padding: 10px !important;
  margin: 0;
  transition: 0.6s;
}

.infoDetails ul.footerSocialLink li a:hover {
  border-color: 1px solid var(--theme-color);
}

.infoDetails ul.footerSocialLink li a img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(272deg) brightness(96%) contrast(108%);
}

.infoDetails .social-links {
  margin-top: 35px;
}

/* ======================================================================= */
    /*  get_touch start */
/* ======================================================================= */
.get_touch {
  width: 100%;
}

.get_touchCard {
  width: 100%;
  padding: 60px 200px;
  border-radius: 15px;
  border: 1px solid #ffefc959;
}

.get_touchCard .title3 p {
  width: 80%;
  margin: 0 auto;
}

.get_touchCard .form-group {
  margin-bottom: 15px;
}

.get_touchCard .form-group label {
  margin-bottom: 5px;
  color: #e6e6e6;
  font-weight: 400;
  font-size: 17px;
}

.get_touchCard .form-control, .get_touchCard .form-select {
  font-size: 17px;
  font-weight: 400;
  color: #fff;
  height: 55px;
  border: 1px solid #ffefc959;
  background-color: #e2e2e221;
  border-radius: 10px;
  padding: 5px 15px;
}

.get_touchCard textarea.form-control {
  min-height: 130px;
  resize: none;
  padding: 15px !important;
}

.get_touchCard .form-control:focus, .get_touchCard .form-select:focus {
  box-shadow: none;
  border-color: var(--theme-color);
}

.get_touchCard .form-control {
  color: #fff !important;
}

.get_touchCard .form-control::placeholder {
  color: #e6e6e6;
  opacity: 1;
}

.get_touchCard .btn01 {
  position: relative;
  font-size: 16px;
  border-radius: 10px;
  border: 1px solid var(--theme-color);
  padding: 14px 25px;
  font-weight: 600;
  letter-spacing: 1px;
  color: var(--black);
  text-transform: uppercase;
  text-align: center;
  display: table;
  background: linear-gradient(
        90deg,
        rgba(247, 227, 180, 1) 0%,
        rgba(219, 173, 62, 1) 30%,
        rgba(250, 227, 187, 1) 64%,
        rgba(219, 173, 62, 1) 99%
    );
  background-size: 200% 100%;
  background-position: 0% 50%;
  transition: background-position 0.8s ease,
        transform 0.4s ease;
  margin: 0 auto;
}

.get_touchCard .btn01:hover {
  background-position: 100% 50%;
  transform: translateY(-2px);
}

.get_touchCard .form-control:placeholder {
  color: #fff;
} 

/* ======================================================================= */
/*  our_focus start */
/* ======================================================================= */
.our_focus {
  width: 100%;
  background-color: #fff;
}

.our_focus .title3 {
  width: 80%;
  position: relative;
  padding-left: 235px;
}

.our_focus .title3 h3 {
  color: var(--black);
  position: relative;
  display: inline-block;
}

.our_focus .title3 h3:before {
  content: "";
  position: absolute;
  top: 37px;
  left: -220px;
  width: 180px;
  height: 1px;
  background-color: var(--theme-color);
}

.our_focus .subTag h6 {
  color: var(--black);
}

.our_focus .subTag h6:before, .our_focus .subTag h6:after {
  background-color: var(--black);
}

.our_focusPic {
  width: 100%;
  height: 470px;
  border-radius: 18px;
  position: relative;
  display: flex;
  overflow: hidden;
}

.our_focusPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}

.our_focusPic:hover img {
  transform: scale(1.1);
}

.our_focusright {
  width: 100%;
  padding-left: 50px;
}

.our_focusright p {
  color: var(--paragraph);
  width: 85%;
}

.our_focusright h6 {
  font-size: 22px;
  color: #000;
  font-weight: 600;
  margin: 25px 0 15px;
}

.our_focusright ul {
  padding: 0;
  margin: 0 0 15px;
  list-style-type: none;
}

.our_focusright ul li {
  width: 100%;
  position: relative;
  font-size: 16px;
  color: var(--paragraph);
  padding: 0 0 10px 27px;
}

.our_focusright ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 17px;
  height: 17px;
  background-image: url(../images/bullet.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.freeConsult {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  position: relative;
  display: flex;
  overflow: hidden;
}

.freeConsult > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  animation: freeConsultRotate 20s linear infinite;
}

@keyframes freeConsultRotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.freeConsult_arrow {
  width: 60px;
  height: 60px;
  background-color: var(--theme-color);
  border-radius: 50%;
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.freeConsult_arrow img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: rotate(-45deg);
}

.our_focusrightPic {
  width: 100%;
  height: 250px;
  flex-basis: 430px;
  flex-shrink: 0;
  border-radius: 18px;
  position: relative;
  display: flex;
  overflow: hidden;
  margin-left: auto;
}

.our_focusrightPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}

/* ======================================================================= */
/*  our_activites  start */
/* ======================================================================= */
.our_activites {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.our_activites:before {
  content: "";
  position: absolute;
  left: -100px;
  top: 100px;
  width: 400px;
  height: 400px;
  background-color: #f8c0404d;
  filter: blur(100px);
  border-radius: 50%;
  z-index: -1;
}

.our_activites:after {
  content: "";
  position: absolute;
  right: -200px;
  bottom: 80px;
  width: 400px;
  height: 600px;
  background-color: #f8c04033;
  filter: blur(100px);
  border-radius: 50%;
  z-index: -1;
}

.our_activites .title3 {
  width: 45%;
  margin: 0 auto;
}

.our_activites_card {
  width: 100%;
  background-color: #131111;
  border-radius: 18px;
  padding: 10px;
  border: 1px solid var(--theme-color);
  transition: 0.6s;
}

.our_activites_card:hover {
  background-color: #fff;
  border-color: #fff;
  transform: translateY(-5px);
}

.our_activitesPic {
  width: 100%;
  height: 250px;
  border-radius: 15px;
  position: relative;
  display: flex;
  overflow: hidden;
}

.our_activitesPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}

.our_activites_card:hover .our_activitesPic img {
  transform: scale(1.1);
}

.our_activites_btm {
  width: 100%;
  padding: 20px 10px;
}

.our_activites_btm h4 {
  font-size: 28px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 15px;
  transition: 0.6s;
}

.our_activites_btm p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  transition: 0.6s;
}

.our_activites_card:hover .our_activites_btm h4, .our_activites_card:hover .our_activites_btm p {
  color: #000;
}

/* ======================================================================= */
/*  growth_market  start */
/* ======================================================================= */
.growth_market {
  width: 100%;
  position: relative;
}

.growth_market:before {
  content: "";
  position: absolute;
  left: -200px;
  top: 100px;
  width: 400px;
  height: 400px;
  background-color: #f8c0404d;
  filter: blur(100px);
  border-radius: 50%;
  z-index: -1;
}

.growth_market .title3 {
  width: 100%;
}

.growth_market h5 {
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  margin: 30px 0 15px;
}

.growth_market ul {
  padding: 0;
  margin: 0 0 15px;
  list-style-type: none;
}

.growth_market ul li {
  width: 100%;
  position: relative;
  font-size: 16px;
  color: var(--white);
  padding: 0 0 10px 27px;
}

.growth_market ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 17px;
  height: 17px;
  background-image: url(../images/bullet.webp);
  background-repeat: no-repeat;
  background-size: 100%;
}

.growth_marketPic {
  width: 420px;
  height: 550px;
  margin-left: 50px;
  border-radius: 18px;
  position: relative;
  display: flex;
  overflow: hidden;
}

.growth_marketPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}

.growth_marketPic2 {
  width: 300px;
  height: 400px;
  margin-left: auto;
  border-radius: 30px;
  position: relative;
  display: flex;
  overflow: hidden;
  margin-top: -300px;
  border: 12px solid #000;
}

.growth_marketPic2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}

/* ======================================================================= */
/*  harvest_sec1 start */
/* ======================================================================= */
.harvest_sec1 {
  width: 100%;
  background-color: #fff;
}

.nurharvest-gallery {
  width: 92%;
  padding: 0;
}

.gallery-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 32% 68%;
  grid-template-rows: 330px 195px;
  gap: 15px;
}

.gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
}

.gallery-main {
  grid-column: 1 / -1;
  grid-row: 1;
}

.gallery-main img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.gallery-logo {
  grid-column: 1;
  grid-row: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 2px solid #f2b632;
}

.gallery-logo img {
  width: 75%;
  max-width: 105px;
  height: auto;
  display: block;
  object-fit: contain;
}

.gallery-bottom {
  grid-column: 2;
  grid-row: 2;
}

.gallery-bottom img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

@media (max-width: 1200px) {

  .gallery-grid {
    grid-template-rows: 200px 145px;
    gap: 12px;
  }
}

@media (max-width: 991px) {

  .gallery-grid {
    grid-template-columns: 32% 68%;
    grid-template-rows: 190px 140px;
    gap: 12px;
  }

  .gallery-logo img {
    width: 80%;
  }
}

@media (max-width: 768px) {

  .gallery-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 200px 135px;
    gap: 10px;
  }

  .gallery-item {
    border-radius: 13px;
  }
}

@media (max-width: 576px) {

  .gallery-grid {
    grid-template-columns: 1fr;
    grid-template-rows: 220px 130px 220px;
    gap: 10px;
  }

  .gallery-main {
    grid-column: 1;
    grid-row: 1;
  }

  .gallery-logo {
    grid-column: 1;
    grid-row: 2;
  }

  .gallery-bottom {
    grid-column: 1;
    grid-row: 3;
  }

  .gallery-logo img {
    width: 120px;
  }
}

@media (max-width: 375px) {

  .gallery-grid {
    grid-template-rows: 200px 120px 190px;
  }
}

.harvest_sec1 .subTag h6 {
  color: var(--black);
}

.harvest_sec1 .subTag h6:before, .harvest_sec1 .subTag h6:after {
  background-color: var(--black);
}

.harvest_sec1 .title3 h3 {
  color: var(--black);
}

.harvest_sec1 .title3 p {
  color: var(--paragraph);
}

.harvest_sec1 .btn01 {
  letter-spacing: normal;
}

/* ======================================================================= */
/*  harvest_categorie  start */
/* ======================================================================= */
.harvest_categorie {
  width: 100%;
  background-color: #fff;
}

.harvest_card {
  width: 100%;
  border-radius: 18px;
  transition: 0.6s;
}

.harvest_categoriePic {
  width: 100%;
  height: 280px;
  border-radius: 18px 18px 18px 0;
  position: relative;
  display: flex;
  overflow: hidden;
  margin-bottom: 20px;
}

.harvest_categoriePic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}

.harvest_card:hover .harvest_categoriePic img {
  transform: scale(1.1);
}

.harvest_card h5 {
  font-size: 24px;
  color: #000;
  font-weight: 600;
  margin-bottom: 10px;
}

.harvest_card p {
  color: var(--paragraph);
}

.harvest_card .subTag h6 {
  color: var(--black);
}

.harvest_card .subTag h6:before, .harvest_card .subTag h6:after {
  background-color: var(--black);
}

.harvest_card .title3 h3 {
  color: var(--black);
}

/* ======================================================================= */
/*  reach_sec start */
/* ======================================================================= */
.reach_sec {
  width: 100%;
  position: relative;
}

.reach_secPic {
  width: 92%;
  height: auto;
  position: relative;
  display: flex;
  overflow: hidden;
}

.reach_secPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ======================================================================= */
/*  process_sec start */
/* ======================================================================= */
.process_sec {
  width: 100%;
  position: relative;
}

.process_card {
  width: 100%;
  padding: 0 10px;
  text-align: center;
  position: relative;
}

.process_card::after {
  content: '';
  position: absolute;
  right: -30px;
  top: 45px;
  margin: 0 auto;
  width: 60px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(../images/arrowright.webp);
}

.process_sec .row > div:last-child .process_card::after {
  display: none;
}

.process_iconbox {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 30px;
  width: 120px;
  height: 120px;
  font-size: 24px;
  color: #000;
  font-weight: 500;
}

.process_iconbox img {
  max-width: 42px;
  object-fit: contain;
}

.process_card h4 {
  font-size: 24px;
  color: #fff;
  margin-bottom: 6px;
  font-weight: 500;
}

.process_card p {
  margin: 0;
}

.process_iconbox::before {
  content: '';
  position: absolute;
  left: -10px;
  right: 0;
  top: 0;
  margin: 0 auto;
  width: 140px;
  height: 140px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(../images/shape230.webp);
  z-index: -1;
}

.enquiryRow {
  width: 100%;
  padding-top: 80px;
}

.enquiryRow_card {
  width: 100%;
  height: 350px;
  background-color: #fff;
  border-radius: 18px;
  padding: 25px 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.enquiryRow .title3 h3, .enquiryRow .title3 p {
  color: #000;
}

.enquiryRow  .btn01 {
  transform: inherit !important;
  margin-top: 25px;
}

.process_secPic {
  width: 100%;
  height: 350px;
  border-radius: 18px;
  position: relative;
  display: flex;
  overflow: hidden;
}

.process_secPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* ======================================================================= */
/*   key_highlights start */
/* ======================================================================= */
.key_highlights {
  width: 100%;
  background-color: #fff;
}

.key_highlights .subTag h6 {
  color: var(--black);
}

.key_highlights .subTag h6:before, .key_highlights .subTag h6:after {
  background-color: var(--black);
}

.key_highlights .title3 h3 {
  color: var(--black);
}

.key_card {
  width: 100%;
  border: 2px solid #1D1D1D;
  border-right: none;
  padding: 0 0 20px 20px;
  border-radius: 25px 0 0 25px;
  margin-top: 55px;
  position: relative;
  display: inline-block;
  transition: 0.6s;
}

.key_card:hover {
  border-color: var(--theme-color);
  transform: translateY(-5px);
}

.key_card:hover:before {
  background-color: #0FB3D0;
}

.key_card:before {
  content: "";
  position: absolute;
  right: 0px;
  top: -2px;
  width: 170px;
  height: 2px;
  background-color: #ffffff;
  transition: 0.6s;
}

.key_card:hover:before {
  background-color: #fff;
}

.key_cardin {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  gap: 25px;
}

.key_circle {
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 50%;
  background-color: #1D1D1D;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -45px 0 0 40px;
  transition: 0.6s;
}

.key_circle img {
  max-width: 40px;
  object-fit: contain;
  transition: 0.6s;
}

.key_card:hover .key_circle {
  background-color: var(--theme-color);
}

.key_card:hover .key_circle img {
  filter: brightness(0);
}

.key_textbox {
  width: 100%;
  border-radius: 20px;
  padding: 30px 20px;
  box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
}

.key_card h5 {
  font-size: 25px;
  color: var(--black);
  position: relative;
  font-weight: 500;
}

/* ======================================================================= */
/*   our_business start */
/* ======================================================================= */
.our_business {
  width: 100%;
  background-color: #fff;
}

.our_business .subTag h6 {
  color: var(--black);
}

.our_business .subTag h6:before, .our_business .subTag h6:after {
  background-color: var(--black);
}

.our_business .title3 h3, .our_business .title3 p {
  color: var(--black);
}

.our_businessPic {
  width: 95%;
  height: 444px;
  position: relative;
  display: flex;
  overflow: hidden;
}

.our_businessPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.our_businessPic:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/shape2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  mix-blend-mode: screen;
}


/* ======================================================================= */
/*  highlight_sec start */
/* ======================================================================= */
.highlight_sec {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.highlight_sec:after {
  content: "";
  position: absolute;
  bottom: 140px;
  right: -80px;
  width: 400px;
  height: 400px;
  background-color: #f8c0404d;
  filter: blur(100px);
  border-radius: 50%;
}

.highlight_card {
  width: 100%;
  background-color: #151517;
  padding: 35px 25px;
  border-radius: 18px;
  border: 1px solid #f8c040;
  transition: 0.6s;
  z-index: 1;
}

.highlight_card h5 {
  font-size: 26px;
  color: #fff;
  font-weight: 600;
  margin: 0;
  transition: 0.6s;
}

.highlight_cardPic {
  width: 100%;
  height: 250px;
  border-radius: 18px;
  position: relative;
  display: flex;
  overflow: hidden;
  margin: 20px 0;
}

.highlight_cardPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}

.highlight_card:hover .highlight_cardPic img {
  transform: scale(1.1);
}

.highlight_card:hover {
  background-color: #fff;
  border-color: #fff;
}

.highlight_card p {
  margin: 0;
}

.highlight_card:hover h5, .highlight_card:hover p {
  color: #000;
}

/* ======================================================================= */
/*  global_approch  start */
/* ======================================================================= */
.global_approch {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.global_approch:before {
  content: "";
  position: absolute;
  bottom: 100px;
  left: -100px;
  width: 400px;
  height: 500px;
  background-color: #f8c0404d;
  filter: blur(100px);
  border-radius: 50%;
}

.global_approch .title3 p {
  width: 65%;
  margin: 0 auto;
}

.global_approchCard {
  width: 100%;
  background-color: #151517;
  border-radius: 18px;
  padding: 25px;
  position: relative;
  border: 1px solid var(--theme-color);
  transition: 0.6s;
  z-index: 1;
}

.global_approchCard:hover {
  background: linear-gradient(
    129deg,
    rgba(247, 227, 180, 1) 0%,
    rgba(219, 173, 62, 1) 25%,
    rgba(230, 182, 68, 1) 44%,
    rgba(243, 209, 149, 1) 64%,
    rgba(250, 213, 149, 1) 82%,
    rgba(212, 161, 39, 1) 99%
  );
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
  background-size: 200% 100%;
  animation: gradientMove 1.5s ease-in-out infinite alternate;
}

@keyframes gradientMove {
  from {
    background-position: 0% 50%;
  }

  to {
    background-position: 100% 50%;
  }
}

.global_approch_icon {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  background-color: #f8c04036;
  border: 1px solid var(--theme-color);
  padding: 16px;
  transition: 0.6s;
  margin-bottom: 35px;
}

.global_approchCard h5 {
  font-size: 26px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 10px;
  transition: 0.6s;
}

.global_approchCard:hover h5, .global_approchCard:hover p {
  color: #000;
}

.global_approchCard:hover .global_approch_icon {
  background-color: #fff;
  border-color: #fff;
}

.global_approchCard:hover img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(7%) saturate(11%) hue-rotate(20deg) brightness(92%) contrast(97%);
}


/* ======================================================================= */
/*  our_partner start */
/* ======================================================================= */
.our_partner {
  width: 100%;
  background-color: #fff;
}

.our_partner .subTag h6 {
  color: var(--black);
}

.our_partner .subTag h6:before, .our_partner .subTag h6:after {
  background-color: var(--black);
}

.our_partner .title3 h3 {
  color: var(--black);
  width: 70%;
}

.our_partnerPic {
  width: 100%;
  height: 667px;
  display: flex;
  overflow: hidden;
  position: relative;
}

.our_partnerPic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.our_partnerPic::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  mix-blend-mode: screen;
  background-image: url(../images/shape3.jpg);
}

.partner_row img {
  max-width: 60px;
  position: relative;
  display: inline-block;
}

.partner_row .flex-shrink-0 {
  position: relative;
}

.partner_row .flex-shrink-0:before {
  content: "";
  position: absolute;
  top: -5px;
  right: 0;
  width: 40px;
  height: 40px;
  background-color: var(--theme-color);
  border-radius: 50%;
}

.partner_row h5 {
  font-size: 24px;
  color: #000;
  font-weight: 500;
  margin-bottom: 5px;
}

.partner_row h6 {
  font-size: 16px;
  color: var(--paragraph);
  font-weight: 400;
  margin-bottom: 0;
}

.partner_row {
  margin-bottom: 45px;
}

/* ======================================================================= */
/*   start */
/* ======================================================================= */




/* ======================================================================= */
/*   start */
/* ======================================================================= */


.get_touchShape .form-floating > label{position: relative;
  top: 0;font-size: 14px;
  left: 14px;background: #ddae42;
  padding: 0px 8px;}
.get_touchShape .form-control{position: relative;
  top: -20px; margin-bottom:0px;}
.get_touchShape textarea.form-control {
  height: 110px !important;
  resize: none;
}

.whatWe_dobox h6{color: #fff;margin: 10px 0px;font-weight: 600;}
.get_touchShape .mt-3 {
    margin-top: 0!important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	color: #fff;
}