@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
.btn-success {
  color: #fff !important;
  background-color: #5D6533 !important;
  border-radius: 5px;
  border: none;
  padding: 10px 25px !important;
  font-weight: 600 !important;
  font-size: 16px;
  transition: all ease-in-out 0.3s;
}

.btn-outline-light {
  color: #fff !important;
  background-color: transparent !important;
  border-radius: 5px;
  border: 1px solid #fff;
  padding: 10px 25px !important;
  font-weight: 400 !important;
  font-size: 16px;
  transition: all ease-in-out 0.3s;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
}
.btn-outline-light span {
  color: #fff;
  position: relative;
  transition: all ease-in-out 0.5s;
  z-index: 9;
}
.btn-outline-light:hover span {
  color: #010C11 !important;
}
.btn-outline-light::after {
  content: "";
  position: absolute;
  display: inline-block;
  transition: all ease-in-out 0.5s;
  background-color: #fff;
  bottom: -10%;
  left: 0px;
  width: 100%;
  height: 0%;
  border-radius: 50% 50% 0% 0%;
}
.btn-outline-light:hover::after {
  height: 200%;
}

body {
  font-family: "Inter", serif;
  color: #5C5C5C;
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 24px;
  background: #010C11;
  font-weight: 400;
  overflow-x: hidden;
}

* {
  border: medium none;
  margin: 0;
  padding: 0;
}

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

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

a:hover {
  text-decoration: none;
  outline: none;
}

textarea {
  resize: none;
}

p {
  line-height: 25px;
  font-size: 16px;
  font-weight: 400;
  color: #535353;
  margin: 0;
}

/*#######################*/
.header {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  z-index: 9;
  padding: 20px 0;
}
.header .navbar-brand {
  width: 180px;
  padding: 0;
}
.header .navbar {
  padding: 0;
}
.header .navbar .navbar-nav {
  position: relative;
}
.header .navbar .navbar-nav li {
  position: relative;
  padding: 0px 25px;
}
.header .navbar .navbar-nav li a {
  color: #C1C1C1;
  font-size: 17px;
  font-weight: 400;
  padding: 6px 0;
}
.header .navbar .navbar-nav li.active a {
  color: #fff;
}

.banner-section {
  position: relative;
}
.banner-section:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgb(1, 12, 17) 0%, rgba(255, 255, 255, 0) 100%);
}
.banner-section:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 400px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(1, 12, 17) 100%);
}
.banner-section video {
  width: 100%;
  max-height: 1080px;
  border: none;
  overflow: hidden;
}
.banner-section .banner-txt {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.banner-section .banner-txt .ban-inr-txt {
  width: 50%;
}
.banner-section .banner-txt .ban-inr-txt h2 {
  font-size: 85px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  padding: 0;
  animation: slide-top 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s both;
}
.banner-section .banner-txt .ban-inr-txt p {
  color: #fff;
  margin: 12px 0 0;
  animation: slide-top 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.4s both;
}
.banner-section .banner-txt .ban-inr-txt .btn-success {
  animation: slide-top 1.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.8s both;
}
@keyframes slide-top {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
.main-wrap {
  padding: 60px 0;
}

.policy-part {
  display: flex;
  flex-wrap: wrap;
}
.policy-part .policy-bx {
  width: 25%;
  padding-right: 20px;
  display: flex;
  align-items: flex-start;
}
.policy-part .policy-bx .p-ico {
  margin-right: 12px;
  max-height: 100px;
  width: 75px;
}
.policy-part .policy-bx .p-ico img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.policy-part .policy-bx h3 {
  font-size: 27px;
  font-weight: 500;
  color: #fff;
  margin: 0;
  padding: 0;
}
.policy-part .policy-bx p {
  color: #BFBFBF;
  margin: 10px 0 0;
}

.abt-img {
  position: relative;
}
.abt-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.abt-img .exp-tag {
  position: absolute;
  top: 20px;
  left: 20px;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  background-color: #5D6533;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.abt-img .exp-tag h4 {
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  color: #FFBF33;
  margin: 0;
  padding: 0;
}
.abt-img .exp-tag h4 span {
  font-size: 50px;
  font-weight: 700;
  color: #fff;
  display: block;
}

.abt-txt h3 {
  font-size: 38px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  padding: 0;
}
.abt-txt p {
  color: #BFBFBF;
  margin: 15px 0 0;
}
.abt-txt ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.abt-txt ul li {
  width: 50%;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  margin: 0 0 15px;
  padding-left: 20px;
  position: relative;
  display: flex;
  align-items: center;
}
.abt-txt ul li:before {
  position: absolute;
  left: 0;
  content: "\f058";
  font-family: Fontawesome;
  font-size: 16px;
  color: #FFBF33;
}

.callus-sec {
  background: url(../images/bg1.png) no-repeat;
  background-size: cover;
  padding: 55px 0;
}
.callus-sec .lft-content h3 {
  font-size: 58px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  padding: 0;
}
.callus-sec .lft-content p {
  color: #FFBF33;
  font-size: 22px;
  margin: 15px 0 0;
}
.callus-sec .rt-content p {
  color: #fff;
}
.callus-sec .rt-content .counter-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.callus-sec .rt-content .counter-area h3 {
  font-size: 18px;
  font-weight: 400;
  color: #5D6533;
  margin: 0;
  padding: 0;
}
.callus-sec .rt-content .counter-area h3 span {
  font-size: 58px;
  font-weight: 700;
  color: #fff;
  display: block;
}

.title-prt {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.title-prt h2 {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  padding: 0;
  width: 35%;
}

.srvc-slider {
  width: calc(100% + 310px);
}

.srvc-bx {
  position: relative;
  overflow: hidden;
}
.srvc-bx img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.srvc-bx .srvc-txt {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  padding: 20px;
  bottom: 0;
  transition: all ease-in-out 0.4s;
}
.srvc-bx .srvc-txt h3 {
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  margin: 0;
  padding: 0;
}
.srvc-bx .srvc-txt .btn-more {
  font-size: 14px;
  color: #FFBF33;
  width: 35px;
  height: 35px;
  border: 1px solid #FFBF33;
  border-radius: 50%;
  margin: 15px 0 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all ease-in-out 0.4s;
}
.srvc-bx:hover .srvc-txt .btn-more {
  background-color: #FFBF33;
  color: #fff;
}

.srvc-slider .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -45px;
}
.srvc-slider .owl-dots .owl-dot {
  width: 15px;
  height: 15px;
  background-color: #9f9fa0;
  border-radius: 50%;
  margin: 0 4px;
}
.srvc-slider .owl-dots .owl-dot.active {
  background-color: #FFBF33;
  border-color: #fff;
}

.contact-wrap {
  padding: 60px 0;
  background: url(../images/bg2.png) no-repeat;
  background-size: cover;
}
.contact-wrap .contact-lft-prt {
  padding: 40px 100px 40px 0;
}
.contact-wrap .contact-lft-prt h2 {
  font-size: 58px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  padding: 0;
}
.contact-wrap .contact-lft-prt p {
  color: #BEBEBE;
  margin: 20px 0 0;
}

.contact-form {
  padding: 30px 20px;
  border: 1px solid #2D2D2D;
  background-color: #010C11;
  border-radius: 8px;
}
.contact-form h2 {
  font-size: 32px;
  font-weight: 600;
  color: #fff;
  margin: 0;
  padding: 0;
}
.contact-form .form-group {
  margin-bottom: 18px;
}
.contact-form .form-group .form-control {
  background-color: #0E161A;
  border-radius: 6px;
  font-size: 15px;
  border: none;
  height: 50px;
  font-weight: 400;
  color: #fff !important;
  padding: 8px 15px;
}
.contact-form .form-group textarea.form-control {
  height: 150px;
}

.newsletter-sec {
  background-color: #5D6533;
  padding: 35px 0;
}
.newsletter-sec h2 {
  font-size: 34px;
  font-weight: 500;
  color: #fff;
  margin: 0;
  padding: 0;
  width: 40%;
}
.newsletter-sec .newsletter-bx {
  position: relative;
  width: 40%;
}
.newsletter-sec .newsletter-bx input[type=email] {
  background-color: #fff !important;
  border: none;
  color: #010C11;
  font-size: 16px;
  font-weight: 400;
  height: 60px;
  line-height: 1;
  margin: 0;
  outline: medium none;
  padding: 8px 52px 8px 15px;
  width: 100%;
  border-radius: 8px;
}
.newsletter-sec .newsletter-bx .search-icon {
  padding: 0;
  background-color: transparent;
  position: absolute;
  right: 18px;
  top: 19px;
  border-radius: 0;
}
.newsletter-sec .newsletter-bx .search-icon i {
  font-size: 25px;
  color: #5D6533;
}

.f-top {
  padding: 50px 0;
  border-bottom: 1px dashed #707070;
}
.f-top .border-rt {
  border-right: 1px dashed #707070;
}
.f-top .f-logo {
  width: 150px;
}
.f-top .f-logo img {
  width: 100%;
}
.f-top .f-pera {
  color: #BEBEBE;
  margin: 20px 0 0;
}
.f-top .f-social {
  margin: 20px 0 0px;
  padding: 0px;
  display: flex;
}
.f-top .f-social li {
  margin: 0px 14px 0px 0px;
  width: 36px;
  height: 36px;
  background-color: transparent;
  border: 1px solid #5D6533;
  border-radius: 4px;
  text-align: center;
  transition: 0.4s ease-in-out;
}
.f-top .f-social li i {
  font-size: 18px;
  color: #fff;
  line-height: 36px;
  transition: 0.4s ease-in-out;
}
.f-top .f-social li:hover {
  background-color: #FFBF33;
}
.f-top .f-social li:hover i {
  color: #010C11;
}
.f-top .footer-title {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  margin: 0 0 20px;
  padding: 0;
}
.f-top .footer-list {
  margin: 0;
  padding: 0;
}
.f-top .footer-list li {
  float: none;
  font-size: 16px;
  margin: 0 0 8px;
  font-weight: 400;
  padding: 0;
  text-transform: uppercase;
}
.f-top .footer-list li a {
  color: #9B9B9B;
  transition: all ease-in-out 0.3s;
}
.f-top .footer-list li:hover a {
  color: #FFBF33;
}
.f-top .fnav-link {
  margin: 0;
  padding: 0;
}
.f-top .fnav-link li {
  float: none;
  margin-bottom: 12px;
  color: #FFBF33;
  font-size: 16px;
  font-weight: 400;
}
.f-top .fnav-link li a {
  color: #9B9B9B;
  display: block;
  margin: 0;
  transition: all ease-in-out 0.3s;
}
.f-top .fnav-link li:hover a {
  color: #fff;
}

.f-bttm {
  padding: 18px 0;
}
.f-bttm .copyright {
  color: #344C57;
  margin: 0;
  text-align: center;
}

.main-title {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin: 0;
  padding: 0;
}

.gal-bx {
  max-height: 300px;
  overflow: hidden;
}
.gal-bx img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.gal-slider .owl-item.center {
  z-index: 9;
  position: relative;
}

.gal-slider .owl-item {
  z-index: -1;
  opacity: 0.5;
}

.gal-slider .owl-item.center {
  opacity: 1;
}

.gal-slider .owl-item.center .gal-bx {
  transform: scale(1.6);
  transition: all ease-in-out 0.6s;
}

.gal-slider .owl-stage {
  display: flex;
  align-items: center;
  height: 450px;
}

.gal-slider .owl-nav {
  position: absolute;
  top: 38%;
  transform: translateY(-50%);
  width: 100%;
}

.gal-slider .owl-nav button.owl-prev,
.gal-slider .owl-nav button.owl-next {
  width: 46px;
  height: 46px;
  border-radius: 5px;
  border: 1px solid #707070;
  position: absolute;
}

.gal-slider .owl-nav button.owl-prev {
  left: -100px;
  position: absolute;
}

.gal-slider .owl-nav button.owl-next {
  right: -100px;
  position: absolute;
}

.gal-slider .owl-nav button.owl-prev i,
.gal-slider .owl-nav button.owl-next i {
  font-size: 20px;
  color: #fff;
  transition: all ease-in-out 0.4s;
}

.gal-slider .owl-nav button.owl-prev:hover,
.gal-slider .owl-nav button.owl-next:hover {
  background-color: #FFBF33;
}

.brand-prt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.brand-prt figure {
  width: 20%;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  margin: 0;
}
.brand-prt figure img {
  max-width: 100%;
}

.inner-banner-section {
  --banner-height: 40vh;
  background: no-repeat center center/cover;
  min-height: 400px;
  position: relative;
  z-index: 0;
}
.inner-banner-section .inner-banner-content {
  --banner-height: 50vh;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
}
.inner-banner-section .inner-banner-content h1 {
  font-weight: 700;
  font-size: 58px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

/*#################### Filter Property #################*/
.megafolio-container {
  display: inline-block;
  width: 100%;
}

.mega-entry .mega-entry-innerwrap {
  border: none;
  border-radius: 0;
}

.mega-entry {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: absolute;
  z-index: 2;
  text-align: center;
}

.mega-entry img {
  width: 100%;
}

.megafolio-container,
.megafolio-container-splash {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.mega-entry {
  text-align: center;
}

.mega-hover {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.mega-hoverlink,
.mega-hoverview2 {
  background: url(../images/lupe2.png) no-repeat center;
  width: 62px;
  height: 62px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 33px;
  margin: auto;
  display: inline-block;
  position: absolute;
  transition: all ease-in-out 0.3s;
}

.mega-hoverlink,
.mega-hoverview {
  width: 62px;
  height: 62px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: inline-block;
}

.mega-hover:hover .mega-hoverview2 {
  right: 0;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}

.fancybox-lock .fancybox-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}/*# sourceMappingURL=style.css.map */