html {
  font-size: 16px;
  scroll-behavior: smooth;
}
@media (max-width: 1199px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 12px;
  }
}

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

button, input {
  border: none;
  outline: none;
  box-shadow: none;
  padding: 0;
}
button:focus, input:focus {
  outline: none;
  box-shadow: none;
}

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

.Outfit {
  font-family: "Outfit", sans-serif !important;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
aside,
canvas,
details,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
section,
audio,
video {
  padding: 0rem;
  list-style: none;
  margin: 0rem;
}

.gap-20 {
  gap: 1.25rem;
}

.button-primary {
  background-color: #EB7E23;
  border-radius: 6.25rem;
  border: 0.0625rem solid #EB7E23;
  font-size: 1.125rem;
  font-weight: 400;
  font-family: "DM Sans", Sans-serif;
  padding: 0.625rem 1.875rem;
  color: #fff;
}
.button-primary:hover {
  background-color: #603913;
  color: #fff;
}

.download-b {
  display: flex;
  justify-content: center;
  font-size: 1rem;
  color: #fff;
  width: 13.75rem;
  padding: 0.5em 1.25em;
  text-align: center;
  border-radius: #EB7E23;
  font-weight: 500;
  text-shadow: none !important;
  line-height: 1.375rem;
  transition: all 0.45s;
  background: #EB7E23;
  box-shadow: none;
  border: none;
}
.download-b:hover {
  color: #fff;
  background-color: #603913;
}

.main-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.main-header .top-info {
  border-bottom: 0.0625rem solid #fff;
}
.main-header .top-info .divider {
  height: 1.5rem;
  width: 0.0625rem;
  background-color: #fff;
}
.main-header .top-info li .link {
  color: #fff;
  font-family: "Roboto", Sans-serif;
  font-weight: 400;
}
.main-header .top-social {
  gap: 1.25rem;
}
.main-header .top-social li a {
  color: #fff;
}
.main-header .top-social li a:hover {
  color: #EB7E23;
}
.main-header .menu-bar {
  padding: 0.9375rem 0rem;
}
@media (max-width: 991px) {
  .main-header .menu-bar .navbar-light .navbar-toggler {
    background-color: #fff;
  }
}
@media (max-width: 991px) {
  .main-header .menu-bar .navbar-light .navbar-collapse {
    position: absolute;
    top: 100%;
    left: -15px;
    right: -15px;
    background-color: #fff;
    padding: 0 1.875rem;
  }
}
.main-header .menu-bar .navbar-nav {
  gap: 1.25rem;
}
@media (max-width: 991px) {
  .main-header .menu-bar .navbar-nav {
    gap: 0.625rem;
  }
}
.main-header .menu-bar .navbar-nav .nav-item {
  position: relative;
}
.main-header .menu-bar .navbar-nav .nav-item.active .nav-link {
  font-weight: 700;
}
.main-header .menu-bar .navbar-nav .nav-item .nav-link {
  color: #fff;
  font-family: "DM Sans", Sans-serif;
  font-weight: 400;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 991px) {
  .main-header .menu-bar .navbar-nav .nav-item .nav-link {
    color: #0C0C0C;
  }
}
.main-header .menu-bar .navbar-nav .nav-item .nav-link .drop-arrow {
  font-size: 0.875rem;
}
.main-header .menu-bar .navbar-nav .nav-item .nav-link:hover {
  color: #EB7E23;
}
.main-header .menu-bar .navbar-nav .nav-item .sub-menu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  transform: translateY(10%);
  left: 0;
  width: 15.625rem;
  background-color: #fff;
  box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
  transition: all 0.4s;
  z-index: 10;
}
.main-header .menu-bar .navbar-nav .nav-item .sub-menu .nav-item {
  border-bottom-style: solid;
  border-bottom-color: #c4c4c4;
  border-bottom-width: 1px;
}
.main-header .menu-bar .navbar-nav .nav-item .sub-menu .nav-item .nav-link {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.7em;
  color: #54595F;
  text-transform: uppercase;
  padding: 0.5rem;
}
.main-header .menu-bar .navbar-nav .nav-item .sub-menu .nav-item .nav-link.active {
  background-color: #54595F;
  color: #fff;
}
.main-header .menu-bar .navbar-nav .nav-item .sub-menu .nav-item .nav-link.active:hover {
  color: #fff;
}
.main-header .menu-bar .navbar-nav .nav-item .sub-menu .nav-item .nav-link:hover {
  color: #EB7E23;
}
.main-header .menu-bar .navbar-nav .nav-item:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.banner .banner-content {
  height: 50rem;
  display: flex;
  align-items: center;
}
.banner .banner-content .heading {
  font-family: "Outfit", Sans-serif;
  font-size: 2.125rem;
  font-weight: 500;
  color: #EB7E23;
  text-transform: uppercase;
  line-height: 1.1em;
  letter-spacing: -1.7px;
  margin-bottom: 0.5625rem;
}
.banner .banner-content .detail {
  font-family: "Outfit", Sans-serif;
  font-size: 3.125rem;
  font-weight: 500;
  line-height: 1.1em;
  letter-spacing: -1.7px;
  color: #fff;
  margin-bottom: 2.1875rem;
}
.banner .carousel-control-prev, .banner .carousel-control-next {
  width: 5%;
  font-size: 1.5625rem;
}

.paddingY100, .blog-detail-p, .tooling-p, .drilling-detail, .drilling-sec, .getintouch-p, .contact-p, .about-content-p,
.gallery-p,
.solution-sec, .testimonials, .pump, .new-insight, .Profitability, .tooling, .our-services, .top-sell, .curious {
  padding: 6.25rem 0;
}
@media (max-width: 767px) {
  .paddingY100, .blog-detail-p, .tooling-p, .drilling-detail, .drilling-sec, .getintouch-p, .contact-p, .about-content-p,
  .gallery-p,
  .solution-sec, .testimonials, .pump, .new-insight, .Profitability, .tooling, .our-services, .top-sell, .curious {
    padding: 3.125rem 0;
  }
}

.paddingB140, .curious {
  padding-bottom: 8.75rem;
}
@media (max-width: 767px) {
  .paddingB140, .curious {
    padding-bottom: 4.375rem;
  }
}

.about {
  padding: 5rem 0rem;
  background-image: url("../img/g4tfc4vb.png");
  background-position: -10% 0px;
  background-repeat: no-repeat;
  background-size: 33% auto;
}
.about.solutions-p {
  background-position: 100% 0px;
}
.about .about-img .elementor {
  width: 15.625rem;
  height: 15.625rem;
}
.about .about-content {
  margin-left: 2.8125rem;
}
@media (max-width: 991px) {
  .about .about-content {
    margin-left: 0;
  }
}
.about .about-content .detail {
  font-size: 1.125rem;
  color: #3C3C3C;
  text-align: justify;
  font-family: "DM Sans", Sans-serif;
  margin-bottom: 1.25rem;
  font-weight: 300;
}

.box {
  background-color: #EB7E23;
  border-radius: 50%;
  width: 8.6875rem;
  height: 8.6875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../img/globe-1.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 30% auto;
  position: absolute;
  top: 1.875rem;
  right: 5.875rem;
}
.box.rotate {
  animation: rotation 8s infinite linear;
}
.box svg {
  width: 5.625rem;
  max-width: 100%;
  height: auto;
  overflow: visible;
  word-spacing: var(--word-spacing);
  transform: rotate(0);
  font-family: "DM Sans", Sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1em;
  word-spacing: 1.0625rem;
  color: #0C0C0C;
  transition: 0.3s;
}
.box svg path {
  vector-effect: non-scaling-stroke;
  fill: transparent;
  stroke: transparent;
  stroke-width: 0.0625rem;
  transition: stroke, fill;
}
.box svg text {
  --fill: $black3;
  fill: var(--fill);
  direction: var(--direction, ltr);
  transition: all 0.3s;
}

.curious {
  background: url(../img/background-image.jpg) no-repeat center/cover;
  position: relative;
  text-align: center;
}
.curious .background-overlay {
  background-color: #000000;
  opacity: 0.64;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.curious .heading {
  color: #fff;
  font-size: 2.0625rem;
  font-weight: 600;
  line-height: 1.1em;
}
.curious .detail {
  text-align: center;
  color: #fff;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 1.7em;
}

.card-sec {
  margin-top: -2.5rem;
  padding-bottom: 6.25rem;
}

.driller-driven {
  background-color: #333231;
  padding: 5rem 0 5rem 0;
  border-radius: 0px 12.5rem 0 0;
}
.driller-driven .driven-counter {
  border-style: solid;
  border-width: 0.0625rem 0 0 0;
  border-color: #8F8F8F;
  padding: 2.5rem 0 2.5rem 0;
}
.driller-driven .driven-counter:last-child {
  padding-bottom: 0;
  border-style: solid;
  border-width: 0 0 0.0625rem 0;
  border-color: #8F8F8F;
}
.driller-driven .driven-counter .counter-number {
  color: #EB7E23;
  font-size: 7.25rem;
  font-weight: 400;
}
.driller-driven .driven-counter .counter-detail {
  color: rgba(255, 255, 255, 0.768627451);
  font-family: "DM Sans", Sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.8em;
  letter-spacing: 0px;
  -webkit-text-stroke-color: #000;
  stroke: #000;
  text-align: justify;
}

.top-sell .top-sell-content .heading {
  color: #EB7E23;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 1.1em;
  margin-bottom: 1.25rem;
}
.top-sell .top-sell-content ul li {
  display: flex;
  color: #3C3C3C;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.7em;
  margin-bottom: 0.3125rem;
}
.top-sell .top-sell-content ul li svg {
  width: 0.9375rem;
  margin-right: 0.625rem;
}

.our-services {
  background-image: url(../img/g4tfc4vb.png);
  background-position: 100% 40%;
  background-repeat: repeat;
  background-size: 35% auto;
}

.exploring-success {
  padding-top: 6.25rem;
}

.tooling {
  background-image: url(../img/g4tfc4vb.png);
  background-position: 100% 40%;
  background-repeat: repeat;
  background-size: 35% auto;
  overflow: hidden;
}

.Profitability {
  position: relative;
  background-color: #FFFFFF;
  background-image: url(../img/o24itjg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.Profitability .background-overlay {
  background-color: #181818;
  opacity: 0.64;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.new-insight {
  background-image: url(../img//g4tfc4vb.png);
  background-position: 100% 40%;
  background-repeat: repeat;
  background-size: 35% auto;
}

.pump {
  background: url(../img/background-image.jpg) no-repeat center/cover;
  position: relative;
  text-align: center;
}
.pump .background-overlay {
  background-color: #000000;
  opacity: 0.64;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.pump .heading {
  color: #fff;
  font-size: 2.0625rem;
  font-weight: 600;
  line-height: 1.1em;
}
.pump .detail {
  text-align: center;
  color: #fff;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 1.7em;
}

.testimonials {
  background-image: url(../img/g4tfc4vb.png);
  background-position: 100% 40%;
  background-repeat: repeat;
  background-size: 35% auto;
  opacity: 0.8;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.testimonials .testimonial-slider .slider-item {
  padding: 1.875rem;
  text-align: center;
  background-color: #F5F7F9;
  border-radius: 2.5rem;
  border-style: none;
  transform: scale(1, 1);
  margin: 0 0.9375rem;
}
.testimonials .testimonial-slider .slider-item .heading {
  margin-top: 0px;
  color: #0C0C0C;
  font-family: "Outfit", Sans-serif;
  font-size: 1.0625rem;
  font-weight: 500;
  margin-top: 1.25rem;
}
.testimonials .testimonial-slider .slider-item .detail {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.7em;
  font-family: "DM Sans", Sans-serif;
}
.testimonials .testimonial-slider .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  margin-top: 1.25rem;
}
.testimonials .testimonial-slider .slick-dots li button {
  font-size: 0;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 100%;
  background-color: #EB7E23;
  opacity: 0.5;
}
.testimonials .testimonial-slider .slick-dots li:hover button, .testimonials .testimonial-slider .slick-dots li.slick-active button {
  opacity: 1;
}

.accordion-sec {
  background-image: url("../img/fectory-bg.png");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 767px) {
  .accordion-sec {
    padding-bottom: 3.125rem;
  }
}
.accordion-sec .accordion-box .card {
  background-color: transparent;
}
.accordion-sec .accordion-box .card .card-header {
  padding: 0.9375rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.02);
  background-color: #f1f1f1;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.accordion-sec .accordion-box .card .card-header h5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.7em;
  font-family: "DM Sans", Sans-serif;
  color: #EB7E23;
}
.accordion-sec .accordion-box .card .card-header h5 .plus-icon {
  display: none;
}
.accordion-sec .accordion-box .card .card-header h5 .minus-icon {
  display: block;
}
.accordion-sec .accordion-box .card .card-header h5.collapsed .plus-icon {
  display: block;
}
.accordion-sec .accordion-box .card .card-header h5.collapsed .minus-icon {
  display: none;
}
.accordion-sec .accordion-box .card .card-header:hover {
  background-color: #0C0C0C;
}
.accordion-sec .accordion-box .card .card-header:hover h5 {
  color: #fff;
}
.accordion-sec .accordion-box .card .card-body {
  background-color: transparent;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.7em;
  font-family: "DM Sans", Sans-serif;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.card1 .card-detail {
  text-align: center;
}
.card1 .card-detail .heading {
  color: #EB7E23;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 1.1em;
  letter-spacing: -0.10625rem;
  margin-top: 1.25rem;
}
.card1 .card-detail .detail {
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.7em;
  color: #3C3C3C;
  text-align: justify;
  margin-top: 1.25rem;
}

.card2 {
  background-color: #F5F7F9;
  padding: 2.5rem;
  border-radius: 2.5rem;
  margin: 1.25rem;
  height: calc(100% - 1.25rem);
}
.card2 a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
}
.card2 .card-img {
  width: 9.375rem;
  height: 9.375rem;
  border-radius: 0.625rem;
  overflow: hidden;
}
.card2 .heading {
  font-size: 1.625rem;
  font-weight: 500;
  color: #0C0C0C;
  line-height: 1.1em;
  letter-spacing: -0.8px;
  text-align: center;
}
.card2 .detail {
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.7em;
  color: #3C3C3C;
  text-align: center;
  margin-top: 1.25rem;
}

.card3 {
  max-width: 15.5rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 767px) {
  .card3 {
    max-width: 100%;
  }
}
.card3 .card-img {
  width: 14.25rem;
  height: 14.25rem;
  border-radius: 0.625rem;
  overflow: hidden;
  transition: all 0.4s;
}
.card3 .card-img:hover {
  transform: rotate(4deg);
}
.card3 .card-detail .heading {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.1em;
  letter-spacing: -0.10625rem;
  margin-top: 1.25rem;
  margin-bottom: 0.625rem;
}
.card3 .card-detail .detail {
  color: rgba(255, 255, 255, 0.768627451);
  font-family: "DM Sans", Sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  text-align: justify;
}
.card3.drilin-p {
  max-width: 100%;
}
.card3.drilin-p .card-img {
  width: auto;
  height: auto;
  border-radius: 0.625rem;
  overflow: hidden;
  transition: all 0.4s;
}
.card3.drilin-p .card-detail .heading {
  margin-bottom: 0.1875rem;
  color: #54595F;
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.625rem;
}
.card3.drilin-p .card-detail .detail {
  color: #7A7A7A;
  font-family: "DM Sans", Sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  text-align: justify;
}

.card4 {
  padding: 0 0.9375rem;
}
.card4 .card-img {
  text-align: center;
}
.card4 .heading {
  text-align: center;
  color: #000000;
  font-family: "DM Sans", Sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.7em;
  margin-block-start: 1.25rem;
}

.tolling-box {
  display: flex;
}
.tolling-box .tool-list {
  position: relative;
  flex: 1;
  transition: all 0.4s;
}
.tolling-box .tool-list img {
  height: 37.5rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.tolling-box .tool-list .item-content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
  transition: all 0.4s;
}
.tolling-box .tool-list .item-content .heading {
  color: #fff !important;
  font-family: "Outfit", Sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 1.1em;
  letter-spacing: -1.7px;
  transform: translateY(-50px);
  opacity: 0;
  visibility: hidden;
  transition-delay: 2s;
  transition: all 0.4s;
}
.tolling-box .tool-list .item-content .detail {
  color: #fff;
  transform: translateY(50px);
  transition-delay: 2s;
  transition: all 0.4s;
  opacity: 0;
  visibility: hidden;
}
.tolling-box .tool-list:hover {
  flex: 3 1 0%;
}
.tolling-box .tool-list:hover .item-content {
  opacity: 1;
  visibility: visible;
}
.tolling-box .tool-list:hover .item-content .heading,
.tolling-box .tool-list:hover .item-content .detail {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.card5 .card-img {
  overflow: hidden;
  border-top-left-radius: 2.5rem;
  border-top-right-radius: 2.5rem;
  height: 12.625rem;
  width: 100%;
  position: relative;
}
.card5 .card-img::before, .card5 .card-img::after {
  position: absolute;
  content: "";
  z-index: 1;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: all 0.4s linear 0s;
  height: 0.0625rem;
  width: 100%;
  background-color: #fff;
}
.card5 .card-img::before {
  width: 100%;
}
.card5 .card-img::after {
  height: 100%;
  width: 0.0625rem;
}
.card5 .card-img img {
  transition: all 0.4s;
}
.card5:hover .card-img::before {
  opacity: 1;
  width: 1.25rem;
  height: 0.0625rem;
}
.card5:hover .card-img::after {
  opacity: 1;
  width: 0.0625rem;
  height: 1.25rem;
}
.card5:hover .card-img img {
  transform: scale(1.2);
}
.card5 .card-detail {
  background-color: #F5F7F9;
  border-bottom-left-radius: 2.5rem;
  border-bottom-right-radius: 2.5rem;
  margin: 0 0.625rem 1.25rem;
  padding: 1.875rem;
  position: relative;
  margin-top: -3.125rem;
}
.card5 .card-detail .heading {
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 1.35em;
  color: #0C0C0C;
}
.card5 .card-detail .heading:hover {
  color: #EB7E23;
}
.card5 .card-detail .blog-mete {
  line-height: 1.3em;
  font-size: 0.75rem;
  margin-bottom: 0.8125rem;
  color: #adadad;
  font-family: "Roboto", Sans-serif;
}
.card5 .card-detail .blog-mete a {
  color: #adadad;
}
.card5 .card-detail .blog-mete a:hover {
  color: #EB7E23;
}
.card5 .card-detail .detail {
  font-size: 1rem;
  color: #3C3C3C;
  font-family: "DM Sans", Sans-serif;
  font-weight: 300;
}

.card6 .card-icon {
  background-color: #EB7E23;
  min-width: 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  color: #fff;
  font-size: 1.125rem;
}
.card6 .card-detail .heading {
  font-family: #0C0C0C;
  font-size: 1.625rem;
  font-weight: 500;
  line-height: 1.1em;
}
.card6 .card-detail .detail {
  text-align: justify;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.7em;
  font-family: "DM Sans", Sans-serif;
  color: #7A7A7A;
}

.tool-card {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 2.5rem;
}
.tool-card .card-img {
  max-width: 50%;
  margin: auto;
}
.tool-card .card-detail {
  font-size: 1.125rem;
  font-family: "DM Sans", Sans-serif;
  color: #7a7a7a;
  text-align: justify;
  line-height: 1.7em;
}
.tool-card .card-detail h2 {
  color: #EB7E23;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.1em;
  margin-bottom: 1.25rem;
}
.tool-card .card-detail p {
  margin-bottom: 1.25rem;
}
.tool-card .card-detail h3 {
  font-size: 1.125rem;
  font-weight: 600;
}
.tool-card .card-detail ul {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.tool-card .card-detail ul li {
  list-style: disc;
  margin-left: 15px;
}

.heading-1 {
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 1.1em;
  color: #0C0C0C;
  margin-bottom: 1.25rem;
}
.heading-1 span {
  background-image: linear-gradient(120deg, #ED6C30 0%, #ED6C30 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.2em;
  background-position: 0 88%;
  transition: background-size 0.25s ease-in;
}
.heading-1 span:hover {
  background-size: 100% 88%;
}

.heading-small {
  color: #EB7E23;
  font-family: "DM Sans", Sans-serif;
  font-size: 18prem 18;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3em;
  letter-spacing: 0.0625rem;
}

.font-40 {
  font-size: 2.5rem !important;
  font-weight: 600 !important;
}

.font-76 {
  font-size: 4.75rem !important;
  font-weight: 600 !important;
}
@media (max-width: 767px) {
  .font-76 {
    font-size: 2.1875rem !important;
  }
}

.font-48 {
  font-size: 3rem !important;
  font-weight: 600 !important;
}
@media (max-width: 767px) {
  .font-48 {
    font-size: 1.75rem !important;
  }
}

footer {
  border-top: 0.0625rem solid #E2E2E2;
  padding-top: 3.125rem;
}
footer .footer-detail {
  color: #54595F;
  font-family: "Roboto", Sans-serif;
  text-align: justify;
  line-height: 1.7em;
}
footer .made-uae .uae-img {
  max-width: 2.625rem;
}
footer .made-uae .detail {
  color: #54595F;
  font-family: "DM Sans", Sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.7em;
}
footer .git-in-touch h3 {
  color: #EB7E23;
  font-family: "Roboto", Sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
}
footer .git-in-touch .fot-info i {
  color: #EB7E23;
}
footer .git-in-touch .fot-info .detail {
  font-family: "DM Sans", Sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.7em;
  color: #54595F;
}
footer .top-social {
  gap: 1.25rem;
}
footer .top-social li a {
  font-size: 1.5625rem;
  color: #EB7E23;
}
footer .footer-nav {
  border-top: 0.0625rem solid #E2E2E2;
  padding: 1.25rem 0;
  margin-top: 3.125rem;
}
footer .footer-nav ul .nav-item .nav-link {
  color: #54595F;
  font-size: 1.125rem;
  line-height: 1.7rem;
}
footer .footer-nav ul .nav-item .nav-link:hover {
  color: #EB7E23;
}

.breadcrumb-banner {
  background-color: #603913;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 25.125rem;
  z-index: 0;
}
.breadcrumb-banner .background-overlay {
  background-color: #603913;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
}
.breadcrumb-banner .col-12 {
  height: 25.125rem;
}
.breadcrumb-banner .breadcrumb-content {
  position: absolute;
  bottom: 2.5rem;
  z-index: 2;
  left: 0;
  right: 0;
}
.breadcrumb-banner .heading {
  font-family: "Roboto", Sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  color: #fff;
}

.common-detail .detail {
  font-size: 1.125rem;
  line-height: 1.7em;
  font-weight: 300;
  color: #3C3C3C;
}

.video-sec {
  padding: 16.25rem 0px 16.25rem 0px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.video-sec .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  color: #0C0C0C;
  font-size: 1.25rem;
  position: relative;
  transition: 0.5s;
  cursor: pointer;
}
.video-sec .play-button::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -2px;
  left: -2px;
  bottom: -2px;
  right: -2px;
  border-radius: inherit;
  border: 1px solid #ED6C30;
  animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
  border-color: #ED6C30;
}
.video-sec .play-button:hover {
  background-color: #ED6C30;
  color: #fff;
}

.video-modal .close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
  opacity: 1;
}
.video-modal .modal-dialog {
  max-width: 60.25rem;
}
.video-modal .modal-dialog .modal-content {
  border: none;
}
.video-modal .modal-dialog .modal-content .modal-body {
  padding: 0;
  font-size: 0;
}

.contact-p {
  background-image: url(../img/g4tfc4vb.png);
  background-position: 100% 40%;
  background-repeat: repeat;
  background-size: 35% auto;
  opacity: 0.8;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.contact-p .contant-form {
  background-color: #F5F7F9;
  border-radius: 2.5rem;
  padding: 3.75rem 3.75rem 1.875rem 3.75rem;
}
.contact-p .contant-form .input-1 {
  font-family: "DM Sans", Sans-serif;
}
.contact-p .contant-form .input-1 label {
  color: #000;
  font-weight: 500;
}
.contact-p .contant-form .input-1 .form-control {
  padding: 1rem 1.375rem;
  font-size: 1rem;
  letter-spacing: normal;
  border-radius: 1rem;
  border: 0.0625rem solid #e4e6e8;
  background-color: #fff;
  color: #000;
  height: auto;
}
.contact-p .contant-form .input-1 .form-control:hover {
  border-color: #EB7E23;
}

@keyframes btnIconRipple {
  0% {
    border-width: 4px;
    transform: scale(1);
  }
  80% {
    border-width: 1px;
    transform: scale(1.35);
  }
  100% {
    opacity: 0;
  }
}
.getintouch-p {
  background-color: #5D7B95;
  position: relative;
  border-radius: 0px 200px 0px 0px;
}
@media (max-width: 767px) {
  .getintouch-p {
    border-radius: 0px 100px 0px 0px;
  }
}
.getintouch-p .background-overlayer {
  background-image: url(../img/g4tfc4vb.png);
  background-position: 120% 120%;
  background-repeat: no-repeat;
  background-size: 50% auto;
  opacity: 0.09;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.getintouch-p .get-content .detail {
  color: rgba(255, 255, 255, 0.768627451);
  font-family: "DM Sans", Sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.8em;
  letter-spacing: 0px;
  -webkit-text-stroke-color: #000;
  stroke: #000;
  margin-bottom: 1.25rem;
  margin-top: 2.5rem;
}
.getintouch-p .get-content ul li a {
  font-family: "DM Sans", Sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  fill: #FFFFFF;
  color: #FFFFFF;
}
.getintouch-p .contact-social {
  gap: 1.875rem;
}
.getintouch-p .contact-social li a {
  color: #fff;
  font-size: 2.0625rem;
}

.map-box {
  height: 37.5rem;
}
.map-box iframe {
  filter: brightness(50%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
}

.drilling-detail .driling-content-left {
  border: 0.1875rem #000 double;
  padding: 10px;
}
.drilling-detail .driling-content-left .heading {
  color: #EB7E23;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 1.1em;
  margin-bottom: 1.25rem;
}
.drilling-detail .driling-content-left ul li {
  padding: 0.625rem 0;
}
.drilling-detail .driling-content-left ul li:not(:last-of-type) {
  border-bottom: 0.0625rem solid #ddd;
}
.drilling-detail .driling-content-left ul li a {
  color: #54595F;
  font-size: 1.125rem;
  line-height: 1.7em;
  display: flex;
  align-items: center;
}
.drilling-detail .driling-content-left ul li a span svg {
  margin-right: 0.3125rem;
  height: 0.8125rem;
  fill: #EB7E23;
  transform: translateY(-2px);
}
.drilling-detail .download-b {
  display: flex;
  justify-content: center;
  font-size: 1rem;
  color: #fff;
  width: 13.75rem;
  padding: 0.5em 1.25em;
  text-align: center;
  border-radius: #EB7E23;
  font-weight: 500;
  text-shadow: none !important;
  line-height: 1.375rem;
  transition: all 0.45s;
  background: #EB7E23;
  box-shadow: none;
  border: none;
}
.drilling-detail .Unlock-banner {
  height: 25rem;
  position: relative;
  z-index: 1;
  padding: 1.875rem;
}
.drilling-detail .Unlock-banner .bg-overlay {
  background-color: #603913;
  opacity: 0.92;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.drilling-detail .Unlock-banner .heading {
  color: #fff;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 1.1em;
}
.drilling-detail .Unlock-banner .detail {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.7em;
}
.drilling-detail .Unlock-banner a {
  display: inline-flex;
  font-size: 1rem;
  color: #fff;
  padding: 0.625rem 1.25rem;
  text-align: center;
  border-radius: #EB7E23;
  font-weight: 500;
  text-shadow: none !important;
  line-height: 1.375rem;
  transition: all 0.45s;
  background: #EB7E23;
  box-shadow: none;
  border: none;
}

.driling-content-main {
  font-size: 1.125rem;
  font-weight: 400;
  font-family: "DM Sans", Sans-serif;
  color: #7a7a7a;
  text-align: justify;
  gap: 1.875rem;
  line-height: 1.7em;
}
.driling-content-main h2 {
  color: #EB7E23;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 1.1em;
}
.driling-content-main ul li {
  list-style: decimal;
  margin-left: 15px;
}
.driling-content-main ul li strong {
  display: block;
}
.driling-content-main ol li {
  list-style: disc;
  margin-left: 15px;
}
@media (max-width: 767px) {
  .driling-content-main .img-content img {
    max-width: 30%;
  }
}
.driling-content-main .img-content .des .detail {
  margin-top: 1.875rem;
}
.driling-content-main .img-content .des ul {
  margin-top: 1.875rem;
}
.driling-content-main .img-content .des ul li {
  margin-left: 0;
  list-style: none;
}
.driling-content-main .img-content .des ul li i {
  color: #EB7E23;
}
.driling-content-main #Specifications .card {
  border: none;
}
.driling-content-main #Specifications .card-header {
  border: none;
  background: none;
  color: #EB7E23;
  border-bottom: 0.0625rem solid #ddd;
}
.driling-content-main #Specifications .card-header h5 {
  color: #EB7E23;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1.1em;
}
.driling-content-main #Specifications .card-header .fa-caret-right {
  display: none;
}
.driling-content-main #Specifications .card-header .fa-caret-down {
  display: block;
}
.driling-content-main #Specifications .card-header.collapsed .fa-caret-right {
  display: block;
}
.driling-content-main #Specifications .card-header.collapsed .fa-caret-down {
  display: none;
}
.driling-content-main #Specifications .card-body {
  padding-left: 0;
  padding-right: 0;
}
.driling-content-main #Specifications .spc {
  display: flex;
  gap: 3.125rem;
  border-bottom: 0.0625rem solid #ddd;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.driling-content-main #Specifications .spc span {
  font-weight: 800;
  font-family: "Roboto", Sans-serif;
  color: #000;
  font-size: 1rem;
  margin-bottom: 1rem;
}
.driling-content-main #Specifications .spc span:first-child {
  display: block;
  width: 8.125rem;
}

.blog-detail-p .blog-detail-img {
  border-radius: 1.25rem;
  overflow: hidden;
}
.blog-detail-p .blog-detail .blog-detail {
  background-color: #F5F7F9;
  padding: 2.375rem;
  color: #3C3C3C;
  margin-top: 1.875rem;
  border-radius: 1.25rem;
}
.blog-detail-p .blog-detail .blog-detail .b-tags {
  font-size: 0.875rem;
  font-weight: 600;
  color: #EB7E23;
  line-height: 1.4;
  margin-bottom: 1.25rem;
}
.blog-detail-p .blog-detail .blog-detail .date-author {
  gap: 1.25rem;
  border-bottom: 0.0625rem solid #ddd;
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
}
.blog-detail-p .blog-detail .blog-detail .date-author li {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.4;
}
.blog-detail-p .blog-detail .blog-detail .date-author li i {
  color: #EB7E23;
}
.blog-detail-p .blog-detail .blog-detail p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7em;
  margin-bottom: 1.25rem;
}
.blog-detail-p .blog-detail .blog-detail h2 {
  color: #000;
  font-size: 3rem;
  margin-top: 1.875rem;
  margin-bottom: 1.25rem;
}
.blog-detail-p .blog-detail .blog-detail .contant-form {
  border: 0.0625rem solid #ddd;
  border-radius: 1.25rem;
}

@media (max-width: 767px) {
  .border-mob {
    border-left: none !important;
    border-top: solid 1px #fff !important;
  }
}

.additional-options ul {
  -moz-columns: 2;
       columns: 2;
  margin-top: 1.25rem;
}
.additional-options ul li {
  list-style: none;
  display: flex;
  margin-bottom: 0.625rem;
}
.additional-options ul li .elementor-icon-list-icon svg {
  width: 0.875rem;
  fill: #EB7E23;
  margin-right: 0.3125rem;
  transform: translateY(-2px);
}

.gallery {
  display: flex;
  transition: 0.3s;
}
.gallery:hover .gallery__image {
  filter: grayscale(1);
}
.gallery__column {
  display: flex;
  flex-direction: column;
  width: 25%;
}
.gallery__link {
  margin: 2px;
  overflow: hidden;
}
.gallery__link:hover .gallery__image {
  filter: grayscale(0);
}
.gallery__link:hover .gallery__caption {
  opacity: 1;
}
.gallery__thumb {
  position: relative;
}
.gallery__image {
  display: block;
  width: 100%;
  transition: 0.3s;
}
.gallery__image:hover {
  transform: scale(1.1);
}
.gallery__caption {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 25px 15px 15px;
  width: 100%;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  color: white;
  opacity: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  transition: 0.3s;
}/*# sourceMappingURL=style.css.map */


.detail_button i
{
    margin-left : 10px !important;
}