/*
Theme Name: Mining Industry Pro
Theme URI:
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description:
Version: 0.0.1
Requires at least: 5.8.0
Tested up to: 6.0.3
Requires PHP: 7.2
License: GNU General Public License
License URI:license.txt
Text Domain: mining-industry-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
mining industry pro WordPress Theme has been created by VW Themes(vwthemes.com), 2023.
mining industry pro WordPress Theme is released under the terms of GNU GPL
*/

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
:root {
  --orange: #F34F1F;
  --matt-black: #1E1E1E;
  --black: #000;
  --white: #fff;
  --font-one:"Figtree", sans-serif; 
}

/* Basic Style */

 html body {
     margin: 0;
     padding: 0;
     -ms-word-wrap: break-word;
     word-wrap: break-word;
     background-color: white;
     position: relative;
     font-size: 16px;
     color:var(--green);
     font-family: var(--font-one);
}
 label {
     margin-bottom: 0 !important;
}
 img {
  margin: 0;
  padding: 0;
  border: none;
  max-width: 100%;
  height: auto;
  width: auto;
  object-fit: cover;
}
 section img {
     max-width: 100%;
}
 h1, h2, h3, h4, h5, h6 {
      margin: 0;
      /* color: #000; */
      font-family:var(--font-one);
      font-weight: bold;
}
 p {
  margin: 0 0 15px;
  padding: 0;
  font-family: var(--font-one);
  font-size: 18px;
  font-weight: 400;
  line-height: 25.4px;
}
 p, ul li a {
     letter-spacing: 0px;   font-family: var(--font-one);
}
 body a {
     text-decoration: none;
     color: #277BF8;
}
 a:hover {
     text-decoration: none;
     color: var(--black);
}
 a:focus, a:hover {
     text-decoration: none !important;
}
 ul, ol {
     margin: 0 0 0 0;
     padding: 0;
}
input[type="text"], input[type="tel"], input[type="email"], input[type="phno"], input[type="password"], textarea, .form-group input, .form-group select, input[type="date"], select, textarea {
  border: none;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 0 0px 0;
  height: auto;
  width: 100%;
  border-radius: 10px;
  font-weight: 500;
  border: 1px solid #f34f1f33;
  background:#fff;
}
input::-webkit-input-placeholder{
  color: var(--green);
}
#contact-us .main-head {
  color:var(--green);
}
#contact-us{
  padding: 7% 0 11% 0;
}
.contact-wrap svg{
  position: absolute;
  right: 0;
  z-index: -1;
  top: -50px;
}
.contact-img{
  height: 100%;
  width: 100%;
  max-width: 500px;
  object-fit: cover;
}
 section{
  background-size: 100% 100%;
  background-repeat: no-repeat !important;
  padding: 70px 0;
  background-attachment: scroll;
}

.btn-wrap{
  padding: 10px 15px;
  border-radius: 5px;
  width: max-content;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  position: relative;
  z-index: 1;
  cursor: pointer;
  display: flex ;
  align-items: center;
  background: var(--yellow);
  gap: 10px;
}
.theme-btn{
  display: inline-block;
  font-family: Quicksand;
  font-size: 15px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
  color: var(--green);
}
.btn-wrap svg{
  background: #fff;
  height: 25px;
  width: 25px;
  padding: 3px;
  border-radius: 3px;
}
.btn-wrap:before{
  content: "";
  background: var(--green);
  width: 0;
  height: 0;
  border-radius: 5px;
  position: absolute;
  /* top: 0; */
  left: 0;
  right: 0;
  z-index: -1;
  transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
.btn-wrap:hover .theme-btn{
  color:  var(--yellow);
}
.btn-wrap:hover p input{
  color:  var(--white) !important;
}
.btn-wrap:hover:before {
  width: 100%;
  height: 100%;
}
.theme-para{
  font-family: var(--font-one);
  font-size: 14px;
  font-weight: 400;
  line-height: 16.4px;
  color: #000;
}
.main-sub-head {
  font-family:var(--font-two);
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    margin-bottom: 0;
    color:var(--green)
}
.main-head {
  font-family: var(--font-one);
  font-size: 30px;
  font-weight: 600;
  color: #000;
  line-height: 35px;
  font-weight: 700;
}
.head-box{
  background: var(--yellow);
  height: 14px;
  width: 12px;

}
 .screen-reader-text {
   position: absolute;
   top: -9999em;
   left: -9999em;
}

.btn-wrap p{
  margin-bottom: 0;
}
/*------------------------- Headings --------------------------*/
h1{
  font-family: var(--font-one);
  font-size: 56px;
  font-weight: 700;
  line-height: 84.28px;
}
 section h2 {
   font-size: 38px;
   line-height: 55px;
   /* color: #fff; */
   font-weight: 700;
   font-family: var(--font-one);
}
 section h3 {
   font-weight: 400;
   /* color: #000; */
   font-size: 39px;
   line-height: 39px;
   font-family: var(--font-one);
}
section h4,section h4 a{
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  font-family: var(--font-one);
}
 section h5,h5 a {
  font: 700 18px / 24px var(--font-one);
  color: var(--green);
  padding: 0;
}
h6{
  font-family: var(--font-one);
  font-size: 14px;
  font-weight: 700;
  line-height: 20.16px;
}
/*----------------- Section Title--------------*/

/* ----------- Post Content ---------------*/

 .vw-fixed{
     background-attachment: fixed !important;;
     background-size: cover ;
     background-repeat: no-repeat ;

}
 .vw-scroll{
     background-attachment: scroll ;
     background-size: cover ;
     background-repeat: no-repeat;
}
 .slider-bg-image.vw-fixed{
   position: fixed !important;
 }
/* ---------- Return to Top ------------ */
 #return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px !important;
  background: var(--black);
  width: 60px;
  height: 60px;
  border-radius: 50px;
  line-height: 69px;
  display: block;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
  
}
 #return-to-top i {
     position: relative;
     font-size: 25px;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     color: #fff !important;
     font-weight: 800;
}
 #return-to-top:hover {
     background: rgba(0, 0, 0, 0.9);
}


.sticky.stickynavbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  /* background:var(--white); */
  background:#000;
  
  padding: 10px 0;
  box-shadow: 0px 0px 20px #0000002B;
}
.sticky.stickynavbar .header-inner{
  background: unset;
  box-shadow: unset;
}
/* ----------- Spinner ------------- */
 .eco-box{
   position: fixed;
   height: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   cursor: pointer;
   z-index: 99999999;
   background-color:var(--orange);
   width: 100%;
}
.loader-main{
  display: flex;
  justify-content: center;
  width: max-content;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: max-content;
}
.loader {
  width: 50px;
  --b: 8px; 
  aspect-ratio: 1;
  border-radius: 50%;
  padding: 1px;
  background: conic-gradient(#0000 10%,#fff) content-box;
  -webkit-mask:
    repeating-conic-gradient(#0000 0deg,#000 1deg 20deg,#0000 21deg 36deg),
    radial-gradient(farthest-side,#0000 calc(100% - var(--b) - 1px),#000 calc(100% - var(--b)));
  -webkit-mask-composite: destination-in;
          mask-composite: intersect;
  animation:l4 1s infinite steps(10);
}
@keyframes l4 {to{transform: rotate(1turn)}}
 .woocommerce div.product form.cart .variations tr{
     display: block !important;
}
 .woocommerce div.product form.cart table td{
     padding-left: 18px !important;
}


/* Slider */
#slider{
  background-image: url(assets/images/footer/slider-bg.png);
}
/* #footer_box{
  background: var(--green);
  mask-image: url(assets/images/footer/footer-main.png);
   mask-repeat: no-repeat; 
}  */
.footer-col-four .widget_text{
  background-image: url(assets/images/footer/honeycomb.png)!important;
  background-repeat: no-repeat;
  background-color: var(--yellow);
  margin: 0px auto;
  padding: 20px 20px 0 20px;
  width: 380px;
  height: 100%;
  /* mask-image: url(assets/images/footer/f-contact-mask.png); */
  /* mask-repeat: no-repeat; */
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 30px;
}
.footer-col-four .widget-title{
  width: 70%;
  margin: 0 auto;
  text-align: center;
  width: 70%;
  margin: 0px auto;
  text-align: center;
  position: relative;
  top: 10px;
}
.footer-col-four .widget_text .textwidget p{
  font-family: Quicksand;
  font-size: 14px;
  font-weight: 800;
  line-height: 20.16px;
  margin-bottom: 0;
  background-color: transparent;
}
/* Flavor */
.flavor-img{
  mask-image: url(assets/images/flavor/flavor-mask.png);
  mask-repeat: no-repeat;
  width: 302px;
  height: 349px;
  mask-size: 100% 100%;
}
.flavor-img img{
  width: 100% !important;
  height: 100%;
  object-fit: cover;
}
/* blog css */
#blog-news .blog-svg{
  width: 85%;
  height: 100%;
  position: absolute;
  top: -18%;
  z-index: -1;
}
.blog-bee-img{
  top: 2%;
  right: 9%;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  animation: bouncess 3s ease-in-out 0s infinite alternate;
  width: 109px;
  height: 109px;
}
@-webkit-keyframes bouncess {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-40px);
}
}
.blog-title a{
  color: var(--green);
}
.left-blog-content .blog-img{
  height: 368px;
}
.vertical-blog-img-main .blog-img img{
  max-width: 145px;
  height: 135px;
  object-fit: cover;
  border-radius: 10px;
}
.home-blog-meta h6, .home-blog-meta h6 a {
  color: var(--orange);
}
.blog-content, .blog-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 23.4px;
  color: var(--green);
}
.left-blog-contet  .blog-img{
  height: 355px;
}
.left-blog-contet  .blog-img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
/* owl nav css */
.owl-nav button{
  background: var(--green);
  border: none;
  height: 37px;
  width: 40px;
  line-height: 35px;
  color: #fff;
}
.owl-nav button:hover{
background: var(--yellow);
}
.owl-nav button:hover i{
  color: #fff;
}
#testimonial .owl-nav{
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 3%;
}
.testimonial-box .test-img-wrap{
  border: 1px solid;
  width: max-content;
  margin: 0 auto;
  background: #fff;
  margin-top: -70px;

}
.testimonial-box img {
  object-fit: cover;
  margin: 1px;
}
.slick-slider .slide-arrow{
  height: 40px;
  width: 40px;
  opacity: 1;
  background: var(--white);
  color: var(--black);
  position: unset;
  border-radius: 6px;
  

  border: none;
  font-size: 18px;
}
.slick-slider .slide-arrow:hover{
  background: #0C8AA4;
}
#testimonial .slick-list.draggable{
  padding: 5% 20px !important;
}
#testimonial .slick-slider{
  overflow: unset !important;
}
button.slide-arrow.prev-arrow.slick-arrow {
  right: -70px;
  bottom: 30px;
  position: absolute;
  z-index: 1;
}
button.slide-arrow.next-arrow.slick-arrow{
  right: -120px;
  bottom: 30px;
  position: absolute;
  z-index: 1;
}
.testi-title{
  font-size: 18px;
  font-weight: 600;
}

.testi-right-img{
  position: absolute;
  top: 45px;
  right: 0;
  width: 260px;
  animation: updown 4s infinite linear;
  animation-direction: alternate;
  z-index: -1;
  border-radius: 50px;
}
/* -----------about us--------------- */
.about-right-img{
  top: 25%;
  width: 235px;

}
.abt-shape{
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
  animation-name: pulse;
}

.abt-shape-one{
  background: var(--yellow);
}
.abt-shape-two ,.abt-shape-four{
  background: var(--yellow);
  width: 96px;
}
.abt-shape-three{
  background: var(--green);
}
.abt-shape-five{
  background: var(--green);
}
.abt-wrap{
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-template-rows: repeat(10, 40px);
  margin: 0px;
  gap: 20px;
}
.abt-shape-one {
  grid-row-start: 1;
  grid-row-end: 9;
  grid-column-start: 1;
  grid-column-end: 7;
}
.abt-shape-two {grid-row-start: 8;grid-row-end: 10;grid-column-start: 1;grid-column-end: 3;}
.abt-img{
  grid-row-start: 2;
  grid-row-end: 9;
  grid-column-start: 2;
  grid-column-end: 11;
  position: relative;
  height: 100%;
  width: 100%;
  object-fit: contain;
  min-height: 522px;
}
.abt-shape-three{
  grid-row-start: 2;
  grid-row-end: 5;
  grid-column-start: 7;
  grid-column-end: 9;
  position: relative;
  z-index: -1;
  height: 145px;
  left: 20px;
}
.abt-shape-four{
  grid-row-start: 3;
  grid-row-end: 5;
  grid-column-start: 9;
  grid-column-end: 11;
  position: relative;
  right: -30px;
}
.abt-shape-five{
  grid-row-start: 10;
  grid-row-end: 5;
  grid-column-start: 8;
  grid-column-end: 12;
  position: relative;
  z-index: -1;
    left: -30px;
}
.abt-img-outer-box{
  height: 250px;
  background-size: 100% 100%;
  z-index: 1;
  border-radius: 10px;
}
.abt-img-box{
position: relative;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
}
.abt-img-box h5{
  color: #fff;
}
.abt-img-box::after{
  content: '';
  position: absolute;
  inset: 0;
  background-color: #000;
  opacity: 0.5;
  z-index: -1;
  border-radius: 10px;
}
.about-counter{
  font-size: 60px;
  font-weight: 600;
  line-height: 70px;
  color: #fff;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in;
  animation-name: flash;
}
.counter-shape-one{
  height: 93px;
  width: 0;
  transition: width 0.5s ease-in-out;
  position: absolute;
  background: var(--yellow);
  left: 0;
  top: 10px;
}
.counter-shape-two{
  position: absolute;
  background: var(--yellow);
  right: -1px;
  bottom: 10px;
  height: 195px;
  width: 0;
  transition: width 0.5s ease-in-out;
}
.abt-img-box:hover .counter-shape-one{
  width: 23px;
}
.abt-img-box:hover .counter-shape-two{
  width: 50px;
}
/* testimonial */

.testimonial-box {
  padding: 25px;
  display: flex;
  flex-direction: column;
  padding: 0px 0px 0px; 
  position: relative;
  justify-content: space-between;
  /* background: rgba(255,255,255,0.10); */
  margin: 8px;
  border-radius: 10px;
}
.testimonial-box img{
  height: 55px;
  width: 55px;
  object-fit: cover;
  border-radius: 50px;
}
.testimonial-content-box{
  font-family: var(--font-one);
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
  /* position: absolute; */
    margin: 0px 0px !important;
    font-weight: 400;
}
.testi-title a{
  color: #F9C300;
}
.testimonial-box.slick-slide{
  transition: height 0.5s ease-in-out;
  min-height: 240px;
  transition: all 300ms ease;
}
.testimonial-box.slick-slide.slick-current.slick-active.slick-center{
  /* transform: scale(1.09); */
  min-height: 190px;
  transition: all 0.3s ease;
  /* background: var(--white);  */
}
.sliders-custom-prev i, .sliders-custom-next i{
  width: 50px;
  height: 45px;
  opacity: 1;
  background: var(--green);
  color: var(--white);
  position: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
/* Faq section */
#faq-sec .accordion-button:hover{
      z-index: 1;
}
#faq-sec .accordion-button:not(.collapsed), #faq-page .accordion-button:not(.collapsed){
  background-color:unset;
  box-shadow:unset;
}
#faq-sec .accordion-button, #faq-page  .accordion-button{
  font: 600 16px / 25px var(--font-one);
  border-radius: 0px;
  padding: 10px 1.25rem;
  background: transparent;
  color: var(--white);
}
#faq-sec .accordion-button:not(.collapsed), #faq-page .accordion-button:not(.collapsed){
  color: var(--white);
}
.faq-sec-inner{
  padding: 40px 50px;
  margin-top: 4%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.faq-sec-inner .accordion-body{
  color: #fff;
  font-size: 14px;
}

.accordion-body{
  color: #fff;
}

#faq-sec .accordion-item,
 #faq-page .accordion-item {
  margin-bottom: 12px;
  border-radius: 10px;
  border: unset;
  background-color: var(--orange);
  padding: 15px;
}
#faq-sec  .accordion-header{
    border-radius: 6px;
}
#faq-sec .accordion-button:not(.collapsed)::after , #faq-page  .accordion-button:not(.collapsed)::after{
    content: '\f068';
    font-family: "font awesome 6 free";
    font-weight: 900;
    font-size: 14px;
    background-image: unset !important;
    height: unset !important;
    width: unset !important;
    transition: unset;
    color: #fff;
}
#faq-sec .accordion-button::after, #faq-page .accordion-button::after{
    content: '\f067';
    font-family: "font awesome 6 free";
    font-weight: 900;
    font-size: 14px;
    background-image: unset !important;
    height: unset !important;
    width: unset !important;
    transition: unset;
}

#faq-sec label{
  width: 100%;
}
#faq-sec form{
  margin-top: 20px;
}
#faq-sec textarea{
  height: 110px;
}
#faq-sec form .theme-btn p,.news-form-main .theme-btn p , .contac_form .theme-btn p {
  margin-bottom: 0;
}
#faq-sec form .theme-btn p input,.news-form-main .theme-btn p input, #appoinment .theme-btn p input,  .contac_form .theme-btn p input{
  background: transparent;
  border: none;
  font: 700 16px / 20px var(--font-one);
  color:var(--white);
}
#faq-sec form .theme-btn .wpcf7-spinner, .news-form-main .wpcf7-spinner , #appoinment .wpcf7-spinner, .contac_form  .wpcf7-spinner{
  position: absolute;
  right: -40px;
  margin: 0 5px;
}
#faq-sec form .theme-btn{
  margin-left: 10px;
  padding: 8px 18px;
}
.que-img{
  height: 100%;
  width: 100%;
  animation: float 4s ease-in-out infinite;
}
@keyframes float {
  0% {
      transform: translatey(0px);
  }
  50% {
      transform: translatey(-20px);
  }
  100% {
  transform: translatey(0px);
  }
}




/* Makers */
.team-bottom-content h5{
  color: #fff;
}
.team-img{
  /* height: 435px; */
}
.team-img img{
  height: 100%;
  width: 100%;
  border-radius: 10px;
}
.team-bottom-content{
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  opacity: 0;
  z-index: 2;
}
.team-social-icon-box-main{
  height: 50px;
  width: 95%;
  background: var(--yellow);
  margin: 0 auto;
}
.team-social-icon-box{
  height: 100%;
}
.team-social-icon-box i,.team-title h6{
  color: #fff;
}
.team-inner-content::after{
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: -100%;
  z-index: 0;
  transition: 0.5s;
  background: #000;
  opacity: 0.7;
  border-radius: 10px
}
.team-inner-content:hover::after{
  bottom: 0%;
}
.team-inner-content:hover .team-bottom-content{
  opacity: 1;
}



/* loader */
.ai_loader{
  display: flex;
    justify-content: center;
    width: max-content;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: max-content;
}
.loader {
  width: 48px;
  height: 48px;
  display: inline-block;
  position: relative;
  background: #FFF;
  box-sizing: border-box;
  animation: flipX 1s linear infinite;
}

@keyframes flipX {
  0% {
    transform: perspective(200px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(200px) rotateX(-180deg) rotateY(0deg);
  }
  100% {
    transform: perspective(200px) rotateX(-180deg) rotateY(-180deg);
  }
}
    


/* my style */
/* common styling */
.c_common_subheading{
  font-family: var(--font-one);
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
}
.c_common_heading{
  font-family: var(--font-one);
  font-weight: 800;
  font-size: 36px;
  line-height: 60px;
}
.c_common_para{
  font-family: var(--font-one);
  font-weight: 400;
  font-size: 16px;
  line-height:26px;
}
.button1 a{
  font-family: var(--font-one);
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  background: var(--orange);
  padding: 12px 40px;
  margin: 0 0 0 5px;
  border-radius: 6px;
  transition: linear all 0.3s;
}

.button1 a:hover{
  color: var(--green);
    background: var(--white);
}

.button2 a{
  font-family: var(--font-one);
  font-weight: 500;
  font-size: 16px;
  color: #000;
  background: #fff;
  padding: 15px 34px;
  margin: 0 0 0 0px;
  border-radius: 6px;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
}
.button2 a:hover{
  color: var(--white);
  background: var(--orange);
}

/* common gredient clip path */
.c_gre_clip {
  clip-path: polygon( 0% 13.333%,0% 13.333%,0.024% 11.171%,0.092% 9.119%,0.202% 7.206%,0.349% 5.459%,0.53% 3.905%,0.741% 2.573%,0.978% 1.488%,1.238% 0.68%,1.516% 0.175%,1.81% 0%,97.83% 0%,97.83% 0%,98.197% 0.27%,98.535% 1.041%,98.839% 2.253%,99.102% 3.846%,99.319% 5.76%,99.485% 7.936%,99.594% 10.315%,99.64% 12.835%,99.618% 15.438%,99.522% 18.064%,95.744% 91.397%,95.744% 91.397%,95.652% 92.897%,95.538% 94.28%,95.403% 95.539%,95.25% 96.663%,95.08% 97.641%,94.896% 98.463%,94.699% 99.121%,94.491% 99.602%,94.275% 99.899%,94.052% 100%,1.81% 100%,1.81% 100%,1.516% 99.825%,1.238% 99.32%,0.978% 98.512%,0.741% 97.427%,0.53% 96.095%,0.349% 94.541%,0.202% 92.794%,0.092% 90.881%,0.024% 88.829%,0% 86.667%,0% 13.333% );
  /* background: linear-gradient(90deg, rgba(243,79,31,1) 0%, rgba(181,23,23,1) 90%); */
  color: #fff;
  width: max-content;
  padding: 6px 30px 6px 25px;
  border-radius: 6px 6px 12px 6px;
  background: linear-gradient(90deg, #F34F1F 0%, #B53A17 100%);
}

header{
  position: absolute;
  z-index: 9;
  width: 100%;
}

/* =======================  Header close==================== */
/* slider  */
#slider:before{
  content: '';
  background-color: #1e1e1e;
  height: 100%;
  position: absolute;
  width: 100%;
  margin: -12% 0 0 0;
}

#slider .swiper_slide_outer {
  width: 90%;
  margin: 0 auto;
  /* background: #ccc; */
  border-radius: 30px;
  overflow: hidden;
  position: relative;
}

#slider .swiper_slide_outer .bg_img img {
  width: 100%;
  position: absolute;
  height: 100%;
  border-radius: 30px;

}
#slider .swiper_slide_outer .bg_img:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

#slider .swiper_slide_outer  .slider-content-box{
  padding: 30% 0;
  z-index: 2;
  min-height: 750px;
}

#slider .swiper_slide_outer .slider-content-box h6,
#slider .swiper_slide_outer .slider-content-box h1,
#slider .swiper_slide_outer .slider-content-box p{
  color: #fff;
}

#slider .swiper_slide_outer .slider-content-box h1 {
  font-size: 40px;
  padding: 0 0 0 15px;
  margin: 20px 0;
  height: 100%;
  position: relative;
}

#slider .swiper_slide_outer .slider-content-box h1:before {
  content: '';
  height: 100%;
  width: 5px;
  border-radius: 2px;
  background-color: var(--orange);
  position: absolute;
  left: 0;
}

#slider .swiper_slide_outer .slider-content-box p {
  margin: 0 0 60px;
}

/* pagination */
#slider .swiper-pagination {
  color: #fff;
  font-family: var(--font-one);
  font-size: 30px;
  font-weight: 600;
  text-align: left;
  left: 0;
  padding: 0 0 0 15%;
}
#slider .swiper-pagination span.swiper-pagination-current{
  font-size: 70px;
  font-weight: 700;
}

#slider .slider_nav .swiper .swiper-button-prev:after,
#slider .slider_nav .swiper .swiper-button-next:after{
  content: none;
}

#slider .slider_nav .swiper .swiper-button-prev i,
#slider .slider_nav .swiper .swiper-button-next i{
  color: #fff;
  font-size: 25px;
}
#slider .slider_nav .swiper .swiper-button-prev i:hover,
#slider .slider_nav .swiper .swiper-button-next i:hover{
  color: var(--orange);
}
#slider .slider_nav .swiper .swiper-button-prev i {
  transform: rotate(180deg);
}

#slider .slider_nav .swiper {
  position: absolute;
  right: 10%;
  bottom: 30px;
  background: rgba(0,0,0,0.55);
  height: auto;
  z-index: 1;
  text-align: center;
  padding: 15px 40px;
  border-radius: 10px;
}
#slider .slider_nav .swiper img {
  height: 100px;
  width: 100px;
  margin: 5px 5px;
  border-radius: 50%;
  border: 6px solid transparent;
  padding: 8px;
}

#slider .slider_nav .swiper .swiper-slide{
  width: 100px !important;
}
#slider .slider_nav .swiper .swiper-slide-thumb-active img {
  border: 0px solid rgba(255,255,255,0.1);
  background: linear-gradient(-75deg, rgba(243,79,31,1) 60%, rgba(255,255,255,0.1) 60%);
  border-radius: 50px;
}
/* 
#slider .slider_nav .swiper .swiper-slide-thumb-active:after {
  content: '';
  height: 2px;
  width: 100%;
  position: absolute;
  background-color: #000;
  border-radius: 50%;
} */
/* #slider .slider_nav .swiper .swiper-slide-thumb-active img:after {
  content: '';
  height: 2px;
  width: 100%;
  position: absolute;
  background-color: #000;
  border-radius: 50%;
} */
#slider .swiper-pagination {
  z-index: 1;
}


.last_slide_head {
  color: var(--orange) !important;
}
/* slider close */
/* ================================================== */
/* our mission start */

#mission{
  margin: 30px 0 0;
  padding: 75px 0 60px;
}

#mission .mission_right {
  background: linear-gradient(90deg, rgba(243, 79, 31, 1) 0%, rgba(181, 58, 23, 1) 90%);
  padding: 30px 20px;
  border-radius: 10px;
  color: #fff;
}

#mission .mission_right h4 {
  font-size: 22px;
  font-weight: 800;
  color: #fff;
  margin: 0 0 15px;
}
#mission .mission_right p {
  margin: 0 0 45px;
}
#mission .mission_right .country_cover{
  display: flex;
  gap: 5px;
  align-items: center;
}
#mission .mission_right .country_cover .num {
  font-size: 35px;
  font-weight: 800;
}

#mission .mission_right .country_cover .head {
  font-size: 17px;
  font-weight: 700;
}
#mission .mission_right .country_cover .text p{
  margin: 0;
  border-left:2px solid #fff ;
  padding: 0 0 0 15px;
}

/* right card */
#mission .mission_card{
  border-radius: 10px;
  overflow: hidden;
}

#mission .mission_card .c-col{
  padding: 30px;
  color: #fff;
  min-height: 355px;
}
#mission .mission_card .c-col:nth-child(1),
#mission .mission_card .c-col:nth-child(3){
  background: #1e1e1e;
}
#mission .mission_card .c-col:nth-child(2){
  background: rgba(39, 39, 39, 1);
}

#mission .mission_card .card_content .icon{
  margin: 15px 0 15px;
  min-height: 60px;
}
#mission .mission_card .card_content .head h3{
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px;
}

#mission .mission_card .card_content p{
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}

/* ======================================================== */
/* ================== */
/* about us section  */

#about-us{
  padding: 75px 0 90px;
}
/* left */
#about-us .about_left_content {
  padding: 0 45px 0 0;
}
#about-us .about_left_content .top{
  display: flex;
  margin: 0 0 15px;
  align-items: end;
  justify-content: end;
}
#about-us .about_left_content .top img,
#about-us .about_left_content .btm img{
  border-radius: 15px;
}

#about-us .about_left_content .top .satisfaction {
  background: var(--orange);
  padding: 15px;
  border-radius: 10px;
  color: #fff;
  height: max-content;
  margin: 0 15px 0px 0;
  display: flex;
  gap: 15px;
  align-items: end;
}
#about-us .about_left_content .top .satisfaction .icon img{
  border-radius: 0;
}


#about-us .about_left_content .top .satisfaction .txt h6{
  font-size: 30px;
  font-weight: 900;
}
#about-us .about_left_content .top .satisfaction .txt h6 span{
  font-size: 16px;
  font-weight: 500;
  display: block;
}
/* right content*/
#about-us .about_right_content {
  margin: 0px 0 0;
}

#about-us .about_right_content h2{
  position: relative;
  padding: 0 0 0 15px;
  margin: 20px 0;
}
#about-us .about_right_content h2::before{
  content: '';
  height: 100%;
  width: 5px;
  border-radius: 2px;
  background-color: var(--orange);
  position: absolute;
  left: 0;
}

#about-us .about_right_content .advance_date{
  margin: 30px 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  gap: 10px;
}

#about-us .about_right_content .advance_date .advance {
  display: flex;
  flex-direction: row;
  flex-basis: 100%;
  flex: 1;
  gap: 10px;
  margin: 0 0 30px;
  align-items: center;
}
#about-us .about_right_content .advance_date .advance .icon {
  height: 75px;
  width: 140px;
  border-radius: 8px;
  background: var(--orange);
  line-height: 75px;
  text-align: center;
}
#about-us .about_right_content .advance_date .advance h4{
  font-weight: 700;
  font-size: 18px;
}
#about-us .about_right_content .advance_date .advance p {
  margin: 0 0 0px;
  font-size: 13px;
}
/* lists */
#about-us .about_right_content .list {
  margin: 0 0 60px;
}
#about-us .about_right_content .list ul {
  list-style-type: none;
}
#about-us .about_right_content .list ul li{
  margin: 0 0 15px;
}
#about-us .about_right_content .list ul li h5{
  display: flex;
}
#about-us .about_right_content .list ul li h5{
  font-size: 16px;
  font-weight: 500;
}
#about-us .about_right_content .list ul li h5 i {
  font-size: 15px;
  margin: 5px 8px 0 0;
  vertical-align: middle;
}

#about-us .about_right_content .button2 a {
  background: #000;
  color: #fff;
}
#about-us .about_right_content .button2 a:hover {
  background: var(--orange);
}

/* about us close */
/* ================================================= */
/* counter start */
#counter {
  padding: 60px 0 30%;
  margin: 0px 0 0;
  background: #1e1e1e;
}

#counter .counter_content {
  padding: 0 0 0px 30px !important;
  color: #fff;
  position: relative;
}

#counter .counter_content .num {
  display: flex;
  align-items: baseline;
  margin: 0 0 15px;
}

#counter .counter_content h2,
#counter .counter_content span {
  font-size: 40px;
  font-weight: 800;
  line-height: 26px;
  color: #fff;
}

#counter .counter_content h5{
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}

#counter .counter_content::before {
  content: '';
  height: 80%;
  width: 4px;
  background-color: var(--orange);
  position: absolute;
  top: 15%;
  left: 0;
}
/* ======================================================= */
/* ===============services section start===================*/
#services {
  padding: 90px 0 0px;
  margin: -27% 0 0;
}

#services .content_left .services_row{
  box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  overflow: hidden;
}
#services .content_left .services_row .c-col{
  padding: 0;
}
#services-page .contents,
#services .content_left .contents {
  background: rgba(255, 255, 255, 1); 
  color: #000;
  padding: 40px 30px 25px;
  position: relative;
  width: 100%;
  transition: linear all 0.3s;
  border-right: 1px solid rgba(226,226,226,1);
  border-bottom: 1px solid rgba(226,226,226,1);
}

#services .content_left .head {
  margin: 0 0 45px;
}
#services .content_left .head h4{
  margin: 0 auto;
}
#services .content_left .head h2{
  margin: 0 auto;
  width: 475px;
  color: #fff;
}

/* card */
#services-page .services_row .c-col .contents{
  box-shadow: 0 3px 6px #00000029;
  border-radius: 12px;
  margin: 0 0 30px;
}
/* 
#services-page .services_row .c-col:nth-child(1) .contents,
#services-page .services_row .c-col:nth-child(4) .contents,
#services-page .services_row .c-col:nth-child(7) .contents,
#services-page .services_row .c-col:nth-child(10) .contents,
#services-page .services_row .c-col:nth-child(13) .contents,
#services-page .services_row .c-col:nth-child(16) .contents,
#services-page .services_row .c-col:nth-child(19) .contents,
#services .content_left .c-col:nth-child(1) .contents {
  border-right: 1px solid rgba(226,226,226,1);
  border-bottom: 1px solid rgba(226,226,226,1);
}

#services-page .services_row .c-col:nth-child(2) .contents,
#services-page .services_row .c-col:nth-child(5) .contents,
#services-page .services_row .c-col:nth-child(8) .contents,
#services-page .services_row .c-col:nth-child(11) .contents,
#services-page .services_row .c-col:nth-child(14) .contents,
#services-page .services_row .c-col:nth-child(17) .contents,
#services-page .services_row .c-col:nth-child(20) .contents,
#services .content_left .c-col:nth-child(2) .contents {
  border-right: 1px solid rgba(226,226,226,1);
  border-bottom: 1px solid rgba(226,226,226,1);
} */

/* #services-page .services_row .c-col:nth-child(3) .contents,
#services-page .services_row .c-col:nth-child(6) .contents,
#services-page .services_row .c-col:nth-child(9) .contents,
#services-page .services_row .c-col:nth-child(12) .contents,
#services-page .services_row .c-col:nth-child(15) .contents,
#services-page .services_row .c-col:nth-child(18) .contents,
#services-page .services_row .c-col:nth-child(3) .contents, */

#services .content_left .c-col:nth-child(3) .contents {
  border-bottom: 1px solid rgba(226,226,226,1);
}

#services-page .services_row .c-col:nth-child(4) .contents,
#services .content_left .c-col:nth-child(4) .contents {
  border-right: 1px solid rgba(226,226,226,1);
}

#services-page .services_row .c-col:nth-child(5) .contents,
#services .content_left .c-col:nth-child(5) .contents {
  border-right: 1px solid rgba(226,226,226,1);
}


#services-page .contents .icon_num, #services .content_left .contents .icon_num {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#services-page .contents .icon_num .icon, 
#services .content_left .contents .icon_num .icon {
  width: 80px;
  height: 75px;
  background: var(--orange);
  line-height: 75px;
  border-radius: 6px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: center;
  margin: 0 0 20px;
}
#services-page .contents .icon_num .num , 
#services .content_left .contents .icon_num .num  {
  height: 75px;
}
#services-page .contents .icon_num .num h5, 
#services .content_left .contents .icon_num .num h5 {
  font-size: 80px;
  line-height: 30px;
  font-weight: 700;
  opacity: 0.20;
  text-transform: uppercase;
	background: linear-gradient(to right, #9B9B9B 0%, #FFEFEB 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  height: 70px;
  padding: 20px 0 0;
  margin: -15px 0 0;
}

#services-page .contents .cont h3,
#services .content_left .contents .cont h3{
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  margin: 0 0 20px;
}
#services-page .contents .cont p, #services .content_left .contents .cont p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  margin: 0 0 10px;
  color: rgba(0,0,0,0.8);
}
#services-page .contents .cont h3 a, 
#services .content_left .contents .cont h3 a {
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  color: #000;
}

/* hover */
#services-page .contents:hover,
#services .content_left .contents:hover {
  /* background: linear-gradient(90deg, rgba(243, 79, 31, 1) 50%, rgba(181, 23, 23, 1) 99%); */
  color: #fff !important;
  transition: linear all 0.3s;
  box-shadow: 3px 3px 10px #00000029;
  background: linear-gradient(90deg, #F34F1F 0%, #B53A17 100%);
}

#services-page .services_row .contents:hover .icon,

#services .content_left .contents:hover .icon,
#services .content_left .contents:hover .icon {
  background: #fff !important;
}

#services-page .services_row .contents:hover .icon img,
#services .content_left .contents:hover .icon img,
#services .content_left .contents:hover .icon img{
  filter: invert(100%);
}
#services-page .contents:hover .cont a,
#services-page .contents:hover .cont p,

#services .content_left .contents:hover .cont a,
#services .content_left .contents:hover .cont p {
  color: #fff !important;
}



/* services page close */
/* ======================================================= */
/* projects start */
#projects {
  padding: 90px 0 60px;
  margin: 0% 0 -130px;
  position: absolute;
  z-index: 1;
}

#projects .head h2 {
  position: relative;
  padding: 0 0 0 15px;
  margin: 20px 0;
}
#projects .head h2::before {
  content: '';
  height: 100%;
  width: 5px;
  border-radius: 2px;
  background-color: var(--orange);
  position: absolute;
  left: 0;
}

#projects .content_outer{
  margin: 60px 0 0;
  box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  /* overflow: hidden; */
}


#projects .content_outer .projects {
  padding: 0 10px;
}

#projects .content_outer .slick-list {
  border-radius: 15px;
}
#projects .content_outer .projects-box {
  padding: 20px 15px;
  border-right: 0.5px solid rgba(226, 226, 226, 1); 
  background: #fff;
}
#projects .content_outer .projects-box .projects-img img{
 width: 100%;
 min-height: 280px;
 border-radius: 15px;
}
#projects .content_outer .projects-box h3 a {
  font-size: 20px;
  font-weight: 700;
  margin: 10px 0 0;
  color: #000;
}
#projects .content_outer .projects-box p {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}

#projects .content_outer .projects-box:hover  {
  /* background: linear-gradient(90deg, rgba(243, 79, 31, 1) 0%, rgba(181, 23, 23, 1) 90%); */
  color: #fff;
  border-radius: 0px;
  border-left: 0.5px solid var(--orange); 
  border-right: 0.5px solid var(--orange);  
  background: linear-gradient(90deg, #F34F1F 0%, #B53A17 100%);
  
}
#projects .content_outer .projects-box:last-child(4),#projects .content_outer .projects-box:last-child(8),
#projects .content_outer .projects-box:last-child(12),#projects .content_outer .projects-box:last-child(16){
  border-right: 0.5px;
}
#projects .content_outer .projects-box:hover h3 a{
  color: #fff;
}
/* nav */
#projects .content_outer .projects .next-arrow,
#projects .content_outer .projects .prev-arrow{
  top: -33%;
}

#projects .content_outer .projects .prev-arrow {
  right: 60px;
  transform: rotate(180deg);
}
#projects .content_outer .projects .next-arrow{
  right: 10px;
}

#projects .content_outer .projects .next-arrow,
#projects .content_outer .projects .prev-arrow{
  background:var(--black);
  color: var(--white);
}


#projects .content_outer .projects .next-arrow:hover,
#projects .content_outer .projects .prev-arrow:hover{
  background:var(--orange);
}


/* projects close */
/* ======================================================== */
/* Why us start */

/* ============================================ */
#why-us{
  padding: 13% 0 90px;
  background-color: #1e1e1e;
  color: #fff;
}


#why-us .why_us_left_content h2 {
  position: relative;
  padding: 0 0 0 15px;
  margin: 20px 0;
}
#why-us .why_us_left_content h2::before {
  content: '';
  height: 75%;
  width: 5px;
  border-radius: 2px;
  background-color: var(--orange);
  position: absolute;
  left: 0;
  top: 12%;
}

#why-us .why_us_left_content .list .content {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0 0 12px;
}

#why-us .why_us_left_content .list .content h5 {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
#why-us .why_us_left_content .list .content i {
  color: #fff;
  border-radius: 4px;
}
#why-us .why_us_left_content .list ul li h5{
  font-size: 22px;
}

/* right col */
#why-us .why_us_right_content{
  display: flex;
}
#why-us .why_us_right_content .col1,
#why-us .why_us_right_content .col2 {
  width: 50%;
}
#why-us .why_us_right_content .col1 .cont h3 {
  /* background: linear-gradient(90deg, rgba(243, 79, 31, 1) 0%, rgba(181, 23, 23, 1) 90%); */
  background: linear-gradient(90deg, #F34F1F 0%, #B53A17 100%);
  color: #fff;
  border-radius: 10px 10px 0 10px;
  padding: 50px 35px 50px;
  text-align: center;
  width: max-content;
  margin: 0 0 0 auto;
  font-size: 60px;
  font-weight: 800;
  line-height: 50px;
}

#why-us .why_us_right_content .col1 .cont h3 span{
  font-size: 20px;
  font-weight: 600;
  display: block;
}

#why-us .why_us_right_content .col2 {
  margin: -45px 0 0;

}
#why-us .why_us_right_content .col2 .cont{
  padding: 35px;
  background:rgba(255,255,255,0.10);
  border-radius: 0 10px 10px 10px;
  text-align: left;

}

#why-us .why_us_right_content .col2 .cont img{
  width: auto;
  padding: 20px;
  border-radius: 6px;
  background: var(--orange);
  margin: 0 0 10px;
}
#why-us .why_us_right_content .col2 .cont p{
  
}

#why-us .why_us_right_content .col1 img, #why-us .why_us_right_content .col2 img {
  border-radius: 25px;
  width: 100%;
  padding: 15px;
  max-height: 245px;
  object-fit: cover;
  object-position: top;
}
#why-us .why_us_right_content .col2 h6{
  font-size: 20px;
  margin: 0 0 10px;
}

/* Why us close */
/* ===================================== */
/* logos start */
#logos{
  padding: 120px 0 0px;
}
#logos .contents {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#logos .contents .icon img{
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
#logos .contents .icon img:hover{
  filter: none;
}
/* Logos close */
/* --------------------------------------------------- */
/* our work start */
#work {
  padding: 120px 0 0px;
}

#work .head{
  display: flex;
  justify-content: space-between;
  margin: 0 0 60px;
}

#work .head .headings h2{
  position: relative;
  padding: 0 0 0 15px;
  margin: 20px 0;
}
#work .head .headings h2:before{
  content: '';
  height: 75%;
  width: 5px;
  border-radius: 2px;
  background-color: var(--orange);
  position: absolute;
  left: 0;
  top: 12%;
}
#work .head p.c_common_para{
  max-width: 500px;
}
/* work card start */

#work .content_left .contents {
  min-height: 275px;
  padding: 15px 15px;
  margin: 0 0 30px;
  text-align: center;
  position: relative;
}
#work .content_left .contents .icon {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin: 0 auto;
  align-items: center;
}
#work .content_left .contents .icon .img {
  height: 140px;
  width: 140px;
  /* background: linear-gradient(90deg, rgba(243, 79, 31, 1) 0%, rgba(181, 23, 23, 1) 90%); */
  background: linear-gradient(90deg, #F34F1F 0%, #B53A17 100%);

  border-radius: 50%;
  margin: 0 auto 30px;
}
#work .content_left .contents .icon .img img {
  margin: 40px auto 0;
  display: block;
  /* height: 60px; */
}
#work .content_left .contents .icon span {
  font-size: 50px;
  font-weight: 800;
  font-family: var(--font-two);
  background: linear-gradient(to right, #FFCCBD 0%, #ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 0 -30px 130px;
}

#work .content_left .contents .cont h3 {
  font-size: 22px;
  font-weight: 700;
}

#work .content_left .contents .cont p {
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
}

#work .content_left .c-col {
  position: relative;
}
#work .content_left .c-col .curve_line {
  position: absolute;
  right: -85px;
  top: 30%;
}

#work .content_left .c-col:nth-child(2) .curve_line {
  transform: rotate(180deg);
  margin: 30px 0 0;
}
#work .content_left .c-col:nth-child(4) .curve_line {
  display: none;
}

/* Work close */
/* ================================== */
/* gallery start */
#gallery{
  padding: 40px 0 40px 0;
}
#gallery .contents .thumb img {
  border-radius: 8px;
}

/*Image Sizes are Determined by the Column width*/
.masonry {
  columns: 310px; /*YOU ONLY NEED THIS LINE OF CODE TO MAKE THIS IMAGE CONTAINER TO A MASONRY-LAYOUT*/
  margin:15px;
}

#gallery .contents .thumb img {
  width: 100%;
  height: 270px;
  object-fit: cover;
  border-radius: 10px;
  display: block;
  margin-bottom: 15px;
}

#gallery .contents .thumb img:nth-child(5)  {
  min-height: 550px;
}
/*Mobile Image Sizes*/
@media (max-width: 768px) {
  .masonry {
    columns: 100px;
  }

  .masonry img {
    border-radius: 5px;
  }
}

/* gallery close */
/* ================================================== */
/* testimonials start */
#testimonials{
  margin: 0 15px 0 0;
  padding: 60px 0 60px;
}
#testimonials .head {
  margin: 20px 0 30px;
}
#testimonials .head h2{
  position: relative;
  padding: 0 0 0 15px;
  margin: 20px 0;
}
#testimonials .head h2:before{
  content: '';
  height: 75%;
  width: 5px;
  border-radius: 2px;
  background-color: var(--orange);
  position: absolute;
  left: 0;
  top: 12%;
}
#testimonials .head p{
  margin: 0;
}
#testimonials .testimonialss{
  padding: 0 0;
}

#testimonials .content_outer .slick-slider .content_testi{
  overflow: visible;
  box-shadow: 0 0px 6px #00000029;
  border-radius: 15px;
  padding: 20px;
  background: #fff;
}
#testimonials .content_outer .slider .testimonial-box {
  padding: 20px 0 0 !important;
}

#testimonials .content_outer .content_testi .test-head{
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: space-between;
}

#testimonials .content_outer .content_testi .test-head .client{
  display: flex;
  gap: 15px;
  align-items: center;
}
#testimonials .content_outer .content_testi .test-head .client h4 span{
  display: block;
  font-size: 14px;
  font-weight: 400;
}

#testimonials .content_outer .content_testi .test-head .star_list i{
  color: #FF7C1E;
}


/* navigation */
#testimonials  .prev-arrow {
  left: 10px;
  bottom: 0;
}

#testimonials  .next-arrow {
  bottom: 0;
  left: 60px;
}
#testimonials  .prev-arrow:hover,
#testimonials  .next-arrow:hover {
  background: var(--orange);
  color: #fff;
}

#testimonials  .prev-arrow i {
  transform: rotate(180deg);
}
/* video content */

#testimonials  .video{
  position: relative;
}
#testimonials  .video img {
  border-radius: 10px;
  width: 100%;
  height: 470px;
}
#testimonials .video .icon {
  position: absolute;
  margin: 0 auto;
  top: 40%;
  text-align: center;
  color: #fff;
  width: 100%;
}
#testimonials .video .icon p {
  font-size: 22px;
  font-weight: 600;
  margin: 20px 0 0;
  line-height: 24px;
}
#testimonials .video .icon i {
  background: var(--orange);
  font-size: 20px;
  color: #fff;
  height: 65px;
  width: 65px;
  line-height: 65px;
  text-align: center;
  border-radius: 50%;
}
#testimonials .video .icon button {
  background-color: transparent;
  padding: 0;
  border: 0;
}
#testimonials .video .icon button:focus {
  box-shadow: none;
  border: 0;
}
/* popup */
#single-ourservices .modal,
#testimonials .modal {
  background: rgba(0,0,0,0.8);
  padding: 20px;
}

#single-ourservices .modal-dialog,
#testimonials .modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}
#single-ourservices .modal-body,
#testimonials .modal-body {
  position:relative;
  padding:0px;
}

#single-ourservices .btn-close,
#testimonials .btn-close {
  position:absolute;
  right:-30px;
  top:0;
}

/* popup */

#single-ourservices .modal-body,
#testimonials .modal-body {
  padding: 2px;
}
#single-ourservices .modal-body .btn-close,
#testimonials .modal-body .btn-close {
  background: transparent;
  opacity: 1;
}

#single-ourservices .modal-body button,
#testimonials .modal-body button{
  position: absolute;
  z-index: 99;
  top: -45px;
  right: 10px;
}

#single-ourservices  .modal-body button i,
#testimonials .modal-body button i {
  color: #000;
  font-size: 22px;
  background: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
} 

#testimonials:before {
  content: '';
  background: #1e1e1e;
  height: 600px;
  position: absolute;
  width: 100%;
  z-index: -1;
  margin: 15% 0 0;
}
/* testimonials close */
/* ==================================================================== */
/* pricing plan */
#pricing_plan {
  padding: 90px 0 60px;
}
/* #pricing_plan:before {
  content: '';
  background: #ccc;
  height: 600px;
  position: absolute;
  width: 100%;
  z-index: -1;
  margin: -18% 0 0;
} */
#pricing_plan h4 {
  color: #fff;
  margin: 0 auto;
  display: block;
}

#pricing_plan .content_price .cards_outer {
  box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  padding: 0;
  overflow: hidden;
}
#pricing_plan .content_price h2 {
  color: #fff;
}
#pricing_plan .content_price .c-col {
  padding: 0;
}
#pricing_plan .content_price .cards {
  background: #fff;
  padding: 60px 20px;
  margin: 0px 0 0;
  position: relative;
}
#pricing_plan .content_price .c-col:nth-child(1) .cards,
#pricing_plan .content_price .c-col:nth-child(2) .cards {
  border-right: 1px solid rgba(226,226,226,1);
}
#pricing_plan .content_price .cards .head{
  position: relative;
  z-index: 2;
}
#pricing_plan .content_price .cards .head h5 {
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}
#pricing_plan .content_price .cards .head h6{
  font-size: 40px;
  font-weight: 900;
  line-height: 28px;
}
#pricing_plan .content_price .cards .head h6 span{
  font-size: 20px;
  font-weight: 600;
}
#pricing_plan .content_price .cards .content .list {
  width: 100%;
  padding: 20px 0 0;
  z-index: 2;
  position: relative;
}
#pricing_plan .content_price .cards .content .list ul  {
  list-style-type: none;
}
#pricing_plan .content_price .cards .content .list ul li {
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  margin: 0 0 10px;
}
#pricing_plan .content_price .cards  .button1{
  margin: 50px 0 0;
}
#pricing_plan .content_price .cards  .button1 a{
  border-radius: 6px;
  margin: 0;
  background: var(--orange);
  color: #fff;
  padding: 11px 30px;
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
}

#pricing_plan .content_price .cards:hover {
  
  /* background: linear-gradient(90deg, rgba(243, 79, 31, 1) 50%, rgba(181, 23, 23, 1) 99%); */
  background: linear-gradient(90deg, #F34F1F 0%, #B53A17 100%);

  color: #fff !important;
}
#pricing_plan .content_price .cards:hover .button1 a{
  background: #000;
  color: #fff;
}
#pricing_plan .content_price .cards:hover .head h5{
  color: #fff;
}

#pricing_plan .content_price .cards .dollor_image{
  position: absolute;
  top: 0;
  left: 0;
}

#pricing_plan .content_price .cards .dollor_image img{
  max-height: 175px;
}

/* pricing plan close */
/* =================================================== */
/* team start */
#team{
  padding: 90px 0 60px;
}

#team .head {
  display: flex;
  justify-content: space-between;
  margin: 0 0 60px;
  align-items: end;
}

#team .head h2 {
  position: relative;
  padding: 0 0 0 15px;
  margin: 20px 0;
}
#team .head h2:before {
  content: '';
  height: 75%;
  width: 5px;
  border-radius: 2px;
  background-color: var(--orange);
  position: absolute;
  left: 0;
  top: 12%;
}
#team .head p.c_common_para {
  max-width: 620px;
}

#team .content_outer {
  margin: 60px 0 0;
  box-shadow: 0 0px 6px #00000029;
  border-radius: 15px;
  overflow: hidden;
}
#team .content_outer .team-box {
  padding: 20px 15px;
  border-right: 0.5px solid rgba(226, 226, 226, 1);
  background: #fff;
  position: relative;
}
#team .content_outer .team-box .team-img img {
  width: 100%;
  min-height: 312px;
  height: 312px;
  border-radius: 15px;
  margin: 0 0 15px;
}
#team .content_outer .team-box .title_social {
  display: flex;
  justify-content: space-between;
  padding: 0 15px 0 0;
}

#team .content_outer .team-box .title_social h3 a {
  font-size: 20px;
  font-weight: 800;
  line-height: 30px;
  color: #000;
}
#team .content_outer .team-box .title_social h3 span {
  font-size: 16px;
  font-weight: 400;
  display: block;
}

/* social icons */
#team .content_outer .team-box .title_social .socila_icons i {
  background: #000;
  height: 35px;
  width: 35px;
  line-height: 35px;
  border-radius: 6px;
  color: #fff;
  text-align: center;
  margin: 0 0 5px;
}

#team .content_outer .team-box .title_social .socila_icons .hover ul{
  list-style-type: none;
}
#team .content_outer .team-box .title_social .socila_icons .hover ul li i{
  background:transparent ;
  color: #000;
}
#team .content_outer .team-box .title_social .socila_icons .hover {
  background: #fff;
  color: #000;
  border-radius: 6px;
  padding: 5px 0;
  display: block;
  position: absolute;
  bottom: 85px;
  right: 30px;
  box-shadow: 0 3px 6px #00000029;
  opacity: 0;
}
#team .content_outer .team-box .title_social .socila_icons .hover ul li i:hover{
  color: var(--orange);
}
#team .content_outer .team-box .title_social .socila_icons .share {
  position: absolute;
  right: 30px;
  bottom: 40px;
}
#team .content_outer .team-box .title_social .socila_icons .share:hover  .title_social .socila_icons .hover{
  opacity: 1;
}

/* hover */
#team .content_outer .team-box:hover {
  /* background: linear-gradient(90deg, rgba(243, 79, 31, 1) 50%, rgba(181, 23, 23, 1) 99%); */
  background: linear-gradient(90deg, #F34F1F 0%, #B53A17 100%);
  color: #fff !important;
}
#team .content_outer .team-box:hover a {
  color: #fff !important;
}
#team .slick-arrow {
  display: none !important;
}

#team .content_outer .team-box:hover .title_social .socila_icons .hover {
 opacity: 1;
}


/* ======================================================== */
/* single team page start */
#single-team{
  margin: 0 0 105px;
}
#single-team .content_page .single_thumb {
  height: 375px;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  margin: 0 0 45px;
}
#single-team .content_page .single_thumb img{
  width: 100%;
  height: 100%;
}
#single-team .content_page .content{
  padding: 0 0 0 25px;
}
#single-team .content_page .content p{
  line-height: 28px;
  font-size: 16px;
}
#single-team .content_page .content h4{
  margin: 30px 0 25px;
}
#single-team .content_page .content ul{
  list-style-type: none;
  display: flex;
  gap: 20px;
}

#single-team .content_page .content ul li a i{
  background: #fff;
  width: 40px;
  height: 38px;
  line-height: 39px;
  text-align: center;
  border-radius: 6px;
  color: #000;
  box-shadow: 0 0px 6px #00000029;
}

#single-team .content_page .content ul li a i:hover{
  background: var(--orange);
  color: #fff;
}

/* =================================================== */
/* blog post start */
.blog_news {
  padding: 90px 0 60px;
  margin: 0 0 150px;
}

.blog_news .blogs_row{
  box-shadow: 0 0px 6px #00000029;
  border-radius: 15px;
  padding: 0px;
  overflow: hidden;
}
.blog_news .blog_head h4{
  margin: 0 auto 30px;
  color: #fff;
}
.blog_news .content_col {
  padding: 15px 15px 15px;
  min-height: 390px;
  background: #fff;
}

.blog_news .blogs_row .c-col {
  padding: 0;
}
/* .blog_news.blogs_row .c-col:nth-child(1) .content_col, */
/* .blog_news .blogs_row .c-col:nth-child(2) .content_col {
  border-right: 1px solid rgba(226,226,226,1);
  border-left: 1px solid rgba(226,226,226,1);
} */

.blog_news .blogs_row .c-col .content_col {
  border-right: 1px solid rgba(226,226,226,1);
}

.blog_news .content_col:hover{
  background: linear-gradient(90deg, rgba(243, 79, 31, 1) 50%, rgba(181, 23, 23, 1) 99%);
  color: #fff !important;
}

.blog_news .content_col .thumb {
  border-radius: 10px 10px;
  overflow: hidden;
  height: 240px;
  position: relative;
  margin: 0 0 15px;
}

.blog_news .content_col .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 15px;
}

.blog_news .content_col .thumb .date h6 {
  position: absolute;
  z-index: 1;
  bottom: 15px;
  right: 15px;
  background: var(--orange);
  padding: 15px 20px 7px;
  border-radius: 7px;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 26px;
}
.blog_news .content_col .thumb .date h6 span {
  display: block;
  font-size: 16px;
}
.blog_news .content_col .blog-title  {
  margin: 20px 0 15px;
  min-height: 60px;
}


.blog_news .content_col .blog-title h5 a {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

.blog_news .content_col .content .meta_box h6, 
.blog_news .content_col .content .meta_box span,
.blog_news .content_col .content .meta_box a {
  font-size: 15px;
  font-weight: 700;
  text-transform: capitalize;
  color: #000;
}
.blog_news .content_col  .content .meta_box h6 i,
.blog_news .content_col  .content .meta_box span i{
  margin: 0 5px 0 0;
  font-size: 15px;
}
.blog_news .content_col  .content h5{
  
}
.blog_news .content_col  .content h5 a{
  font-size: 20px;
  line-height: 28px;
  color: #000;
}
.blog_news .content_col  .content p{
  font-size: 15px;
  font-weight: 400;
}

/* hover */
.blog_news .content_col:hover .content h6, .blog_news .content_col:hover .content span,
.blog_news .content_col:hover .content a ,.blog_news .content_col:hover .content p  {
  color: #fff;
}

.blog_news .content_col:hover .date h6  {
  background: white;
  color: #000;
}

.blog_news .content_col:hover .content .blog-content{
  color: #fff;
}

.blog_news .blogs_row .slick-arrow{
  display: none !important;
}

/* blog close */
/* newslettter start */
#newsletter {
  padding: 30px 0;
  margin: 60px 0 0;
}

#newsletter .newsletter_outer {
  display: flex;
  justify-content: space-between;
  align-items: end;
  background: linear-gradient(90deg, rgba(243, 79, 31, 1) 50%, rgba(181, 23, 23, 1) 99%);
  box-shadow: 0 3px 6px #00000029;
  border-radius: 10px;
  padding: 55px 30px 30px;
  color: #fff;
  z-index: 1;
  position: relative;
  margin: -120px 0 0 0;
}

#newsletter .newsletter_outer .newsletter-form-box{
  display: flex;
  justify-content: end;
  gap: 15px;
}
#newsletter .newsletter_outer .headings h3 {
  color: #fff;
  background: #000;
  margin: 0 0 0px !important;
}
#newsletter .newsletter_outer .headings h4{
  font-size: 32px;
  
} 
#newsletter .newsletter_outer .form input[type=email] {
  height: 42px;
  border-radius: 6px;
  background: #fff;
  color: #000000;
  font-size: 15px;
  padding: 0 15px;
  font-family: var(--font-one);
  font-weight: 400;
  border: 0;
  width: 450px;
  margin: 0px 0 0 61px;
}


#newsletter .newsletter_outer .form .wpcf7-not-valid-tip {
  color: #fff;
  font-size: 1em;
  font-weight: normal;
  display: block;
  margin: 8px 0 0 60px;
}


input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 0s 600000s, color 0s 600000s !important;
}

#newsletter .mail_img{
  width: fit-content;
  position: absolute;
  left: 75px;
  top: 45px;
}
#newsletter .newsletter_outer .form input[type=submit] {
  height: 42px;
  border-radius: 6px;
  background: #000;
  color: #fff;
  font-size: 18px;
  padding: 0 24px;
  font-family: var(--font-one);
  font-weight: 400;
  border: none;
  transition: linear all 0.3s;
  border: 1px solid #000;
}
#newsletter .newsletter_outer .form input[type=submit]:hover {
  background: var(--orange);
  border: 1px solid var(--orange);
}

#newsletter .wpcf7 form .wpcf7-response-output {
  color: #000 !important;
}
/* ================================================= */
/* footer */
#footer_box .footer-cols h1,
#footer_box .footer-cols h2,
#footer_box .footer-cols h3,
#footer_box .footer-cols h4,
#footer_box .footer-cols h5,
#footer_box .footer-cols h6{
  font-size: 20px;
  font-weight: 600;
  font-family: var(--font-one);
  margin: 0 0 30px;
}

#footer_box .footer-cols .footer-col-one ul li {
  padding: 0 0 10px;
}

#footer_box .footer-cols .footer-col-two img {
  padding: 0 0 20px;
  margin: 0 auto;
  display: block;
}

#footer_box .footer-cols .footer-col-two p {
  font-size: 18px;
  line-height: 30px;
  margin: 0 0 30px;
}

#footer_box .footer-cols .footer-col-three{
  width: auto;
  margin: 0 0 0 auto;
}

#footer_box .footer-cols .footer-col-three .about_me,
#footer_box .footer-cols .footer-col-three .about_me .row {
  display: block;
}
#footer_box .footer-cols .footer-col-three .about_me .row h6{
  display: none;
}
#footer_box .footer-cols .footer-col-three .about_me .outer {
  display: flex;
  gap: 10px;
  margin: 0 0 25px;
}
#footer_box .footer-cols .footer-col-three .about_me .outer p{
  margin: 0;
  font-size: 16px;
  font-weight: 400;
}
#footer_box .footer-cols .footer-col-three .about_me .outer_call{
  align-items: center;
}

#footer_box .footer-cols .footer-col-three .about_me .outer_call i{
  height: 35px;
  width: 35px;
  background: var(--orange);
  line-height: 35px;
  text-align: center;
  border-radius: 6px;
}

/* copyright */
#footer_box .copyright .copyright_content{
  display: flex;
  justify-content: space-between;
}
#footer_box .copyright .copyright_content .footer-col-four ul{
    display: flex;
}
#footer_box .copyright .copyright_content .footer-col-four ul li a{
  color: #000;
  font-weight: 600;
}


/* =========================homepage close=================== */
/* ---------------Inner pages start------------------------- */
/* about us page */
#about-page-maine {
  margin: 0px 0 10%;
}
#about-page-maine #about-us {
  padding: 80px 0 60px;
}
#about-page-maine #counter {
  padding: 90px 0 8%;
}

#about-page-maine #why-us {
  padding: 0% 0 90px;
}

#about-page-maine #about-us .about_right_content .button2{
  display: none;
}

/* ========================================================================== */
/* services page */
#services-page {
  margin: 0 0 150px;
}
#services-page .services_row{
  padding: 0;
}

/* ====================================== */
/* projects page */
#projects-page{
  margin: 0 0 150px;
}

#projects-page .content_outer .projects_row .c-col .contents {
  padding: 15px;
  min-height: 460px;
  box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  margin: 0 0 30px;
}

#projects-page .content_outer .projects_row .c-col .contents:hover  {
  color: #fff;
  background: linear-gradient(90deg, #F34F1F 0%, #B53A17 100%);
}

#projects-page .content_outer .projects_row .c-col .contents:hover h3, 
#projects-page .content_outer .projects_row .c-col .contents:hover a{
  color: #fff;
}

/* 
#projects-page .content_outer .c-col:nth-child(1) .contents,
#projects-page .content_outer .c-col:nth-child(2) .contents,
#projects-page .content_outer .c-col:nth-child(3) .contents,
#projects-page .content_outer .c-col:nth-child(5) .contents,
#projects-page .content_outer .c-col:nth-child(6) .contents,
#projects-page .content_outer .c-col:nth-child(7) .contents,
#projects-page .content_outer .c-col:nth-child(9) .contents,
#projects-page .content_outer .c-col:nth-child(10) .contents,
#projects-page .content_outer .c-col:nth-child(11) .contents {
  border-right: 1px solid rgba(226,226,226,1);
  border-bottom: 1px solid rgba(226,226,226,1);
}

#projects-page .content_outer .c-col:nth-child(4) .contents,
#projects-page .content_outer .c-col:nth-child(8) .contents,
#projects-page .content_outer .c-col:nth-child(12) .contents {
  border-right: 0px solid rgba(226,226,226,1);
  border-bottom: 1px solid rgba(226,226,226,1);
} */

#projects-page .content_outer .c-col .contents img {
  width: 100%;
  border-radius: 15px;
  min-height: 270px;
}
#projects-page .content_outer .c-col .contents h3{
  font-size: 20px;
  font-weight: 700;
  margin: 10px 0 0;
  color: #000;
}
#projects-page .content_outer .c-col .contents p{
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  margin: 8px 0 15px;
}
#projects-page .content_outer .c-col .contents a{
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  color: #000;
}
/* ========================================== */

/* contact page */
#contact-us {
  padding: 3% 0 3% 0;
  /* box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  padding: 45px;
  margin: 0 0 15%; */
}

#contact-us .outer{
  box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  padding: 45px;
  margin: 0 0 60px; 
}


#contact-us .contac_form {
  max-width: 100%;
  margin: 0 0 45px;
}
#contact-us .contac_form form input[type="text"],
#contact-us .contac_form form input[type="tel"], 
#contact-us .contac_form form input[type="email"],
#contact-us .contac_form form textarea {
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 0 0px 0;
  height: auto;
  width: 100%;
  border-radius: 10px;
  font-weight: 500;
  border: 1px solid #f34f1f33;
  background: #fff;
  height: 55px;
}
#contact-us .contact-info {
  margin: 30px 0 30px;
  max-width: 100%;
}
#contact-us .contact-info h3 {
  font-size: 30px;
}
#contact-us .contact-info .details {
  color: #000;
  border-radius: 10px;
  margin: 45px 0 0;
  display: flex;
  gap: 15px;
  align-items: center;
}
#contact-us .contact-info .details i {
  font-size: 20px;
  height: 50px;
  width: 50px;
  background: var(--orange);
  text-align: center;
  line-height: 50px;
  border-radius: 10px;
  color: #fff;
}

#contact-us .contact-info .details a{
  color: #000;
}

#contact-us .contac_form form .btn-wrap{
  background-color: #000;
}
/* =========================== */
/* blog page start */
#full-width-blog #blog-news,
#blog-right-sidebar #blog-news,
#blog-left-sidebar #blog-news{
  padding: 0;
}
#blog-news {
  margin: 0 0 0px;
}

#single-post #blog-news{
  padding: 0;
}

#blog-news .content_col {
  box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  padding: 15px;
  margin: 0 0 20px;
}
/* single blog page  */
#single-post .single-post-img{
  border-radius: 15px;
  overflow: hidden;
}

#single-post .single-post-img img {
  width: 100%;
  min-height: 350px;
  object-fit: cover;
  height: 400px;
}
#blog-news .content_col .thumb {
  border-radius: 10px 10px;
  overflow: hidden;
  height: 240px;
  position: relative;
  margin: 0 0 15px;
}
#blog-news .content_col .thumb img{
  border-radius: 15px;
  height: 100%;
  width: 100%;
}

#blog-news .content_col .content h5{
  margin: 0 0 10px;
}

/* error 404 page */
.error-page {
  margin: 60px 0 130px;
}

/* privacy policy /TC/Support pages */
#support-page ,
#pri-po-page ,
#tc-page {
  margin: 0 0 130px;
}

#support-page .content_box,
#pri-po-page .content_box,
#tc-page .content_box{
  margin: 0 0 20px;
}

#support-page .content_box h2,
#pri-po-page .content_box h2,
#tc-page .content_box h2{
  margin: 0 0 7px;
  font: 600 20px / 35px var(--font-one);
}

#support-page .content_box p,
#pri-po-page .content_box p,
#tc-page .content_box p{
  font: 400 16px / 30px var(--font-one);
}

/* get a Quote page */
#get-quote-page .outer {
  box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  padding: 45px;
  margin: 0 0 0%;
  background: #fff;
}

#get-quote-page {
  padding: 60px 0;
  margin: 60px 0 180px;
}

#get-quote-page form input,
#get-quote-page form select {
  height: 55px;
  vertical-align: middle;
}
#get-quote-page form textarea {
  height: 200px;
  resize: none;
}
#get-quote-page .wpcf7-not-valid-tip {
  font-size: 14px;
}

#get-quote-page form [type=submit] {
  font-family: var(--font-one);
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  background: var(--orange);
  padding: 8px 50px;
  margin: 20px 0 0 0px;
  border-radius: 6px;
  transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1);
  border: 0;
  height: 45px;
}

#get-quote-page form [type=submit]:hover{
  color: #fff;
  background: #000;
}

#get-quote-page form label {
  display: block;
}

#get-quote-page form .wpcf7-radio .wpcf7-list-item {
  display: block;
  line-height: 30px;
  height: 45px;
  margin: 0 0 0;
  font-size: 16px;
  width: 50%;
  float: left;
}

/* contact info */
#get-quote-page .details {
  color: #000;
  border-radius: 10px;
  margin: 45px 0 0;
  display: flex;
  gap: 15px;
  align-items: center;
}
#get-quote-page .details i {
  font-size: 20px;
  height: 50px;
  width: 50px;
  background: var(--orange);
  text-align: center;
  line-height: 50px;
  border-radius: 10px;
  color: #fff;
}
#get-quote-page .details a {
  color: #000;
}


/* ========================================== */
/* =================================================== */
/* single services page start */
#single-ourservices {
  margin: 0 0 90px;
}

#single-ourservices .content_page .banner{
  margin: 0 0 45px;
}

#single-ourservices .content_page .banner .serv_head{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 30px;
}
#single-ourservices .content_page .banner .serv_head .button1 a{
  background: #000;
  color: #fff;
}

#single-ourservices .content_page .banner .serv_head .button1 a:hover{
  background: var(--orange);
}
#single-projects .content_page p,
#single-ourservices .content_page p{
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  color: #000;
}

#single-projects .content_page h3,
#single-ourservices .content_page h3{
  font-size: 28px;
  font-weight: 800;
}

#single-projects .content_page .banner .single_thumb{
  height: 400px;
  border-radius: 10px;
  overflow: hidden;
}

#single-projects .content_page .banner .single_thumb img{
  height: 100%;
  width: 100%;
}

#single-ourservices .content_page .banner img{
  width: 100%;
  border-radius: 10px;
  margin: 0 0 30px;
  height: 400px;
  object-fit: cover;
  object-position: bottom;
}
#single-projects .content_page .para2 {
  margin: 0 0 30px;
}

#single-projects .content_page .para2 h3{
  margin: 0 0 15px;
}
#single-projects .content_page .list ul{
  list-style-type: none;
  margin: 0 0 40px;
}
#single-projects .content_page .list ul li{
  margin: 0 0 10px;
}
#single-projects .content_page .list ul{
  list-style-type: none;
}

#single-projects .content_page .list ul li i{
  vertical-align: middle;
  margin: 0 10px;
}


#single-projects .content_page .btm-cont img{
  margin: 0 0 30px;
}

#single-projects .content_page .btm-cont  .img_list{
  min-height: 250px;
  height: 250px;
  overflow: hidden;
  border-radius: 10px;
  margin: 0 0 15px;
}

#single-projects .content_page .btm-cont img{
  height: 100%;
  width: 100%;
  margin: 0 0 10px;
}

#single-ourservices .content_page .quote p span{
  font-weight: 800;
}
#single-ourservices .content_page .lists{
  margin: 0 0 30px;
}

#single-ourservices .content_page .lists img{
  width: 100%;
  border-radius: 15px;
}

#single-ourservices .content_page .lists ul{
  list-style-type: none;
}
#single-ourservices .content_page .lists ul li{
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 13px;
}

#single-ourservices .content_page .lists ul li i{
  vertical-align: middle;
  margin: 0 10px;
}

#single-ourservices .content_page .lists .list_thumb{
  height: 250px;
  border-radius: 12px;
  overflow: hidden;
}

#single-ourservices .content_page .lists .list_thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: top;
}

#single-ourservices .content_page .para2{
  margin: 0 0 30px;
}
#single-ourservices .content_page .para2 h3,
#single-ourservices .content_page .para3 h3{
  margin: 0 0 15px;
}
#single-ourservices .content_page .services_video  {
  position: relative;
}
#single-ourservices .content_page .services_video img {
  width: 100%;
  height: 300px;
  border-radius: 15px;
}

#single-ourservices .content_page .services_video .icon {
  text-align: center;
  position: absolute;
  top: 35%;
  left: 46%;
}
#single-ourservices .content_page .services_video .icon button {
  background: var(--white);
  border-radius: 50%;
  height: 80px;
  width: 80px;
  border: 1px solid var(--white);
}
#single-ourservices .content_page .services_video .icon button i {
  font-size: 30px;
  color: var(--black);
  line-height: 70px;
}
#single-ourservices .content_page .services_video .icon button:focus {
  box-shadow: none;
}
/* ====================================================== */
/* search page start */
#search-page h1{
  font-family: var(--font-two);
  font-size: 45px;
  font-weight: 800;
  line-height: 60px;
}

#search-page .search-content .c-col .content_col {
  padding: 15px;
  background: #fff;
  margin: 0 0 30px;
  border-radius: 15px;
  box-shadow: 0 3px 6px #00000029;
}
#search-page .search-content .c-col .content_col .thumb img{
  border-radius: 15px;
  margin: 0 0 15px;
}
#search-page .search-content .c-col .content_col .content .meta_box{
  margin: 10px 0;
}
#search-page .search-content .c-col .content_col .content .meta_box span{
  font-size: 14px;
  font-weight: 700;
}
#search-page .search-content .c-col .content_col .content p{
  margin: 10px 0 0;
  min-height: 55px;
}

/* ================single blog page===================== */
#single-post .theme-para {
  line-height: 20px;
  font-size: 16px;
  margin: 10px 0 0;
}


#single-post #blog-news .related_content_col .blog-title h5 a{
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}

#single-post #blog-news .related_content_col .content {
  margin: 15px 0 0; 
}
#single-post #blog-news .related_content_col .content h6,
#single-post #blog-news .related_content_col .content span,
#single-post #blog-news .related_content_col .content a {
  text-transform: capitalize;
  color: #000;
  font-size: 15px;
  font-weight: 700;
}
#single-post #blog-news .related_content_col {
  position: relative;
}
#single-post #blog-news .related_content_col .thumb{
  overflow: visible;
}
#single-post #blog-news .related_content_col .date{
  position: absolute;
  bottom: 10px;
  right: 10px;
}
#single-post #blog-news .related_content_col .date h6{
  background: var(--black);
  padding: 15px 20px 7px;
  border-radius: 7px;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 26px;
  width: max-content;
}
#single-post #blog-news .related_content_col .date h6 span{
  display: block;
  font-size: 16px;
}









/* search page */
#search-page .search-content .content_col .thumb {
  min-height: 260px;
  height: 260px;
  overflow: hidden;
  margin: 0 0 15px;
  border-radius: 15px;
}

#search-page .search-content .content_col .thumb img {
  height: 100%;
  width: 100%;
}

#search-page .search-content .content_col .date{
  display: none;
}

#search-page .search-content .content_col .meta_box a,
#search-page .search-content .content_col .meta_box h6,
#search-page .search-content .content_col .meta_box span{
  color: #000;
  text-transform: capitalize;
  font-weight: 700;
}


/* admin page */
.author_outer{
  margin: 120px 0 60px;
}

.auth_header{
  width: auto;
  margin: 18px 0 0;
  z-index: -1;
}

.auth_header .page-title{
  font-size: 36px;
  text-transform: capitalize;
}

.author_outer .content_col{
  box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  padding: 15px;
  margin: 0 0 20px;
}

.author_outer .content_col .thumb {
  border-radius: 10px 10px;
  overflow: hidden;
  height: 240px;
  position: relative;
  margin: 0 0 15px;
}
.author_outer .content_col .thumb img {
  border-radius: 15px;
  height: 100%;
  width: 100%;
}
.author_outer .content_col p {
  font-weight: 400;
  margin: 10px 0;
  font-size: 15px;
}


.author_outer .content_col .content .meta_box h6,
.author_outer .content_col .content .meta_box span, 
.author_outer .content_col .content .meta_box a {
  font-size: 15px;
  font-weight: 700;
  text-transform: capitalize;
  color: #000;
}



/* ============================================================= */
/* =======================Json================================= */
/* common headings  */
.ive-vw-c-subheading{
  clip-path: polygon(0% 13.333%, 0% 13.333%, 0.024% 11.171%, 0.092% 9.119%, 0.202% 7.206%, 0.349% 5.459%, 0.53% 3.905%, 0.741% 2.573%, 0.978% 1.488%, 1.238% 0.68%, 1.516% 0.175%, 1.81% 0%, 97.83% 0%, 97.83% 0%, 98.197% 0.27%, 98.535% 1.041%, 98.839% 2.253%, 99.102% 3.846%, 99.319% 5.76%, 99.485% 7.936%, 99.594% 10.315%, 99.64% 12.835%, 99.618% 15.438%, 99.522% 18.064%, 95.744% 91.397%, 95.744% 91.397%, 95.652% 92.897%, 95.538% 94.28%, 95.403% 95.539%, 95.25% 96.663%, 95.08% 97.641%, 94.896% 98.463%, 94.699% 99.121%, 94.491% 99.602%, 94.275% 99.899%, 94.052% 100%, 1.81% 100%, 1.81% 100%, 1.516% 99.825%, 1.238% 99.32%, 0.978% 98.512%, 0.741% 97.427%, 0.53% 96.095%, 0.349% 94.541%, 0.202% 92.794%, 0.092% 90.881%, 0.024% 88.829%, 0% 86.667%, 0% 13.333%);
    background: linear-gradient(90deg, rgba(243, 79, 31, 1) 0%, rgba(181, 23, 23, 1) 90%);
    color: #fff;
    width: max-content;
    padding: 6px 30px 6px 25px;
    border-radius: 6px 6px 12px 6px;
}

.ive-vw-c-heading::before{
  /* content: '';
  height: 100%;
  width: 5px;
  border-radius: 2px;
  background-color: var(--orange);
  position: absolute;
  left: 0; */
}

/* slider */
.ive-vw-slider #slider .swiper-pagination{
  bottom: 60px;
}
.ive-vw-slider #slider .slider_nav .swiper{
  bottom: 90px;
}

.ive-vw-slider #slider .swiper-button-next, .swiper-button-prev{
  background: transparent !important;
}
.ive-vw-slider #slider .swiper-button-next, 
.ive-vw-slider #slider  .swiper-button-prev,

.ive-vw-slider #slider .swiper-button-next:hover, 
.ive-vw-slider #slider  .swiper-button-prev:hover{
  background: transparent !important;
}

.ive-vw-mining-mission-col-outer{
  gap: 10px;
}
.ive-vw-mining-mission-para {
  padding: 15px;
  border-radius: 12px;
}
.ive-vw-mining-mission-1-inner{
  margin: 30px 0 0 0;
  gap: 5px;
}

.ive-vw-mining-mission-col-2{
  padding:60px 15px  15px;
  border-radius: 12px;
}
/* ========================= */
/* about */
.ive-vw-about--outer{
  margin: 60px auto 0;
}
.ive-vw-about-satisfction-outer{
  background: #F34F1F;
  border-radius: 12px;
  padding: 10px;
  gap: 10px;
}

.ive-vw-about-satisfction-inner{
  margin: 0 0 15px !important;
}
/* right about */
.ive-vw-about-right-col{
position: relative;
}

.ive-vw-about-satis-rated{
  gap: 10px;
}
.ive-vw-about-list {
  margin: 25px 0 8px;
  font-size: 16px;
}
.ive-vw-about-list span svg{
  margin: 0px 6px 0 0px;
  font-size: 16px;
}

/* counter */
.ive-vw-mining-counter-group{
  padding: 30px 0 300px !important;
}

.ive-vw-mining-counter-outer{
  margin: 60px auto 0;
  background: #1e1e1e;
  position: relative;
}

.ive-vw-mining-counter-col-1 {
  margin: 0 0 0;
}

.ive-vw-mining-counter-col-1:before,
.ive-vw-mining-counter-col-2:before,
.ive-vw-mining-counter-col-3:before,
.ive-vw-mining-counter-col-4:before{
  content: '';
  height: 80%;
  width: 4px;
  background-color: var(--orange);
  position: absolute;
  top: 15%;
}

/* services */
.ive-vw-services {
  margin: -200px 0 0px;
  padding: 0 0 60px;
}

/* .ive-vw-services :before{
  content: '';
  background: #1e1e1e;
  height: 600px;
  position: absolute;
  width: 100%;
  z-index: -1;
  margin: 15% 0 0;
} */

.ive-vw-services-outers{
  margin: 0 auto !important;
  padding: 0;
  border-radius: 15px;
  overflow: hidden;
  
}

.ive-vw-services-outers .ive-vw-services-inner{
  padding: 0;
  box-shadow: 0 3px 6px #00000029;
}

.ive-vw-services-outers .ive-vw-c-subheading {
  margin: 0 auto 15px
}


.ive-vw-services-inner{
  /* box-shadow: 0 3px 6px #fff;
  border-radius: 15px; */
  padding: 0px px 0;
  gap: 0;
}
.ive-vw-services-inner .ive-vw-services-outer {
  margin: 0 auto;
  box-shadow: 0 3px 6px #00000029;
  background: transparent !important;
  padding: 0;
  border-radius: 15px;
  overflow: hidden;
}
.ive-vw-services-col1 {
  background: #fff;
  border-radius: 0px;
  padding: 40px 30px 25px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.ive-vw-services-col1:hover {
  background: linear-gradient(-90deg, rgba(243, 79, 31, 1) 50%, rgba(181, 23, 23, 1) 99%); 
}
.ive-vw-services-col1:hover h2 {
  color: #fff;
}

/* projects */
.ive-vw-projects{
  margin: 80px 0 60px;
}

/*  */
.ive-vw-projects-slider{
  box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  /* overflow: hidden; */
}

/* why us */
.ive-vw-why-us-outer{
  padding: 200px 0 0;
  margin: -150px 0 0;
}


.ive-vw-projects-slider .owl-item {
  border-right: 1px solid #ccc;
  padding: 15px;
}

/* slider arrow */
.ive-vw-projects-slider .owl-nav{
  margin: -150px 0 0 !important;
}

/* why us list */
.ive-vw-why-us-right{
  gap: 0;
  margin: 0 0 -8px !important;
}

.ive-vw-why-us-right-img{
  padding: 18px;
}

.ive-vw-why-us-right-exp-col{
  border-radius: 10px 10px 0 10px;
}

.ive-vw-why-us-right-exp-col2{
  border-radius: 0px 10px 10px 10px;
}

.ive-vw-why-us-list{
  margin: 15px 0 0px;
  font-size: 16px;
}

.ive-vw-why-us-list span{
  margin: 0px 5px 0 0px;
  font-size: 16px;
}


/* logos */
.ive-vw-mining-logos-outer{
  padding: 60px 0;
}


/* work */
.ive-vw-mining-work-outer{
  margin: 100px auto 0;
}

.ive-vw-mining-work-num{
  margin: 0 0 -10px 130px;
}

.ive-vw-mining-work-process-1,.ive-vw-mining-work-process-2,.ive-vw-mining-work-process-3{
  position: relative
}

.ive-vw-mining-work-curve-line1,.ive-vw-mining-work-curve-line3 {
  position: absolute;
  top: 25%;
  left: 75%;
  width: 60%;
}

.ive-vw-mining-work-curve-line2{
  position: absolute;
  top: 35%;
  left: 75%;
  width: 60%;
}

/* gallery */
.ive-vw-mining-gallery{
  gap: 10px;
  margin: 90px 0;
}

.ive-vw-gallery-img-last img{
  min-height: 600px;
  border-radius: 15px;
}

/* testimonials */
.ive-vw-testimonials-slider{
  box-shadow: 0 3px 6px #00000029;
  border-radius: 15px;
  padding: 30px 20px 0px;
  /* overflow: hidden; */
}

.ive-vw-testimonials-stars {
  gap: 0;
  justify-content: end;
}

/* video */
.ive-vw-testi-popup-thumb img{
  
}

.ive-vw-testimonials-video-outer{
  position: relative;
}
.ive-vw-testimonials-video{
  position: absolute;
  top: 50%;
  left: 40%;
}
.ive-vw-testimonials-video i {
  height: 75px !important;
  width: 75px !important;
  border-radius: 50px !important;
}
.ive-vw-testimonials-video-thumb img {
  margin: 0 auto;
  display: block;
  width: 100% !important;
  border-radius: 15px;
}

/* pricing plan */
.ive-vw-pricing-plane-outer{
  margin: 90px 0 0;
} 
.ive-vw-pricing-plane-outer .ive-vw-c-subheading{
  margin: 0px auto 0;
} 

.ive-vw-pricing-plane-cotent{
  box-shadow: 0 0px 6px #00000029;
  border-radius: 15px;
  padding: 0px 0px 0px;
  gap: 0;
  overflow: hidden;
}
.ive-vw-pricing-plane-cotent1,.ive-vw-pricing-plane-cotent2,.ive-vw-pricing-plane-cotent3{
  border-right: 1px solid rgba(226,226,226,1);
  padding: 30px 10px;
  position: relative;
}
.ive-vw-pricing-plane-cotent3{
  border-right: 0px !important;
}

.ive-vw-pricing-plane-cotent1:hover,.ive-vw-pricing-plane-cotent2:hover,.ive-vw-pricing-plane-cotent3:hover{
  background: linear-gradient(90deg, rgba(243, 79, 31, 1) 50%, rgba(181, 23, 23, 1) 99%);
}

.ive-vw-pricing-plane-cotent1:hover h3,.ive-vw-pricing-plane-cotent2:hover h3,.ive-vw-pricing-plane-cotent3:hover h3{
  color: #fff;
}

.ive-vw-pricing-plane-cotent1:hover a,.ive-vw-pricing-plane-cotent2:hover a,.ive-vw-pricing-plane-cotent3:hover a{
  background-color: #000;
}

.ive-vw-pricing-plane-dollor{
  position: absolute;
  width: 200px;
  top: -15px;
  left: -15px;
}

/* team */
.ive-vw-team-share-icon{
  background: #000;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 5px;
  margin: 0 0px 0 -10px;
}

.ive-vw-team-share-icon svg{
  color: #fff;
}

.ive-vw-team-headings{
  margin: 0 0 60px;
}

/* blogs */
.ive-vw-blog{
  margin: 0 auto 60px;
}

.ive-vw-blog .ive-vw-c-subheading{
  margin: 0 auto 0px;
}

/* blogs */
.ive-vw-mining-blogs-content{
  /* box-shadow: 0 0px 6px #00000029; */
  border-radius: 15px;
}

.ive-vw-mining-blogs-content{
  box-shadow: 0 0px 6px #00000029;
  border-radius: 15px;
  padding: 0px 0 0;
}

.ive-vw-mining-blogs-content .post-item {
  margin: 0 !important;
}

.ive-vw-mining-blogs-content .ive_latest_post_date_img{
  display: none !important;
}
.ive-vw-mining-blogs-content .post-item .post-content-area{
  padding: 20px 15px 25px !important;
}
.ive-vw-mining-blogs-content .post-item img{
  border-radius: 10px;
}
.ive-vw-mining-blogs-content .ive-inner-post-content{
  padding: 0px 0 !important;
}

.ive-vw-mining-blogs-content .ive-inner-post-content .ive-pt-btn {
  margin: 18px 0 0;
}